.beds-variant-selector{--beds-accent: #e07f81;--beds-tab-bg: #f4f1ea;--beds-tab-bg-active: #ffffff;--beds-border: #D8CFC8;--beds-panel-bg: #ffffff;display:block;border:1px solid var(--beds-border);border-radius:1.2rem;overflow:hidden;background:var(--beds-panel-bg)}.beds-variant-selector__tabs{display:flex;border-bottom:1px solid var(--beds-border)}.beds-variant-selector__tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.6rem 1rem;background:var(--beds-tab-bg);border:none;border-right:1px solid var(--beds-border);cursor:pointer;font:inherit;color:inherit}.beds-variant-selector__tab:last-child{border-right:none}.beds-variant-selector__tab[aria-selected=true]{background:var(--beds-tab-bg-active)}.beds-variant-selector__tab-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--beds-accent)}.beds-variant-selector__tab-icon svg{width:100%;height:100%;fill:currentColor}.beds-variant-selector__tab-label{font-weight:600;font-size:1.4rem}.beds-variant-selector__tab-value{font-size:1.3rem;color:#000000a6;text-align:center}.beds-variant-selector__panel{padding:2rem;max-height:270px;overflow:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.beds-variant-selector__panel::-webkit-scrollbar{width:8px;height:8px;-webkit-appearance:none}.beds-variant-selector__panel::-webkit-scrollbar-track{background:transparent}.beds-variant-selector__panel::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.beds-variant-selector__panel[hidden]{display:none}.beds-variant-selector__option-grid{display:flex;flex-wrap:wrap;gap:1.6rem;padding:0;border:0;justify-content:center}.beds-variant-selector__option-grid--colour{display:flex;flex-wrap:wrap;gap:1.6rem;max-height:46rem;overflow-y:auto}.beds-variant-selector__option-grid--size .beds-variant-selector__option,.beds-variant-selector__option-grid--colour .beds-variant-selector__option,.beds-variant-selector__option-grid--base .beds-variant-selector__option{flex:0 0 100px;width:100px}.beds-variant-selector__option{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:0;overflow:hidden;border:1px solid var(--beds-border);border-radius:.8rem;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s ease}.beds-variant-selector__option:hover{border-color:var(--beds-accent)}.beds-variant-selector__option-input{position:absolute;opacity:0;pointer-events:none}.beds-variant-selector__option-input:checked+.beds-variant-selector__option,.beds-variant-selector__swatch[data-selected=true],.beds-variant-selector__option.is-selected{border-color:var(--beds-accent);border-width:2px;box-shadow:0 0 0 1px var(--beds-accent)}.beds-variant-selector__option-input:disabled+.beds-variant-selector__option{opacity:.4;cursor:not-allowed}.beds-variant-selector__swatch{border:1px solid var(--beds-border);border-radius:.8rem;background:#fff;font:inherit;color:inherit;padding:0;display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;text-align:center}.beds-variant-selector__swatch:hover{border-color:var(--beds-accent)}.beds-variant-selector__option-image{display:block;width:100%;aspect-ratio:1 / 1;border-top-left-radius:.5rem;border-top-right-radius:.5rem;overflow:hidden;background:#fff}[id^=BedsPanel-size] .beds-variant-selector__option-image{padding:1rem;height:auto;width:100%;aspect-ratio:auto}.beds-variant-selector__option-image img,.beds-variant-selector__option-image svg{width:100%;height:100%;object-fit:cover;display:block}.beds-variant-selector__option-title{font-size:10px;text-wrap-style:pretty}.beds-variant-selector__option-price{font-size:1.3rem;font-weight:700}.beds-variant-selector__badge{position:absolute;top:1.5rem;right:1.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--beds-accent);color:#fff;z-index:1}.beds-variant-selector__badge svg{width:1.2rem;height:1.2rem;fill:#fff}.beds-variant-selector__size-guide{display:block;text-align:center;margin-top:1.6rem}.beds-variant-selector__size-guide-toggle{cursor:pointer;text-decoration:underline;font-weight:600;list-style:none}.beds-variant-selector__size-guide-toggle::-webkit-details-marker{display:none}.beds-variant-selector__size-guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.beds-variant-selector__size-guide details:not([open]) .beds-variant-selector__size-guide-modal{display:none}.beds-variant-selector__size-guide-modal .modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.beds-variant-selector__size-guide-content{position:relative;background:#fff;border-radius:.8rem;padding:3rem 2rem 2rem;max-width:46rem;width:calc(100% - 4rem);text-align:center}.beds-variant-selector__size-guide-close{position:absolute;top:1rem;right:1rem;border:none;background:none;cursor:pointer;padding:.4rem}.beds-variant-selector__size-guide-close .svg-wrapper{display:block;width:1.6rem;height:1.6rem}@media(max-width:768px){.beds-variant-selector__tab-icon{height:30px;width:30px}}.beds-variant-selector__colour-heading{display:none;margin:0 0 1.2rem;font-size:1.5rem;font-weight:700}.beds-variant-selector__colour-heading span{font-weight:400;color:#000000a6}@media(max-width:749px){.beds-variant-selector{display:flex;flex-direction:column;border:none;background:transparent;overflow:visible;border-radius:0}.beds-variant-selector__tab[data-beds-tab=colour]{display:none}.beds-variant-selector__tabs{order:1;margin-top:1.6rem;border:1px solid var(--beds-border);border-bottom:none;border-radius:1.2rem 1.2rem 0 0;overflow:hidden}.beds-variant-selector__panel[data-beds-panel=size],.beds-variant-selector__panel[data-beds-panel=base]{order:2;border:1px solid var(--beds-border);border-top:none;border-radius:0 0 1.2rem 1.2rem;background:var(--beds-panel-bg)}.beds-variant-selector__panel[data-beds-panel=colour]{order:0;padding:0;max-height:none;overflow:visible}.beds-variant-selector__panel[data-beds-panel=colour][hidden]{display:block!important}.beds-variant-selector__colour-heading{display:block}.beds-variant-selector__option-grid--colour{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;max-height:none;padding-bottom:.4rem;scroll-snap-type:x proximity}.beds-variant-selector__option-grid--colour .beds-variant-selector__option{scroll-snap-align:start}.beds-variant-selector__panel{min-height:max-content}}product-info{position:relative}.beds-color-swap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#ffffffb3;opacity:0;pointer-events:none;transition:opacity .2s ease}.beds-color-swap-overlay.is-visible{opacity:1;pointer-events:all}.beds-color-swap-overlay .loading__spinner{position:static;width:3.2rem}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-beds-variant-selector.css.map */