:root{--font-size-lg: 1.3125rem;--font-size-md: 1.125rem;--font-size-sm: .875rem;--font-size-xs: .75rem;--font-weight-book: 400;--font-weight-bold: 700;--line-height-md: 1.5;--line-height-sm: 1.25;--kerning-md: -.066rem;--kerning-sm: -.033rem;--spacing-lg: 2rem;--spacing-md: 1.5rem;--spacing-sm: 1rem;--spacing-xs: .5rem;--color-green-dark: hsl(151, 36%, 21%);--color-green-dark-hover: hsl(151, 36%, 11%);--color-green-mid: hsl(94, 50%, 39%);--color-green-mid-hover: hsl(94, 50%, 29%);--color-green-light: hsl(71, 76%, 66%);--color-green-light-hover: hsl(71, 76%, 56%);--color-grey-dark: hsl(0, 0%, 30%);--color-grey-mid: hsl(0, 0%, 35%);--color-grey-light: hsl(0, 0%, 95%);--color-grey-light-hover: hsl(0, 0%, 92.5%);--color-error: hsl(347, 90%, 39%);--color-error-light: hsl(0, 100%, 94%);--mq-xs: 640px;--mq-sm: 768px;--mq-md: 1024px;--mq-lg: 1280px;--mq-xl: 1536px;--mq-xxl: 1800px;--btn-shadow: 0 2px 4px rgba(0, 0, 0, .15);--btn-shadow-hover: 0 2px 4px rgba(0, 0, 0, .25);--modal-shadow: 0 5px 12px 0 rgba(0, 0, 0, .25);--sidebar-shadow: 0 5px 12px 0 rgba(0, 0, 0, .25);--btn-height: 2.5rem;--btn-radius: 1.25rem;--icon-btn: var(--btn-height);--modal-icon-height: 2.5rem;--modal-max-width: 30rem;--app-height: calc(var(--vh) * 100);--header-height: 4.375rem;--design-tools-header-height: 4rem;--design-tools-footer-height: 6rem;--stage-height: 100%;--scene-width: 100vw;--scene-height: calc(var(--stage-height) - var(--header-height));--sidebar-width: 100%;--form-input-border-width: 2px;--form-input-height: 3.75rem;--form-input-radius: 3px;--modal-y-position: 50%;--option-hover: all .15s ease-in-out;--animate-modal-in: all .3s ease-in-out;--animate-modal-out: all .15s ease-out;--hover-opacity: .9}@media screen and (min-width:640px){:root{--modal-y-position: 45%}}@media screen and (min-width:1280px){:root{--scene-width: 75%;--sidebar-width: 25%;--scene-height: 100%}}@media screen and (min-width:1568px){:root{--scene-width: 80%;--sidebar-width: 20%}}.configurator{height:var(--app-height);overflow:hidden}html{border:none;margin:0;padding:0;height:100%}body{height:100%;width:100vw;margin:0;padding:0;font-family:gotham,sans-serif;font-weight:var(--font-weight-bold);font-style:normal;color:var(--color-green-dark);letter-spacing:var(--kerning-sm);overflow-x:hidden;overscroll-behavior:none}.no-scroll{overflow:hidden}[id]{scroll-margin-top:2rem}h1,h2,h3,h4,h5,h6{margin:0;padding:0}p,blockquote,address,big,cite,code,em,font,img,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td{border:none;font-size:inherit;line-height:inherit;margin:0;padding:0;text-align:inherit;letter-spacing:inherit}strong{font-weight:var(--font-weight-bold)}blockquote:before,blockquote:after{content:""}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*,*:before,*:after{box-sizing:inherit;-webkit-font-smoothing:antialiased;word-break:break-word;word-wrap:break-word}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}input[type=text],input[type=password],input[type=email],input[type=url],input[type=date],input[type=month],input[type=time],input[type=datetime],input[type=datetime-local],input[type=week],input[type=number],input[type=search],input[type=tel],input[type=color],input[type=submit],textarea,button{font-family:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}select{font-family:inherit;font-size:inherit}button{cursor:pointer}*{box-sizing:border-box}.screen-reader-text{display:none}ul,ol{list-style-type:none}button,a{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}.icon-btn{display:grid;place-items:center;width:var(--btn-height);height:var(--btn-height);border-radius:var(--btn-radius);border:none;box-shadow:var(--btn-shadow);background-color:#fff;font-weight:var(--font-weight-bold);color:var(--color-green-mid)}.icon-btn svg{width:1.5rem;height:1.5rem;fill:currentColor}button.icon-btn:hover{box-shadow:var(--btn-shadow-hover);color:var(--color-green-dark)}.icon-text-btn{display:inline-flex;height:var(--btn-height);padding:0 1rem 0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--btn-height);border:none;border-radius:var(--btn-radius)}.icon-text-btn__icon{display:grid;place-items:center;width:var(--btn-height);height:var(--btn-height);border-radius:var(--btn-radius)}.icon-text-btn__icon svg{width:100%;height:100%}.icon-text-btn--black{background-color:#00000026;color:#fff}.icon-text-btn--black:hover{background-color:#00000080}.icon-text-btn--black svg{fill:#fff}.icon-text-btn--white{box-shadow:var(--btn-shadow);background-color:#fff;color:var(--color-green-dark)}.icon-text-btn--white svg{fill:var(--color-green-mid)}.icon-text-btn--white:hover{color:var(--color-green-dark-hover);box-shadow:var(--btn-shadow-hover)}.icon-text-btn--grey-light{background-color:var(--color-grey-light);color:var(--color-green-dark)}.icon-text-btn--grey-light svg{fill:var(--color-green-mid)}.icon-text-btn--grey-light:hover{color:var(--color-green-dark-hover);background-color:var(--color-grey-light-hover)}.icon-tag{display:inline-flex;gap:.5rem;font-weight:var(--font-weight-bold);color:var(--color-green-dark);border-radius:var(--btn-radius);background-color:var(--color-grey-light)}.icon-tag__icon{display:grid;place-items:center;border-radius:var(--btn-radius);background-color:var(--color-green-light)}.icon-tag__icon svg{width:100%;height:100%;fill:var(--color-green-dark)}.icon-tag--lg{height:var(--btn-height);padding:0 1rem 0 0;font-size:var(--font-size-sm);line-height:var(--btn-height)}.icon-tag--lg .icon-tag__icon{width:var(--btn-height);height:var(--btn-height)}.icon-tag--sm{height:1.5rem;padding:0 .75rem 0 0;font-size:var(--font-size-xs);line-height:1.5rem}.icon-tag--sm .icon-tag__icon{width:1.5rem;height:1.5rem}.btn{display:inline-block;height:var(--btn-height);padding:0 var(--spacing-md);border-radius:var(--btn-radius);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;line-height:var(--btn-height)}.btn--green-dark{background-color:var(--color-green-dark);color:#fff}.btn--green-dark:hover{background-color:var(--color-green-dark-hover)}.btn--green-dark:disabled{opacity:.25;cursor:not-allowed}.btn--green-dark:disabled:hover{background-color:var(--color-green-dark)}.btn--grey-light{background-color:var(--color-grey-light);color:var(--color-green-dark)}.btn--grey-light:hover{background-color:var(--color-grey-light-hover)}.dropdown-btn{display:flex;align-items:center;gap:var(--spacing-xs);height:var(--btn-height);padding:0 var(--spacing-sm);border-radius:var(--btn-radius);border:none;box-shadow:var(--btn-shadow);background-color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-green-dark)}.dropdown-btn svg{width:1rem;height:1rem;fill:currentColor}.dropdown-btn.is-active{background-color:var(--color-green-light);color:var(--color-green-dark-hover)}.dropdown-btn.is-active svg{transform:rotate(180deg)}.dropdown-btn:hover{color:var(--color-green-dark)}.text-btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:none;text-decoration:underline}.text-btn--grey-mid{color:var(--color-grey-mid)}.text-btn--grey-mid:hover{color:var(--color-grey-dark)}.btn-group{display:grid;gap:var(--spacing-xs)}@media screen and (min-width:1280px){.hide-desktop{display:none}}@media screen and (max-width:1279px){.hide-mobile{display:none}}.title{font-family:var(--font-weight-bold);letter-spacing:var(--kerning-md)}a.title{text-decoration:none}a.title:hover{text-decoration:underline}.copy{font-weight:var(--font-weight-book);line-height:var(--line-height-md);text-wrap:balance}.text-lg{font-size:var(--font-size-lg)}.text-md{font-size:var(--font-size-md)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.reveal-enter-from,.reveal-leave-to{opacity:0}.reveal-enter-active{transition:var(--animate-modal-in)}.reveal-leave-active{transition:var(--animate-modal-out)}.stage{position:relative;width:100vw;height:var(--stage-height)}@media screen and (min-width:1280px){.stage{display:flex;flex:1}}.scene{position:relative;top:var(--header-height);z-index:1;width:var(--scene-width);height:var(--scene-height)}@media screen and (min-width:1280px){.scene{top:0}}.sidebar{position:absolute;top:0;left:0;z-index:2;display:none;width:var(--sidebar-width);padding:var(--header-height) 0 0;background-color:#fff}@media screen and (min-width:1280px){.sidebar{left:auto;right:0;height:100%;box-shadow:var(--sidebar-shadow)}}.sidebar.is-open{display:block}.header{position:absolute;z-index:3;display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--header-height);padding:0 var(--spacing-xs);background-color:#fff}@media screen and (min-width:1280px){.header{left:auto;right:0;width:var(--sidebar-width)}}.header__logo{display:flex;align-items:center;gap:var(--spacing-xs)}.header__logo h1{font-size:var(--font-size-md)}.header__logo svg{width:2.5rem;height:2.5rem;fill:var(--color-green-mid)}.nav-toggle{display:grid;place-items:center;width:var(--btn-height);height:var(--btn-height);border:none;background:none}.nav-toggle svg{width:1.5rem;height:1.5rem;fill:var(--color-green-mid)}.nav-toggle:hover svg{fill:var(--color-green-dark)}.viewer{position:relative;width:100%;height:100%;overflow:hidden;container-type:size}@media screen and (min-width:1280px){.viewer{height:100vh}}.viewport{position:relative;height:100%;overflow:auto;transition:all .3s ease-in-out;scrollbar-width:none;cursor:pointer}.viewport:active{cursor:grabbing}.viewport::-webkit-scrollbar{display:none}.viewport.is-blurred,.viewport.is-zoomed{opacity:.85;overflow:hidden}.viewport.is-blurred{filter:blur(10px);transform:scale(1.05)}.viewport.is-zoomed{filter:blur(20px);transform:scale(1.2)}.viewport img{position:absolute;z-index:1;display:block;aspect-ratio:16/9;object-fit:cover;object-position:center center}@container (min-aspect-ratio: 16/9){.hotspots,img{width:100%;height:auto}}@container (max-aspect-ratio: 16/9){.hotspots,img{width:auto;height:100%}}.hotspots{position:absolute;top:0;left:0;z-index:2;aspect-ratio:16/9}.open-sidebar{position:absolute;top:var(--spacing-sm);left:50%;transform:translate(-50%);z-index:2}@media screen and (min-width:1280px){.open-sidebar{display:none}}.toggle-room-selector{position:absolute;top:var(--spacing-sm);left:50%;transform:translate(-50%);z-index:2;display:none}@media screen and (min-width:1280px){.toggle-room-selector{display:flex}}.img-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:2.5rem;height:2.5rem;animation:pulse 1.5s ease-in-out infinite}.img-loading-spinner svg{width:100%;height:100%;fill:#fff}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.modal{container-type:inline-size;position:absolute;top:var(--modal-y-position);left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;justify-items:center;gap:var(--spacing-md);width:min(90%,30rem);padding:var(--spacing-lg);background-color:#fff;box-shadow:var(--modal-shadow);text-align:center}@media(max-height:800px){.modal{top:50%;gap:var(--spacing-sm);padding:var(--spacing-md)}}.modal .room{width:50%}.modal-title{display:grid;justify-items:center;gap:var(--spacing-xs)}.modal-title__icon{display:grid;place-items:center;width:var(--modal-icon-height);height:var(--modal-icon-height);border-radius:100%}.modal-title__icon svg{width:50%;height:50%}.modal-title__icon--default{background-color:var(--color-green-light)}.modal-title__icon--default svg{fill:var(--color-green-dark)}.modal-title__icon--error{background-color:var(--color-error-light)}.modal-title__icon--error svg{fill:var(--color-error)}.close-modal{position:absolute;top:0;right:0;z-index:1;display:grid;place-items:center;width:var(--btn-height);height:var(--btn-height);background:none}.close-modal svg{width:50%;height:50%;fill:var(--color-green-mid)}.close-modal:hover svg{fill:var(--color-green-dark)}.load-design-form{width:100%}.load-design{position:relative;display:flex;width:100%;border:var(--form-input-border-width) solid var(--color-green-dark);overflow:hidden}.load-design:focus-within{border-color:var(--color-green-dark-hover)}.load-design__text-field{flex:1;height:var(--form-input-height);padding:0 var(--form-input-height) 0 var(--spacing-xs);border:none;color:var(--color-green-dark)}.load-design__text-field:focus{border:none;outline:none}.load-design__text-field:focus::placeholder{color:var(--color-green-dark)}.load-design__btn{display:grid;place-items:center;width:var(--form-input-height);height:var(--form-input-height);border:none;padding:0;background-color:var(--color-green-mid)}.load-design__btn svg{width:50%;height:50%;fill:#fff}.load-design__btn:focus,.load-design__btn:hover{outline:none;background-color:var(--color-green-mid-hover)}.welcome-modal{position:absolute;top:var(--modal-y-position);left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;width:min(90%,60rem);background-color:#fff;box-shadow:0 5px 12px #00000040}.welcome-modal__img{display:none}@media screen and (min-width:1024px){.welcome-modal__img{display:block;width:min(20%,12.5rem);height:auto}}.welcome-modal__img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.welcome-modal__content{flex:1;display:grid;justify-items:center;align-content:center;gap:var(--spacing-md);padding:4rem;text-align:center}.welcome-modal__content .btn-group{margin:0 0 var(--spacing-md)}.welcome-modal__logo{width:min(50%,15rem)}.validation{padding:var(--spacing-xs)}.validation p{font-size:var(--font-size-xs)}.validation--success{background-color:var(--color-green-light);color:var(--color-green-dark)}.validation--error{background-color:var(--color-error-light);color:var(--color-error)}.share-options{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.share-option{display:grid;gap:var(--spacing-xs);justify-items:center;background:none;font-weight:var(--font-weight-bold);color:var(--color-green-dark);text-decoration:none}.share-option svg{width:var(--modal-icon-height);height:var(--modal-icon-height)}.share-option:hover{color:var(--color-green-dark-hover)}.share-option:hover svg{opacity:var(--hover-opacity)}.download-design{display:grid;gap:var(--spacing-md);justify-items:start;width:100%}.download-design__row{width:100%;text-align:left}.download-design__label{display:block;margin:0 0 var(--spacing-xs)}.download-design__text-input{width:100%;height:var(--form-input-height);padding:0 var(--spacing-xs);border:var(--form-input-border-width) solid var(--color-green-dark);overflow:hidden;color:var(--color-green-dark)}.download-design__text-input:focus{border-color:var(--color-green-dark-hover);outline:none}.download-design__text-input:focus::placeholder{color:var(--color-green-dark)}.download-design__checkbox{display:flex;gap:var(--spacing-xs);align-items:flex-start}.download-design__checkbox p{margin:.125rem 0 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-book);text-align:left;text-wrap:balance}.download-design__checkbox p a{color:inherit}.download-design__checkbox p a:hover{color:var(--color-green-dark-hover)}.modal-enter-from,.modal-leave-to{top:calc(var(--modal-y-position) + 1rem);opacity:0}.modal-enter-active{transition:var(--animate-modal-in)}.modal-leave-active{transition:var(--animate-modal-out)}.design-tools{position:relative;width:100%;height:calc(100vh - var(--header-height));border-top:1px solid var(--color-grey-light)}.design-tools__header{position:relative;display:grid;place-items:center;width:100%;height:var(--design-tools-header-height);margin:0 0 var(--spacing-xs);background-color:#fff;transition:var(--animate-modal-in)}.design-tools__header .go-back{position:absolute;top:.75rem;left:var(--spacing-xs);z-index:1}.design-tools__header .close-sidebar{position:absolute;top:.75rem;right:var(--spacing-xs);z-index:1}:is(.design-tools.surface-selector-open,.design-tools.product-info-open) .design-tools__header,:is(.design-tools.surface-selector-open,.design-tools.product-info-open) .products{opacity:.25}@media screen and (min-width:1280px){.design-tools.product-info-open .design-tools__header,.design-tools.product-info-open .products{opacity:1}}.design-tools.surface-selector-open .design-tools__header,.design-tools.surface-selector-open .products{pointer-events:none}.design-tools__footer{position:absolute;bottom:0;left:0;z-index:2;display:grid;align-content:center;justify-items:center;gap:var(--spacing-xs);width:100%;height:var(--design-tools-footer-height);background-color:#fff;border-top:1px solid var(--color-grey-light)}.loading{padding:var(--spacing-sm);text-transform:uppercase;text-align:center}.products{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);height:calc(100vh - var(--header-height) - var(--design-tools-header-height));padding:0 0 calc(var(--design-tools-footer-height) + var(--spacing-lg));overflow:auto;transition:var(--animate-modal-in)}.product-selector{display:grid;gap:var(--spacing-sm) var(--spacing-xs);padding:0 var(--spacing-xs);width:100%}.product-selector li{position:relative}@media screen and (min-width:480px){.product-selector{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:640px){.product-selector{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:479px),screen and (min-width:1280px){.product-selector{grid-template-columns:repeat(2,1fr)}}.product{position:relative;z-index:1;display:grid;justify-items:start;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs);background:none;border:none;transition:var(--option-hover)}.product img{transition:var(--option-hover)}.product:hover{box-shadow:var(--btn-shadow)}.product:hover img{opacity:var(--hover-opacity)}.product.is-selected{box-shadow:var(--btn-shadow-hover)}.product__label,.product-option__label{font-weight:var(--font-weight-bold);color:var(--color-green-dark)}.product-option__label{font-size:var(--font-size-xs);text-transform:uppercase;line-height:1.1}.product-img-outer{position:relative;display:block;width:100%}.product-img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:3/5;object-fit:cover;object-position:center}.product-info-toggle{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);z-index:2;display:grid;place-items:center;width:2rem;height:2rem;background:none;transition:var(--option-hover)}.product-info-toggle:hover{background-color:#00000040}.product-info-toggle:hover .product-info-toggle__icon{color:var(--color-green-dark)}.product-info-toggle__icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:100%;font-weight:var(--font-weight-bold);color:var(--color-green-mid);line-height:1;background:#fff}.product-img-outer>.icon-btn,.product-locations{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.product-locations{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-xs);width:100%}.surface-selector{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;justify-items:center;gap:var(--spacing-md);width:90%;padding:var(--spacing-md) var(--spacing-xs) var(--spacing-lg);background-color:#fff;border:1px solid var(--color-green-mid)}@media screen and (min-width:1280px){.surface-selector{width:calc(100% - calc(var(--spacing-xs)*2))}}.surface-selector__options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs);width:100%}.surface-selector__option{display:grid;place-items:center;gap:var(--spacing-xs);width:calc(25% - var(--spacing-xs));padding:var(--spacing-sm) 0;font-size:var(--font-size-md);cursor:pointer;border:1px solid white}.surface-selector__option input{display:none}.surface-selector__option:hover{border-color:var(--color-green-mid)}.surface-selector__option.is-selected{border-color:var(--color-green-dark)}.surface-selector__option.is-selected .surface-selector__check{background-color:var(--color-green-light)}.surface-selector__option.is-selected .surface-selector__check svg{display:block}.surface-selector__check{display:grid;place-items:center;width:2rem;height:2rem;border-radius:100%;background-color:var(--color-grey-light)}.surface-selector__check svg{display:none;width:75%;height:75%;fill:var(--color-green-dark)}.room-selector{position:absolute;bottom:0;left:0;z-index:1;display:grid;justify-items:center;width:100vw;padding:var(--spacing-md) 0;background-color:#fff;overflow:hidden;box-shadow:0 -5px 12px #00000040}@media screen and (min-width:1280px){.room-selector{bottom:auto;top:0;width:100%;padding:4.5rem 0 1rem;box-shadow:0 5px 12px #00000040}}.room-selector .text-btn{margin:var(--spacing-md) 0 0}@media screen and (min-width:1280px){.room-selector .text-btn{display:none}}.room-selector-overflow{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:var(--spacing-xs) 0}.rooms{display:inline-flex;flex-wrap:nowrap;list-style:none;width:100%;padding:0 var(--spacing-lg)}@media screen and (min-width:1536px){.rooms{justify-content:center}}.rooms li{flex-shrink:0;width:10rem;padding:0 var(--spacing-xs) 0 0}@media screen and (max-width:1600px){.rooms li.is-first{order:1}.rooms li:not(.is-first){order:2}}.room{display:grid;justify-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs);background:none;border:none;transition:var(--option-hover)}.room img{transition:var(--option-hover)}.room.is-selected{box-shadow:var(--btn-shadow-hover)}button.room:hover,a.room:hover{box-shadow:var(--btn-shadow)}:is(button.room:hover,a.room:hover) img{opacity:var(--hover-opacity)}.room-img-outer{position:relative}.room-img-outer>.icon-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.room-img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;object-position:center}.room-selector-enter-from,.room-selector-leave-to{transform:translateY(1rem);opacity:0}@media screen and (min-width:1280px){.room-selector-enter-from,.room-selector-leave-to{transform:translateY(-1rem)}}.room-selector-enter-active{transition:all .3s ease-in-out}.room-selector-leave-active{transition:all .15s ease-out}.user-tools-overlay{position:absolute;top:var(--header-height);left:0;z-index:2;width:100%;height:calc(100vh - var(--header-height));border-top:1px solid var(--color-grey-light);background-color:#fff}.user-tools{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-lg);margin:0 0 var(--spacing-lg)}@media screen and (min-width:640px){.user-tools{grid-template-columns:1fr}}.user-tools__link{display:grid;justify-items:center;gap:var(--spacing-xs);width:100%;padding:0 var(--spacing-xs);background:none;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-green-dark);text-align:center}.user-tools__link:hover{color:var(--color-green-dark-hover)}.user-tools__link:hover .user-tools__icon{background-color:var(--color-green-light-hover)}.user-tools__icon{display:grid;place-items:center;width:var(--modal-icon-height);height:var(--modal-icon-height);border-radius:100%;background-color:var(--color-green-light)}.user-tools__icon svg{width:50%;height:50%;fill:var(--color-green-dark)}.disclaimer{display:grid;gap:var(--spacing-xs);padding:0 var(--spacing-md);text-align:center}.user-tools-overlay-enter-from,.user-tools-overlay-leave-to{opacity:0}.user-tools-overlay-enter-active{transition:all .3s ease-in}.user-tools-overlay-leave-active{transition:all .15s ease-out}.user-tools-overlay-enter-from .user-tools,.user-tools-overlay-enter-from .summary-list,.user-tools-overlay-leave-to .user-tools,.user-tools-overlay-leave-to .summary-list{transform:translateY(1rem);opacity:0}.user-tools-overlay-enter-active .user-tools,.user-tools-overlay-enter-active .summary-list{transition:all .3s ease-in-out;transition-delay:.15s}.user-tools-overlay-leave-active .user-tools,.user-tools-overlay-leave-active .summary-list{transition:all .15s ease-out}.summary-overlay{position:absolute;top:var(--header-height);left:0;z-index:3;width:100%;height:calc(100vh - var(--header-height));border-top:1px solid var(--color-grey-light);background-color:#fff}.summary{height:calc(100vh - var(--header-height) - var(--design-tools-header-height));padding:0 0 calc(var(--design-tools-footer-height) + var(--spacing-lg));overflow:auto}.summary-list{display:grid;gap:var(--spacing-md);padding:var(--spacing-xs) 0;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:639px),screen and (min-width:1280px){.summary-list{grid-template-columns:1fr}}.summary-list__item{display:grid;gap:var(--spacing-xs);width:100%;padding:0 var(--spacing-xs)}.summary-list__imgs{display:grid;grid-template-columns:1fr 2fr}.summary-list__product{position:relative;overflow:hidden}.summary-list__product img{position:relative;z-index:1;display:block;width:100%;height:auto}.summary-list__product .icon-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.summary-list__img{position:relative}.summary-list__img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hotspots{position:absolute;top:0;left:0;z-index:2;object-fit:cover;object-position:center;display:block;width:100%;height:100%;min-width:100%;min-height:100%}.hotspot{position:absolute;z-index:1;transform:translate(-50%,-50%);padding:0 .5rem}@media(hover:hover){.hotspot:hover .rotate-grain-reveal{left:calc(var(--btn-height) + 1rem);opacity:1}}.rotate-grain-reveal{position:absolute;z-index:1;top:0;left:0;width:9rem;opacity:0;transition:var(--option-hover)}.open-hotspot{position:relative;z-index:2}.hotspot-nav{position:absolute;bottom:var(--spacing-sm);left:var(--spacing-sm);z-index:1;justify-content:center;width:calc(100% - calc(var(--spacing-sm)) * 2);height:var(--btn-height);display:flex;gap:var(--spacing-xs)}@media screen and (min-width:1280px){.hotspot-nav{bottom:auto;top:var(--spacing-sm)}}.hotspot-nav .icon-btn.active{background-color:var(--color-green-light);color:var(--color-green-dark)}.back-to-room{position:absolute;top:0;left:0;z-index:1}.rotate-grain{position:absolute;top:0;right:0;z-index:1}.hotspot-nav__list{display:none;justify-content:center;gap:var(--spacing-xs)}@media screen and (min-width:640px){.hotspot-nav__list{display:flex}}.control{position:fixed;z-index:2;display:grid;place-items:center;width:var(--btn-height);height:var(--btn-height);border-radius:var(--btn-radius);border:none;background-color:#00000026;transition:var(--option-hover);opacity:1}.control:hover{background-color:#00000080}.control svg{width:1.5rem;height:1.5rem;fill:#fff}.control--up,.control--down{left:50%;transform:translate(-50%)}@media screen and (min-width:1280px){.control--up,.control--down{left:calc(100% - calc(var(--sidebar-width) / 2))}}.control--up{top:10rem}.control--down{bottom:10rem}.control--left,.control--right{top:50%;transform:translateY(-50%)}.control--left{left:var(--spacing-sm)}.control--right{right:var(--spacing-sm)}@media screen and (min-width:1280px){.control--right{right:calc(var(--sidebar-width) + var(--spacing-sm))}}@container (min-aspect-ratio: 16/9){.hotspots{width:100%;height:auto}.control--left,.control--right{display:none}}@container (max-aspect-ratio: 16/9){.hotspots{width:auto;height:100%}.control--up,.control--down{display:none}}.wg-drop.country-selector a{height:var(--btn-height)!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--kerning-sm);color:var(--color-green-dark)}:is(.wg-drop.country-selector a):hover{color:var(--color-green-dark-hover)}.wg-drop.country-selector .wgcurrent,.wg-drop.country-selector.weg-openup .wgcurrent a{border:none!important;border-radius:0 var(--btn-radius) var(--btn-radius) 0!important}@media screen and (min-width:1280px){.wg-drop.country-selector .wgcurrent,.wg-drop.country-selector.weg-openup .wgcurrent a{border-radius:var(--btn-radius)!important;box-shadow:var(--btn-shadow)!important}}.wg-drop.country-selector .wgcurrent:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyIDE1Ljc1Yy0uMTkgMC0uMzgtLjA3LS41My0uMjJsLTYtNmMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMGw1LjQ3IDUuNDcgNS40Ny01LjQ3Yy4yOS0uMjkuNzctLjI5IDEuMDYgMHMuMjkuNzcgMCAxLjA2bC02IDZjLS4xNS4xNS0uMzQuMjItLjUzLjIyeiIvPjwvc3ZnPg==);background-size:1rem;color:var(--color-green-dark);content:""!important;height:var(--btn-height);line-height:var(--btn-height);width:1rem}.wg-drop.country-selector .wgcurrent a{padding-right:35px}.wg-drop.country-selector.weg-openup .wgcurrent a{background-color:var(--color-green-light)}.wg-drop.country-selector.weg-openup{width:auto!important}.wg-drop.country-selector ul{border:none!important;bottom:110%!important;border-radius:var(--btn-radius);box-shadow:var(--btn-shadow)}.wg-drop.country-selector .wgcurrent:after{transform:rotate(180deg)!important}.wg-flag{display:none!important}@media screen and (min-width:640px){.wg-flag{display:block}}.wg-flags a img.wg-flag{height:15px!important;margin-right:5px!important}.toolbar{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:2;display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:var(--btn-shadow);border-radius:var(--btn-radius);opacity:1;pointer-events:all;transition:var(--animate-modal-in)}@media screen and (min-width:1280px){.toolbar{left:var(--spacing-lg);transform:none;width:calc(100% - calc(var(--spacing-lg)*2));justify-content:space-between;background:none;box-shadow:none;border-radius:0}}.toolbar.is-hidden{opacity:0;pointer-events:none}.mobile-toggle-room-selector{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs);height:var(--btn-height);padding:0 var(--spacing-xs) 0 var(--spacing-sm);border-radius:var(--btn-radius) 0 0 var(--btn-radius);border:none;background-color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-green-dark)}@media screen and (min-width:1280px){.mobile-toggle-room-selector{display:none}}.mobile-toggle-room-selector svg{width:1rem;height:1rem;fill:currentColor;transform:rotate(180deg)}.mobile-toggle-room-selector.is-active{background-color:var(--color-green-light)}.toggle-hotspots{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs);height:var(--btn-height);padding:0 var(--spacing-xs);border-radius:0 var(--btn-radius) var(--btn-radius) 0;border-top:none;border-bottom:none;border-left:1px solid var(--color-grey-light);border-right:1px solid var(--color-grey-light);background-color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-green-dark)}@media screen and (min-width:1280px){.toggle-hotspots{padding:0 var(--spacing-sm);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow)}}.toggle-hotspots.is-active .toggle-switch{justify-content:flex-end}.toggle-hotspots.is-active .toggle-switch__handle{background-color:var(--color-green-mid)}.toggle-switch{display:flex;height:16px;width:24px;border:1px solid hsl(0,0%,75%);border-radius:16px}.toggle-switch__handle{width:14px;height:14px;border-radius:100%;background-color:#bfbfbf}.product-info-drawer{position:absolute;top:var(--header-height);left:0;z-index:3;width:100%;height:var(--scene-height);background:url(img/grain-texture.png) repeat-y center center #fff;box-shadow:var(--modal-shadow)}@media screen and (min-width:480px){.product-info-drawer{left:50%;transform:translate(-50%);width:min(90%,25rem);height:auto}}@media screen and (min-width:1280px){.product-info-drawer{top:0;left:auto;right:var(--sidebar-width);transform:none;z-index:2;height:100%}}.product-info-img{aspect-ratio:4/3}@media screen and (min-width:1280px){.product-info-img{aspect-ratio:1/1}}.product-info-img .icon-btn{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:2}.product-info-img img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.product-info-text{display:grid;gap:var(--spacing-sm);padding:var(--spacing-lg)}.product-details{display:grid;gap:var(--spacing-xs)}.product-details li{font-weight:var(--font-weight-book)}
