onfigr-wardrobe{--primary-color:#1d2439;--button-color:#1d2439;--button-text-color:#fff;--button-hover-color:rgba(var(--button-color),.9);--title-font-family:"Poppins",sans-serif;--font-family:"Poppins",sans-serif;--accent-font-family:"Poppins",sans-serif;--scrollbar-color:#f2f2f2;width:100%;height:100%;display:block;position:relative;overflow:hidden;touch-action:none;-webkit-user-drag:none;font-family:var(--font-family);font-size:clamp(14px,5vw,12px);}onfigr-wardrobe *,onfigr-wardrobe *:before,onfigr-wardrobe *:after{box-sizing:inherit;}onfigr-wardrobe h1,onfigr-wardrobe h2,onfigr-wardrobe h3,onfigr-wardrobe h4,onfigr-wardrobe h5,onfigr-wardrobe h6,onfigr-wardrobe p,onfigr-wardrobe ol,onfigr-wardrobe ul{margin:0;padding:0;font-weight:400;}onfigr-wardrobe a{text-decoration:none;color:#000;}onfigr-wardrobe ol,onfigr-wardrobe ul{list-style:none;}onfigr-wardrobe img{margin:0;padding:0;max-width:100%;height:auto;}onfigr-wardrobe button{margin:0;padding:0;all:unset;box-sizing:border-box;}onfigr-wardrobe .container{margin:0;padding:0;}onfigr-wardrobe .notification{all:unset;}onfigr-wardrobe *{scrollbar-width:auto;scrollbar-color:var(--scrollbar-color);}onfigr-wardrobe *::-webkit-scrollbar{width:5px;height:0;}onfigr-wardrobe *::-webkit-scrollbar-track{background:none;}onfigr-wardrobe *::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:9999px;border:0px none none;}onfigr-wardrobe canvas{width:calc(100% - clamp(350px,30vw,400px));height:100%;}@media (max-width: 820px){onfigr-wardrobe canvas{width:100%;height:calc(50% + 20px);}onfigr-wardrobe canvas.full{height:100%;}}onfigr-wardrobe .loading-container{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff;display:grid;place-items:center;text-align:center;visibility:visible;opacity:1;transition:opacity .2s ease-in-out 1s,visibility .2s ease-in-out 1s;z-index:6;}onfigr-wardrobe .loading-container.hidden{opacity:0;pointer-events:none;visibility:hidden;}onfigr-wardrobe .loading-container p{margin:.5rem 0;color:#666e85;}onfigr-wardrobe .loading-container .progress-bar-container{width:300px;height:5px;border-radius:9999px;background-color:#e6e6e6;text-align:center;}onfigr-wardrobe .loading-container .progress-bar-container .progress-bar{width:0%;height:100%;border-radius:9999px;background-color:var(--primary-color);transition:width .2s ease-in-out;}onfigr-wardrobe .ui{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none;overflow:hidden;}onfigr-wardrobe .ui .menu-panel{width:100%;max-width:clamp(350px,30vw,400px);height:100%;max-height:calc(100% - 60px);background-color:#fff;position:absolute;right:0;bottom:0;box-sizing:border-box;will-change:transform;transform:translate(100%);transition:transform .2s ease-in-out,max-height .2s ease-in-out;border-right:1px solid #e6e6e6;display:flex;flex-direction:column;padding:0 2rem;z-index:3;}onfigr-wardrobe .ui .menu-panel .panel-body .items-container{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel{width:100%;max-width:unset;top:unset;bottom:0;left:0;right:0;margin:0 auto;height:calc(50% - 50px);transform:translateY(100%);padding:0 1rem;border-top-right-radius:20px;border-top-left-radius:20px;}onfigr-wardrobe .ui .menu-panel .panel-body .items-container{display:flex;overflow-x:auto;}onfigr-wardrobe .ui .menu-panel.expanded{max-height:70%;height:100%;}onfigr-wardrobe .ui .menu-panel.expanded .mobile-expandable .icon{rotate:x 0deg;}onfigr-wardrobe .ui .menu-panel.expanded .panel-body .items-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));overflow-x:hidden;}}onfigr-wardrobe .ui .menu-panel.active{pointer-events:auto;transform:translate(0);}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel.active{transform:translateY(-50px);}}onfigr-wardrobe .ui .menu-panel .mobile-expandable{width:60px;height:30px;position:absolute;background-color:#fff;top:-30px;left:0;right:0;margin:0 auto;border-radius:8px 8px 0 0;display:none;cursor:grab;pointer-events:auto;place-content:center;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .mobile-expandable{display:grid;}}onfigr-wardrobe .ui .menu-panel .mobile-expandable .icon{width:24px;height:24px;rotate:x 180deg;transition:rotate .2s ease-in-out;}onfigr-wardrobe .ui .menu-panel .panel-header{width:100%;height:150px;position:relative;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-header{height:auto;}}onfigr-wardrobe .ui .menu-panel .panel-header .header-title-conatiner{display:flex;align-items:center;gap:1rem;cursor:pointer;margin:2rem 0;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-header .header-title-conatiner{width:100%;margin:0;padding:1rem 0;border-bottom:1px solid #e6e6e6;pointer-events:none;}}onfigr-wardrobe .ui .menu-panel .panel-header .header-title-conatiner .back-icon{rotate:90deg;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-header .header-title-conatiner .back-icon{display:none;}}onfigr-wardrobe .ui .menu-panel .panel-header .header-title-conatiner .panel-title{width:100%;min-width:0;font-family:var(--title-font-family);font-size:clamp(16px,5vw,24px);font-weight:600;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-header .header-title-conatiner .panel-title{font-weight:600;font-size:16px;text-align:center;}}onfigr-wardrobe .ui .menu-panel .panel-header .instructions-container{font-family:var(--accent-font-family);font-size:clamp(14px,5vw,12px);font-size:12px;display:inline-flex;align-items:center;gap:1rem;color:#666e85;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-header .instructions-container{width:100%;justify-content:center;margin-top:10px;}onfigr-wardrobe .ui .menu-panel .panel-header .instructions-container p{font-size:10px;}}onfigr-wardrobe .ui .menu-panel .panel-body{width:100%;margin:0;padding:1rem 10px;overflow-y:auto;flex:1;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-body{margin:0;padding:10px;height:auto;}}onfigr-wardrobe .ui .menu-panel .panel-body .instructions-container{font-family:var(--accent-font-family);font-size:clamp(14px,5vw,12px);font-size:12px;display:inline-flex;align-items:center;gap:1rem;color:#666e85;margin-bottom:1rem;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-body .instructions-container{width:100%;justify-content:center;margin-top:1rem;margin-bottom:.25rem;}onfigr-wardrobe .ui .menu-panel .panel-body .instructions-container p{font-size:10px;}}onfigr-wardrobe .ui .menu-panel .panel-body .instructions-container.hide{display:none;}onfigr-wardrobe .ui .menu-panel .panel-body .subtitle{font-size:14px;font-weight:500;}onfigr-wardrobe .ui .menu-panel .panel-body .large-thumbnail{width:100%;max-height:200px;object-fit:contain;margin-bottom:1rem;}onfigr-wardrobe .ui .menu-panel .panel-body .large-thumbnail.hide{display:none;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-body .large-thumbnail{display:none;}}onfigr-wardrobe .ui .menu-panel .panel-footer{width:100%;height:100px;padding:1rem 0;display:flex;justify-content:space-around;align-items:center;gap:2rem;}onfigr-wardrobe .ui .menu-panel .panel-footer button{justify-content:center;background-color:#e6e6e6;background-color:var(--primary-color);padding:10px 40px;border-radius:5px;border:none;cursor:pointer;color:#151515;color:var(--button-text-color);font-family:var(--font-family);font-size:clamp(14px,5vw,12px);display:inline-flex;align-items:center;gap:.5rem;outline:1px solid #e6e6e6;width:100%;position:relative;}onfigr-wardrobe .ui .menu-panel .panel-footer button:hover .icon{translate:8px;}onfigr-wardrobe .ui .menu-panel .panel-footer button.done-button{background-color:#fff;color:var(--primary-color);}onfigr-wardrobe .ui .menu-panel .panel-footer button.done-button.is-single{background-color:var(--primary-color);color:var(--button-text-color);}onfigr-wardrobe .ui .menu-panel .panel-footer button.hide{display:none;}onfigr-wardrobe .ui .menu-panel .panel-footer button .label{display:flex;align-items:center;position:relative;}onfigr-wardrobe .ui .menu-panel .panel-footer button .icon{display:flex;width:14px;height:14px;transition:translate .15s ease-in-out;translate:5px;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-panel .panel-footer{display:none;}}onfigr-wardrobe .ui .slider{width:100%;display:flex;flex-direction:column;gap:8px;}onfigr-wardrobe .ui .slider input{accent-color:var(--primary-color);}onfigr-wardrobe .ui .slider .slider-header,onfigr-wardrobe .ui .slider .slider-footer{width:100%;display:flex;justify-content:space-between;align-items:center;}onfigr-wardrobe .ui .slider .slider-header .slider-name{font-size:clamp(14px,5vw,16px);font-weight:500;}@media (max-width: 820px){onfigr-wardrobe .ui .slider .slider-header .slider-name{font-size:14px;}}onfigr-wardrobe .ui .slider .slider-footer p{font-size:clamp(10px,5vw,12px);color:#666e85;}@media (max-width: 820px){onfigr-wardrobe .ui .slider .slider-footer p{font-size:10px;}}onfigr-wardrobe .ui .slider .num-input{max-width:80px;padding:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;border:1px solid #e6e6e6;border-radius:8px;outline:1px solid none;}onfigr-wardrobe .ui .slider .num-input:focus{outline-color:var(--primary-color);}onfigr-wardrobe .ui .slider .slider-input{height:5px;cursor:pointer;}onfigr-wardrobe .ui .tab{width:100%;padding:5px;box-sizing:border-box;background-color:#e6e6e6;border-radius:8px;}onfigr-wardrobe .ui .tab .tab-container{height:30px;display:flex;width:100%;position:relative;}onfigr-wardrobe .ui .tab .tab-container .active-indicator{position:absolute;height:100%;top:0;z-index:0;border-radius:8px;box-shadow:2px 1px 3px rgba(230,230,230,.3);background-color:#fff;will-change:left;transition:left .15s ease-in-out;}onfigr-wardrobe .ui .tab .tab-container .tab-item{flex:1;text-align:center;background-color:transparent;cursor:pointer;border-radius:8px;padding:8px;font-size:12px;color:#151515;display:flex;justify-content:center;align-items:center;gap:.5rem;z-index:1;transition:all .3s ease-in-out;}onfigr-wardrobe .ui .tooltip{background-color:rgba(0,0,0,.9);color:#fff;font-size:12px;padding:2px 6px;border-radius:5px;max-width:300px;position:absolute;z-index:5;width:max-content;top:0;left:0;visibility:hidden;}onfigr-wardrobe .ui .mobile-navigation{width:100%;height:50px;grid-template-columns:repeat(2,1fr);position:absolute;bottom:0;left:0;pointer-events:auto;display:none;z-index:4;}@media (max-width: 820px){onfigr-wardrobe .ui .mobile-navigation{display:grid;}}onfigr-wardrobe .ui .mobile-navigation button{font-family:var(--font-family);font-size:clamp(14px,5vw,12px);width:100%;height:100%;box-sizing:border-box;outline:none;border:none;display:flex;justify-content:center;align-items:center;border-top:1px solid #e6e6e6;}onfigr-wardrobe .ui .mobile-navigation button .btn-content{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;}onfigr-wardrobe .ui .mobile-navigation button .btn-content .icon{display:flex;width:20px;height:20px;}onfigr-wardrobe .ui .mobile-navigation button .btn-content .icon svg{stroke-width:2px;}@media (max-width: 820px){onfigr-wardrobe .ui .mobile-navigation button .btn-content .icon{width:16px;height:16px;}}onfigr-wardrobe .ui .mobile-navigation button .label{font-size:16px;font-weight:600;text-transform:capitalize;}@media (max-width: 820px){onfigr-wardrobe .ui .mobile-navigation button .label{font-size:12px;}}onfigr-wardrobe .ui .mobile-navigation button.back-btn{outline-offset:-1px;background-color:#fff;color:#151515;}onfigr-wardrobe .ui .mobile-navigation button.next-btn{background-color:var(--primary-color);color:var(--button-text-color);}onfigr-wardrobe .ui .mobile-navigation button.next-btn.save{background-color:var(--button-color);}onfigr-wardrobe .ui .dropdown{position:relative;display:inline-block;font-size:12px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:150px;width:100%;}onfigr-wardrobe .ui .dropdown .dropdown-display{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;transition:border-color .2s ease;position:relative;}onfigr-wardrobe .ui .dropdown .dropdown-display:hover{border-color:#cdcdcd;}onfigr-wardrobe .ui .dropdown .dropdown-display .dropdown-icon{position:absolute;right:.5rem;top:0;bottom:0;display:flex;align-items:center;margin:auto 0 auto 8px;color:#333;width:18px;}onfigr-wardrobe .ui .dropdown .dropdown-display .dropdown-icon svg{width:100%;height:100%;}onfigr-wardrobe .ui .dropdown-list{position:absolute;top:95%;left:0;right:0;z-index:1000;list-style:none;background-color:rgba(255,255,255,.96);border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow-y:auto;max-height:200px;padding:3px;pointer-events:auto;}onfigr-wardrobe .ui .dropdown-list .dropdown-list-item{border-radius:5px;padding:10px 12px;cursor:pointer;transition:background-color .2s ease;}onfigr-wardrobe .ui .dropdown-list .dropdown-list-item:hover{background-color:#f0f0f0;}onfigr-wardrobe .ui .dropdown-list .dropdown-list-item.selected{background-color:var(--primary-color);color:#fff;}onfigr-wardrobe .ui .custom-dropdown{min-width:150px;max-height:40px;border:1px solid #e6e6e6;padding-right:.5rem;border-radius:8px;background-color:#fff;position:relative;}@media (max-width: 820px){onfigr-wardrobe .ui .custom-dropdown{padding-right:0;border:0px;}}onfigr-wardrobe .ui .custom-dropdown:focus-within{outline:1px solid var(--primary-color);}onfigr-wardrobe .ui .custom-dropdown .selected-option{width:100%;padding:0rem;border:none;font-family:var(--font-family);font-size:clamp(14px,5vw,12px);font-size:12px;border-radius:8px;outline:none;color:#151515;background:none;-webkit-appearance:none;-moz-appearance:none;display:flex;align-items:center;justify-content:space-between;}onfigr-wardrobe .ui .custom-dropdown .selected-option .chevron-icon{width:20px;height:20px;}@media (max-width: 820px){onfigr-wardrobe .ui .custom-dropdown .selected-option{display:none;}}onfigr-wardrobe .ui .custom-dropdown .dropdown-icon{cursor:pointer;}onfigr-wardrobe .ui .custom-dropdown .dropdown-options{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;max-height:200px;overflow-y:auto;z-index:100;width:100%;overflow:hidden;}onfigr-wardrobe .ui .custom-dropdown .dropdown-options svg{max-width:40px;max-height:20px;margin:0;}@media (max-width: 820px){onfigr-wardrobe .ui .custom-dropdown .dropdown-options{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;position:relative;max-height:50px;}}onfigr-wardrobe .ui .custom-dropdown.active .dropdown-options{display:block;}onfigr-wardrobe .ui .custom-dropdown .dropdown-option{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;transition:background-color .2s ease;width:100%;}@media (max-width: 820px){onfigr-wardrobe .ui .custom-dropdown .dropdown-option{padding:5px;gap:0px;justify-content:center;flex-flow:column nowrap;}onfigr-wardrobe .ui .custom-dropdown .dropdown-option span{font-size:.5rem;}onfigr-wardrobe .ui .custom-dropdown .dropdown-option.active{background-color:#f0f0f0;}}onfigr-wardrobe .ui .custom-dropdown .dropdown-option:hover{background-color:#f0f0f0;}onfigr-wardrobe .ui .custom-dropdown .dropdown-options::-webkit-scrollbar{width:6px;}onfigr-wardrobe .ui .custom-dropdown .dropdown-options::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px;}onfigr-wardrobe .ui .custom-dropdown .dropdown-options::-webkit-scrollbar-thumb:hover{background-color:#aaa;}onfigr-wardrobe .ui .fullscreen-toggle{box-sizing:border-box;position:absolute;top:2rem;left:2rem;background-color:transparent;border-radius:9999px;color:#fff;height:40px;width:40px;display:grid;place-content:center;pointer-events:auto;cursor:pointer;transition:scale .15s cubic-bezier(.19,1,.22,1);}onfigr-wardrobe .ui .fullscreen-toggle:hover{scale:1.2;}onfigr-wardrobe .ui .fullscreen-toggle .icon{width:100%;height:100%;}onfigr-wardrobe .ui .fullscreen-toggle .icon svg{width:100%;height:100%;}@media (max-width: 820px){onfigr-wardrobe .ui .fullscreen-toggle{display:none;}}onfigr-wardrobe .ui .welcome-main-container{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(21,21,21,.8);box-sizing:border-box;will-change:opacity;transition:opacity .15s ease-in-out,z-index .15s ease-in-out;opacity:0;pointer-events:none;z-index:0;}onfigr-wardrobe .ui .welcome-main-container.active{opacity:1;pointer-events:auto;z-index:6;}onfigr-wardrobe .ui .welcome-main-container.hide{opacity:0;pointer-events:none;z-index:0;}onfigr-wardrobe .ui .welcome-main-container .welcome{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:80%;max-width:1200px;height:70%;max-height:600px;background-color:#fff;overflow:hidden;display:flex;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome{flex-direction:column;max-width:100%;max-height:unset;width:100%;height:auto;margin:unset;margin-top:auto;left:unset;top:unset;border-radius:6px 6px 0 0;}}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container{width:100%;max-width:clamp(250px,20vw,350px);flex:clamp(250px,200vw,350px);height:100%;position:relative;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container{display:none;}}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(to bottom,rgba(29,36,57,.8) 10%,transparent,rgba(29,36,57,.8) 90%);}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container{max-width:100%;height:35%;flex:auto;}}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .pano-image{width:100%;height:100%;object-fit:cover;}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .pano-image video{width:100%;height:100%;}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .company-img-container{position:absolute;left:1rem;top:1rem;padding:1rem;max-width:200px;height:60px;z-index:1;display:none;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .company-img-container{display:block;}}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .company-img-container.temp{background-color:#f2f3f7;}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .company-img-container img,onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .company-img-container svg{height:100%;object-fit:contain;}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .logo-text{display:flex;align-items:center;gap:.3rem;margin-top:auto;position:absolute;bottom:1rem;left:10%;z-index:1;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .logo-text{display:none;}}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .logo-text p{font-size:12px;color:#fff;}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .logo-text .icon{height:25px;color:#fff;}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .logo-text .icon svg{width:100%;height:100%;}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .text-container{position:absolute;width:80%;left:0;right:0;margin:0 auto;top:10%;color:#fff;font-weight:600;z-index:1;display:flex;flex-direction:column;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .text-container{bottom:1rem;width:calc(100% - 1.5rem);}}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .text-container p{font-size:clamp(18px,5vw,20px);}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .text-container .tips{font-size:12px;font-weight:300;text-transform:capitalize;}onfigr-wardrobe .ui .welcome-main-container .welcome .left-image-container .text-container .pano-blue-text{color:#62c5fc;}onfigr-wardrobe .ui .welcome-main-container .welcome .main{flex:1;width:100%;position:relative;margin:0;display:flex;flex-direction:column;height:100%;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main{margin:0;height:auto;flex:unset;}}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body{width:100%;max-width:800px;margin:1rem auto;padding:1rem 1rem 0;overflow-y:auto;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main .body{padding-top:1rem;padding-bottom:3rem;margin:0;height:auto;}}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .company-img-container{height:50px;max-width:200px;z-index:1;}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .company-img-container.temp{border:1px solid #151515;}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .company-img-container img,onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .company-img-container svg{height:100%;object-fit:contain;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .company-img-container{display:none;}}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .title{font-size:clamp(24px,2.5vw,30px);padding:1rem 0;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .title{text-align:center;padding:1rem 0;font-size:16px;font-weight:600;border-bottom:1px solid #e6e6e6;}}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .step{display:flex;gap:1rem;align-items:flex-start;margin-top:2.5rem;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .step{padding:0 10px;}}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .step .step-icon{width:35px;height:35px;border:1px solid #151515;font-size:14px;font-weight:600;border-radius:5px;display:flex;justify-content:center;align-items:center;flex-shrink:0;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .step .step-icon{width:30px;height:30px;}}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .step .text-content{display:flex;flex-direction:column;}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .step .text-content .title-text{font-weight:600;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .step .text-content .title-text{font-size:16px;}}onfigr-wardrobe .ui .welcome-main-container .welcome .main .body .step .text-content .subtext{font-size:12px;color:#666e85;margin-top:2px;}onfigr-wardrobe .ui .welcome-main-container .welcome .main .footer-container{width:100%;max-width:800px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main .footer-container{margin-top:0;padding:0;border-top:1px solid #f2f3f7;}}onfigr-wardrobe .ui .welcome-main-container .welcome .main .footer-container .button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#e6e6e6;background-color:var(--button-color);padding:10px 40px;border-radius:5px;border:none;cursor:pointer;color:#151515;color:var(--button-text-color);font-family:var(--font-family);font-size:clamp(14px,5vw,12px);font-size:14px;font-weight:600;box-sizing:border-box;}onfigr-wardrobe .ui .welcome-main-container .welcome .main .footer-container .button:hover{background-color:color-mix(in srgb,var(--button-color) 90%,black);}@media (max-width: 820px){onfigr-wardrobe .ui .welcome-main-container .welcome .main .footer-container .button{width:100%;height:70px;border-radius:0;}}onfigr-wardrobe .ui .save-design{width:100%;height:100%;position:absolute;left:0;top:0;z-index:11;pointer-events:none;display:none;}onfigr-wardrobe .ui .save-design.active{display:block;pointer-events:auto;}onfigr-wardrobe .ui .save-design .save-and-design{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#fff;padding:3rem 2rem;pointer-events:auto;box-sizing:border-box;will-change:transform;transition:transform .2s ease-in-out;transform:translate(100%);}@media (max-width: 1250px){onfigr-wardrobe .ui .save-design .save-and-design{padding:2rem;}}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design{top:unset;bottom:0;padding:2rem 1rem;transform:translateY(100%);}}onfigr-wardrobe .ui .save-design .save-and-design.active{transform:translate(0);pointer-events:auto;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design.active{transform:translateY(0);}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container{width:100%;max-width:1800px;margin:0 auto;height:calc(100% - 1rem);display:flex;flex-direction:column;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header{width:100%;display:flex;flex-direction:column;padding:1rem 0;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header{display:none;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .desktop-back-btn{display:inline-flex;align-items:center;gap:.1rem;cursor:pointer;color:#666e85;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .desktop-back-btn .back-icon{rotate:90deg;width:10px;height:10px;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .desktop-back-btn .back-icon svg{width:100%;height:100%;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .desktop-back-btn .back-text{font-weight:600;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .title-container{display:flex;justify-content:space-between;align-items:center;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .title-container .title{font-weight:500;font-size:clamp(16px,5vw,28px);}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .title-container .desktop-company-logo{max-width:200px;height:60px;padding:0 1rem;display:flex;justify-content:center;align-items:center;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .title-container .desktop-company-logo svg,onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .desktop-header .title-container .desktop-company-logo img{width:100%;height:100%;object-fit:contain;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .mobile-header{display:none;flex-direction:column;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .mobile-header{display:flex;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .mobile-header .title-container{display:flex;align-items:center;gap:10px;justify-content:center;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .mobile-header .title-container .mobile-back-btn{display:inline-flex;display:none;justify-content:center;align-items:center;gap:.1rem;cursor:pointer;color:#666e85;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .mobile-header .title-container .mobile-back-btn .back-icon{rotate:90deg;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .mobile-header .title-container .title{font-size:clamp(14px,5vw,20px);font-weight:600;text-align:center;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .mobile-header .subtitle-text{margin:1rem 0;font-size:12px;text-align:center;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .tab{display:none;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .tab{display:block;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .body{flex:1;display:flex;position:relative;max-height:calc(100% - 140px);}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .body{overflow:hidden;margin:10px 0;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .body .subtitle{padding-bottom:1rem;color:#666e85;font-size:1rem;font-weight:400;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .body .subtitle{display:none;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer{width:100%;display:flex;justify-content:space-between;align-items:center;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .powered-by{display:inline-flex;align-items:center;gap:5px;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .powered-by{display:none;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .powered-by .text{font-size:.75rem;color:#666e85;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .powered-by .onfigr-icon{display:flex;justify-content:center;height:25px;color:#000;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .powered-by .onfigr-icon svg{width:100%;height:100%;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container{display:flex;align-items:center;gap:10px;padding:0 10px;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container{width:100%;flex-direction:column;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container .save-btn,onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container .cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#e6e6e6;padding:10px 40px;border-radius:5px;border:none;cursor:pointer;color:#151515;font-family:var(--font-family);font-size:clamp(14px,5vw,12px);will-change:background-color;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container .save-btn,onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container .cancel-btn{width:100%;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container .cancel-btn{outline:1px solid #e6e6e6;background-color:#fff;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container .cancel-btn:hover{background-color:#d9d9d9;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container .save-btn{background-color:var(--primary-color);color:#fff;font-weight:600;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .footer .button-container .save-btn:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black);}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact{padding:3rem 1rem;box-sizing:border-box;flex:1;order:1;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact{width:100%;height:100%;flex:unset;flex-shrink:0;padding:0 5px 1rem;position:absolute;left:0;right:0;will-change:transform;transition:transform .2s ease-in-out;transform:translate(100%);}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact.active{transform:translate(0);}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container{display:flex;flex-direction:column;width:100%;height:100%;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container input{accent-color:var(--primary-color);}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-description{font-size:.9rem;margin-top:calc(1rem + 10px);margin-bottom:1rem;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .required{font-size:12px;color:red;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-container{margin:2rem 0;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-container select{width:100%;height:35px;border:none;border-radius:8px;margin:5px 0;padding:5px;color:#757575;background-color:#f9f9fb;outline-color:#666e85;font-size:.75rem;font-family:Arial,sans-serif;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-container .input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-family);font-size:clamp(14px,5vw,12px);font-size:12px;padding:10px;border:none;background-color:#f9f9fb;border-radius:8px;margin:5px 0;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-container .input::-webkit-outer-spin-button,onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-container .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-container .input[type=number]{-moz-appearance:textfield;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-container .input:focus{outline-color:#666e85;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .form-container .form-group{display:flex;gap:10px;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .check-label{display:flex;align-items:center;gap:.3rem;padding:.25rem 0;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .check-label a{text-decoration:underline;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .check-label a{font-size:12px;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .check-container{display:inline-flex;align-items:center;gap:5px;color:#666e85;cursor:pointer;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .check-container .check-box,onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .check-container .check-label{cursor:pointer;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .question{margin:1rem 0;font-weight:500;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .disclaimer{margin:2rem 0 1rem;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .disclaimer .title{font-size:.9rem;font-weight:500;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .contact .contact-container .disclaimer p{display:flex;flex-direction:column;gap:1rem;font-size:.75rem;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification{flex:3;display:flex;order:0;overflow-y:auto;}@media (max-width: 1250px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification{flex-direction:column;flex:1;}}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification{flex:unset;flex-shrink:0;width:100%;height:100%;flex-direction:column;overflow-y:auto;padding:0 5px 1rem;position:absolute;left:0;right:0;will-change:transform;transition:transform .2s ease-in-out;transform:translate(100%);}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification.active{transform:translate(0);}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-image-container{flex:1;padding:3rem 2rem 3rem 0;box-sizing:border-box;display:flex;flex-direction:column;border-right:1px solid #f4f4f4;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-image-container{padding:0;border:none;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-image-container .image-container{margin-top:1rem;width:100%;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-image-container .image-container{aspect-ratio:4/3;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-image-container .image-container img{border-radius:10px;aspect-ratio:4/3;object-fit:cover;margin:0 !important;padding:0 !important;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-image-container .image-container img{object-fit:contain;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container{flex:1;padding:3rem 2rem;border-right:1px solid #f4f4f4;display:flex;flex-direction:column;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container{padding:0 1rem;border:none;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container{margin-top:1rem;width:100%;display:flex;flex-direction:column;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec{padding:10px 0;border-bottom:1px solid #f4f4f4;display:flex;flex-direction:column;gap:5px;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-header{display:flex;align-items:center;color:#666e85;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-header .header{width:100%;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item-column{display:flex;flex-direction:column;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item{display:flex;flex-direction:row;width:100%;justify-content:space-between;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item{font-size:12px;flex-direction:column;}}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item .spec-item-nested{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item .value-container{display:flex;flex-direction:row;align-items:center;margin:.5rem 0;gap:.5rem;min-width:180px;width:50%;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item .value-container .thumbnail-container{width:60px;height:60px;flex-shrink:0;border:1px solid #e5e5e5;border-radius:5px;background-repeat:no-repeat;background-position:center;background-size:cover;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item .value-container .thumbnail-container .thumbnail-image{width:100%;height:100%;object-fit:contain;border-radius:5px;margin:0 !important;padding:0 !important;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item .value-container .spec-item-column{display:flex;flex-direction:column;padding-right:.5rem;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item .spec-item-name{color:#666e85;font-size:.8rem;font-weight:400;}onfigr-wardrobe .ui .save-design .save-and-design .save-and-design-container .design-specification .design-spec-container .spec-container .spec .spec-item .spec-item-value{font-size:.9rem;}onfigr-wardrobe .ui .save-design .notification{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;}onfigr-wardrobe .ui .save-design .notification .notify-box{background-color:#fff;padding:2rem;border-radius:20px;max-width:450px;box-shadow:5px 5px 5px rgba(var(--primary-color),.5);display:flex;align-items:center;gap:2rem;will-change:transform,opacity;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translateY(100%);opacity:0;pointer-events:none;}onfigr-wardrobe .ui .save-design .notification .notify-box.active{opacity:1;transform:translateY(0);pointer-events:auto;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .notification .notify-box{width:100%;height:100%;justify-content:center;flex-direction:column;}}onfigr-wardrobe .ui .save-design .notification .notify-box .notification-icon{width:100px;height:100px;min-width:75px;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .notification .notify-box .notification-icon{width:50px;height:50px;}}onfigr-wardrobe .ui .save-design .notification .notify-box .notification-icon svg{width:100%;height:100%;}onfigr-wardrobe .ui .save-design .notification .notify-box .notification-content{display:flex;flex-direction:column;align-items:start;}@media (max-width: 820px){onfigr-wardrobe .ui .save-design .notification .notify-box .notification-content{align-items:center;text-align:center;}}onfigr-wardrobe .ui .save-design .notification .notify-box .notification-content .notification-title{font-size:clamp(16px,5vw,24px);font-weight:600;color:var(--primary-color);}onfigr-wardrobe .ui .save-design .notification .notify-box .notification-content .notification-subtext{color:#8d99a4;margin-top:5px;}onfigr-wardrobe .ui .save-design .notification .notify-box .notification-content .content-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#e6e6e6;background-color:var(--primary-color);padding:10px 40px;border-radius:5px;border:none;cursor:pointer;color:#151515;color:#fff;font-family:var(--font-family);font-size:clamp(14px,5vw,12px);margin-top:1.5rem;}onfigr-wardrobe .ui .save-design .notification .notify-box .notification-content .content-button:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black);}onfigr-wardrobe .ui .menu-bar{height:auto;width:100%;background-color:#fff;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;pointer-events:auto;z-index:2;}@media (max-width: 820px){onfigr-wardrobe .ui .menu-bar{display:none;}}onfigr-wardrobe .ui .menu-bar .menu-item{display:flex;align-items:center;font-size:clamp(10px,3vw,12px);cursor:pointer;border:1px solid #e6e6e6;padding:10px;border-radius:8px;gap:1rem;}onfigr-wardrobe .ui .menu-bar .menu-item .thumbnail{width:50px;height:50px;flex-shrink:0;display:flex;justify-content:center;align-items:center;outline:1px solid #e6e6e6;border-radius:5px;background-color:#fff;will-change:background-color;transition:background-color .2s ease-in-out;}onfigr-wardrobe .ui .menu-bar .menu-item .thumbnail svg{transition:fill .2s ease-in-out,stroke,.2s ease-in-out;}onfigr-wardrobe .ui .menu-bar .menu-item .thumbnail svg .secondary{fill:#666e85;}onfigr-wardrobe .ui .menu-bar .menu-item .thumbnail svg .primary{fill:var(--primary-color);}onfigr-wardrobe .ui .menu-bar .menu-item .thumbnail svg .stroke-white-alt{stroke:#fff;}onfigr-wardrobe .ui .menu-bar .menu-item .thumbnail svg .white-alt{fill:#fff;}onfigr-wardrobe .ui .menu-bar .menu-item .thumbnail svg .stroke-blue-alt{stroke:var(--primary-color);}onfigr-wardrobe .ui .menu-bar .menu-item:hover,onfigr-wardrobe .ui .menu-bar .menu-item.active{border-color:var(--primary-color);}onfigr-wardrobe .ui .menu-bar .menu-item.hidden{display:none;}onfigr-wardrobe .ui .menu-bar .menu-item p{margin-top:5px;font-weight:500;font-size:14px;}@media (max-width: 1250px){onfigr-wardrobe .ui .menu-bar .menu-item.save-button{display:none;}}onfigr-wardrobe .ui .menu-bar .menu-item.save-button .thumbnail{background-color:var(--button-color);}onfigr-wardrobe .ui .menu-bar .menu-item.save-button:hover .thumbnail,onfigr-wardrobe .ui .menu-bar .menu-item.save-button.active .thumbnail{background-color:var(--button-color);}onfigr-wardrobe .ui .menu-bar .items-container{margin:auto 0;width:100%;height:auto;display:flex;flex-direction:column;gap:1rem;}onfigr-wardrobe .ui .pricing-container{position:absolute;top:20px;right:calc(clamp(350px,30vw,400px) + 25px);height:40px;padding-left:15px;padding-right:15px;background-color:#f2f3f7;border-radius:8px;transform:unset;}onfigr-wardrobe .ui .pricing-container .pricing-title{font-family:var(--font-family);font-weight:500;font-size:12px;margin-top:5px;line-height:12px;white-space:nowrap;text-align:left;vertical-align:middle;}onfigr-wardrobe .ui .pricing-container .pricing-value{font-family:var(--font-family);font-weight:700;font-size:16px;margin-top:3px;line-height:16px;white-space:nowrap;text-align:left;vertical-align:middle;}@media (max-width: 820px){onfigr-wardrobe .ui .pricing-container{right:50%;transform:translate(50%);}}onfigr-wardrobe .ui .door-range-selector{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;}@media (max-width: 820px){onfigr-wardrobe .ui .door-range-selector{justify-content:center;}}onfigr-wardrobe .ui .door-range-selector .door-button{cursor:pointer;width:auto;min-width:80px;display:flex;flex-direction:column;align-items:center;flex-shrink:0;border:1px solid #e6e6e6;color:#e6e6e6;padding:5px;border-radius:5px;background-color:transparent;will-change:background-color,color;}onfigr-wardrobe .ui .door-range-selector .door-button .icon-holder{display:flex;gap:4px;}onfigr-wardrobe .ui .door-range-selector .door-button.active,onfigr-wardrobe .ui .door-range-selector .door-button:hover{background-color:#fff;border:1px solid var(--primary-color);color:var(--primary-color);}onfigr-wardrobe .ui .door-range-selector.active{display:flex;}onfigr-wardrobe .ui .door-range-selector.active .door-button{pointer-events:auto;}@media (max-width: 820px){onfigr-wardrobe .ui .dimensions-panel .panel-header .instructions-container{display:none;}}onfigr-wardrobe .ui .dimensions-panel .panel-body .slider{margin-top:.5rem;}@media (max-width: 820px){onfigr-wardrobe .ui .dimensions-panel .panel-body .slider{margin:0;padding:.5rem 0;}}@media (max-width: 820px){onfigr-wardrobe .ui .dimensions-panel .panel-body .subtitle{display:none;}}@media (max-width: 820px){onfigr-wardrobe .ui .dimensions-panel .panel-body .mobile-dr-selector{display:none;}onfigr-wardrobe .ui .dimensions-panel .panel-body .mobile-dr-selector.mobile-active{display:block;}}onfigr-wardrobe .ui .dimensions-panel .panel-body .mobile-dr-selector .door-range-selector{padding:1rem 0;margin-top:1rem;}@media (max-width: 820px){onfigr-wardrobe .ui .dimensions-panel .panel-body .mobile-dr-selector .door-range-selector{margin-top:0;padding-top:0;}}@media (max-width: 820px){onfigr-wardrobe .ui .dimensions-panel .panel-body .inset-options{display:none;}onfigr-wardrobe .ui .dimensions-panel .panel-body .inset-options.mobile-active{display:block;}}@media (max-width: 820px){onfigr-wardrobe .ui .dimensions-panel .panel-body .dimension-options{display:none;}onfigr-wardrobe .ui .dimensions-panel .panel-body .dimension-options.mobile-active{display:block;}}onfigr-wardrobe .ui .dimensions-panel .panel-body .robe-options-container{width:100%;display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;margin-bottom:3rem;}@media (max-width: 820px){onfigr-wardrobe .ui .dimensions-panel .panel-body .robe-options-container{margin:0;}}onfigr-wardrobe .ui .dimensions-panel .panel-body .robe-options-container .robe-option{flex:1;display:flex;align-items:center;gap:10px;padding:2px 0;border-radius:8px;outline:1px solid #e6e6e6;font-size:12px;font-weight:500;cursor:pointer;will-change:outline-color;transition:outline-color .2s ease-in-out;}onfigr-wardrobe .ui .dimensions-panel .panel-body .robe-options-container .robe-option:hover,onfigr-wardrobe .ui .dimensions-panel .panel-body .robe-options-container .robe-option.active{outline-color:var(--primary-color);}onfigr-wardrobe .ui .dimensions-panel .panel-body .robe-options-container .robe-option:hover+.tooltip{visibility:visible;}onfigr-wardrobe .ui .dimensions-panel .panel-body .robe-options-container .robe-option .icon{width:clamp(40px,30vw,60px);height:clamp(40px,30vw,60px);border-radius:10px;}onfigr-wardrobe .ui .dimensions-panel .panel-body .robe-options-container .robe-option .icon svg{width:100%;height:100%;border-radius:8px;object-fit:cover;}onfigr-wardrobe .ui .doors-panel .panel-body .door-options-container{margin-top:1rem;}onfigr-wardrobe .ui .doors-panel .panel-body .door-options-container .door-option{position:relative;width:100%;aspect-ratio:1/1;border-radius:5px;cursor:pointer;border:1px solid #e6e6e6;padding:2px;display:flex;justify-content:center;align-items:center;}@media (max-width: 820px){onfigr-wardrobe .ui .doors-panel .panel-body .door-options-container .door-option{max-width:70px;flex-shrink:0;}}onfigr-wardrobe .ui .doors-panel .panel-body .door-options-container .door-option .thumbnail-container{display:flex;justify-content:center;align-items:center;}onfigr-wardrobe .ui .doors-panel .panel-body .door-options-container .door-option .thumbnail-container img{max-width:30px;}onfigr-wardrobe .ui .doors-panel .panel-body .door-options-container .door-option.active,onfigr-wardrobe .ui .doors-panel .panel-body .door-options-container .door-option:hover{border:1px solid var(--primary-color);}onfigr-wardrobe .ui .doors-panel .panel-body .door-options-container .door-option:hover+.tooltip{visibility:visible;}@media (max-width: 820px){onfigr-wardrobe .ui .frame-panel .panel-body .subtitle{display:none;}}onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder{margin-bottom:1rem;}@media (max-width: 820px){onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder{margin:0;display:none;}onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder.mobile-active{display:block;}}onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder .frame-option{position:relative;width:100%;aspect-ratio:1/1;border-radius:5px;cursor:pointer;padding:2px;}@media (max-width: 820px){onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder .frame-option{width:70px;height:70px;}}onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder .frame-option .thumbnail-container{width:100%;height:100%;border:1px solid #e6e6e6;border-radius:7px;background-position:center;background-size:cover;}onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder .frame-option.active,onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder .frame-option:hover{border:1px solid var(--primary-color);}onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder .frame-option:hover+.tooltip{visibility:visible;}onfigr-wardrobe .ui .frame-panel .panel-body .frame-holder .frame-option.disabled{display:none;}onfigr-wardrobe .ui .frame-panel .panel-body .track-holder{display:none;}onfigr-wardrobe .ui .frame-panel .panel-body .track-holder.active{display:block;}onfigr-wardrobe .ui .frame-panel .panel-body .track-holder .track-option-input{display:flex;gap:.25rem;}onfigr-wardrobe .ui .finishes-panel .panel-body .category-name,onfigr-wardrobe .ui .finishes-panel .panel-body .category-count{font-size:clamp(12px,5vw,14px);font-weight:600;display:none;}onfigr-wardrobe .ui .finishes-panel .panel-body .category-count{padding-left:5px;font-weight:500;color:#666e85;}onfigr-wardrobe .ui .finishes-panel .panel-body .dropdown-container{width:100%;display:flex;flex-flow:column nowrap;justify-content:space-between;gap:5px;margin-bottom:1rem;}@media (max-width: 820px){onfigr-wardrobe .ui .finishes-panel .panel-body .dropdown-container{flex-flow:column nowrap;gap:20px;}}onfigr-wardrobe .ui .finishes-panel .panel-body .category-holder{display:none;}onfigr-wardrobe .ui .finishes-panel .panel-body .category-holder.active{display:block;}onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container{margin-top:1rem;margin-bottom:3rem;}@media (max-width: 820px){onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container{margin-bottom:0;}}onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container .material-option{position:relative;width:100%;aspect-ratio:1/1;border-radius:5px;cursor:pointer;padding:2px;}@media (max-width: 820px){onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container .material-option{max-width:70px;flex-shrink:0;}}onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container .material-option .thumbnail-container{width:100%;height:100%;border:1px solid #e6e6e6;border-radius:7px;transition:rotate .15s ease-in-out;min-height:-webkit-fill-available;}onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container .material-option.rotatable.rotate .thumbnail-container{rotate:90deg;}onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container .material-option.active,onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container .material-option:hover{border:1px solid var(--primary-color);}onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container .material-option:hover+.tooltip{visibility:visible;}onfigr-wardrobe .ui .finishes-panel .panel-body .material-options-container .material-option.disabled{opacity:.2;cursor:not-allowed;}onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container{margin-top:1rem;}onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container .internal-option{position:relative;width:100%;aspect-ratio:1/1;border-radius:5px;cursor:pointer;border:1px solid #e6e6e6;padding:2px;display:flex;justify-content:center;align-items:center;}@media (max-width: 820px){onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container .internal-option{max-width:70px;flex-shrink:0;}onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container .internal-option img{max-height:60px;}}onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container .internal-option .thumbnail-container{display:flex;justify-content:center;align-items:center;}onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container .internal-option .thumbnail-container img{max-height:80px;}onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container .internal-option.active,onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container .internal-option:hover{border:1px solid var(--primary-color);}onfigr-wardrobe .ui .internals-panel .panel-body .internal-options-container .internal-option:hover+.tooltip{visibility:visible;}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .category-name,onfigr-wardrobe .ui .internal-finishes-panel .panel-body .category-count{font-size:clamp(12px,5vw,14px);font-weight:600;display:none;}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .category-count{padding-left:5px;font-weight:500;color:#666e85;}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .dropdown-container{width:100%;}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .category-holder{display:none;}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .category-holder.active{display:unset;}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .internal-finish-options-container{margin-top:1rem;margin-bottom:3rem;}@media (max-width: 820px){onfigr-wardrobe .ui .internal-finishes-panel .panel-body .internal-finish-options-container{margin-bottom:0;}}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .internal-finish-options-container .internal-finish-option{position:relative;width:100%;aspect-ratio:1/1;border-radius:5px;cursor:pointer;padding:2px;}@media (max-width: 820px){onfigr-wardrobe .ui .internal-finishes-panel .panel-body .internal-finish-options-container .internal-finish-option{max-width:70px;flex-shrink:0;}}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .internal-finish-options-container .internal-finish-option .thumbnail-container{width:100%;height:100%;border:1px solid #e6e6e6;border-radius:7px;}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .internal-finish-options-container .internal-finish-option.active,onfigr-wardrobe .ui .internal-finishes-panel .panel-body .internal-finish-options-container .internal-finish-option:hover{border:1px solid var(--primary-color);}onfigr-wardrobe .ui .internal-finishes-panel .panel-body .internal-finish-options-container .internal-finish-option:hover+.tooltip{visibility:visible;}onfigr-wardrobe .ui .trims-panel .panel-body .trim-options-container{margin-top:1rem;}@media (max-width: 820px){onfigr-wardrobe .ui .trims-panel .panel-body .trim-options-container{margin-top:0;}}onfigr-wardrobe .ui .trims-panel .panel-body .trim-options-container .trim-option{position:relative;width:100%;aspect-ratio:1/1;border-radius:5px;cursor:pointer;padding:2px;}@media (max-width: 820px){onfigr-wardrobe .ui .trims-panel .panel-body .trim-options-container .trim-option{max-width:70px;flex-shrink:0;}}onfigr-wardrobe .ui .trims-panel .panel-body .trim-options-container .trim-option .thumbnail-container{width:100%;height:100%;border:1px solid #e6e6e6;border-radius:7px;}onfigr-wardrobe .ui .trims-panel .panel-body .trim-options-container .trim-option.active,onfigr-wardrobe .ui .trims-panel .panel-body .trim-options-container .trim-option:hover{border:1px solid var(--primary-color);}onfigr-wardrobe .ui .trims-panel .panel-body .trim-options-container .trim-option:hover+.tooltip{visibility:visible;}onfigr-wardrobe .ui .landscape-modal{display:none;}@media only screen and (max-width: 820px) and (orientation: landscape){onfigr-wardrobe .ui .landscape-modal{display:initial;}}onfigr-wardrobe .ui .landscape-modal .background{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.8);pointer-events:auto;}onfigr-wardrobe .ui .landscape-modal .content{position:absolute;left:50%;top:50%;z-index:101;transform:translate(-50%,-25px);width:90%;height:50px;letter-spacing:1px;line-height:50px;font-size:16px;font-weight:700;text-align:center;color:#fff;border-radius:20px;}onfigr-wardrobe .ui .ui-wrapper{position:absolute;right:0;top:0;width:clamp(350px,30vw,400px);height:100%;background-color:#fff;padding:0 20px;box-sizing:border-box;display:flex;flex-direction:column;}@media (max-width: 820px){onfigr-wardrobe .ui .ui-wrapper{background-color:transparent;padding:0;width:100%;display:block;}}onfigr-wardrobe.manual-fullscreen{position:fixed;left:0;top:0;z-index:10000;}onfigr-wardrobe.stage-mode{background-color:#7d7c77;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.3) 25%,rgba(255,255,255,.8) 80%);}onfigr-wardrobe .onfigr-logo{width:40px;height:40px;position:absolute;left:2rem;top:calc(3rem + 40px);cursor:pointer;pointer-events:auto;}@media (max-width: 820px){onfigr-wardrobe .onfigr-logo{display:none;}}onfigr-wardrobe .onfigr-logo svg{width:100%;height:100%;}onfigr-wardrobe .company-logo{position:absolute;bottom:2rem;left:2rem;max-width:200px;height:60px;font-size:10px;display:flex;justify-content:center;align-items:center;}onfigr-wardrobe .company-logo.temp{background-color:#fff;border-radius:5px;}onfigr-wardrobe .company-logo svg,onfigr-wardrobe .company-logo img{width:100%;height:100%;object-fit:contain;}@media (max-width: 820px){onfigr-wardrobe .company-logo{bottom:unset;top:1rem;left:1rem;width:120px;height:40px;}}onfigr-wardrobe .desktop-save-design{align-items:center;justify-content:center;gap:.5rem;background-color:#e6e6e6;background-color:var(--primary-color);border:none;cursor:pointer;color:#151515;color:#fff;font-family:var(--font-family);font-size:clamp(14px,5vw,12px);font-size:14px;padding:5px 8px;border-radius:5px;width:100%;height:40px;box-sizing:border-box;display:inline-flex;pointer-events:auto;margin:20px 0;}onfigr-wardrobe .desktop-save-design .text{font-weight:700;}@media (max-width: 820px){onfigr-wardrobe .desktop-save-design{display:none;}}onfigr-wardrobe .pinned-material{display:none;z-index:4;width:30px;height:30px;background:white;position:fixed;border:2px solid #7f7d7b;border-radius:5px;}onfigr-wardrobe .pinned-material.active{display:block;}@media (max-width: 820px){onfigr-wardrobe .pinned-material.active{display:none;}}