.shop-by-colour{display:flex;flex-direction:column;gap:var(--spacing-base)}@media(min-width:60em){.shop-by-colour{gap:var(--spacing-lg)}}.shop-by-colour__header{display:flex;flex-direction:column;gap:var(--section-intro-stack-gap);max-width:40rem}.shop-by-colour__heading,.shop-by-colour__copy{margin:0}.shop-by-colour__empty{margin:0;padding:var(--spacing-lg) 0;text-align:center;color:var(--dark-grey)}.shop-by-colour__picker{display:flex;flex-direction:column;gap:var(--spacing-base)}.shop-by-colour__legend{display:none;flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:.875rem}@media(min-width:60em){.shop-by-colour__legend{display:flex}}.shop-by-colour__legend-label{color:var(--dark-grey)}.shop-by-colour__legend-value{font-weight:600;color:var(--soft-navy)}.shop-by-colour__picker-desktop{display:none}.shop-by-colour__picker-mobile{display:block}@media(min-width:60em){.shop-by-colour__picker-desktop{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-base)}.shop-by-colour__picker-mobile{display:none}}.shop-by-colour__swatch{display:block;width:1.75rem;height:1.75rem;padding:0;border:2px solid transparent;border-radius:9999px;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;background-size:auto;box-shadow:0 0 0 1px #0000001a;transition:box-shadow var(--duration-short),border-color var(--duration-short)}.shop-by-colour__swatch:hover{border-color:var(--soft-navy)}.shop-by-colour__swatch.is-selected{border-color:var(--soft-navy);box-shadow:0 0 0 2px var(--warm-white),0 0 0 4px var(--soft-navy)}.shop-by-colour__swatch[hidden]{display:none}.shop-by-colour__bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--grey);border-radius:var(--card-corner-radius);background:var(--warm-white)}.shop-by-colour__bar-swatch{display:block;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:9999px;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 1px #0000001a}.shop-by-colour__bar-name{flex:1;min-width:0;font-size:.875rem;font-weight:600;color:var(--soft-navy)}.shop-by-colour__bar-trigger{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-base)}.shop-by-colour__sheet-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:49;background:#0006;pointer-events:none;opacity:0;transition:opacity var(--duration-medium)}.shop-by-colour__sheet-backdrop.is-active{display:block;pointer-events:auto;opacity:1}.shop-by-colour__sheet{display:block;position:fixed;bottom:0;left:0;right:0;max-height:70vh;max-height:70dvh;z-index:50;padding-bottom:var(--spacing-base);overflow:hidden}.shop-by-colour__sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-base) var(--spacing-base) var(--spacing-sm)}.shop-by-colour__sheet-title{margin:0;margin-bottom:var(--spacing-sm)}.shop-by-colour__sheet-search{padding:0 var(--spacing-base) var(--spacing-sm)}.shop-by-colour__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-base);border:1px solid var(--grey);border-radius:var(--card-corner-radius);font-size:1rem;background:var(--white);color:var(--soft-navy)}.shop-by-colour__picker-sheet{display:flex;flex-wrap:wrap;gap:var(--spacing-base);align-items:center;padding:var(--spacing-base);max-height:calc(70vh - 9rem);max-height:calc(70dvh - 9rem);overflow-y:auto}@media(min-width:60em){.shop-by-colour__sheet-backdrop,.shop-by-colour__sheet{display:none}}.shop-by-colour{--shop-by-colour-desktop-columns: 3}.shop-by-colour__panel[hidden]{display:none}@media(min-width:60em){.shop-by-colour .shop-by-colour__product-grid{grid-template-columns:repeat(var(--shop-by-colour-desktop-columns),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.shop-by-colour__swatch,.shop-by-colour__sheet-backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/417/assets/section-shop-by-colour.css.map */