:root{--accent-color:#ffec25;--accent-color-secondary:#fc601853;--warning-color:#f69400;--disabled-color:#fa453c;--danger-stroke:#fa453c63;--danger-color:#fa453c30;--danger-hover-color:#fa453c17;--danger-text:#cc201a;--safe-color:#3edb2238;--safe-stroke:#21dd00bd;--safe-hover-color:#21dd001e;--safe-text:#2ca516;--lemon-bg:#ffea007d;--lemon-bg-hover:#f4e541a3;--lemon-text:#524d0f;--lemon-stroke:#a09300aa;--tangerine-bg:#ff83003d;--tangerine-bg-hover:#3ca4f91a;--tangerine-text:#d76e00;--tangerine-stroke:#dd7c00bd;--sea-bg:#3ca4f940;--sea-bg-hover:#3ca4f91a;--sea-text:#08f;--sea-stroke:#007cddcf;--purple-bg:#b03cf92f;--purple-text:#b03cf9;--pink-bg:#f93c9728;--pink-text:#f93c97;--enabled-color:#5fa053;--enabled-color-bg:#eef6eb;--stroke:#dfdfdf;--text-decorative:clamp(60px,12vw,145px);--text-xxl:clamp(46px,6vw,120px);--text-xl:clamp(44px,4.25vw,80px);--text-l:clamp(35px,3vw,60px);--text-m:clamp(22px,2.1vw,34px);--text-s:clamp(18px,1.5vw,24px);--ls-xxl:clamp(-10px,-0.25vw,-1.8px);--ls-xl:clamp(-3.5px,-0.14vw,-1.4px);--ls-l:clamp(-3.3px,-0.12vw,-1.2px);--ls-m:clamp(-0.7px,-0.05vw,-0.5px);--ls-s:clamp(-0.4px,-0.035vw,-0.4px);--ls-dec:clamp(-17px,-0.43vw,-4.4px);--icon-size:25px;--border-radius:20px;--gap-xs:7px;--gap-s:10px;--gap-m:15px;--gap-l:20px;--gap-xl:50px;--padding-s:10px;--padding-m:15px;--padding-l:20px;--padding-xl:50px;--padding-xxl:100px;--btn-shadow:0px 0.2px 1.4px rgba(0,0,0,.019),0px 0.8px 4.5px rgba(0,0,0,.05),0px 4px 10px rgba(0,0,0,.1),inset 0px 0.2px 1.4px transparent,inset 0px 0.8px 4.5px transparent,inset 0px 4px 10px transparent;--btn-shadow-inset:0px 0.2px 1.4px transparent,0px 0.8px 4.5px transparent,0px 4px 10px transparent,inset 0px 0.2px 1.4px rgba(0,0,0,.019),inset 0px 0.8px 4.5px rgba(0,0,0,.05),inset 0px 4px 10px rgba(0,0,0,.1)}:root.dark{--bg-color:#0d0d0d;--bg-color-secondary:#1f1f1f;--product-image-bg:#2e2e2e;--primary-text-color:#e6e6e6;--secondary-text-color:#8d8d8d;--btn-bg:#1e1e1e;--btn-stroke:#222;--btn-hover:#1e1e1e7c;--input-bg:#1e1e1e;--input-hover:#1e1e1e7c;--context-menu-bg:#121212ba;--toggle-bg-color:#303030;--toggle-inner-color:#bfbfbf;--toggle-linear-gradient:linear-gradient(135deg,#777,silver);--toggle-linear-gradient-2:linear-gradient(135deg,#6e6e6e,#d0d0d0);--toggle-gradient:linear-gradient(180deg,#151515 25%,#060606);--btn-bg-gradient:linear-gradient(180deg,#2e2e2e 5%,#0e0e0e 75%);--btn-accent-gradient:linear-gradient(180deg,#d98a79,#e46c51 33%,#ed421b 67%,#cd2300);--btn-accent-bg:#ffed25ba;--transparent-color:#12121275;--btn-shadow:0px 0.2px 1.4px rgba(0,0,0,.097),0px 0.8px 4.5px rgba(0,0,0,.249),0px 4px 10px rgba(0,0,0,.5),inset 0px 0.2px 1.4px transparent,inset 0px 0.8px 4.5px transparent,inset 0px 4px 10px transparent;--btn-shadow-inset:0px 0.2px 1.4px transparent,0px 0.8px 4.5px transparent,0px 4px 10px transparent,inset 0px 0.2px 1.4px rgba(0,0,0,.097),inset 0px 0.8px 4.5px rgba(0,0,0,.249),inset 0px 4px 10px rgba(0,0,0,.5);--nav-bg-color:#f0f0f0;--nav-bg-color-secondary:#ddd;--nav-stroke:#a8a8a8;--nav-text-color:#050505;--container-shadow:0px 0.9px 12px rgba(0,0,0,.075),0px 2.7px 14.3px rgba(0,0,0,.075),0px 6.3px 21.7px rgba(0,0,0,.075),0px 14.8px 27.2px rgba(0,0,0,.075),0px 51px 50px rgba(0,0,0,.075);--shadow-color:rgba(0,0,0,.44);--checkbox-tick-fill:#f2f2f2}:root.light{--bg-color:#ededed;--bg-color-secondary:#fafafa;--product-image-bg:#fafafa;--primary-text-color:#282828;--secondary-text-color:#86868b;--btn-bg:#fafafa;--btn-stroke:#d9d9d9;--btn-hover:hsla(0,0%,98%,.702);--input-bg:#fafafa;--input-hover:hsla(0,0%,98%,.702);--context-menu-bg:#ffffffb7;--toggle-bg-color:#d9d9d9;--toggle-inner-color:#fafafa;--toggle-linear-gradient:linear-gradient(135deg,#e2e2e2,#fff);--toggle-linear-gradient-2:linear-gradient(135deg,#dfdfdf,#fff);--toggle-gradient:linear-gradient(180deg,#fafafa 5%,#f4f4f4 75%);--btn-bg-gradient:linear-gradient(180deg,#fafafa 5%,#eaeaea 75%);--btn-accent-gradient:linear-gradient(180deg,#f6a796,#ee765b 33%,#f74c25 67%,#d82e07);--btn-accent-bg:#ffed2571;--transparent-color:#fafafa88;--btn-shadow:0px 0.2px 1.4px rgba(0,0,0,.05),0px 4px 10px rgba(0,0,0,.05);--btn-shadow-inset:0px 0.2px 1.4px transparent,0px 4px 10px transparent,inset 0px 0.2px 1.4px rgba(0,0,0,.019),inset 0px 0.8px 4.5px rgba(0,0,0,.05),inset 0px 4px 10px rgba(0,0,0,.1);--nav-bg-color:#0e0e0e;--nav-bg-color-secondary:#242424;--nav-stroke:#3a3a3a;--nav-text-color:#fafafa;--container-shadow:0px 0.9px 12px rgba(0,0,0,.025),0px 2.7px 14.3px rgba(0,0,0,.025),0px 6.3px 21.7px rgba(0,0,0,.025),0px 14.8px 27.2px rgba(0,0,0,.025),0px 51px 50px rgba(0,0,0,.025);--shadow-color:rgba(0,0,0,.37);--checkbox-tick-fill:#f2f2f2}*{box-sizing:border-box;padding:0;margin:0;min-height:0;min-width:0}body,html{font-size:20px}body{position:relative;color:var(--primary-text-color);background:var(--bg-color);line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;overflow-x:clip}main{width:100%;font-family:var(--Inter);font-feature-settings:"case" on,"calt" on,"cv01","cv10","ss03","opsz" 32;margin:0 auto;font-weight:500}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:400;font-size:unset}svg{display:block}form{width:100%;flex-shrink:0}li{list-style-position:inside}svg path{transition:.3s}button img,button svg{all:unset;width:var(--icon-size);height:var(--icon-size);pointer-events:none;transition:.3s}button svg path{transition:.3s}.btn svg:not(.original) path,button svg:not(.original) path{fill:var(--primary-text-color)}img{display:block;object-fit:contain;transition:opacity .3s}input{all:unset;transition:.3s}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}textarea{color:var(--primary-text-color);border-radius:var(--border-radius);outline:1px solid transparent;border:none;padding:1rem;background:var(--input-bg);resize:none;transition:background .3s,outline .3s;font-family:var(--Inter)}textarea:focus{background-color:var(--btn-hover);outline:1px solid var(--primary-text-color)}input[type=number]{-moz-appearance:textfield;background-color:var(--input-bg);margin:0;padding:.75rem .5rem;transition:.3s;cursor:text;border-radius:var(--border-radius)}input[type=number]:hover,textarea:hover{background-color:var(--btn-hover)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:e-resize;height:31px;border-radius:3px}input[type=range]::-webkit-slider-runnable-track{border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:0;height:20px;width:20px}input[type=range]::-moz-range-track{height:31px;border-radius:3px}input[type=range]::-moz-range-thumb{border-radius:0;border:none;background:unset;height:20px;width:20px}button{all:unset;cursor:pointer;text-align:center}label{color:var(--secondary-text-color)}.page-wrapper{width:100%;position:relative;opacity:0;margin:0 auto}.link{transition:opacity .3s;cursor:pointer}.link:hover{opacity:.3}.decorative-heading{font-size:var(--text-decorative);letter-spacing:var(--ls-dec);line-height:.9;font-weight:600}.xxl-heading{font-size:var(--text-xxl);letter-spacing:var(--ls-xxl);line-height:.9;font-weight:600}.xl-heading{font-size:var(--text-xl);letter-spacing:var(--ls-xl)}.l-heading,.xl-heading{line-height:1;font-weight:550}.l-heading{font-size:var(--text-l);letter-spacing:var(--ls-l)}.ml-heading{letter-spacing:calc(var(--ls-m) * 2.2);font-size:calc(var(--text-m) * 1.5);line-height:1;font-weight:550}.m-heading{letter-spacing:var(--ls-m);font-size:var(--text-m);line-height:1.1;font-weight:500}.s-heading{font-size:var(--text-s);letter-spacing:var(--ls-s);line-height:1.2}.regular,.s-heading{font-weight:500}.medium{font-weight:550}.semi-bold{font-weight:590}.bold{font-weight:650}.secondary-text{color:var(--secondary-text-color)}.underline{text-decoration:underline}.no-overflow{overflow:hidden}.marquee-text{display:block;text-transform:uppercase}.cursor-pointer{cursor:pointer}.active-color{color:var(--accent-color)!important}.active-color svg path{fill:var(--accent-color)!important}button:disabled{cursor:not-allowed}::selection{color:var(--bg-color);background:var(--primary-text-color)}.canvas-wrapper{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.react-colorful{width:100%!important;height:100%!important}.configurator-wrapper{height:100dvh;display:grid;grid-template-columns:min-content 1fr min-content;overflow:hidden;background:var(--bg-color)}.page__wrapper{display:flex;align-items:flex;justify-content:center;background:var(--bg-color);min-height:100vh}.page__wrapper ul{list-style:inside}.products__wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--gap-m);padding-top:6rem}.products__items{height:100%}.products__item{transform:translateZ(0);opacity:0;position:relative;transition:.3s;z-index:0;display:flex;flex-direction:column;border-radius:var(--border-radius)}.products__item:hover .products__item__icon{opacity:1}.products__item:hover .products__item__img__designed{opacity:1!important}.products__item__icon{border-radius:var(--border-radius);background:var(--transparent-color);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:var(--padding-s);opacity:0;transition:opacity .3s;display:none}.products__item__icon,.products__item__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.products__item__text{white-space:nowrap;display:block;padding:var(--padding-l);width:100%;height:auto;color:var(--primary-text-color);text-align:center;letter-spacing:var(--ls-m);font-size:var(--text-m);line-height:1;font-weight:500}.products__item__img{cursor:pointer;transform-origin:center;transform:translateZ(0);width:100%;height:auto;aspect-ratio:1/1;border-radius:var(--border-radius);background:var(--bg-color-secondary);transition:.3s}.products__item__details{position:absolute;left:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:1;transition:.3s}.products__item img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.marquee-images{position:relative}.toast-icon{width:var(--icon-size);height:var(--icon-size);padding:var(--padding-s)}@media screen and (max-width:450px){:root{--gap-xs:7px;--gap-s:10px;--gap-m:12px;--gap-l:17px;--gap-xl:25px;--padding-s:10px;--padding-m:12px;--padding-l:20px;--padding-xl:25px;--padding-xxl:50px}}@media screen and (min-width:451px) and (max-width:750px){:root{--gap-xs:7px;--gap-s:10px;--gap-m:12px;--gap-l:17px;--gap-xl:35px;--padding-s:10px;--padding-m:12px;--padding-l:20px;--padding-xl:35px;--padding-xxl:75px}}@media screen and (min-width:751px) and (max-width:1500px){:root{--gap-xs:7px;--gap-s:10px;--gap-m:12px;--gap-l:17px;--gap-xl:30px;--padding-s:10px;--padding-m:12px;--padding-l:20px;--padding-xl:30px}}@media screen and (min-width:1501px){body{font-size:20px}}.hue-rotation-animation{animation:hueRotation 7s infinite alternate}@keyframes hueRotation{0%{filter:hue-rotate(0deg) blur(200px) saturate(2)}to{filter:hue-rotate(180deg) blur(200px) saturate(2)}}.no-events{pointer-events:none}.text-center{text-align:center}.text-right{text-align:right}.line-height-normal{line-height:1.25}.pulse-animation{animation:pulse .75s infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:0}}.profile__avatar{border-radius:var(--border-radius);border-radius:50%;object-fit:cover;opacity:0;box-shadow:0 0 5px var(--shadow-btn),0 0 25px var(--shadow-btn),0 0 40px var(--shadow-btn);transform:translateZ(0);transition:.15s}.flex-fill-input{flex:0.7 1}.flex-fill{flex:1 1}.dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--Inter);font-size:18px;color:var(--primary-text-color);font-size:1rem;line-height:1.2;padding:var(--padding-m);background-color:var(--input-bg);border-radius:var(--border-radius);border:unset;cursor:pointer}.blend-difference{mix-blend-mode:difference}.white-text{color:#fff}.hidden{opacity:0}.small-text{font-size:.8rem}.landing-section{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.container-max-width{max-width:2000px}.hover-opacity{transition:opacity .3s}.hover-opacity:hover{opacity:.6}.gradient-fade-horizontal:after{background:linear-gradient(90deg,var(--bg-color),transparent 30%,transparent 70%,var(--bg-color))}.gradient-fade-horizontal-dark:after,.gradient-fade-horizontal:after{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1}.gradient-fade-horizontal-dark:after{background:linear-gradient(90deg,var(--nav-bg-color),transparent 30%,transparent 70%,var(--nav-bg-color))}.link-arrow{position:relative}.link-arrow:before{display:block;content:"↗";position:absolute;left:calc(100%);transition:transform .75s,opacity .75s;transition-timing-function:cubic-bezier(0,.76,.38,1);transform:translateX(100%);opacity:0}.link-arrow:hover:before{transform:translateX(0);opacity:1}.link-line:after{content:"";display:block;position:absolute;bottom:-5%;right:0;width:0;height:2px;background:var(--secondary-text-color);transition:width .3s}.link-line:hover:after{width:100%;left:0}