.modal-trap-container[data-focus-trap=swatch-tray]{scrollbar-gutter:stable both-edges}.modal-trap-container[data-focus-trap=swatch-tray] .modal-trap-container-header{position:relative;inset-block-start:auto;z-index:auto;flex-shrink:0;background:transparent;padding-inline:0;padding-block:var(--space-24) 0}.modal-trap-container[data-focus-trap=swatch-tray] .modal-trap-container-content{padding-inline:var(--space-16)}@media(min-width:768px){.modal-trap-container[data-focus-trap=swatch-tray] .modal-trap-container-content{padding-inline:var(--space-24)}}@media(min-width:1024px){.modal-trap-container[data-focus-trap=swatch-tray] .modal-trap-container-content{padding-inline:var(--space-24)}}@media(min-width:1440px){.modal-trap-container[data-focus-trap=swatch-tray] .modal-trap-container-content{padding-inline:var(--space-24)}}@media(min-width:1024px){.modal-trap-container[data-focus-trap=swatch-tray] .modal-trap-container-header{padding-block:var(--space-24) 0;padding-inline:0}}@media(min-width:1440px){.modal-trap-container[data-focus-trap=swatch-tray] .modal-trap-container-header{padding-inline:0}}swatch-tray{display:flex;flex-direction:column}.swatch-tray .product-card-swatch{display:flex;flex-direction:column;block-size:100%;gap:var(--space-8);transition:opacity var(--transition-short)}.swatch-tray .product-card-swatch:hover{opacity:.8}.swatch-tray .product-card-swatch-media{position:relative}.swatch-tray .product-card-swatch img,.swatch-tray .product-card-swatch svg{aspect-ratio:3 / 4;object-fit:cover}.swatch-tray .product-swatch-colour-fabric-info-display{display:flex;flex-direction:column}.swatch-tray .swatch-tray-filters{--swatch-tray-sticky-ease: cubic-bezier(.32, .72, 0, 1);--swatch-tray-sticky-duration: var(--transition-duration);--swatch-tray-filters-bg: var(--scheme-background);display:flex;flex-direction:column;background:var(--swatch-tray-filters-bg);flex-shrink:0;gap:var(--space-16);position:sticky;z-index:2;inset-block-start:0;inline-size:100%;max-inline-size:100%;margin-inline:auto;padding-block-end:var(--space-16);transition:max-inline-size var(--swatch-tray-sticky-duration) var(--swatch-tray-sticky-ease)}@media(prefers-reduced-motion:reduce){.swatch-tray .swatch-tray-filters{transition:none}}.swatch-tray .swatch-tray-button{position:relative;z-index:1;background:none;border:none;border-radius:var(--space-64);padding:var(--space-8);text-align:center}.swatch-tray .swatch-tray-main-filters{--swatch-tray-indicator-inline-size: 0%;--swatch-tray-indicator-offset: 0%;position:relative;background:var(--scheme-background-secondary);border-radius:var(--space-64);padding:var(--space-4);display:flex}.swatch-tray .swatch-tray-main-filters>.swatch-tray-button{flex:1}.swatch-tray .swatch-tray-secondary-filters-shell{position:relative;min-inline-size:0;max-inline-size:100%}.swatch-tray .swatch-tray-secondary-filters-shell:has(>[hidden]){display:none}.swatch-tray .swatch-tray-secondary-filters-shell:before,.swatch-tray .swatch-tray-secondary-filters-shell:after{content:"";position:absolute;inset-block:0;inline-size:var(--space-32);z-index:1;pointer-events:none;opacity:0;transition:opacity var(--transition-short);background:linear-gradient(to right,rgb(from var(--swatch-tray-filters-bg) r g b / 100%),transparent)}.swatch-tray .swatch-tray-secondary-filters-shell:before{inset-inline-start:0}.swatch-tray .swatch-tray-secondary-filters-shell:after{inset-inline-end:0;background:linear-gradient(to left,rgb(from var(--swatch-tray-filters-bg) r g b / 100%),transparent)}.swatch-tray .swatch-tray-secondary-filters-shell.can-scroll-start:before,.swatch-tray .swatch-tray-secondary-filters-shell.can-scroll-end:after{opacity:1}@media(prefers-reduced-motion:reduce){.swatch-tray .swatch-tray-secondary-filters-shell:before,.swatch-tray .swatch-tray-secondary-filters-shell:after{transition:none}}.swatch-tray .swatch-tray-secondary-filters{display:flex;flex-wrap:nowrap;gap:var(--space-8);border-radius:0;min-inline-size:0;max-inline-size:100%;overflow:auto hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.swatch-tray .swatch-tray-secondary-filters[hidden]{display:none}.swatch-tray .swatch-tray-secondary-filters::-webkit-scrollbar{display:none}.swatch-tray .swatch-tray-indicator{position:absolute;inset-block:var(--space-4);inset-inline-start:var(--swatch-tray-indicator-offset);inline-size:var(--swatch-tray-indicator-inline-size);background:var(--scheme-secondary-button-text);border-radius:var(--space-64);box-shadow:#6363631a 0 2px 8px;pointer-events:none;opacity:0}.swatch-tray .swatch-tray-main-filters.is-ready .swatch-tray-indicator{opacity:1}.swatch-tray .swatch-tray-main-filters.is-animated .swatch-tray-indicator{transition:inset-inline-start calc(var(--transition-short) / 1.5) ease-in-out,inline-size calc(var(--transition-short) / 1.5) ease-in-out}@media(prefers-reduced-motion:reduce){.swatch-tray .swatch-tray-main-filters.is-animated .swatch-tray-indicator{transition:none}}.swatch-tray .swatch-tray-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24) var(--space-4);padding-block-end:var(--space-32)}@media(min-width:768px){.swatch-tray .swatch-tray-results{grid-template-columns:repeat(3,minmax(0,1fr))}}.swatch-tray .swatch-tray-motif-button{flex:0 0 auto;white-space:nowrap;background:var(--scheme-background-secondary);color:var(--scheme-text-primary)}.swatch-tray .swatch-tray-motif-button:hover{background-color:rgb(from var(--scheme-text-tertiary) r g b / 20%)}.swatch-tray .swatch-tray-motif-button.option-active{background:var(--scheme-background-inverse);color:var(--scheme-secondary-button-text)}.swatch-tray .swatch-tray-motif-button[hidden]{display:none}[data-swatch-item]{position:relative;transition:opacity var(--transition-short)}@starting-style{[data-swatch-item]{opacity:0}}[data-swatch-item][data-active=false],[data-swatch-item][hidden]{display:none}.product-card-swatch-selected{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;display:none;justify-content:center;align-items:center}[data-swatch-item][data-current-product] .product-card-swatch-selected{display:flex}
/*# sourceMappingURL=/cdn/shop/t/250/assets/style-snippet-swatch-tray.css.map */