.cfg-product__fullscreen-btn{position:absolute;bottom:20px;left:var(--margin);z-index:3;display:flex;align-items:center;gap:6px}.cfg-product__cta-btn{width:50%;padding:20px 24px;height:60px}.cfg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;opacity:0;pointer-events:none;transition:opacity var(--tMed);z-index:50}.cfg-overlay.is-open{opacity:1;pointer-events:auto}.cfg-panel{position:fixed;top:0;right:-100%;width:100%;max-width:90%;height:100dvh;z-index:100;display:grid;grid-template-columns:var(--coreGrid);transition:right var(--tBase);background:var(--beige)}.cfg-panel.is-open{right:0}.cfg-panel__left{height:100%;overflow-y:auto;background:var(--cream);grid-column:span 15}.cfg-panel__left-inner{padding:60px;display:flex;flex-direction:column;gap:28px}.cfg-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.cfg-panel__title{color:var(--aubergine)}.cfg-panel__intro{color:var(--aubergine);line-height:1.5;margin-bottom:18px}.cfg-panel__step{display:flex;flex-direction:column;gap:18px;padding-bottom:28px;border-bottom:1px solid var(--line)}.cfg-panel__step:last-child{border-bottom:none;padding-bottom:0}#cfg-step-material{border-bottom:none;padding-bottom:0}.cfg-panel__step-label{color:var(--aubergine)}.cfg-panel__pills{display:flex;flex-wrap:wrap;gap:6px}.cfg-panel__pills .variant-pill{border:1px solid var(--border-color)}.cfg-panel__pills .variant-pill.active{border-color:var(--red)}.cfg-panel__fabric-detail{display:flex;flex-direction:column;gap:24px;overflow:hidden;max-height:2000px;opacity:1;transition:max-height .4s ease,opacity .3s ease,padding-bottom .4s ease}.cfg-panel__fabric-detail[aria-hidden=true]{max-height:0;opacity:0;padding-bottom:0;border-bottom:none;pointer-events:none}.cfg-panel__colour-chips{display:grid;grid-template-columns:repeat(auto-fill,90px);gap:8px;padding-left:2px}.cfg-colour-chip{display:flex;flex-direction:column;gap:8px;border:none;cursor:pointer;border-radius:0;overflow:visible;background:none;padding:0}.cfg-colour-chip__image{width:100%;aspect-ratio:1;background-size:cover;background-position:center;outline:1px solid transparent;outline-offset:-1px;transition:outline-color var(--tShort),outline-offset var(--tShort)}.cfg-colour-chip.active .cfg-colour-chip__image{outline-color:var(--aubergine);outline-offset:1px}.cfg-panel__fabric-tabs{display:flex;flex-direction:column;gap:16px}.cfg-panel__fabric-tab-nav{display:flex;gap:0}.cfg-panel__fabric-tab{padding:8px 0 2px;background:none;border:none;cursor:pointer;color:var(--aubergine);transition:opacity var(--tShort);margin-right:16px}.cfg-panel__fabric-tab.active{border-bottom:1px solid var(--aubergine)}.cfg-panel__fabric-tab-panel{display:none}.cfg-panel__fabric-tab-panel.active{display:block}.cfg-panel__composition-wrapper{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:24px}.cfg-panel__composition-wrapper svg{width:28px;height:28px}.cfg-panel__right{position:relative;display:flex;flex-direction:column;height:100%;background:var(--white);overflow-y:auto;grid-column:span 9}.cfg-panel__right>.cfg-panel__close{position:absolute;top:20px;right:20px;z-index:2}.cfg-panel__summary-header{margin:60px 20px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.cfg-panel__summary-section{overflow:auto;margin:20px 20px 0;padding-bottom:20px;display:flex;flex-direction:column;gap:20px;flex:1 1 0;min-height:0}.cfg-panel__summary-render-img,.cfg-panel__view-render{display:none}.cfg-panel__summary-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.cfg-panel__summary-value{text-align:right}.cfg-panel__summary-row--total{margin-top:8px}.cfg-panel__summary-swatches{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px}.cfg-panel__summary-swatch{max-width:160px}.cfg-panel__summary-swatch-empty{grid-column:1 / -1}.cfg-panel__summary-swatch-tile{width:100%;aspect-ratio:1;object-fit:cover;display:block}.cfg-panel__summary-swatch-caption{margin-top:8px;display:block}.cfg-panel__summary-render-img{width:100%;aspect-ratio:1.6;object-fit:cover;max-width:450px;margin:0 auto}.cfg-panel__summary-footer{padding:16px 20px;display:flex;flex-direction:column;gap:8px;border-top:var(--border-dark);background:var(--white)}.cfg-panel__atc-btn{margin-top:8px;padding:16px}.cfg-panel__atc-btn:disabled,.cfg-panel__atc-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.cfg-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--black);display:grid;grid-template-rows:auto 1fr}.cfg-fullscreen[hidden]{display:none}.cfg-fullscreen__close{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;z-index:10}.cfg-fullscreen__body{display:flex;align-items:center;justify-content:center;height:100dvh;padding:40px}.cfg-fullscreen__render-img{max-width:100%;width:100%;max-height:100%;object-fit:contain;display:block}.cfg-panel__close--mobile{display:none}@media screen and (max-width:1023px){.cfg-panel{max-width:100%;height:100dvh;display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.cfg-panel__left{grid-column:auto;overflow:visible;height:auto;flex:0 0 auto}.cfg-panel__left-inner{padding:var(--margin);gap:24px}.cfg-panel__right{display:block;grid-column:auto;height:auto;max-height:none;overflow:visible;background:var(--cream);flex:0 0 auto}.cfg-panel__summary-section{overflow:visible;flex:none;min-height:auto;margin-bottom:12px}.cfg-panel__close--mobile{display:flex;position:sticky;top:0;align-self:flex-end;z-index:5;padding:max(12px,env(safe-area-inset-top)) 20px 8px;background:var(--cream)}.cfg-panel__right>.cfg-panel__close{display:none}.cfg-panel__summary-footer{position:sticky;bottom:0;z-index:4;background:var(--white);border-top:var(--border-dark);padding-bottom:max(16px,env(safe-area-inset-bottom))}.cfg-panel__summary-header{margin:16px 20px 0}.cfg-panel__colour-chips{grid-template-columns:repeat(auto-fill,60px);gap:10px}.cfg-panel__summary-swatch-tile{max-width:60px}.cfg-product__cta-btn{width:100%;border-left:none;border-top:var(--border-dark)}.cfg-product__mobile-spacer{display:block;height:calc(110px + env(safe-area-inset-bottom))}}.cfg-product__mobile-spacer{display:none}body.cfg-panel-open,body.cfg-fullscreen-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/4/assets/configurator.css.map */