[x-cloak]{display:none!important}@font-face{font-family:Adelia;src:url(//thermosmalaysia.com/cdn/shop/t/27/assets/adelia.ttf?v=2407320909651994881775804069) format("truetype")}@font-face{font-family:Carattere;src:url(//thermosmalaysia.com/cdn/shop/t/27/assets/Carattere-Regular.ttf?v=869576124642196801775804072) format("truetype")}@font-face{font-family:Lexend;src:url(//thermosmalaysia.com/cdn/shop/t/27/assets/Lexend-Regular.ttf?v=95163821572386239551775804086) format("truetype")}@font-face{font-family:Mikela;src:url(//thermosmalaysia.com/cdn/shop/t/27/assets/Mikela%20-%20Light.ttf?v=117947306342451613961775804089) format("truetype")}.thermos-customization-set__wrapper ::-webkit-scrollbar{width:8px;height:5px}.thermos-customization-set__wrapper ::-webkit-scrollbar-track-piece{background-color:#fce0de;border-radius:.5em}.thermos-customization-set__wrapper ::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:.5em}.thermos-customization-set__wrapper ::-webkit-scrollbar-thumb:hover{background-color:#909090}.toastify{border-left-width:3px;border-style:solid;border-color:var(--accent);border-radius:0;padding:12px 12px 12px 20px;width:100%;max-width:28rem;display:flex;align-items:start}.thermos-customization-set__toast{color:var(--text);flex:1}.thermos-customization-set__toast+.toast-close{color:var(--accent);margin-left:.5rem;padding:5px}.thermos-customization-set__toast__header{display:flex;gap:.4rem}.thermos-customization-set__toast__icon{width:2rem;height:2rem}.thermos-customization-set__toast__icon--success{color:#4ade80}.thermos-customization-set__toast__icon--danger{color:#f87171}.thermos-customization-set__toast__title{flex:1;padding-top:.35rem;font-weight:700}.thermos-customization-set__toast__description{margin-top:.5rem}.thermos-customization-set__layout--relative{position:relative}.thermos-customization-set__layout--absolute{position:absolute;left:0;top:0;width:100%;height:100%;margin-bottom:.2rem}.thermos-customization-set__layout--absolute button{width:auto}.thermos-customization-set__layout--dummy{visibility:hidden}.thermos-customization-set__wrapper{display:flex;flex-direction:column;margin:auto;overflow-x:hidden}.thermos-customization-set__loading{min-height:85vh;flex:1;display:flex;justify-content:center;align-items:center}.thermos-customization-set__controller{flex:1;width:100%;display:flex;flex-direction:column}.thermos-customization-set__loader{position:relative;width:6rem;height:6rem}.thermos-customization-set__button{width:100%}.thermos-customization-set__panel{background-color:#fff;padding:.5rem 1rem 1.5rem;box-shadow:0 -4px 9px -3px #0000001a,0 4px 6px -4px #0000001a}.thermos-customization-set__action{margin-top:2rem}.thermos-customization-set__action .thermos-customization-set__button{width:100%}.thermos-customization-set__back-button{display:flex;align-items:center;padding:.5rem}.thermos-customization-set__back-button>*+*{margin-left:.5rem}.thermos-customization-set__back-button>svg{width:1.5rem;height:1.5rem}.thermos-customization-set__option{margin-top:.5rem}.thermos-customization-set__option__wrapper{display:flex;flex-direction:column}.thermos-customization-set__option__field{flex:1;display:flex;flex-direction:column}.thermos-customization-set__step-title{font-size:large;text-align:center}.thermos-customization-set__step-title__highlight{color:var(--accent)}.thermos-customization-set__variant-selection{margin-top:1rem;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.thermos-customization-set__variant-label{text-align:center;margin-top:.8rem;margin-bottom:.5rem}.thermos-customization-set__icon-selection{max-width:90%;gap:.5rem;padding:.2rem .2rem .8rem;overflow-x:auto;scroll-snap-type:x mandatory;align-items:center;margin-left:auto;margin-right:auto;display:flex;width:90%}.thermos-customization-set__icon-selection__button{scroll-snap-align:start;scroll-margin-left:.5rem;border-width:2px;border-radius:.375rem;border-style:solid;border-color:transparent;padding:.75rem .5rem;transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.thermos-customization-set__icon-selection__button--selected{border-color:var(--accent)}.thermos-customization-set__icon-selection__button__base{aspect-ratio:28 / 33;width:8rem;max-width:5rem}.thermos-customization-set__icon-selection__button__icon-image{object-fit:contain}.thermos-customization-set__icon-selection__button__no-icon{display:flex;justify-content:center;align-items:center}.thermos-customization-set__icon-selection__button__no-icon>svg{width:2.5rem;height:2.5rem}.thermos-customization-set__size-selection{max-width:100%;display:flex;align-items:center;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory}.thermos-customization-set__size-selection__button{scroll-snap-align:start;scroll-margin-left:.5rem;padding:4rem;background-color:transparent;white-space:nowrap;border:2px solid var(--border-light);border-radius:.375rem;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.thermos-customization-set__size-selection__button--selected{border-radius:.375rem;border:2px solid var(--accent)}.thermos-customization-set__color-selection{max-width:100%;display:flex;gap:.5rem;padding:.75rem .25rem;overflow-x:auto;scroll-snap-type:x mandatory}.thermos-customization-set__color-selection__button{border-width:2px;border-style:solid;border-color:transparent;border-radius:100%;scroll-snap-align:start;scroll-margin-left:.5rem;padding:.15rem;aspect-ratio:1;transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.thermos-customization-set__color-selection__button--selected{border-color:var(--accent)}.thermos-customization-set__color-selection__button__no-icon,.thermos-customization-set__color-selection__button__color-swatch{width:3rem}.thermos-customization-set__color-selection__button__no-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.thermos-customization-set__color-selection__button__color-swatch{aspect-ratio:1;background:var(--swatch, #ccc);border-radius:100%}.thermos-customization-set__color-selection__button__color-swatch--disabled{position:relative;opacity:.5}.thermos-customization-set__color-selection__button__color-swatch--disabled:before{height:100%;transform:rotate(-45deg) translate(-50%,-50%);content:"";position:absolute;top:50%;left:50%;z-index:2;width:1px;transform-origin:left top;background-color:var(--accent);mix-blend-mode:difference;filter:invert(1)}.is-loading.thermos-customization-set__button>span{visibility:hidden}.thermos-customization-set__loading-button__icon{width:1.75rem;height:1.75rem}.thermos-customization-set__preview{background-color:#fafafa;display:flex;flex-direction:column;justify-content:center;align-items:center}.thermos-customization-set__preview__rotate-button{position:absolute;bottom:11%;right:10%;background-color:#fff;border-width:2px;border-radius:100%;border-style:solid;border-color:var(--accent);padding:.75rem;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.thermos-customization-set__preview__rotate-button__icon{width:2rem;height:2rem}.thermos-customization-set__preview__image-holder{position:relative;aspect-ratio:1.1;width:100%;overflow:hidden}.thermos-customization-set__preview__image-picture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.thermos-customization-set__preview__image-picture__correction--for-250ml{top:.3%;left:-.3%}.thermos-customization-set__preview__image-picture__correction--for-500ml{top:-25%;left:-.15%}.thermos-customization-set__preview__engraving-text{position:absolute;color:#adadad;mix-blend-mode:difference;filter:invert(1);bottom:22.8%;left:50%;transform:translate(-50%,50%);font-size:12px}.thermos-customization-set__engraving-option{max-width:100%;display:flex;gap:.5rem;padding:.75rem .25rem;overflow-x:auto;scroll-snap-type:x mandatory}.thermos-customization-set__engraving-option__button{border-width:2px;border-radius:.375rem;border-style:solid;border-color:transparent;scroll-snap-align:start;scroll-margin-left:.5rem;padding:1rem 1.5rem;white-space:nowrap;transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.thermos-customization-set__engraving-option__button--selected{border-color:var(--accent)}.thermos-customization-set__engraving-text-input-wrapper{padding:0 1rem;display:flex;width:100%;flex-direction:column;margin-top:.5rem}.thermos-customization-set__engraving-text-input-wrapper--disabled{opacity:.3}.thermos-customization-set__engraving-text-input-field{line-height:2;margin-bottom:.4rem}.thermos-customization-set__engraving-text-input-field__help-text{padding:0 .5rem;line-height:1.25;font-size:var(--font-body-small);color:var(--text-light)}.thermos-customization-set__overflow-x--scroll{overflow-x:scroll}.thermos-step-nav{display:flex;justify-content:center;gap:.75rem;margin:1rem 0 1.5rem;position:relative;z-index:50}.thermos-step-nav button{width:35px;height:35px;border-radius:50%;border:2px solid var(--accent);background:#fff;color:var(--accent);font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.2s}.thermos-step-nav button:hover,.thermos-step-nav .active-step{background:var(--accent);color:#fff}.icon-category-buttons{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center;margin-top:1rem}.icon-category-buttons button{width:85px;height:30px;padding:.5rem 1rem;background:#fff;background-color:var(--border-light);border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.icon-category-buttons button.active{background:var(--accent);color:#fff}.thermos-step-nav--desktop{display:none}.thermos-customization-set__button-wrapper{margin-bottom:12px}.thermos-customization-set__button-wrapper:last-child{margin-bottom:0}.thermos-customization-set__button-container{position:relative;min-height:48px}.thermos-customization-set__button-absolute{position:absolute;top:0;left:0;right:0;width:100%}.thermos-customization-set__button-row{display:flex;flex-direction:column-reverse;gap:12px}.thermos-customization-set__button-wrapper--main,.thermos-customization-set__button-wrapper--back{flex:1}.thermos-step-nav__disabled{opacity:.4;cursor:not-allowed!important;pointer-events:none}.thermos-step-nav button:disabled{opacity:.4;cursor:not-allowed}.thermos-customization-set__icon-selection__button{width:22.5%;flex:0 0 22.5%}.thermos-customization-set__icon-selection{flex-wrap:wrap}.test{width:1rem;height:1rem;background:red}@media not (min-width:768px){.thermos-customization-set__layout--absolute button:has(img){width:unset!important;aspect-ratio:28 / 33}.thermos-customization-set__icon-selection{flex-wrap:unset}}@media(min-width:48rem){.thermos-customization-set__controller{flex-direction:row}.thermos-customization-set__preview{flex:4;background-color:#fff}.thermos-customization-set__panel{flex:5;display:flex;flex-direction:column;justify-content:center;box-shadow:-4px 0 9px -3px #0000001a,0 4px 6px -4px #0000001a}.thermos-customization-set__panel[disabled]{opacity:.5}.thermos-customization-set__panel>.form__width{width:100%}.thermos-customization-set__form{display:flex;flex-direction:column;flex:1}.thermos-customization-set__option{flex:1}.thermos-customization-set__option__field{overflow-y:auto}.thermos-customization-set__variant-selection{overflow-y:visible}.thermos-customization-set__icon-selection{overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.thermos-customization-set__icon-selection__button__base{width:100%}.thermos-customization-set__color-selection{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;justify-items:center;overflow-x:visible}.thermos-customization-set__size-selection{flex-wrap:wrap}.thermos-step-nav:not(.thermos-step-nav--desktop){display:none}.thermos-step-nav--desktop{display:flex}.thermos-customization-set__color-selection:has(button:nth-child(2):last-child){justify-content:center;display:flex}.thermos-customization-set__option__wrapper[x-show="currentStep == stepBody"] .thermos-customization-set__color-selection{display:flex;justify-content:center;gap:1rem}.thermos-customization-set__button-row{flex-direction:row;gap:12px}.thermos-customization-set__button-wrapper{margin-bottom:0}.thermos-step-nav__disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.thermos-step-nav button:disabled{opacity:.4;cursor:not-allowed}.icon-category-buttons{margin-top:2rem}.thermos-customization-set__icon-selection__button{display:flex;justify-content:center}.thermos-customization-set__icon-selection{overflow-y:auto;align-items:center;margin-left:auto;margin-right:auto;display:flex;width:90%}.thermos-customization-set__icon-selection:has(button:nth-child(4)):not(:has(button:nth-child(5))),.thermos-customization-set__icon-selection:not(:has(button:nth-child(4))){justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/thermos-customization-set-product.css.map */