:root{--font-size-xl: 1.5rem;--font-size-lg: 1.3125rem;--font-size-md: 1.125rem;--font-size-sm: 1rem;--font-size-xs: .875rem;--hoefler: hoefler-text, sans-serif;--brandon: brandon-grotesque, sans-serif;--brandon-light: 300;--brandon-medium: 500;--hoefler-text: 400;--line-height-md: 1.5;--line-height-sm: 1.25;--kerning-md: -.15rem;--kerning-sm: -.075rem;--spacing-lg: clamp( 3.75rem, 3.3333rem + 2.0833vw, 5rem );--spacing-md: clamp( 2.5rem, 2.0833rem + 2.0833vw, 3.75rem );--spacing-sm: clamp( 1.25rem, .8333rem + 2.0833vw, 2.5rem );--spacing-xs: clamp( .75rem, .6667rem + .4167vw, 1rem );--spacing-xxs: .5rem;--color-blue: #002d55;--color-blue-light: hsl(208, 100%, 95%);--color-gold: #b1953a;--color-grey: #767676;--color-grey-mid: #e1e1e1;--color-grey-light: #f1f1f1;--color-red: #ff0000;--color-red-light: #ffe2e2;--mq-xs: 640px;--mq-sm: 768px;--mq-md: 1024px;--mq-lg: 1280px;--mq-xl: 1536px;--mq-xxl: 1800px;--btn-radius: 3px;--shadow-down-lg: 0 5px 12px -6px rgba(0, 0, 0, .25);--shadow-lg: 0 5px 12px rgba(0, 0, 0, .25);--shadow-md: 0 2px 4px rgba(0, 0, 0, .25);--inset-shadow-md: inset 0 2px 4px rgba(0, 0, 0, .25);--icon-width-sm: 1rem;--modal-max-width: 30rem;--divider-width: 3rem;--divider-height: 1px;--app-height: calc(var(--vh) * 100);--header-height: 3rem;--design-tools-header-height: 5rem;--design-tools-footer-height: 4rem;--stage-height: 100%;--scene-width: 100vw;--sidebar-width: 100vw;--category-selector-btn-width: 7.5rem;--form-input-height: 3rem;--form-input-radius: 3px}@media (min-width: 768px){:root{--icon-width-sm: 1.25rem;--design-tools-header-height: 6rem;--design-tools-footer-height: 5rem}}@media (min-width: 1024px){:root{--scene-width: 70%;--sidebar-width: 30%}}@media (min-width: 1536px){:root{--scene-width: 75%;--sidebar-width: 25%}}html{border:none;margin:0;padding:0;height:100%}body{height:100%;width:100vw;margin:0;padding:0;font-family:var(--brandon);font-weight:var(--brandon-medium);font-size:var(--font-size-sm);color:var(--color-grey);text-underline-offset:4px;background-color:#fff;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;font-weight:400}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;font-weight:400;line-height:inherit;margin:0;padding:0;text-align:inherit}strong{font-weight:400}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:1.5rem;height:1.5rem;background-color:var(--color-blue);border-radius:100%;font-size:16px}.icon-btn:hover{background-color:var(--color-gold)}.icon-btn svg{width:1rem;fill:#fff}.icon-btn--blue{background-color:var(--color-blue)}.icon-btn--blue:hover{background-color:var(--color-gold)}.icon-btn--blue svg{fill:#fff}.icon-btn--red-light{background-color:var(--color-red-light)}.icon-btn--red-light:hover{background-color:var(--color-red)}.icon-btn--red-light:hover svg{fill:#fff}.icon-btn--red-light svg{fill:var(--color-red)}.icon-text-btn{display:flex;align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size-xs);font-weight:var(--brandon-medium);color:var(--color-blue);text-transform:uppercase;text-decoration:none;background:none;cursor:pointer}.icon-text-btn:hover .icon-text-btn__icon{background-color:var(--color-gold)}.icon-text-btn__icon{display:grid;place-items:center;width:1.5rem;height:1.5rem;background-color:var(--color-blue);border-radius:100%}.icon-text-btn__icon svg{width:1rem;fill:#fff}.serif-title{font-family:var(--hoefler);color:var(--color-blue)}.title{text-transform:uppercase}a.title{text-decoration:none}a.title:hover{text-decoration:underline}.color-blue{color:var(--color-blue)}.text-xl{font-size:var(--font-size-xl)}.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)}.configurator{height:var(--app-height);overflow:hidden}.stage{position:relative;display:flex;flex-direction:column;width:100vw;height:var(--stage-height)}@media (min-width: 1024px){.stage{display:flex;flex:1}}.scene{position:relative;width:var(--scene-width);background-color:var(--color-green)}@media (min-width: 1024px){.scene{height:100%}}.sidebar{position:relative;flex:1;width:var(--sidebar-width)}@media (min-width: 1024px){.sidebar{position:absolute;top:0;right:0;height:100%;padding:var(--header-height) 0 0;box-shadow:0 5px 12px #00000040}}.viewer{width:100%;overflow:hidden}.viewport{width:100%;aspect-ratio:16/10}@media (min-width: 1024px){.viewport{height:100vh}}.viewport img,.viewport canvas{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.spinner{position:relative;margin-left:-45px;top:45%;left:50%;z-index:999}.viewer-options{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);z-index:2;display:grid;gap:var(--spacing-xs);visibility:visible;opacity:1;transition:all .5s}@media (min-width: 1024px){.viewer-options{top:1.875rem;bottom:auto}}.viewer-option{display:flex;align-items:center;max-width:2.5rem;height:2.5rem;border-radius:1.25rem;background-color:#fff;color:var(--color-blue);transition:.25s all ease-out;box-shadow:var(--shadow-md)}@media (hover: hover){.viewer-option:hover{transition:.5s all ease-out;max-width:31.25rem}.viewer-option:hover span{visibility:visible;opacity:1;transition:.5s all;transition-delay:.2s}.viewer-option:hover svg{fill:var(--color-gold)}}.viewer-option svg{fill:currentColor;flex-shrink:0}.viewer-option span{font-size:var(--font-size-xs);text-transform:uppercase;visibility:hidden;opacity:0}.viewer-options .viewer-option,.viewer-options span{padding:0 .625rem}.viewer-options svg{width:1.25rem;height:1.25rem}.modal{container-type:inline-size;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);z-index:10;display:grid;justify-items:center;gap:var(--spacing-xs);width:min(90%,30rem);padding:var(--spacing-md) var(--spacing-sm);background-color:#fff;box-shadow:var(--shadow-lg)}@media (min-width: 1024px){.modal{left:35%}}.modal .icon-text-btn{margin:var(--spacing-xs) 0 0}.selector .modal{top:17.5rem;z-index:3}@media (min-width: 1024px){.selector .modal{display:none}}.close-modal{position:absolute;top:.625rem;right:.625rem;z-index:1}.modal__logo{width:7.1875rem}.modal-title{position:relative;width:100%;font-family:var(--hoefler);line-height:1.2;color:var(--color-blue);text-align:center;text-wrap:balance}.with-border{position:relative;padding:0 0 var(--spacing-sm);margin:0 0 var(--spacing-xs)}.with-border:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);z-index:1;width:var(--divider-width);height:var(--divider-height);background-color:var(--color-gold)}.modal-text{font-weight:var(--brandon-light);line-height:var(--line-height-sm);text-align:center;text-wrap:balance}.product-info{display:grid;gap:var(--spacing-sm);justify-items:center;width:100%}@container (min-width: 25rem){.product-info{width:80%}}.product-info__img{display:block;width:80%;height:auto}@media (min-width: 768px){.product-info__img{width:100%}}.product-info__text{display:grid;gap:var(--spacing-xxs)}.start-options{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.start-option{display:grid;justify-items:center;background:none;text-align:center}.start-option:hover .icon-btn{background-color:var(--color-gold)}.start-option p{margin:0 0 var(--spacing-xs);color:var(--color-grey);font-weight:var(--brandon-light)}.load-design{display:grid;gap:var(--spacing-xs);width:100%}.load-design__form{display:flex;width:100%;height:var(--form-input-height);margin:0 0 var(--spacing-xs);border:1px solid var(--color-blue);border-radius:var(--form-input-radius);overflow:hidden}.load-design__text-field{flex:1;height:var(--form-input-height);padding:0 var(--spacing-xxs);border:none;color:var(--color-blue)}.load-design__text-field::placeholder{opacity:.5}.load-design__text-field:focus{outline:none;background-color:var(--color-blue-light)}.load-design__btn{display:grid;place-items:center;width:var(--form-input-height);height:var(--form-input-height);border:none;background-color:var(--color-blue)}.load-design__btn svg{width:50%;fill:#fff}.load-design__btn:hover,.load-design__btn:focus{background-color:var(--color-gold);outline:none}.download-design{display:grid;gap:1.75rem;width:100%}.download-design__form{display:grid;gap:1.5rem}.download-design__form-row{display:grid;gap:var(--spacing-xxs)}.download-design__form-label,.download-design__checkbox{font-weight:var(--brandon-light);color:var(--color-blue)}.download-design__checkbox{display:flex;align-items:start;gap:.5rem;cursor:pointer}.download-design__checkbox p{font-weight:var(--brandon-light);color:var(--color-grey);text-wrap:balance;line-height:var(--line-height-sm)}.download-design__checkbox a{color:inherit}.download-design__checkbox a:hover{color:var(--color-blue)}.download-design__checkbox input{flex-shrink:0}.download-design__text-input{width:100%;height:var(--form-input-height);padding:0 var(--spacing-xxs);border:1px solid var(--color-blue);border-radius:var(--form-input-radius);color:var(--color-blue)}.download-design__text-input::placeholder{opacity:.5}.download-design__text-input:focus{outline:none;background-color:var(--color-blue-light)}.download-design__validation{padding:var(--spacing-xxs);font-weight:var(--brandon-regular);text-align:center}.download-design__validation--error{background-color:var(--color-red-light);color:var(--color-red)}.download-design__validation--success{background-color:var(--color-blue-light);color:var(--color-blue)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease-out}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.header{position:relative;display:flex;justify-content:space-between;align-items:center;width:var(--sidebar-width);height:var(--header-height);padding:0 .5rem;background-color:var(--color-blue)}@media (min-width: 1024px){.header{position:absolute;top:0;right:0;z-index:2}}.header.design-tools-open{justify-content:center}.header.design-tools-open .logo,.header.design-tools-open .header__btn--home,.header.design-tools-open .header__btn--open{display:none}.header.design-tools-open .header__btn--close{display:grid}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:6.25rem}.header__btn{display:grid;place-items:center;width:2.5rem;height:2.5rem;font-size:var(--font-size-xs);color:#fff;text-decoration:none;text-transform:uppercase;background:none}.header__btn svg{width:var(--icon-width-sm);fill:currentColor}.header__btn:hover svg{fill:var(--color-gold)}.design-tools{background-color:#fff;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.design-tools.is-active{display:block}@media (min-width: 1024px){.design-tools{display:block!important;position:relative;transition:opacity .2s}}.design-tools__header{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:var(--design-tools-header-height);padding:0 var(--spacing-xxs);background:#fff;transition:box-shadow .2s}.design-tools__header.is-floating{box-shadow:var(--shadow-down-lg)}.design-tools__header.is-floating:after{opacity:0}.fabric-msg{padding:var(--spacing-xs) var(--spacing-xxs);background-color:var(--color-grey-light)}.fabric-msg .modal-text{color:var(--color-blue)}.modal-is-open .sidebar{pointer-events:none;opacity:.5}:is(.modal-is-open .sidebar):hover{cursor:not-allowed}.selector-nav{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%}.selector-nav__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:grid;justify-items:center;width:100%;text-align:center}.selector-nav__title svg{width:2rem;height:2rem}@media (min-width: 1024px){.selector-nav__title svg{width:3rem;height:3rem}}.selector-nav__btn{position:relative;z-index:2;display:grid;align-content:center;font-size:var(--font-size-xs);color:var(--color-blue);text-decoration:none;text-transform:uppercase;background:none}.selector-nav__btn svg{width:var(--icon-width-sm);fill:currentColor}.selector-nav__btn:hover svg{fill:var(--color-gold)}.selector-nav__btn--next{justify-items:end}.selector{position:relative;height:100%}.overflow{height:100%;padding:0 0 10rem;overflow:auto}@media (min-width: 1024px){.overflow{height:calc(100% - var(--design-tools-header-height) - var(--design-tools-footer-height));padding:0 0 calc(var(--design-tools-header-height) + var(--design-tools-footer-height))}}.overflow--categories{height:calc(100% - var(--design-tools-header-height) - var(--design-tools-footer-height));padding:0 0 var(--design-tools-footer-height)}.loading{padding:var(--spacing-sm);text-transform:uppercase;text-align:center}.product-groups{container-type:inline-size;display:grid;justify-items:center;gap:var(--spacing-xs)}@media (min-width: 1024px){.product-groups{padding:var(--spacing-xs) 0 0}}.product-groups:has(.category-selector){padding:1px 0 0}.category-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);width:100%;padding:0 var(--spacing-xs) var(--spacing-md)}@media (min-width: 1024px){.category-selector{grid-template-columns:repeat(2,1fr)}}@container (width > 25rem){.category-selector{width:25rem}}@container (width > 35rem){.category-selector{width:35rem}}@container (width <= 25rem){.category-selector{width:100%}}.category{display:grid;place-items:center;align-content:center;width:100%;aspect-ratio:5/4;font-size:var(--font-size-xs);color:var(--color-blue);text-decoration:none;text-transform:uppercase;text-align:center;line-height:1;background:none;border:1px solid var(--color-grey-mid)}.category:hover{border-color:var(--color-blue)}@media (min-width: 768px){.category{align-content:auto;aspect-ratio:1/1;padding:var(--spacing-xs) 0}}.category svg{width:3.125rem}@media (min-width: 768px){.category svg{width:5rem}}.selector .modal .category-selector{grid-template-columns:repeat(2,1fr);padding:var(--spacing-xs) 0}:is(.selector .modal .category-selector) .category{padding:var(--spacing-xs) 0}:is(.selector .modal .category-selector) svg{width:5rem}.product-group{display:grid;gap:var(--spacing-xs);position:relative;width:100%;padding:0 var(--spacing-xs)}@container (width > 25rem){.product-group{width:25rem}}@container (width > 35rem){.product-group{width:35rem}}@container (width <= 25rem){.product-group{width:100%}}.product-group>.title{text-align:center}.product-group+.product-group{padding:var(--spacing-sm) var(--spacing-xs) 0}:is(.product-group+.product-group):before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1;width:var(--divider-width);height:var(--divider-height);background-color:var(--color-gold)}.product-selector{display:grid;gap:var(--spacing-xs);width:100%}.product{display:grid;gap:var(--spacing-xs);width:100%;background:none;border:none}.product:hover .product-img-outer{border-color:var(--color-blue)}.product:hover .product__label{color:var(--color-blue)}.product__label{font-size:var(--font-size-xs);color:var(--color-grey);line-height:1;text-transform:uppercase;text-align:center}.product-img-outer{position:relative;display:block}.product-img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.product-info-toggle{position:absolute;top:0;right:0;z-index:2;display:grid;place-items:center;width:1.875rem;height:1.875rem;background:none}.product-info-toggle__icon{display:grid;width:1rem;height:1rem;border-radius:100%;background-color:var(--color-grey)}.product-info-toggle__icon:hover{background-color:var(--color-blue)}.product-info-toggle__icon svg{width:100%;fill:#fff}.product-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:none;place-items:center;width:2rem;height:2rem;background-color:var(--color-blue);border-radius:100%}.product-marker svg{width:var(--icon-width-sm);height:var(--icon-width-sm);fill:#fff}:is(.selector .product.is-selected) .product-img-outer{border:none}:is(.selector .product.is-selected) .product__label{color:var(--color-blue)}:is(.selector .product.is-selected) .product-marker{display:grid}:is(:is(.selector--headboards,.selector--bases,.selector--mattresses,.selector--fabrics,.selector--rooms) .product.is-selected) .product-img-outer{box-shadow:var(--shadow-md)}:is(.selector--headboards,.selector--bases,.selector--fabrics) .product-selector{grid-template-columns:repeat(3,1fr)}@media (min-width: 1024px) and (orientation: landscape){:is(.selector--headboards,.selector--bases,.selector--fabrics) .product-selector{grid-template-columns:repeat(2,1fr)}}:is(.selector--headboards,.selector--bases,.selector--fabrics) .product-img-outer{aspect-ratio:1/1}:is(.selector--headboards,.selector--bases,.selector--rooms) .product-img-outer{border:1px solid var(--color-grey-mid)}:is(:is(.selector--fabrics,.selector--rooms) .product:not(.is-selected):hover) .product-img{opacity:.85}:is(.selector--mattresses,.selector--rooms) .product-selector{grid-template-columns:repeat(2,1fr)}@media (min-width: 1024px) and (orientation: landscape){:is(.selector--mattresses,.selector--rooms) .product-selector{grid-template-columns:1fr}}:is(.selector--mattresses,.selector--rooms) .product-img-outer{aspect-ratio:4/3;border:1px solid var(--color-grey-mid)}.next-steps{position:fixed;bottom:0;right:0;z-index:100;display:grid;place-items:center;width:var(--sidebar-width);height:var(--design-tools-footer-height);padding:0 var(--spacing-xs);background:var(--color-grey-light)}@media (min-width: 1024px){.next-steps:before{content:"";position:absolute;bottom:calc(100% - 1px);left:0;z-index:1;width:100%;height:var(--spacing-md);background:linear-gradient(180deg,#fff0,#fff)}}.next-steps__list{display:flex;width:100%;gap:var(--spacing-xs)}@media (min-width: 1600px){.next-steps__list{gap:var(--spacing-sm)}}.next-steps__list li{flex:1}.next-steps__btn{display:grid;justify-items:center;gap:.25rem;width:100%;font-size:var(--font-size-xs);color:var(--color-blue);text-decoration:none;text-transform:uppercase;text-align:center;line-height:1;background:none}.next-steps__btn svg{width:var(--icon-width-sm);fill:currentColor}.next-steps__btn:hover svg{fill:var(--color-gold)}.favourites{display:grid;gap:var(--spacing-xs);padding:0 var(--spacing-sm);width:100%}.favourite{display:grid;gap:var(--spacing-xs);padding:var(--spacing-xs);border:1px solid var(--color-grey-light)}.favourite__title{position:relative;padding:0 0 var(--spacing-xs);text-transform:uppercase}.favourite__title:after{content:"";position:absolute;bottom:0;left:0;z-index:1;width:var(--divider-width);height:var(--divider-height);background-color:var(--color-gold)}.favourite__btns{display:flex;justify-content:space-between;align-items:center}.actions{display:flex;align-items:center;gap:var(--spacing-xxs)}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xxs)}.tag{padding:0 var(--spacing-xxs);font-size:var(--font-size-xs);line-height:1.5rem;text-transform:uppercase;background-color:var(--color-grey-light);border-radius:.75rem}.hollow-dots-spinner,.hollow-dots-spinner *{box-sizing:border-box}.hollow-dots-spinner{height:15px;width:90px}.hollow-dots-spinner .dot{width:15px;height:15px;margin:0 7.5px;border:3px solid #ff1d5e;border-radius:50%;float:left;transform:scale(0);animation:hollow-dots-spinner-animation 1s ease infinite 0ms}.hollow-dots-spinner .dot:nth-child(1){animation-delay:.3s}.hollow-dots-spinner .dot:nth-child(2){animation-delay:.6s}.hollow-dots-spinner .dot:nth-child(3){animation-delay:calc(.3s * 3)}@keyframes hollow-dots-spinner-animation{50%{transform:scale(1);opacity:1}to{opacity:0}}