@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.room-visualiser{color:var(--night);background-color:var(--alabaster)}.room-visualiser .room-visualiser-container{display:flex;flex-direction:column;gap:24px;padding-top:32px;position:relative}.room-visualiser .options-container{padding:0 var(--page-margin-mobile)}.room-visualiser .italic{font-family:var(--font-header-italics);line-height:1.1}.room-visualiser .subheader+p{font-family:var(--font-body);font-weight:400;font-size:clamp(.875rem,.829rem + .19vw,1rem);line-height:1.6;letter-spacing:-.01rem;margin-bottom:24px;color:var(--dusk)}.room-visualiser .file-name{color:var(--dusk)}.room-visualiser .change-img{font-family:var(--font-body);font-weight:500;font-size:clamp(.875rem,.829rem + .19vw,1rem);line-height:1.6;letter-spacing:-.01rem;margin-bottom:0;text-decoration:underline;cursor:pointer}.room-visualiser .color-circle{width:36px;height:36px;border-radius:50%;display:inline-block;border:1px solid #DCDCDA;cursor:pointer;position:relative}.room-visualiser .color-circle.Greys{background-color:#d4d3ce}.room-visualiser .color-circle.Taupe{background-color:#cfc8c1}.room-visualiser .color-circle.Beige{background-color:#d9cdb6}.room-visualiser .color-circle.Green{background-color:#bbc5b3}.room-visualiser .color-circle.Greige{background-color:#c7bcab}.room-visualiser .color-circle.Plaster{background-color:#f8decb}.room-visualiser .color-circle.Sand{background-color:#bda17e}.room-visualiser .color-circle.Yellow{background-color:#f0c483}.room-visualiser .color-circle.Terra{background-color:#c18469}.room-visualiser .color-circle.Red{background-color:#97554d}.room-visualiser .color-circle.Pink{background-color:#eadbd6}.room-visualiser .color-circle.Blue{background-color:#78898d}.room-visualiser .color-circle.Teal{background-color:#617470}.room-visualiser .selected-option .selected-icon{display:block}.room-visualiser .selected-icon{display:none;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-visualiser .selected-icon svg{width:20px;height:20px}.room-visualiser .selected-icon svg path{stroke:var(--night)}.room-visualiser .Dark .selected-icon svg path,.room-visualiser .Blue .selected-icon svg path,.room-visualiser .Teal .selected-icon svg path,.room-visualiser .Red .selected-icon svg path{stroke:#fff}.room-visualiser .small-circle{width:32px;height:32px;border-radius:50%;display:inline-block;border:1px solid #DCDCDA;cursor:pointer}.room-visualiser .icon-arrow{width:16px;height:16px;flex-shrink:0}.room-visualiser .colours{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;justify-items:center;align-items:center;text-align:center;opacity:1;margin-bottom:4px;transition:height .3s ease-in-out,opacity .3s ease-in-out}.room-visualiser .closed .colours{opacity:0;height:0;padding:0;margin-bottom:0;overflow:hidden}.room-visualiser .colour-item{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.room-visualiser .dropdown{position:relative;transition:height .3s ease-in-out,opacity .3s ease-in-out}.room-visualiser .closed .dropdown{opacity:0;height:0;padding:0;overflow:hidden}.room-visualiser .dropdown-button{width:100%;height:56px;padding:12px 16px 12px 12px;border-radius:4px;display:flex;justify-content:space-between;box-sizing:border-box;border:1px solid var(--burnt-tortilla);align-items:center;background-color:var(--white)}.room-visualiser .dropdown .icon{transition:transform .3s ease}.room-visualiser .dropdown .icon.rotate-up{transform:rotate(180deg)}.room-visualiser .dropdown-options{opacity:0;pointer-events:none;height:0;position:absolute;background-color:var(--white);width:100%;z-index:4;border-radius:var(--border-radius);overflow:hidden;font-family:var(--font-body-bold);font-weight:400;font-size:clamp(.875rem,.829rem + .19vw,1rem);line-height:1.6;letter-spacing:-.01rem}.room-visualiser .dropdown-options.open{opacity:1;pointer-events:all;height:auto;max-height:205px;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;margin-top:4px;border:1px solid var(--burnt-tortilla)}.room-visualiser .dropdown-options.open::-webkit-scrollbar{display:none}.room-visualiser .product-option{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:12px;border-top:1px solid var(--tortilla)}.room-visualiser .product-option:first-of-type{border-top:none}.room-visualiser .active-paint{display:flex;align-items:center;gap:12px}.room-visualiser .active-paint .opacity50{opacity:.5}.room-visualiser .product-option:hover{background-color:#2525251a}.room-visualiser .product-dropdown{opacity:0;pointer-events:none;height:0;transition:opacity .3s ease,height .3s ease}.room-visualiser .product-dropdown.show{opacity:1;pointer-events:all;height:auto}.room-visualiser .btn-primary{opacity:0;pointer-events:none;height:0;transition:opacity .3s ease,height .3s ease;justify-content:space-between}.room-visualiser .btn-primary:hover svg path{stroke:var(--night)}.room-visualiser .btn-underline{justify-content:space-between;border-bottom:1px solid var(--tortilla);cursor:pointer;font-size:16px;height:50px}.room-visualiser .btn-primary.show{opacity:1;pointer-events:all;height:64px;margin-top:8px}.room-visualiser .share-btn{justify-content:space-between;cursor:pointer;font-size:16px;height:50px}.room-visualiser .hidden{display:none}.room-visualiser .block-header{font-size:18px;font-weight:500}.room-visualiser .file-size{color:var(--dusk)}.room-visualiser .change-upload-container{margin-bottom:16px;display:none;transition:height .3s ease-in-out,opacity .3s ease-in-out}.room-visualiser .change-upload-container.show{display:block}.room-visualiser .closed .change-upload-container{opacity:0;height:0;margin:0;overflow:hidden}.room-visualiser .colour-picker{opacity:0;pointer-events:none;height:0;transition:opacity .3s ease,height .3s ease}.room-visualiser .colour-picker.show{opacity:1;pointer-events:all;height:auto}.room-visualiser .media-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#fff;border:1px solid var(--tortilla);border-radius:4px;padding:0 24px;height:52px;cursor:pointer;margin-top:16px}.room-visualiser .loading-overlay{display:flex;align-items:center;justify-content:center;text-align:center;gap:1rem;flex-direction:column;position:absolute;background-color:var(--alabaster);width:100vw;height:100%;top:0;z-index:-1;opacity:0;transition:opacity .2s ease-in-out;font-size:16px}.room-visualiser .loading-overlay.active{z-index:9;opacity:1;padding:0 var(--page-margin-mobile)}.room-visualiser .coat-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;z-index:1}.room-visualiser .border-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);z-index:2;border:1px solid #E0DCD5;border-bottom-color:#a39781;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1.5s linear infinite;width:143px;height:143px}.room-visualiser .coat-logo-wrapper{position:relative;width:143px;height:143px}.room-visualiser .coat-logo-bg{background-color:var(--mindful);width:100%;height:100%;border-radius:50%}.room-visualiser .coat-logo svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-visualiser .loading-overlay p{font-size:16px;margin-top:8px}.room-visualiser .img-container{position:relative;width:100%;overflow:hidden;height:auto}.room-visualiser .placeholder-img{aspect-ratio:1 / 1}.room-visualiser .result-container{position:relative;height:auto;display:none}.room-visualiser .result-container.show{display:block}.room-visualiser .chosen-paint{color:#fff;position:absolute;height:72px;bottom:0;display:flex;gap:8px;align-items:center;background-color:#25252580;width:100%;padding:16px}.room-visualiser .chosen-paint .product-image{height:100%;border-radius:4px;object-fit:contain}.room-visualiser .chosen-paint p.coat{font-size:20px}.room-visualiser .placeholder-img img{height:100%;object-fit:cover;width:100%}.room-visualiser .result-text{padding:0 var(--page-margin-mobile);display:none}.room-visualiser .result-text.show{display:block}.room-visualiser .product-more-actions{display:none}.room-visualiser .product-more-actions.show{display:block}.room-visualiser .result-text .subheader+p{margin-bottom:0}.room-visualiser .disclaimer-text{padding:8px var(--page-margin-mobile) 0;color:var(--dusk);display:none}.room-visualiser .disclaimer-text.show{display:block}.room-visualiser .disclaimer-text.desktop-only,.room-visualiser .desktop-only{display:none}.room-visualiser .product-container{display:flex;flex-direction:column;max-width:100%;gap:16px;margin:0 var(--page-margin-mobile);position:relative}.room-visualiser .add-sample-button-grid{position:relative;overflow:visible;flex-direction:column;gap:0;line-height:1.5;height:3.8rem;cursor:pointer}.room-visualiser .variant-title-price{display:flex;justify-content:space-between;align-items:center;gap:.2rem;font-size:.9rem;margin-bottom:-.2rem;color:var(--night);text-wrap:nowrap}.room-visualiser .variant-description{color:var(--dusk);font-size:.9rem;margin-bottom:-.3rem}.room-visualiser .add-sample-button-grid:first-of-type{border-bottom:1px solid #d4d0c8}.room-visualiser .add-sample-button-grid:hover{background:#e9e9e9;color:var(--night)}.room-visualiser .product{display:flex;gap:16px;align-items:center;width:fit-content;cursor:pointer}.room-visualiser .product .product-image{width:80px;border-radius:4px}.room-visualiser .product p.coat{font-size:16px}.room-visualiser .more-actions-container{padding:24px var(--page-margin-mobile)}.room-visualiser .more-actions-container .coat.dusk{font-size:16px;margin-bottom:8px}.room-visualiser .btn-primary.sample-dropdown{justify-content:center;align-items:center;gap:8px;height:50px;margin-top:0}.room-visualiser .samples{position:absolute;top:100%;left:0;right:0;background-color:#fff;z-index:999998;pointer-events:none;opacity:0;transition:opacity .5s ease;border-radius:var(--border-radius);border:1px solid transparent;margin-top:.4rem}.room-visualiser .samples.open{border:1px solid #25252533;opacity:1;pointer-events:auto;z-index:999998;box-shadow:0 4px 8px #0000001a}.room-visualiser .icon-arrow-right{width:16px;height:16px}.room-visualiser .plus-icon-sample-dropdown{display:inline-block;position:relative;width:14px;height:2px;background-color:var(--alabaster);margin-left:10px;transition:background-color .3s ease}.room-visualiser .plus-icon-sample-dropdown:before{content:"";position:absolute;width:2px;height:14px;background-color:var(--alabaster);top:-6px;left:6px;transition:height .3s ease}.room-visualiser .sample-dropdown:hover .plus-icon-sample-dropdown,.room-visualiser .sample-dropdown:hover .plus-icon-sample-dropdown:before{background-color:var(--night)}.room-visualiser .plus-icon-sample-dropdown.rotate:before{height:0}.room-visualiser .toggle-btn{cursor:pointer;border-top:1px solid var(--tortilla);padding-top:16px;padding-bottom:12px;display:none}.room-visualiser .toggle-btn.show,.room-visualiser .show .toggle-btn{display:block}.room-visualiser .closed .toggle-btn{padding-bottom:16px}.room-visualiser .upload-media-text .toggle-btn{border-top:none;padding-top:0;padding-bottom:16px}.room-visualiser .product-dropdown .toggle-btn{padding-bottom:8px}.room-visualiser .text-chevron{display:flex;justify-content:space-between;align-items:center}.room-visualiser .chevron{transform:rotate(180deg);transition:transform .3s ease}.room-visualiser .closed .chevron{transform:rotate(0)}.room-visualiser .chosen-colour{font-size:14px;color:var(--dusk)}.room-visualiser .download-btn .coat-dot{background-color:#000}.room-visualiser .error-message{display:none}.room-visualiser .error-message.show{display:flex;margin-top:16px;gap:8px}.room-visualiser .error{color:#f74f63;font-weight:500;line-height:1.4;font-size:14px}.room-visualiser .retry{font-weight:500;line-height:1.4;font-size:14px;cursor:pointer}.room-visualiser .error-icon{flex-shrink:0}@media screen and (min-width: 1000px){.room-visualiser .room-visualiser-container{display:grid;grid-template-columns:40.76% 1fr;grid-template-rows:auto 1fr;row-gap:40px;column-gap:133px;padding:0}.room-visualiser .options-container{padding:32px 0 0 var(--page-margin-desktop)}.room-visualiser .upload-container{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.room-visualiser .img-container{display:flex;align-items:center;grid-row:1 / 3;grid-column:2 / 3;aspect-ratio:30 / 31}.room-visualiser .placeholder-img{aspect-ratio:auto}.room-visualiser .disclaimer-text.desktop-only{display:block;padding:0 var(--page-margin-desktop) 24px;font-size:14px}.room-visualiser .mobile-only,.room-visualiser .disclaimer-text.mobile-only.show{display:none}.room-visualiser .result-text{padding:32px 0 0 var(--page-margin-desktop)}.room-visualiser .product-container{display:grid;grid-template-columns:1fr 263px;margin:0 0 0 var(--page-margin-desktop);align-items:center}.room-visualiser .more-actions-container{padding:24px 0 24px var(--page-margin-desktop)}.room-visualiser .btn-primary{width:180px;padding:0 24px;text-wrap:nowrap;margin-left:auto}.room-visualiser .btn-primary.sample-dropdown{width:100%;height:60px}.room-visualiser .block-header{font-size:20px}.room-visualiser .colour-item p.coat{font-size:14px}.room-visualiser .colours{grid-template-columns:repeat(10,1fr);gap:16px;margin-bottom:24px;height:auto!important}.room-visualiser .dropdown{height:auto!important}.room-visualiser .toggle-btn{cursor:auto;padding-top:24px;padding-bottom:12px}.room-visualiser .media-btn{margin-top:0}.room-visualiser .desktop-only{display:block}.room-visualiser .change-upload-container{text-align:end;margin-bottom:0}.room-visualiser .upload-media-text .toggle-btn{padding-bottom:0}.room-visualiser .loading-overlay{gap:2rem}.room-visualiser .loading-overlay h3{max-width:370px}.room-visualiser .samples.open{width:263px;right:0;left:auto;margin-top:0}.room-visualiser .generate-btn-container{display:flex;flex-direction:row-reverse;gap:16px}.room-visualiser .share-btn{display:none}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/coat-css-room-visualiser.css.map */