html{overflow:hidden}.session-prompt-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.session-prompt-overlay .session-prompt{background:#0009;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-radius:calc(var(--fs) * 1.5);padding:calc(var(--fs) * 3) calc(var(--fs) * 4);text-align:center;max-width:calc(var(--fs) * 36)}.session-prompt-overlay .session-prompt p{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1);line-height:1.6;margin-bottom:calc(var(--fs) * 2)}.session-prompt-overlay .session-prompt__actions{display:flex;align-items:center;justify-content:center;gap:calc(var(--fs) * 1)}.session-prompt-overlay .session-prompt__actions .studio-btn{display:grid;padding-right:calc(var(--fs) * 2);padding-left:calc(var(--fs) * 2);cursor:pointer}.session-prompt-overlay .session-prompt__actions .studio-btn--ghost{background:transparent!important;box-shadow:none;border:1px solid rgba(255,255,255,.4);color:#fffc!important}.session-prompt-overlay .session-prompt__actions .studio-btn--ghost:hover{border-color:#ffffffb3;color:#fff!important}.studio-btn{display:none;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;justify-content:center;gap:calc(var(--fs) * .87);height:calc(var(--fs) * 3);border-radius:calc(var(--fs) * .625);background:linear-gradient(90deg,#ff8251,#da5e2d 15%,#ff8251 36.5% 54%,#e06433 79.71%,#da5e2d)!important;box-shadow:0 0 20px #da5e2d80;color:#fff!important;font-family:Poppins;font-size:var(--fs);font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;justify-self:center;padding-right:calc(var(--fs) * .5);padding-left:calc(var(--fs) * 1.44);transition:box-shadow .25s linear}.studio-btn:hover{box-shadow:0 0 20px #da5e2d}.studio-btn img{width:calc(var(--fs) * 2.375);height:calc(var(--fs) * 2.1875)}.studio-bck{width:100%;height:100%;position:fixed;top:0%;left:0%;z-index:1;pointer-events:none}.studio-bck img{width:100%;height:100%;object-fit:cover}.studio-bck:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--fs) * 131.7675);height:calc(var(--fs) * 95.42775);background:radial-gradient(#0000,#00000040);z-index:1}.door-canvas-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center}.door-canvas{width:100%;height:100%;z-index:1}.sequence-canvas,#sequence-canvas{width:100%;height:100%;object-fit:cover;position:fixed;top:0;left:0;z-index:1;transition:opacity .5s ease-in}.desktop-only{display:none;opacity:0;visibility:hidden}.studio-preloaded{position:fixed;top:0;left:0;width:100%;height:100%;filter:blur(.5vw);-webkit-filter:blur(.5vw)}.studio-preloaded.hidden{display:none}.studio-preloaded .img-container{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease-in}.studio-preloaded .img-container img{width:100%;height:100%;object-fit:cover}.studio-preloaded .img-container.active{opacity:1}#studio-section{position:relative;z-index:2;pointer-events:none;padding:0;width:100vw}@keyframes fade-in{0%{opacity:0}}.step{height:100vh;width:100%;display:flex;align-items:flex-end;justify-content:center;position:absolute;top:0%;left:0%;pointer-events:none;overflow:hidden}.step ::-webkit-scrollbar{width:3px}.step>*{pointer-events:auto}.step .head{display:flex;align-items:flex-start;justify-content:center;width:100%}.step .head p{color:#fff;text-align:center;font-family:Poppins;font-size:calc(var(--fs) * 1.25);font-style:normal;font-weight:500;line-height:1.16;text-transform:capitalize;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.step .head p span{color:var(--orange)}.step .selector-popup{border-radius:var(--fs);background:linear-gradient(90deg,#0009,#6669);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:calc(var(--fs) * 1.72);padding-bottom:calc(var(--fs) * 1.31);padding-left:calc(var(--fs) * 1.62);padding-right:calc(var(--fs) * 1.62);pointer-events:auto;display:grid;grid-auto-flow:row;grid-auto-rows:max-content;gap:calc(var(--fs) * 1.94)}.step .selector-popup.full-width{width:100%;border-radius:var(--fs) var(--fs) 0 0}.step .selector-popup.half-width{width:calc(50% - var(--fs) * 2 * 2)}.step .selector-popup .splide.select-options{padding:0;display:block}.step .selector-popup .splide .splide__track{border-radius:calc(var(--fs) * .3125);padding-bottom:calc(var(--fs) * 1.25)}.step .selector-popup .splide .splide__list{align-items:stretch}.step .selector-popup .splide .splide__slide{display:flex}.step .selector-popup .splide .splide__slide.hidden{display:none!important}.step .selector-popup .splide .splide__arrow{background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;width:calc(var(--fs) * 2.5);height:calc(var(--fs) * 2.5)}.step .selector-popup .splide .splide__arrow svg{fill:#fff}.step .selector-popup .splide .splide__arrow:disabled{opacity:0;pointer-events:none}.step .selector-popup .splide:not(.is-overflow) .splide__arrow{display:none}.step .selector-popup .select-options{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;display:grid;grid-auto-flow:column;gap:var(--fs);justify-content:start;padding-bottom:calc(var(--fs) * 1.25);border-radius:calc(var(--fs) * .3125)}.step .selector-popup .select-options .select-option{width:calc(var(--fs) * 20.8125);min-height:calc(var(--fs) * 12.5);height:0;border-radius:calc(var(--fs) * 1.25);overflow:hidden;scroll-snap-align:start;position:relative;cursor:pointer;border:calc(var(--fs) * .15) solid transparent;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:height .35s ease-out,width .35s ease-out}.step .selector-popup .select-options .select-option:hover{width:calc(var(--fs) * 20.8125 * 1.5)}.step .selector-popup .select-options .select-option:hover .shot:after{opacity:.25}.step .selector-popup .select-options .select-option.hidden{display:none!important;pointer-events:none}.step .selector-popup .select-options .select-option.dimmed{opacity:.25;cursor:not-allowed}.step .selector-popup .select-options .select-option.selected{width:calc(var(--fs) * 20.8125 * 1.5);border-color:var(--orange)}.step .selector-popup .select-options .select-option.selected .shot:after{opacity:.25}.step .selector-popup .select-options .select-option .shot{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.step .selector-popup .select-options .select-option .shot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000,#000);transition:opacity .25s ease-in;opacity:.75}.step .selector-popup .select-options .select-option .shot img{object-fit:cover;width:100%;height:100%;transition:transform .25s ease-out}.step .selector-popup .select-options .select-option .shot--text{display:flex;align-items:center;justify-content:center;background:#ffffff0d}.step .selector-popup .select-options .select-option .shot--text span{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1.5);font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.step .selector-popup .select-options .select-option .icon{width:calc(var(--fs) * 11);height:calc(var(--fs) * 11);border-radius:var(--fs);background:#0006;backdrop-filter:blur(.25vw);-webkit-backdrop-filter:blur(.25vw);display:flex;align-items:center;justify-content:center}.step .selector-popup .select-options .select-option .icon img{width:65%;height:65%;object-fit:contain}.step .selector-popup .select-options .select-option p{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * .875);font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;pointer-events:none;user-select:none;-webkit-user-select:none;text-align:left;z-index:1;position:absolute;bottom:calc(var(--fs) * 1.06);left:calc(var(--fs) * 1.25)}.step .selector-popup .select-options .select-option.frame .shot,.step .selector-popup .select-options .select-option.colorConfig .shot{padding:calc(var(--fs) * 1)}.step .selector-popup .select-options .select-option.frame .shot img,.step .selector-popup .select-options .select-option.colorConfig .shot img{object-fit:contain}.step .material-popup{width:calc(var(--fs) * 23.6875);min-height:calc(var(--fs) * 10);max-height:80vh;border-radius:calc(var(--fs) * 2.5);background:#0009;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);position:absolute;bottom:5vh;left:calc(var(--hor-padding));padding:calc(var(--fs) * 2.31) calc(var(--fs) * 2.19);padding-bottom:calc(var(--fs) * 4.5);display:flex;flex-direction:column}.step .material-popup .material-popup-inner{overflow-y:auto;min-height:0;flex:1;padding-right:calc(var(--fs) * 1);padding-bottom:calc(var(--fs) * 2);margin-bottom:calc(var(--fs) * 2)}.step .material-popup .material-popup-inner::-webkit-scrollbar{width:4px}.step .material-popup .material-popup-inner::-webkit-scrollbar-track{background:transparent}.step .material-popup .material-popup-inner::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.step .material-popup .material-popup-inner{display:grid;grid-template-columns:100%;grid-auto-flow:row;grid-auto-rows:max-content;gap:calc(var(--fs) * 1.875)}.step .material-popup .material-popup-inner>*{width:100%}.step .material-popup .head{margin-bottom:calc(var(--fs) * .5);padding-bottom:calc(var(--fs) * 1)}.step .material-popup .head p{font-size:calc(var(--fs) * 1.5);margin:0}.step .material-popup .selector>*{width:100%}.step .material-popup .selector.dimmed{opacity:.25;pointer-events:none}.step .material-popup .selector p{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1.25);font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin-bottom:calc(var(--fs) * .75);user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.step .material-popup .selector .dropdown-btn{height:calc(var(--fs) * 2.4375);border-radius:calc(var(--fs) * .625);background-color:var(--orange);color:#000;font-family:Poppins;font-size:calc(var(--fs) * .875);font-style:normal;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--fs) * 1.06);text-transform:capitalize}.step .material-popup .selector .dropdown-btn.disabled{pointer-events:none;background-color:var(--disabled)}.step .material-popup .selector .dropdown-btn[data-state=open] img{transform:rotate(180deg)}.step .material-popup .selector .dropdown-btn img{width:calc(var(--fs));height:calc(var(--fs));object-fit:contain;transition:transform .25s ease-in-out}.step .material-popup .selector .double-dropdown{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--fs) * .2)}.step .material-popup .selector .checkboxes{display:flex;align-items:center}.step .material-popup .selector .checkboxes .option{position:relative;display:flex;align-items:center;cursor:pointer;margin-right:calc(var(--fs) * 2.12)}.step .material-popup .selector .checkboxes .option:last-of-type{margin-right:0}.step .material-popup .selector .checkboxes .option span{width:calc(var(--fs) * 1.1875);height:calc(var(--fs) * 1.1875);border-radius:50%;position:relative;background-color:#ffffff2e;display:block;margin-right:calc(var(--fs) * .625);pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.step .material-popup .selector .checkboxes .option span:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65%;height:65%;background-color:#ffffff6e;border-radius:inherit}.step .material-popup .selector .checkboxes .option input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.step .material-popup .selector .checkboxes .option input:checked+span{background-color:#da5e2d6e}.step .material-popup .selector .checkboxes .option input:checked+span :after{background-color:var(--orange)}.step .material-popup .selector .checkboxes .option label{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * .875);font-style:normal;font-weight:500;line-height:normal;pointer-events:none}.step .title{padding-bottom:calc(var(--fs) * 1.5);border-bottom:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:space-between}.step .title h2{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1.375);font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;text-transform:capitalize}.step .title h2 img{width:calc(var(--fs) * 2);height:calc(var(--fs) * 2);object-fit:contain;margin-right:calc(var(--fs) * .5)}.step .title .title-actions{display:flex;align-items:center;gap:calc(var(--fs) * .75)}.step .title .studio-btn{display:grid;padding-right:calc(var(--fs) * 2);padding-left:calc(var(--fs) * 2);cursor:pointer}.step .title .studio-btn--ghost{background:transparent!important;box-shadow:none;border:1px solid rgba(255,255,255,.4);color:#fffc!important}.step .title .studio-btn--ghost:hover{border-color:#ffffffb3;color:#fff!important}.step .final-specs{width:calc(var(--fs) * 48.1875);height:calc(var(--fs) * 43.0625);border-top-right-radius:calc(var(--fs) * 2.5);background:#0009;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);position:absolute;bottom:0;left:0;padding:calc(var(--fs) * 1.875) calc(var(--fs) * 2);display:grid;grid-template-rows:max-content 1fr max-content;gap:calc(var(--fs) * 2)}.step .final-specs .studio-submit-error{margin:0;color:#ff6b6b;font-size:calc(var(--fs) * .8);text-align:center}.step .final-specs .studio-email-field{display:flex;flex-direction:column;gap:calc(var(--fs) * .4)}.step .final-specs .studio-email-field label{color:#ffffffb3;font-family:Poppins;font-size:calc(var(--fs) * .75);font-weight:300}.step .final-specs .studio-email-field input{width:100%;padding:calc(var(--fs) * .75) calc(var(--fs) * 1);border-radius:calc(var(--fs) * .6);border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:#fff;font-family:Poppins;font-size:calc(var(--fs) * .85)}.step .final-specs .studio-email-field input::placeholder{color:#fff6}.step .final-specs .studio-email-field input:focus{outline:none;border-color:#fff9}.step .final-specs .studio-email-field input:disabled{opacity:.5}.step .final-specs .specs{display:grid;grid-template-columns:100%;grid-auto-flow:row;grid-auto-rows:max-content;gap:calc(var(--fs) * 1.75);width:100%;padding:calc(var(--fs) * 0) calc(var(--fs) * 1.25) var(--fs);overflow-y:auto;overflow-x:hidden}.step .final-specs .specs::-webkit-scrollbar{width:4px}.step .final-specs .specs::-webkit-scrollbar-track{background:transparent}.step .final-specs .specs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.step .final-specs .specs .spec{display:flex;flex-direction:column;align-items:flex-start;width:100%}.step .final-specs .specs .spec>*{width:100%;text-transform:capitalize}.step .final-specs .specs .spec h3{color:#fff;font-family:Poppins;font-size:var(--fs);font-style:normal;font-weight:500;line-height:normal;margin-bottom:calc(var(--fs) * .5)}.step .final-specs .specs .spec p{color:#fff9;font-family:Poppins;font-size:calc(var(--fs) * .8125);font-style:normal;font-weight:500;line-height:165%}.step .final-specs .specs .spec p.spec-color{display:flex;align-items:center;gap:calc(var(--fs) * .5)}.step .final-specs .specs .spec p.spec-color .spec-color__swatch{display:inline-block;width:calc(var(--fs) * .875);height:calc(var(--fs) * .875);border-radius:50%;border:1px solid rgba(255,255,255,.25);flex-shrink:0}.step .confirmation{width:calc(var(--fs) * 48.1875);height:calc(var(--fs) * 43.0625);border-radius:calc(var(--fs) * 2.5);background:#0009;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:calc(var(--fs) * 1.875) calc(var(--fs) * 2);display:flex;flex-direction:column;gap:calc(var(--fs) * 1.5)}.step .confirmation__title{display:flex;align-items:center;gap:calc(var(--fs) * .75);padding-bottom:calc(var(--fs) * 1.25);border-bottom:1px solid rgba(255,255,255,.15)}.step .confirmation__title img{width:calc(var(--fs) * 1.8);height:auto}.step .confirmation__title span{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1.5);font-weight:500;text-transform:capitalize}.step .confirmation__details{flex:1 1 auto;min-height:0;width:100%;display:grid;grid-auto-flow:row;grid-auto-rows:max-content;overflow-y:auto;overflow-x:hidden}.step .confirmation__details::-webkit-scrollbar{width:4px}.step .confirmation__details::-webkit-scrollbar-track{background:transparent}.step .confirmation__details::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.step .confirmation__detail{width:100%;display:grid;grid-template-columns:1.25fr 4fr .5fr;gap:calc(var(--fs) * 2);align-items:center;padding:calc(var(--fs) * 1.125) calc(var(--fs) * .81);border-bottom:1px solid rgba(255,255,255,.25)}.step .confirmation__detail>*{color:#fff9;font-family:Poppins;font-size:calc(var(--fs) * .6875);font-weight:300;line-height:165%}.step .confirmation__detail--head>*{color:#fff;font-size:calc(var(--fs));text-transform:capitalize}.step .confirmation__item{text-transform:capitalize}.step .confirmation__desc{display:flex;flex-direction:column;align-items:flex-start}.step .confirmation__desc p{margin:0;color:#fff}.step .confirmation__desc span{font-size:calc(var(--fs) * .6)}.step .confirmation__price{text-align:right;color:#fff}.step .confirmation__summary{width:45%;margin-left:auto;display:flex;flex-direction:column;gap:calc(var(--fs) * .5)}.step .confirmation__note{display:flex;justify-content:space-between;align-items:center;color:#fff9;font-family:Poppins;font-size:calc(var(--fs) * .7)}.step .confirmation__note span,.step .confirmation__note p{margin:0}.step .confirmation__note--total{color:#fff;font-size:calc(var(--fs) * .95);font-weight:500;padding-top:calc(var(--fs) * .4)}.step .confirmation__foot{display:flex;flex-direction:column;gap:calc(var(--fs) * .4);color:#ffffffb3;font-family:Poppins;font-size:calc(var(--fs) * .8);font-weight:300}.step .confirmation__foot strong{color:#fff;font-weight:500;letter-spacing:.5px}.step .confirmation__foot-line{display:flex;align-items:center;gap:calc(var(--fs) * .75)}.step .confirmation__foot-line--muted{color:#ffffff80}.step .confirmation__copy{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:calc(var(--fs) * .4);padding:calc(var(--fs) * .2) calc(var(--fs) * .6);font-family:Poppins;font-size:calc(var(--fs) * .65);cursor:pointer}.step .confirmation .prev-next.inline{justify-content:center}.step .invoice{width:calc(var(--fs) * 48.1875);height:calc(var(--fs) * 43.0625);border-radius:calc(var(--fs) * 2.5);background:#0009;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:calc(var(--fs) * 1.875) calc(var(--fs) * 2);display:grid;grid-template-rows:max-content 1fr max-content max-content;gap:calc(var(--fs) * 2)}.step .invoice .details{display:grid;grid-template-columns:100%;grid-auto-flow:row;grid-auto-rows:max-content;width:100%;padding:calc(var(--fs) * 0) 0 var(--fs);overflow-y:auto;overflow-x:hidden}.step .invoice .details::-webkit-scrollbar{width:4px}.step .invoice .details::-webkit-scrollbar-track{background:transparent}.step .invoice .details::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.step .invoice .details .detail{width:100%;display:grid;grid-template-columns:1.25fr 4fr .5fr;padding:calc(var(--fs) * 1.125) calc(var(--fs) * .81);gap:calc(var(--fs) * 2);align-items:center;border-bottom:1px solid rgba(255,255,255,.25)}.step .invoice .details .detail>*{color:#fff9;font-family:Poppins;font-size:calc(var(--fs) * .6875);font-style:normal;font-weight:300;line-height:165%}.step .invoice .details .detail:first-of-type>*{color:#fff;font-size:calc(var(--fs));text-transform:capitalize}.step .invoice .details .detail .item{text-transform:capitalize}.step .invoice .details .detail .description{display:flex;flex-direction:column;align-items:flex-start}.step .invoice .details .detail .description p{font-weight:500;color:#fffc}.step .invoice .details .detail .description span{font-weight:200}.step .invoice .details .detail .price{color:#fff;justify-self:end}.step .invoice .summary{justify-self:end;display:grid;grid-auto-flow:row;grid-auto-rows:max-content;gap:calc(var(--fs) * .5);width:20%}.step .invoice .summary .note{display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--fs))}.step .invoice .summary .note>*{color:#fff9;font-family:Poppins;font-size:calc(var(--fs) * .6875);font-style:normal;font-weight:300;line-height:165%}.step .invoice .summary .note span{text-transform:capitalize}.step .invoice .summary .note p{color:#fff}.step .invoice .summary .note:last-of-type{border-top:1px solid rgba(255,255,255,.25);padding-top:calc(var(--fs))}.step .invoice .summary .note:last-of-type span{text-transform:uppercase}.step.two-option{flex-direction:column;pointer-events:auto;align-items:center;padding:calc(var(--fs) * 1.06) calc(var(--fs) * 1.25)}.step.two-option .head p{font-size:calc(var(--fs) * 1.875)}.step.two-option .selector-popup{width:initial;border-radius:var(--fs);background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:calc(var(--fs) * 1.81);padding-bottom:calc(var(--fs) * 2.31);padding-left:calc(var(--fs) * 2.75);padding-right:calc(var(--fs) * 1.94);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step.two-option .selector-popup .studio-btn{display:grid}.step.two-option .selector-popup .select-options{overflow:initial}.step.two-option .selector-popup .select-options .select-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:calc(var(--fs) * 1.06) calc(var(--fs) * 1.25);width:calc(var(--fs) * 20.8125);height:calc(var(--fs) * 23.25)}.step.two-option .selector-popup .select-options .select-option:hover{width:calc(var(--fs) * 20.8125)}.step.two-option .selector-popup .select-options .select-option:hover .shot:after{opacity:.25}.step.two-option .selector-popup .select-options .select-option:hover .shot img{transform:scale(1.25)}.step.two-option .selector-popup .select-options .select-option:hover .studio-btn{display:grid}.step.two-option .selector-popup .select-options .select-option p{font-size:calc(var(--fs) * 1.4375);margin-bottom:calc(var(--fs) * 2);position:static;bottom:unset;left:unset}.step .close-step{width:calc(var(--fs) * 1.5);height:calc(var(--fs) * 1.25);position:absolute;top:calc(var(--fs) * .5);right:0;transform:translate(-100%,100%)}.step .close-step img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.loading-state{position:fixed;top:0;left:0;z-index:50;width:100%;height:100%;background-color:#00000040;backdrop-filter:blur(.25vw);-webkit-backdrop-filter:blur(.25vw);display:flex;align-items:center;justify-content:center;animation:fade-in .25s ease-out 1}.loading-state .loader{width:calc(var(--fs) * 5);height:calc(var(--fs) * 5);border-radius:50%;display:inline-block;border-top:calc(var(--fs) * .35) solid #fff;border-right:calc(var(--fs) * .35) solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.color-stage{position:absolute;top:calc(var(--fs) * -2);left:calc(var(--hor-padding) * .75);transform:translateY(-100%);z-index:-1;display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--fs) * .75);pointer-events:none}.shaker-frame-stage{position:absolute;top:calc(var(--fs) * -2);left:calc(var(--hor-padding) * .75);transform:translateY(-100%);z-index:-1;pointer-events:none}.shaker-frame-picker{width:calc(var(--fs) * 23.6875 * 1.025);min-height:calc(var(--fs) * 15.0625);border-radius:var(--fs);background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;padding-top:calc(var(--fs) * 1.4);padding-left:calc(var(--fs) * 1.25);padding-right:calc(var(--fs) * 1.37);padding-bottom:calc(var(--fs) * 1.94);display:grid;grid-template-rows:repeat(3,max-content);gap:calc(var(--fs) * 1.25)}.shaker-frame-picker .head{width:100%}.shaker-frame-picker .head p{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1.4375);font-weight:500;line-height:normal;text-transform:capitalize}.shaker-frame-picker .shaker-frame-group{display:flex;flex-direction:column;gap:calc(var(--fs) * .5);transition:opacity .3s ease}.shaker-frame-picker .shaker-frame-group.dimmed{opacity:.3;pointer-events:none}.shaker-frame-picker .shaker-frame-group .shaker-frame-group-label{color:#ffffff80;font-family:Poppins;font-size:calc(var(--fs) * .875);font-weight:400;text-transform:capitalize}.shaker-frame-picker .shaker-frame-group .shaker-frame-options{display:flex;gap:calc(var(--fs) * .5)}.shaker-frame-picker .shaker-frame-group .shaker-frame-options .shaker-frame-option{padding:calc(var(--fs) * .4) calc(var(--fs) * .875);border-radius:calc(var(--fs) * .5);border:calc(var(--fs) * .075) solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;font-family:Poppins;font-size:calc(var(--fs) * .875);font-weight:400;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.shaker-frame-picker .shaker-frame-group .shaker-frame-options .shaker-frame-option:hover{background:#ffffff26;color:#fff}.shaker-frame-picker .shaker-frame-group .shaker-frame-options .shaker-frame-option.active{background:#fff3;border-color:#fff9;color:#fff}.finish-type-picker{width:calc(var(--fs) * 23.6875 * 1.025);border-radius:var(--fs);background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:calc(var(--fs) * 1.4) calc(var(--fs) * 1.25);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--fs) * 1);pointer-events:auto}.finish-type-picker .head{justify-content:flex-start}.finish-type-picker .head span{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1.4375);font-weight:500;text-transform:capitalize}.finish-type-picker .finish-type-list{display:flex;flex-direction:row;gap:calc(var(--fs) * .5)}.finish-type-picker .finish-type-option{flex:1;padding:calc(var(--fs) * .6) calc(var(--fs) * .75);border-radius:calc(var(--fs) * .5);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;cursor:pointer;text-align:center;transition:background .2s,border-color .2s}.finish-type-picker .finish-type-option .ft-name{display:block;color:#fffc;font-family:Poppins;font-size:calc(var(--fs) * .875);font-weight:400}.finish-type-picker .finish-type-option:hover:not(.dimmed){background:#ffffff1f;border-color:#ffffff4d}.finish-type-picker .finish-type-option.active{border-color:var(--orange);background:#ffffff1a}.finish-type-picker .finish-type-option.active .ft-name{color:#fff;font-weight:500}.finish-type-picker .finish-type-option.dimmed{opacity:.25;cursor:default}.color-picker{width:calc(var(--fs) * 23.6875 * 1.025);min-height:calc(var(--fs) * 15.0625)}.color-picker.color-picker--locked{min-height:unset}.color-picker.color-picker--locked .color-picker-locked-note{display:flex;align-items:flex-start;gap:calc(var(--fs) * .6);padding-top:calc(var(--fs) * .5)}.color-picker.color-picker--locked .color-picker-locked-note img{width:calc(var(--fs) * 1.1);opacity:.4;flex-shrink:0;margin-top:calc(var(--fs) * .1)}.color-picker.color-picker--locked .color-picker-locked-note p{color:#ffffff80;font-family:Poppins;font-size:calc(var(--fs) * .875);font-weight:400;line-height:1.5}.color-picker{border-radius:var(--fs);background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;padding-top:calc(var(--fs) * 1.4);padding-left:calc(var(--fs) * 1.25);padding-right:calc(var(--fs) * 1.37);padding-bottom:calc(var(--fs) * 1.94);display:grid;grid-template-rows:repeat(2,max-content);gap:calc(var(--fs) * 1.25)}.color-picker .head{width:100%;display:flex;align-items:center;justify-content:space-between}.color-picker .head span{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1.4375);font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;text-align:left}.color-picker .head .head-right{display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--fs) * .2)}.color-picker .head .brand-name{color:#ffffff80;font-family:Poppins;font-size:calc(var(--fs) * .875);font-weight:400;text-transform:uppercase;letter-spacing:.08em}.color-picker .head .picked-color-name{color:#ffffffd9;font-family:Poppins;font-size:calc(var(--fs) * .75);font-weight:400;text-align:right}.color-picker .color-groups{overflow-y:auto;height:22.5vh;max-height:calc(var(--fs) * 16);display:flex;flex-direction:column;gap:calc(var(--fs) * 1.25);padding-right:calc(var(--fs) * .25)}.color-picker .color-groups::-webkit-scrollbar{width:4px}.color-picker .color-groups::-webkit-scrollbar-track{background:transparent}.color-picker .color-groups::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.color-picker .color-group-label{color:#ffffff80;font-size:calc(var(--fs) * .75);font-family:Poppins;text-transform:uppercase;letter-spacing:.08em;margin-bottom:calc(var(--fs) * .25)}.color-picker .colors-list{display:grid;grid-template-columns:repeat(4,max-content);grid-auto-rows:max-content;gap:calc(var(--fs))}.color-picker .colors-list button{width:calc(var(--fs) * 4.5);height:calc(var(--fs) * 4.3125);border-radius:calc(var(--fs) * .3125);border:2px solid rgba(0,0,0,0);background:#fff;box-shadow:0 0 10px 6px #0000}.color-picker .colors-list button.active,.color-picker .colors-list button:hover{border-color:var(--orange);box-shadow:0 0 10px 6px #da5e2d80}.tracker{position:fixed;top:0%;transform:translate(0);right:0;width:15rem;height:initial;background-color:var(--orange);z-index:10000000000;color:#fff;font-size:calc(var(--fs) * 1);font-family:Poppins;padding:calc(var(--fs))}.studio-layout>*{pointer-events:auto}.studio-layout .left-corner{position:absolute;bottom:calc(var(--fs) * 2.5);left:calc(var(--fs) * 2);display:flex}.studio-layout .left-corner #hide-ui-btn{display:grid;grid-auto-flow:column;gap:calc(var(--fs));align-items:center;text-transform:uppercase;opacity:.5;transition:opacity .15s ease-in-out;user-select:none;-webkit-user-select:none;visibility:hidden}.studio-layout .left-corner #hide-ui-btn:hover img{transform:scale(1.1)}.studio-layout .left-corner #hide-ui-btn img{width:calc(var(--fs) * 2.6875);height:calc(var(--fs) * 2);transition:transform .15s ease-out}.studio-layout .left-corner #hide-ui-btn:after{content:"hide ui";color:#fff;font-family:Poppins;font-size:calc(var(--fs) * .875);font-style:normal;font-weight:500;line-height:normal}.studio-layout .left-corner #hide-ui-btn.active:after{content:"hidden"}.studio-layout .left-corner .go-back-btn{display:grid;grid-auto-flow:column;align-items:center;gap:calc(var(--fs) * .25);color:#fff;font-family:Poppins;font-size:var(--fs);font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-transform:uppercase;margin-left:calc(var(--fs) * 1.81);user-select:none;-webkit-user-select:none}.studio-layout .left-corner .go-back-btn.inactive{opacity:.25;pointer-events:none}.studio-layout .left-corner .go-back-btn:last-of-type img{transform:rotate(-90deg)}.studio-layout .left-corner .go-back-btn img{transform:rotate(90deg);height:calc(var(--fs) * .89888);width:calc(var(--fs) * .94975)}.studio-layout .spec-steps{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:grid;grid-auto-flow:column;grid-auto-columns:max-content}.studio-layout .spec-steps .spec-step{color:#0000;text-align:center;font-family:Poppins;font-size:calc(var(--fs) * .9375);font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase;display:grid;grid-auto-flow:row;place-items:center;place-content:center;gap:calc(var(--fs) * 1);width:calc(var(--fs) * 8.8125);height:calc(var(--fs) * 10);border-radius:var(--fs) var(--fs) 0 0;border:1px solid rgba(218,94,45,0);opacity:.5;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:transform .25s ease-in}.studio-layout .spec-steps .spec-step:disabled{background:none}.studio-layout .spec-steps .spec-step img{width:calc(var(--fs) * 1.625);height:calc(var(--fs) * 1.5625)}.studio-layout .view-summary-btn{bottom:calc(var(--fs) * 2.5);right:calc(var(--fs) * 2);height:calc(var(--fs) * 3);border-radius:calc(var(--fs) * .625);background:#7c7c7c;color:#ffffff5c;font-family:Poppins;font-size:var(--fs);font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;position:absolute;display:grid;grid-auto-flow:column;gap:calc(var(--fs));align-items:center;padding-right:calc(var(--fs) * .5);padding-left:calc(var(--fs) * 1.12);cursor:pointer}.studio-layout .view-summary-btn img{width:calc(var(--fs) * 2.375);height:calc(var(--fs) * 2.1875)}.prev-next{display:grid;grid-template-columns:repeat(2,max-content);position:absolute;top:calc(var(--fs) * 1.5);right:calc(var(--fs) * 5);width:initial;justify-self:center}.prev-next.inline{display:grid;grid-auto-flow:column;position:static;top:unset;right:unset}.prev-next .go-back-btn{display:grid;grid-auto-flow:column;align-items:center;gap:calc(var(--fs) * .25);color:#fff;font-family:Poppins;font-size:calc(var(--fs) * 1.25);font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin-left:calc(var(--fs) * 1.81);user-select:none;-webkit-user-select:none;transition:transform .15s ease-out}.prev-next .go-back-btn:hover{transform:scale(1.1);color:var(--orange)}.prev-next .go-back-btn.inactive{opacity:.25;pointer-events:none}.prev-next .go-back-btn#next img{transform:rotate(-90deg)}.prev-next .go-back-btn img{transform:rotate(90deg);height:calc(var(--fs) * .89888);width:calc(var(--fs) * .94975)}[data-radix-popper-content-wrapper]{z-index:10000!important}.TooltipContent{padding:calc(var(--fs) * 1) calc(var(--fs) * 2);line-height:1.25;user-select:none;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);border-radius:calc(var(--fs) * 1.25);background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:max-content;max-width:calc(var(--fs) * 20);font-size:calc(var(--fs) * 1.25);font-family:Poppins;color:#fff;text-align:center}.TooltipContent[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.TooltipContent[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.TooltipContent[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.TooltipContent[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}.TooltipArrow{fill:#0009}.IconButton{font-family:inherit;border-radius:100%;height:35px;width:35px;display:inline-flex;align-items:center;justify-content:center;color:var(--violet-11);background-color:#fff;box-shadow:0 2px 10px var(--black-a7);user-select:none}.IconButton:hover{background-color:var(--violet-3)}.IconButton:focus{box-shadow:0 0 0 2px #000}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}@media(orientation:portrait){#studio-section,.studio-bck{display:none}.desktop-only{display:block;opacity:1;visibility:visible;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;z-index:10000;position:fixed;top:0;left:0}.desktop-only p{color:#fff;text-align:center;font-family:Poppins;font-size:calc(var(--fs) * 2);font-style:normal;font-weight:500;line-height:normal}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}.dropdown{min-height:calc(var(--fs) * 10);width:var(--radix-select-trigger-width);z-index:1;border-radius:calc(var(--fs) * .625);background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dropdown .dropdown-viewport{padding:calc(var(--fs) * 1) 0;display:grid;grid-template-columns:100%;grid-auto-flow:row;grid-auto-rows:max-content}.dropdown .dropdown-viewport .drop-item{color:#fff;font-family:Poppins;font-size:calc(var(--fs) * .875);font-style:normal;font-weight:500;line-height:normal;width:100%;padding:calc(var(--fs) * 1) calc(var(--fs) * 1.06);min-height:calc(var(--fs) * 2.5);display:block;outline:none!important;cursor:pointer;text-transform:capitalize}.dropdown .dropdown-viewport .drop-item[data-state=checked]{background:color-mix(in srgb,var(--orange) 60%,black)}.dropdown .dropdown-viewport .drop-item:hover{background:var(--orange)}::-webkit-scrollbar{height:3px!important}