.color-picker .slider-wrapper{padding:15px 0}.color-picker .slider-wrapper .slider{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:6px;left:0;right:0;cursor:ew-resize;width:100%}.color-picker .slider-wrapper .slider .slider-track{background:linear-gradient(270deg,red 0,#f0f 17%,#00f 33%,#0ff 50%,#0f0 67%,#ff0 83%,red);position:absolute;height:100%;left:0;right:0;border-radius:5px}.color-picker .slider-wrapper .slider .slider-pipka{position:absolute;bottom:50%;left:0;width:22px;height:22px;margin-left:-8px;margin-bottom:-11px;background:var(--c-primary);will-change:auto;box-sizing:border-box;border:2px solid #fff;border-radius:50%}.color-picker .color-map-wrapper{position:relative;height:100px}.color-picker .color-map-wrapper .color-map{height:100px;position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px;cursor:pointer}.color-picker .color-map-wrapper .color-map .color-map-background{top:0;left:0;position:absolute;height:100%;width:100%}.color-picker .color-map-wrapper .color-map .color-map-background .color-map-background-overlay{display:block;position:absolute;inset:0;background:linear-gradient(transparent,#000),linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0))}.color-picker .color-map-wrapper .color-map .color-map-pipka{position:absolute;width:18px;height:18px;border-radius:100%;border:2px solid #fff;will-change:auto;left:100%;bottom:100%;transform:translateX(-50%) translateY(50%)}.color-picker .color-palette{position:relative;width:100%;margin:15px 0;display:grid;grid-template-columns:repeat(auto-fill,36px);grid-auto-rows:minmax(auto,36px);grid-gap:8px}.color-picker .color-palette .color-tile{border:1px solid #535353;position:relative;border-radius:4px;cursor:pointer}.dd-wrapper[data-v-13c49448]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dd-wrapper .input-value[data-v-13c49448]{width:100%;border:1px solid var(--c-primary);display:inline-flex;border-radius:4px;overflow:hidden;position:relative;align-items:center;min-height:32px;padding-left:10px;cursor:pointer}.dd-wrapper .input-value span[data-v-13c49448]{width:100%;flex-grow:2}.dd-wrapper .input-value span.placeholder[data-v-13c49448]{opacity:.7}.dd-wrapper .input-value i.icon[data-v-13c49448]{width:32px}.dd-wrapper .variants-list[data-v-13c49448]{display:none;position:fixed;top:100px;max-height:200px;overflow-y:auto;border:1px solid var(--c-primary);border-radius:4px;background:#fff;z-index:5}.dd-wrapper .variants-list.opened[data-v-13c49448]{display:flex;flex-direction:column}.dd-wrapper .variants-list .list-item[data-v-13c49448]{padding:12px;cursor:pointer}.dd-wrapper .variants-list .list-item.selected[data-v-13c49448]{background-color:#96c22e;color:#fff}.dd-wrapper .variants-list .list-item[data-v-13c49448]:hover{background-color:#f4ffc2;color:#787878}.range-slider[data-v-6088c2ac]{--range-slider-ticks:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider .slider-wrapper[data-v-6088c2ac]{padding:0}.range-slider .slider-wrapper .slider[data-v-6088c2ac]{width:100%;height:22px;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.range-slider .slider-wrapper .slider .slider-track[data-v-6088c2ac]{width:100%;height:4px;background:var(--c-primary);overflow:hidden;z-index:1}.range-slider .slider-wrapper .slider[data-v-6088c2ac]:after{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,var(--c-primary) 2px,transparent 0,transparent);background-repeat:repeat-x;background-size:calc((100% - 2px)/var(--range-slider-ticks)) 10px;background-position:0;box-sizing:border-box;overflow:hidden}.range-slider .slider-wrapper .slider-pipka[data-v-6088c2ac]{margin-left:-8px;margin-bottom:-11px;box-sizing:border-box;border:2px solid #fff;width:22px;height:22px;border-radius:50%;background-color:var(--c-primary);top:calc(50% - 11px);right:auto;bottom:auto;left:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.range-slider .values-row[data-v-6088c2ac]{display:flex;flex-direction:row;justify-content:space-between}.range-slider .values-row .value-label[data-v-6088c2ac]{font-size:x-small}.range-slider .values-row .value-label.min[data-v-6088c2ac]{width:25%;text-align:left}.range-slider .values-row .value-label.max[data-v-6088c2ac]{width:25%;text-align:right}.range-slider .values-row .value-label.value[data-v-6088c2ac]{padding:1px 10px;min-width:50px;text-align:center;font-size:.9em;border:1px solid var(--c-primary);border-radius:4px}.range-slider .values-row .controls-handler[data-v-6088c2ac]{display:flex;flex-direction:row}.range-slider .values-row .controls-handler .control-butt[data-v-6088c2ac]{border-radius:4px;width:20px;display:flex;align-items:center;justify-content:center;margin:0 10px;font-size:large;font-weight:700;line-height:.9em;cursor:pointer}.range-slider .values-row .controls-handler .control-butt.disabled[data-v-6088c2ac]{cursor:default}.range-slider .values-row .controls-handler .control-butt[data-v-6088c2ac]:not(.disabled):hover{color:var(--c-primary)}.text-form{padding:10px}.text-form>div{margin-bottom:5px}.image-form{padding:10px}.image-form .image-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));grid-auto-rows:minmax(auto,90px);grid-column-gap:8px;grid-row-gap:8px}.image-form .image-filters .filter-tile{cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.image-form .image-filters .filter-tile .image-wrapper{width:80px;height:60px;border-radius:4px;padding:1px;display:inline-flex;box-sizing:border-box}.image-form .image-filters .filter-tile .image-wrapper .image{width:100%;background:url(/img/landscape_4x3.jpg) 50%;background-size:cover}.image-form .image-filters .filter-tile .image-wrapper .image.invert{filter:invert(1)}.image-form .image-filters .filter-tile .image-wrapper .image.sepia{filter:sepia(1)}.image-form .image-filters .filter-tile .image-wrapper .image.grayscale{filter:grayscale(1)}.image-form .image-filters .filter-tile.active .image-wrapper{border:2px solid var(--c-primary)}.image-form .image-filters .filter-tile span{margin-top:5px}.controls-form{padding:5px 0}.buttons-row{display:flex;justify-content:center;align-items:center;width:100%;height:36px}.buttons-row.arrangement{margin-top:5px}.buttons-row.arrangement .control-button:hover svg .fillable{fill:var(--c-primary)}.buttons-row .control-button{cursor:pointer;height:100%;flex:1;position:relative;color:#98a0b1;display:flex;justify-content:center;align-items:center}.buttons-row .control-button:hover svg{fill:var(--c-primary)}.buttons-row .control-button i{display:inline-flex;fill:currentColor;position:relative;pointer-events:none}.buttons-row .control-button i svg{width:1.5em;height:1.5em}.buttons-row .control-button:not(:last-child):after{content:"";top:5px;right:0;bottom:5px;left:auto;position:absolute;width:1px;background-color:#e3e4e8}.branded-loader[data-v-0b8c6137]{position:fixed;width:100%;height:100%;left:0;top:0;background:#fff;z-index:999}.branded-loader .loader-content[data-v-0b8c6137]{display:block;position:relative;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px}.branded-loader .loader-content .spin-1[data-v-0b8c6137],.branded-loader .loader-content .spin-2[data-v-0b8c6137]{transform-origin:center;-webkit-animation:wave-rotate .8s ease-in-out infinite;animation:wave-rotate .8s ease-in-out infinite}.branded-loader .loader-content .spin-2[data-v-0b8c6137]{-webkit-animation-delay:.1s;animation-delay:.1s}.branded-loader .loader-content .spin-3[data-v-0b8c6137]{transform-origin:center;-webkit-animation:wave-rotate .8s ease-in-out infinite;animation:wave-rotate .8s ease-in-out infinite;-webkit-animation-delay:.2s;animation-delay:.2s}.design-preview .template-item .template-title[data-v-018e6d3e]{font-weight:bolder;color:#494b4d}.design-preview .template-item img[data-v-018e6d3e]{margin:10px 0}#constructor{--c-primary:#96c22e;--c-danger:#ef6969;background-color:#f0f2ef;height:100vh;display:flex;flex-direction:column}#constructor .button{height:auto}#constructor *,#constructor :after,#constructor :before{box-sizing:border-box;font-family:arial,x-locale-body,sans-serif}#constructor header{height:50px;width:100%;position:relative;background-color:#fff;box-shadow:0 0 5px 0 #787878;display:flex;align-items:center;padding:0 15px}#constructor header>div{height:100%}#constructor header .center-block{flex-grow:2}#constructor header .actions-block{align-self:flex-end;display:flex;flex-direction:row;align-items:center}#constructor header .actions-block .add-to-cart{padding:0 15px;font-weight:700;font-size:1.1em;height:35px}#constructor section.content{flex-grow:2;display:flex;justify-content:center;align-items:center}#constructor section.content .editor{position:relative;display:flex;justify-content:space-between;width:100%;height:calc(100vh - 50px)}#constructor section.content .editor *{font-size:16px}#constructor section.content .editor .panel{position:relative;width:320px;overflow:hidden;background-color:#fff;margin:10px;border-radius:4px;box-shadow:0 0 8px 0 #787878;z-index:5}#constructor section.content .editor .panel.left-panel{display:flex;flex-direction:column}#constructor section.content .editor .panel.left-panel .control-buttons{width:100%;padding:5px;box-shadow:0 6px 4px 0 rgba(0,0,0,.08);z-index:2}#constructor section.content .editor .panel.left-panel .items-list{display:flex;flex-direction:column;max-height:100%;overflow-y:auto;z-index:1}#constructor section.content .editor .panel.left-panel .items-list .item{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #bbb;padding:5px}#constructor section.content .editor .panel.left-panel .items-list .item.active{background-color:#f4ffc2!important}#constructor section.content .editor .panel.left-panel .items-list .item.active .thumb .text{background:var(--c-primary)}#constructor section.content .editor .panel.left-panel .items-list .item.active .thumb .text svg{fill:#fff}#constructor section.content .editor .panel.left-panel .items-list .item .thumb{align-self:stretch;margin:5px;padding:0;max-width:48px;min-width:48px;min-height:48px;max-height:48px;position:relative;border-radius:4px;overflow:hidden}#constructor section.content .editor .panel.left-panel .items-list .item .thumb div{width:100%;height:100%}#constructor section.content .editor .panel.left-panel .items-list .item .thumb div.image{background-position:50%;background-repeat:no-repeat;background-size:cover}#constructor section.content .editor .panel.left-panel .items-list .item .thumb div.text{background-color:#e3e4e8;display:flex;align-items:center;justify-content:center}#constructor section.content .editor .panel.left-panel .items-list .item .thumb div.text svg{fill:#98a0b1;width:2em;height:2em}#constructor section.content .editor .panel.left-panel .items-list .item .title{text-transform:capitalize;flex-grow:2;margin:0 5px;font-size:larger}#constructor section.content .editor .panel.left-panel .items-list .item .action-button{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:100%}#constructor section.content .editor .panel.left-panel .items-list .item .action-button:last-child{margin-right:5px}#constructor section.content .editor .panel.left-panel .items-list .item .action-button i{display:inline-flex;fill:currentColor;position:relative;pointer-events:none}#constructor section.content .editor .panel.left-panel .items-list .item .action-button i svg{width:1.5em;height:1.5em}#constructor section.content .editor .panel.left-panel .items-list .item .action-button i svg g{transition:all .2s linear}#constructor section.content .editor .panel.left-panel .items-list .item .action-button.remove:hover svg g{fill:var(--c-danger)}#constructor section.content .editor .panel.right-panel{display:flex;flex-direction:column}#constructor section.content .editor .panel.right-panel .tools-handler{height:100%}#constructor section.content .editor .panel.right-panel .tools-handler .tools-panel{display:flex;flex-direction:column;height:100%}#constructor section.content .editor .editor-area{flex-grow:2;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:10px 0}#constructor section.content .editor .buttons-group{margin:0;padding:0;width:100%;display:flex;flex-wrap:nowrap;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#constructor section.content .editor .buttons-group .button{border:1px dotted #787878;padding:10px 15px;width:100%;text-align:center;cursor:pointer}#constructor section.content .editor .buttons-group .button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}#constructor section.content .editor .buttons-group .button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}#constructor section.content .editor .buttons-group .button+.button{border-left:none}#constructor section.content .editor .buttons-group+.buttons-group{margin-top:5px}#constructor section.content .editor .tabs{width:100%;display:flex;flex-direction:row;margin:0;padding:0}#constructor section.content .editor .tabs .tab-tile{width:100%;display:flex;padding:10px 15px;border-bottom:1px solid #bbb;position:relative;font-weight:700;cursor:pointer;justify-content:center}#constructor section.content .editor .tabs .tab-tile+.tab-tile:before{content:"";display:block;height:100%;border-left:1px solid #bbb;position:absolute;left:0;top:0}#constructor section.content .editor .tabs .tab-tile.active{border-bottom:2px solid var(--c-primary);color:var(--c-primary)!important}#constructor section.content .editor .primary{color:var(--c-primary)!important;border-color:var(--c-primary)!important}#constructor section.content .editor .primary:hover{color:#fff!important;background-color:var(--c-primary)!important}#constructor section.content .editor .primary-bg{background-color:var(--c-primary)!important}#constructor section.content .editor .danger{color:var(--c-danger)!important;border-color:var(--c-danger)!important}#constructor section.content .editor .danger:hover{color:#fff!important;background-color:var(--c-danger)!important}#constructor section.content .editor .danger-bg{background-color:var(--c-danger)!important}#constructor section.content .editor button,#constructor section.content .editor input[type=button],#constructor section.content .editor input[type=reset],#constructor section.content .editor input[type=submit],#constructor section.content .editor textarea{outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#constructor section.content .editor button.action-button,#constructor section.content .editor input[type=button].action-button,#constructor section.content .editor input[type=reset].action-button,#constructor section.content .editor input[type=submit].action-button,#constructor section.content .editor textarea.action-button{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0;margin:0;font-size:16px}#constructor section.content .editor .status-bar{position:absolute;left:340px;bottom:10px;display:flex;flex-direction:row}#constructor section.content .editor .status-bar .position,#constructor section.content .editor .status-bar .size{line-height:1}#constructor section.content .editor .status-bar .position:not(:last-child):after,#constructor section.content .editor .status-bar .size:not(:last-child):after{content:"|";margin:0 8px}#constructor section.content .editor .status-bar .position span,#constructor section.content .editor .status-bar .size span{vertical-align:middle;font-family:monospace}#constructor section.content .editor .status-bar .position span:first-child,#constructor section.content .editor .status-bar .size span:first-child{margin-right:10px}#constructor section.content .editor .editor-area{position:relative}#constructor section.content .editor .template-switcher{position:absolute;left:0;top:0;z-index:5;width:100px;display:flex;flex-direction:column}#constructor section.content .editor .template-switcher .template-variant{width:100%;height:100px;border-radius:4px;background:#f0f2ef;display:flex;flex-direction:column;align-items:center;cursor:pointer;box-shadow:0 0 5px 0 #787878}#constructor section.content .editor .template-switcher .template-variant.active{box-shadow:0 0 4px 1px var(--c-primary)}#constructor section.content .editor .template-switcher .template-variant .tpl-title{text-align:center;font-size:smaller;font-weight:500;padding:2px 0}#constructor section.content .editor .template-switcher .template-variant:not(:first-child){margin-top:10px}#constructor section.content .editor .template-switcher .template-variant .tpl-thumb{width:90%;height:90%;background-size:contain;background-position:50%;background-repeat:no-repeat}