:root{--header-size: 96px;--header-small-size: 70px;--customizer-color-bg: #fff;--customizer-color-border: #a09fa2;--customizer-color-card: #f3f4f2;--customizer-color-card-hover: #a09fa2;--customizer-color-selection: #f0f0f0;--customizer-color-close: #e0e0de;--customizer-color-bg-error: #fee2e2;--customizer-color-error: #ef4444;--customizer-color-overlay: rgba(0, 0, 0, .3);--customizer-spacing-xsm: 5px;--customizer-spacing-sm: 10px;--customizer-spacing-md: 20px;--customizer-spacing-lg: 30px;--customizer-spacing-xlg: 50px;--customizer-title-size: 22px;--customizer-text-xsm: 12px;--customizer-text-sm: 14px;--customizer-text-md: 16px;--customizer-text-lg: 18px;--customizer-text-xlg: 22px;--customizer-border-radius-xs: 5px;--customizer-border-radius-sm: 10px}@media (width >= 768px){:root{--customizer-title-size: 28px}}@media (width >= 1013px){:root{--header-small-size: 71px}}.customizer{display:block;background:var(--customizer-color-bg);position:fixed;top:var(--header-small-size);left:0;width:100%;height:calc(100% - var(--header-small-size));z-index:100}.customizer-product-content{padding:var(--customizer-spacing-md);display:grid;grid-template-columns:100%;grid-template-rows:auto minmax(auto,70vh) auto;height:100%;overflow-y:auto}@media (width >= 768px){.customizer-product-content{grid-template-rows:auto minmax(auto,55vh) auto;padding:var(--customizer-spacing-lg)}}@media (width >= 1024px){.customizer-product-content{padding:var(--customizer-spacing-lg) var(--customizer-spacing-xlg)}}@media (width >= 1200px){.customizer-product-content{grid-template-rows:auto minmax(auto,60vh) auto}}@media (width >= 1440px){.customizer-product-content{grid-template-rows:auto minmax(auto,60vh) auto}}.customier-product__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--customizer-spacing-md);gap:1rem}.customier-product__header .customizer-product__heading{width:calc(100% - (48px + 1rem));font-size:var(--customizer-title-size);margin:0}.customier-product__header .customizer-product__close,.customier-product__header .customizer-product__return{cursor:pointer}@media (width >= 768px){.customier-product__header{margin-bottom:var(--customizer-spacing-lg)}}.customizer-product-editor{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto}@media (width >= 768px){.customizer-product-editor{grid-template-columns:minmax(220px,250px) auto;gap:0 var(--customizer-spacing-lg)}}@media (width >= 1024px){.customizer-product-editor{grid-template-columns:minmax(250px,300px) auto;gap:0 var(--customizer-spacing-xlg)}}.editor__steps{order:1}@media (width >= 768px){.editor__steps{order:0;max-height:100%;overflow-y:auto}}.editor__stepsList{display:flex;overflow-x:auto;white-space:nowrap;border-top:1px solid var(--customizer-color-border);border-bottom:1px solid var(--customizer-color-border);margin-inline:calc(var(--customizer-spacing-md) * -1)}.editor__stepsList::-webkit-scrollbar{display:none}.editor__stepsList .editor__stepsItem{cursor:pointer;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:var(--customizer-spacing-sm);width:100px;height:100px;border-right:1px solid var(--customizer-color-border);padding:var(--customizer-spacing-sm);flex:0 0 auto;text-align:center}.editor__stepsList .editor__stepsItem.item--error{background:var(--customizer-color-bg-error);color:var(--customizer-color-error)}.editor__stepsList .editor__stepsItem.item--active{background:var(--customizer-color-selection);color:inherit;pointer-events:none}.editor__stepsList .editor__stepsItem:last-of-type{border-right:none}.editor__stepsList .editor__stepsItem .editor__stepsIcon{width:24px;height:24px}.editor__stepsList .editor__stepsItem .editor__stepsText{width:100%;font-size:var(--customizer-text-xsm);white-space:break-spaces}@media (width >= 768px){.editor__stepsList{flex-wrap:wrap;overflow-x:initial;white-space:initial;border:none;margin:0}.editor__stepsList::-webkit-scrollbar{display:block;width:10px}.editor__stepsList .editor__stepsItem{justify-content:start;flex-direction:row;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--customizer-color-border);padding:var(--customizer-spacing-md) var(--customizer-spacing-sm);flex:initial;text-align:left}.editor__stepsList .editor__stepsItem:last-of-type{border-bottom:none}.editor__stepsList .editor__stepsItem .editor__stepsText{width:initial;font-size:var(--customizer-text-md)}}@media (width >= 1024px){.editor__stepsList .editor__stepsItem .editor__stepsText{font-size:var(--customizer-text-lg)}}.editor__options{max-height:100%;overflow-y:auto}.editor__optionsText .editor__optionsInput{margin-bottom:var(--customizer-spacing-md)}.editor__optionsText .editor__optionsInput input{width:100%;height:50px;font-size:1rem;padding:0 .5rem}.editor__optionsText .editor__optionsInput input:last-child{margin-top:.5rem}.editor__optionsText .editor__optionsInput input:invalid{outline-color:var(--customizer-color-error);border:2px solid var(--customizer-color-error)}@media (width >= 768px){.editor__optionsText .editor__optionsInput{margin-bottom:var(--customizer-spacing-lg)}.editor__optionsText .editor__optionsInput input{width:100%;height:60px;font-size:1.1rem;padding:0 1rem}}.editor__optionsList{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--customizer-spacing-md);align-items:center}.editor__optionsList.optionsList--colors{grid-template-columns:repeat(4,1fr)}.editor__optionsList.optionsList--image{grid-template-columns:repeat(2,1fr)}@media (width >= 768px){.editor__optionsList{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.editor__optionsList.optionsList--colors{grid-template-columns:repeat(auto-fill,100px)}.editor__optionsList.optionsList--image{grid-template-columns:repeat(auto-fill,150px);align-items:start}}@media (width >= 1024px){.editor__optionsList{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width >= 1200px){.editor__optionsList{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.editor__optionsItem{position:relative;cursor:pointer}.editor__optionsItem.optionItem--colors{border-radius:var(--customizer-border-radius-xs);background:var(--color-bg);height:17vw}.editor__optionsItem.optionItem--colors.optionItem--selected{border:2px solid var(--customizer-color-border)}.editor__optionsItem.optionItem--image .editor__optionsImage{position:relative;z-index:-2;width:100%;height:35vw}.editor__optionsItem.optionItem--image .editor__optionsImage .editor__optionsImg{border-radius:var(--customizer-border-radius-xs);width:100%;height:100%;object-fit:cover}.editor__optionsItem.optionItem--selected .editor__optionsImage{border:2px solid var(--customizer-color-border)}.editor__optionsItem:hover.optionItem--image{opacity:.8}.editor__optionsItem:hover .editor__optionsImage{background:var(--customizer-color-card-hover)}.editor__optionsItem .editor__optionsImage{display:flex;justify-content:center;align-items:center;border-radius:var(--customizer-border-radius-xs);background:var(--color-bg);margin-bottom:var(--customizer-spacing-sm)}.editor__optionsItem .editor__optionsImage .editor__optionsImg{width:90%;height:auto;object-fit:cover}.editor__optionsItem .editor__optionZoom{position:absolute;top:var(--customizer-spacing-sm);right:var(--customizer-spacing-sm);background:#fffc;display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;z-index:-1;transition:.3s}.editor__optionsItem .editor__optionZoom:hover{background:#fff;transform:scale(1.1)}.editor__optionsItem .sIsImage{transition:.3s;background:var(--customizer-color-card);padding:var(--customizer-spacing-md);margin-bottom:var(--customizer-spacing-sm);border:2px solid transparent}.editor__optionsItem .sIsImage.optionsImage--full{width:100%;min-height:80px;background:var(--color-bg);padding:0}.editor__optionsItem .sIsImage.optionsImage--full .editor__optionsImg{width:100%;height:100%;object-fit:cover}.editor__optionsItem .sIsImage .editor__optionsImg{vertical-align:bottom}.editor__optionsItem .editor__optionsName{font-size:var(--customizer-text-xsm);text-align:left}@media (width >= 768px){.editor__optionsItem.optionItem--colors{height:100px}.editor__optionsItem.optionItem--image .editor__optionsImage{height:150px}.editor__optionsItem .editor__optionsName{font-size:var(--customizer-text-sm)}}@media (width >= 1024px){.editor__optionsItem .editor__optionsImage.optionsImage--full{min-height:130px}.editor__optionsItem .editor__optionsName{font-size:var(--customizer-text-md)}}@media (width >= 1200px){.editor__optionsItem .editor__optionsImage.optionsImage--full{min-height:150px}}@media (width >= 1440px){.editor__optionsItem .editor__optionsImage.optionsImage--full{min-height:170px}}.customizer-product__footer{display:flex;align-items:center;gap:var(--customizer-spacing-md);margin-top:var(--customizer-spacing-md)}.customizer-product__footer .customizer-product__preview{width:80px}.customizer-product__footer .customizer-product__actions{width:calc(100% - 80px);display:flex;justify-content:space-evenly;gap:var(--customizer-spacing-xsm)}@media (width >= 768px){.customizer-product__footer{justify-content:space-between;margin-top:var(--customizer-spacing-lg)}.customizer-product__footer .customizer-product__preview{width:100px}.customizer-product__footer .customizer-product__actions{width:auto;gap:var(--customizer-spacing-md)}}@media (width >= 1024px){.customizer-product__footer .customizer-product__preview{width:120px}.customizer-product__footer .customizer-product__actions{gap:var(--customizer-spacing-lg)}.customizer-product__footer .customizer-product__actions .customizer-product__button{font-size:var(--customizer-text-lg)}}.popup{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;padding:var(--customizer-spacing-md);z-index:100}.popup .popup__overlay{position:absolute;background:var(--customizer-color-overlay);width:100%;height:100%}.popup .popup__content{position:relative;background:#fff;z-index:1;padding:var(--customizer-spacing-md);display:flex;align-items:center;gap:var(--customizer-spacing-sm);max-width:400px}.popup .popup__content .popup__close{position:absolute;background:var(--customizer-color-close);top:-.8rem;right:-.8rem;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.popup .popup__content .popup__text{width:calc(100% - (24px + var(--customizer-spacing-sm)));margin:0}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><path style="stroke:none;fill-rule:nonzero;fill:%23fff;fill-opacity:1" d="M25 50c13.809 0 25-11.191 25-25S38.809 0 25 0 0 11.191 0 25s11.191 25 25 25Zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:%23000;fill-opacity:1" d="M20.902 25.629v-1.246h3.418v-3.25h1.36v3.25h3.418v1.246H25.68v3.25h-1.36v-3.25Zm0 0"/></svg>') 25 30,auto}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img,.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><path style="stroke:none;fill-rule:nonzero;fill:%23fff;fill-opacity:1" d="M25 50c13.809 0 25-11.191 25-25S38.809 0 25 0 0 11.191 0 25s11.191 25 25 25Zm0 0"/><path style="stroke:none;fill-rule:nonzero;fill:%23000;fill-opacity:1" d="M22.918 25.77V24.37h4.156v1.399Zm0 0"/></svg>') 25 30,auto}.text-error{color:var(--customizer-color-error)}