@charset "utf-8";
/* Slider */
.slider-bar-box{padding:2px 0 2px 12px;display:flex;align-items:center}
.zui-slider{width:100%;height:6px;background-color:#DFDFDF;border-radius:3px;position:relative;cursor:pointer}
.zui-slider-tips{position:absolute;top:-42px;z-index:66666666;white-space:nowrap;transform:translateX(-50%);color:#fff;background:#000;border-radius:3px;height:25px;line-height:25px;padding:0 10px;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.zui-slider-bar{border-radius:3px;position:absolute;height:100%;background-color:#38e199}
.zui-slider-wrap{position:absolute;top:-16px;z-index:8;width:36px;height:36px;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;}
.zui-slider-wrap-btn{display:inline-block;width:20px;height:20px;border-radius:50%;vertical-align:middle;border: 4px solid #fff;box-shadow:0 3px 7px 0 rgb(0,0,0,.11);background-color:var(--theme-color);cursor:pointer;transition:.3s}
.zui-slider-wrap:after{content:"";height:100%;display:inline-block;vertical-align:middle;}
.zui-slider-tips:after{content:'';position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:0;height:0;border-width:6px;border-style:solid;border-color:#000 transparent transparent}
.zui-disabled,.zui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}
.zui-disabled>.zui-slider-bar{background-color:#c2c2c2!important}
.zui-disabled .zui-slider-wrap-btn{border-color:#c2c2c2!important;cursor:not-allowed!important}
.zui-slider-stepper{margin-left:12px}
.zui-slider-stepper .input{width:66px;height:28px;border-radius:4px;padding:0 6px;border:1px solid #ddd;text-align:center}
/* Color Pucker */
.color-picker,.color-picker *,.color-picker ::after,.color-picker ::before{border:0;margin:0;padding:0;display:block;box-sizing:border-box}
.color-picker{background-color:#fff;display:block;min-width:128px;min-height:128px;position:relative}
.color-picker>.color-picker-right-bar{background:linear-gradient(to right,red,#f0f,#00f,#0ff,#0f0,#ff0,red);width:calc(100% - 24px);height:10px;position:absolute;bottom:52px;left:12px;border-radius:10px;cursor:pointer}
.color-picker .color-picker-right-bar-picker{position:absolute;top:-3px;transform:translateX(-50%);height:15px;width:15px;background:#fff;border-radius:50%;box-shadow:0 0 2px 0 rgb(0,0,0,.18);cursor:pointer}
.color-picker>.color-picker-gradients{position:absolute;width:calc(100% - 24px);height:calc(100% - 80px);border:solid #000 1px;left:12px;top:12px}
.color-picker>.color-picker-gradients,.color-picker>.color-picker-gradients *{cursor:url(https://fly.linkcdn.to/vendor/color-picker/color-picker.cur),crosshair}
.color-picker>.color-picker-gradient-black{background:linear-gradient(rgba(0,0,0,0),#000)}
.color-picker>.color-picker-color-block{position:absolute;border:solid #000 1px;background:#fff;width:calc(100% - 104px);max-width:72px;height:18px;left:12px;bottom:8px;display:none}
.color-picker>.color-picker-input{position:absolute;width:70px;border:solid #909090 1px;text-align:left;height:30px;bottom:0;left:50%;transform:translatex(calc(-50% + 10px))}
.color-picker>.color-picker-input>input{padding:0 4px;text-align:center}
.color-picker>.color-picker-input *{font-size:12px;color:grey;line-height:18px}
.color-picker>.color-picker-input::before{width:20px;height:30px;display:block;position:absolute;border:solid #909090 1px;border-right:0;content:'#';text-align:center;font-size:12px;color:grey;line-height:30px;top:-1px;left:-20px}
.color-picker .color-picker-circle{background-color:transparent;position:absolute}
.color-picker .color-picker-circle::before{border-radius:50%;width:11px;height:11px;border:solid #000 1px;background-color:transparent;position:relative;left:-6px;top:-6px;display:block;content:''}
.color-picker .color-picker-circle.color-picker-circle-black::before{border-color:#000}
.color-picker .color-picker-circle.color-picker-circle-white::before{border-color:#fff}

.cmpt-style-box{display:flex;flex-wrap:wrap;}
[class^=style-]{width:100%;}
.cmpt-style-box [class^=style-] > .title{margin-bottom: 8px}
/* Color */
.newColor_picker{width:300px;background-color:rgba(255,255,255,1);box-shadow:0 0 20px 0 rgba(128,128,128,0.2);border-radius: 8px;display: none; position: absolute;z-index: 9;}
.newColor_picker .picker{width: 300px;height: 200px;}
.color_tmpl{font-size: 0;margin-right: -20px;width: 380px;}
.color_tmpl li{position: relative; width: 26px;height: 26px;border-radius: 50%;display: inline-block;margin-right: 20px; margin-bottom: 20px;cursor: pointer;vertical-align: middle;}
.color_tmpl li.selected:before{position: absolute;content: " ";display: block;width: 22px;height: 22px; background: #FFFFFF; top: 2px;left: 2px;border-radius: 50%;}
li[color="newcolor"]{background:url(https://fly.linkcdn.to/images/back/colorpick.png) center center no-repeat;background-size: 100%;}
li[color="111111"]{background-color: #111111;}
li[color="ffffff"]{background-color: #ffffff;border:1px solid #DDDDDD;}
li[color="a6a6a6"]{background-color: #a6a6a6;}
li[color="ff1515"]{background-color: #ff1515;}
li[color="ff5757"]{background-color: #ff5757;}
li[color="fcbcb2"]{background-color: #fcbcb2;}
li[color="8c52ff"]{background-color: #8c52ff;}
li[color="5e17eb"]{background-color: #5e17eb;}
li[color="2c6be8"]{background-color: #2c6be8;}
li[color="38b6ff"]{background-color: #38b6ff;}
li[color="00c2cb"]{background-color: #00c2cb;}
li[color="169758"]{background-color: #169758;}
li[color="00e3aa"]{background-color: #00e3aa;}
li[color="ffde59"]{background-color: #ffde59;}
li[color="ff914d"]{background-color: #ff914d;}
.color_tmpl li span {width:12px;height:12px;display:inline-block;border-radius: 50%; position: absolute;  top: 50%;  left: 50%;transform: translate(-50% ,-50%); background-color: inherit;}
.color_tmpl li.selected span{z-index: 2;}
.color_tmpl li[color="ffffff"].selected:before{width: 14px;height: 14px;background:#dddddd;top:5px;left:5px;}
/* Font */
.style-font{margin-bottom: 10px;}
.style-font .font-select{position:relative}
.style-font .select-value{position:relative;display:flex;align-items:center;padding:0 12px;cursor:pointer;height:40px;border:1px solid #DDDDDD;font-size:16px;border-radius: 4px;line-height:40px;}
.style-font .select-value .iconfont{position:absolute;right:12px;}
.style-font .open .select-value .iconfont{transform:rotate(180deg);}
.style_lis{cursor: pointer;}
.cmpt-style-box [data-value='font']{display:none;width:100%;position:absolute;top:39px;background:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.08);z-index:99;max-height:400px;overflow:auto;}
.cmpt-style-box [data-value='font'] li{display:flex;align-items:center;width:100%;height:40px;cursor:pointer;padding-left:8px;line-height:40px;font-size:20px;}
.cmpt-style-box [data-value='font'] i{display:inline-block;width:100%;height:24px;background:8px center/contain no-repeat;}
.font-select.open [data-value='font']{display:block;}
.select-value [data-font]{display:inline-block;width:100%;height:24px;background:0 center/contain no-repeat;}
.cmpt-style-box li[data-font='MavenPro'] i,.select-value [data-font='MavenPro']{background-image:url(https://fly.linkcdn.to/images/Maven-Pro.png)}
.cmpt-style-box li[data-font='Montserrat-Regular'] i,.select-value [data-font='Montserrat-Regular']{background-image: url(https://fly.linkcdn.to/images/Montserrat.png);}
.cmpt-style-box li[data-font='Nunito-Black'] i,.select-value [data-font='Nunito-Black']{background-image: url(https://fly.linkcdn.to/images/Nunito-Black.png?t=0)}
.cmpt-style-box li[data-font='Poppins-Medium'] i,.select-value [data-font='Poppins-Medium']{background-image: url(https://fly.linkcdn.to/images/Poppins.png)}
.cmpt-style-box li[data-font='Merriweather-Regular'] i,.select-value [data-font='Merriweather-Regular'] {background-image: url(https://fly.linkcdn.to/images/Merriweather.png)}
.cmpt-style-box li[data-font='Merriweather'] i,.select-value [data-font='Merriweather'] {background-image: url(https://fly.linkcdn.to/images/Merriweather.png)}
.cmpt-style-box li[data-font='Raleway-Regular-2'] i,.select-value [data-font='Raleway-Regular-2']{background-image: url(https://fly.linkcdn.to/images/Raleway.png)}
.cmpt-style-box li[data-font='Raleway'] i,.select-value [data-font='Raleway']{background-image: url(https://fly.linkcdn.to/images/Raleway.png)}
.cmpt-style-box li[data-font='LoraItalic'] i,.select-value [data-font='LoraItalic'] {background-image: url(https://fly.linkcdn.to/images/Lora.png)}
.cmpt-style-box li[data-font='Archivo-Regular'] i,.select-value [data-font='Archivo-Regular'] {background-image: url(https://fly.linkcdn.to/images/Archivo.png)}
.cmpt-style-box li[data-font='Pacifico-1'] i,.select-value [data-font='Pacifico-1'] {background-image: url(https://fly.linkcdn.to/images/Pacifico.png)}
.cmpt-style-box li[data-font='ProzaLibre-Regular'] i,.select-value [data-font='ProzaLibre-Regular'] {background-image: url(https://fly.linkcdn.to/images/Proza-Libre.png)}
.cmpt-style-box li[data-font='Aleo-Regular-7'] i,.select-value [data-font='Aleo-Regular-7'] {background-image: url(https://fly.linkcdn.to/images/Aleo-Regular.png)}
.cmpt-style-box li[data-font='Aleo-Light-5'] i,.select-value [data-font='Aleo-Light-5'] {background-image: url(https://fly.linkcdn.to/images/Aleo-light.png)}
.cmpt-style-box li[data-font='Akrobat-Regular'] i,.select-value [data-font='Akrobat-Regular']{background-image: url(https://fly.linkcdn.to/images/Akrobat.png)}
.cmpt-style-box li[data-font='FuturaBkBTBook'] i,.select-value [data-font='FuturaBkBTBook']{background-image: url(https://fly.linkcdn.to/images/Futura-Bk-BT.png)}
.cmpt-style-box li[data-font='OpenSans'] i,.select-value [data-font='OpenSans']{background-image: url(https://fly.linkcdn.to/images/Open-Sans.png)}
.cmpt-style-box li[data-font='PlayfairDisplay'] i,.select-value [data-font='PlayfairDisplay']{background-image: url(https://fly.linkcdn.to/images/Playfair-Display.png)}
.cmpt-style-box li[data-font='Archive-Regular'] i,.select-value [data-font='Archive-Regular']{background-image: url(https://fly.linkcdn.to/images/Archive.png)}
.cmpt-style-box li[data-font='Arciform'] i,.select-value [data-font='Arciform']{background-image: url(https://fly.linkcdn.to/images/Arciform-Sans.png)}
.cmpt-style-box li[data-font='Bavro-Regular'] i,.select-value [data-font='Bavro-Regular']{background-image: url(https://fly.linkcdn.to/images/Bavro.png)}
.cmpt-style-box li[data-font='Blenda-Script'] i,.select-value [data-font='Blenda-Script']{background-image: url(https://fly.linkcdn.to/images/Blenda-Script.png)}
.cmpt-style-box li[data-font='Lumberjack'] i,.select-value [data-font='Lumberjack']{background-image: url(https://fly.linkcdn.to/images/Lumberjack.png)}
.cmpt-style-box li[data-font='Manteka'] i,.select-value [data-font='Manteka']{background-image: url(https://fly.linkcdn.to/images/Manteka.png)}
.cmpt-style-box li[data-font='Pirou-Regular'] i,.select-value [data-font='Pirou-Regular']{background-image: url(https://fly.linkcdn.to/images/Pirou.png)}
.cmpt-style-box li[data-font='Prime-Regular'] i,.select-value [data-font='Prime-Regular']{background-image: url(https://fly.linkcdn.to/images/Prime.png)}
.cmpt-style-box li[data-font='Mitr'] i,.select-value [data-font='Mitr']{background-image: url(https://fly.linkcdn.to/images/fonts/Mitr.png)}
.cmpt-style-box li[data-font='Sriracha'] i,.select-value [data-font='Sriracha']{background-image: url(https://fly.linkcdn.to/images/fonts/Sriracha.png)}
.cmpt-style-box li[data-font='KiteOne'] i,.select-value [data-font='Mitr']{background-image: url(https://fly.linkcdn.to/images/fonts/KiteOne.png)}
/* FontSize */
.style-fontSize{width:125px;margin-right:50px;margin-bottom: 10px;}
.style-fontSize .fontSize-select{position:relative}
.style-fontSize .select-value{position:relative;padding:0 12px;cursor:pointer;height:40px;border:1px solid #DDDDDD;font-size:16px;border-radius: 4px;line-height:40px;}
.style-fontSize .select-value .iconfont{position:absolute;right:12px;}
.style-fontSize .opened .select-value .iconfont{transform:rotate(180deg);}
[data-value='fontSize']{display:none;width:100%;position:absolute;top:39px;background:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.08);z-index:99;cursor: pointer;}
[data-value='fontSize'] li{display:flex;align-items:center;width:100%;height:40px;cursor:pointer;padding-left:8px;line-height:40px;font-size:16px;}
.fontSize-select.open [data-value='fontSize']{display:block;}


/* Weight */
.style-weight{width:120px;margin-bottom: 10px}
[data-value=fontWeight] span{display:inline-block;width:48px;height:40px;line-height:40px;font-weight:600;border:1px solid #DDDDDD;border-radius:4px;font-size:20px;cursor:pointer;text-align:center;}
[data-value=fontWeight] span[data-fontweight="600"]{border: 1px solid var(--theme-color);}
/* Align */
.style-align{width:200px;margin-bottom: 10px}
.style-align li{display:inline-block;padding:2px;margin-right:30px;width:34px;height:34px;cursor:pointer;border:1px solid transparent;}
.style-align li:last-child{margin-right:0;}
.style-align li.selected{border:1px solid var(--theme-color);}
.style-align li span{display:inline-block;width:30px;height:30px;}
li[data-align='left'] span{background:center/cover url(https://fly.linkcdn.to/images/align-left@2x.png);}
li[data-align='center'] span{background:center/cover url(https://fly.linkcdn.to/images/align-middle@2x.png);}
li[data-align='right'] span{background:center/cover url(https://fly.linkcdn.to/images/align-right@2x.png);}
/* Divider */
.style-divider ul{}
.style-divider li{display:inline-block;padding:4px;margin-right:20px;width:70px;height:18px;cursor:pointer;border:1px solid transparent}
.style-divider li.selected{border:1px solid var(--theme-color);}
.style-divider li span{display:inline-block;width:60px;height:8px;vertical-align:top;}
li[data-type='solid'] span{background:center/cover url(https://fly.linkcdn.to/images/divider-solid.png);}
li[data-type='dashed'] span{background:center/cover url(https://fly.linkcdn.to/images/divider-dashed.png);}
li[data-type='dashedDot'] span{background:center/cover url(https://fly.linkcdn.to/images/divider-dashedDot.png);}
li[data-type='dot'] span{background:center/cover url(https://fly.linkcdn.to/images/divider-dot.png);}
li[data-type='double'] span{background:center/cover url(https://fly.linkcdn.to/images/divider-double.png);}
/* Shape */
.shape-select{display:inline-flex;margin-right:60px;align-items:center;height:32px;}
.shape-select span{padding-left:6px;}
[data-toggle=rectangle]{display:none}
[data-toggle=circle]{display:none}
/* Social Style */
.style-social{margin-bottom: 10px}
.style-social ul[data-value="style"]{display:flex;}
.style-social ul[data-value="style"] li {width:64px;height:64px;padding:12px;margin-right:10px;border:2px solid transparent;cursor: pointer;}
.style-social ul[data-value="style"] li.selected{border:2px solid var(--theme-color);}
/* Thumbnail Style */
.style-thumbnail{margin-bottom: 10px}
.style-thumbnail ul[data-value="style"]{display:flex;}
.style-thumbnail ul[data-value="style"] li {width:64px;height:64px;padding:12px;margin-right:10px;border:2px solid transparent;cursor: pointer;}
.style-thumbnail ul[data-value="style"] li.selected{border:2px solid var(--theme-color);}
/* Radius */
.style-radius{margin-bottom: 10px}
ul[data-value="radius"]{display: flex;margin-bottom: 20px;}
ul[data-value="radius"] li {width: 64px;height: 64px;margin-right: 10px;border: 2px solid transparent;display: flex; align-items: center;justify-content: center;cursor: pointer;}
ul[data-value="radius"] li.selected {border: 2px solid var(--theme-color);}
li[data-radius="radius0"] span{width: 40px;  height: 40px; background: #626262;display: block;  }
li[data-radius="radius12"] span{width: 40px;height: 40px;background: #626262;border-radius: 6px;display: block; }
li[data-radius="radius50"] span{width: 44px;height: 44px;background: #626262;border-radius: 50%;display: block; }
/*Button style*/
.style-button{margin-bottom: 10px;}
.style-button ul[data-value="buttonStyle"]{font-size: 0;}
.style-button li{display: inline-block;padding: 10px;cursor: pointer;border: 2px solid transparent;border-radius: 5px;}
.style-button li.selected{border-color:var(--theme-color)}
.style-button li img{width: 100px;}
.style-slider{margin-bottom: 10px}
/*Slide Arrow*/
.style-slide-arrow ul{display: flex;}
.style-slide-arrow li {display:flex;align-items:center;justify-content:center;width:104px;height:52px;border-radius: 4px;cursor:pointer;border:2px solid transparent;}
.style-slide-arrow li.selected{border:2px solid var(--theme-color);}
.style-slide-arrow li span{width: 74px;height: 30px;display: inline-block;}
.style-slide-arrow li[data-arrow='directBG'] span{background:center/cover url(https://fly.linkcdn.to/images/arrow1.png);}
.style-slide-arrow li[data-arrow='arrow'] span{background:center/cover url(https://fly.linkcdn.to/images/arrow3.png);}
.style-slide-arrow li[data-arrow='direct'] span{background:center/cover url(https://fly.linkcdn.to/images/arrow2.png);}
/*Slide point*/
.style-slide-point ul{display: flex;}
.style-slide-point li {display:flex;align-items:center;justify-content:center;width:78px;height:38px;border-radius: 4px;cursor:pointer;border:2px solid transparent;}
.style-slide-point li.selected{border:2px solid var(--theme-color);}
.style-slide-point li span{width: 50px;height: 18px;display: inline-block;}
.style-slide-point li[data-point='pointBorder'] span{background:center/cover url(https://fly.linkcdn.to/images/point1.png);}
.style-slide-point li[data-point='pointBG'] span{background:center/cover url(https://fly.linkcdn.to/images/point2.png);}
/*Switch Btn*/
.style-switch-btn{margin-bottom: 10px}
.style-switch-btn .switch-wrap{display: flex;align-items: center;justify-content: space-between;font-size: 18px;}
/*Form Style*/
.style-form{margin-bottom: 10px;}
.style-form li{display: inline-block;padding: 10px;cursor: pointer;border: 2px solid transparent;border-radius: 5px;}
.style-form li img{height: 36px;}
.style-form li.selected{border-color:var(--theme-color)}
/*Form Submit Style*/
.style-form-submit{margin-bottom: 10px;}
.style-form-submit li{display: inline-block;padding: 10px;cursor: pointer;border: 2px solid transparent;border-radius: 5px;}
.style-form-submit li img{height: 36px;}
.style-form-submit li.selected{border-color:var(--theme-color)}