.blako-card-colours{--blako-swatch-size: 2.4rem;--blako-swatch-gap: .5rem;display:flex;align-items:center;gap:.4rem;width:100%;max-width:100%;margin-top:.9rem;min-width:0;overflow:hidden;box-sizing:border-box}.blako-card-colours__viewport{flex:0 1 var(--blako-swatches-desktop-width);width:min(var(--blako-swatches-desktop-width),100%);max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}.blako-card-colours__viewport::-webkit-scrollbar{display:none}.blako-card-colours__track{display:flex;align-items:center;gap:var(--blako-swatch-gap);width:max-content}.blako-card-colour-swatch{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--blako-swatch-size);width:var(--blako-swatch-size);height:var(--blako-swatch-size);padding:0;overflow:visible;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:.6rem;box-shadow:none;color:rgb(var(--color-foreground));cursor:pointer}.blako-card-colour-swatch:not(.is-unavailable) img,.blako-card-colour-swatch:not(.is-unavailable) .blako-card-colour-swatch__colour,.blako-card-colour-swatch:not(.is-unavailable) .blako-card-colour-swatch__fallback{opacity:1;filter:saturate(1)}.blako-card-colour-swatch:before,.blako-card-colour-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.6rem;pointer-events:none;box-sizing:border-box}.blako-card-colour-swatch:after{border:.1rem solid transparent}.blako-card-colour-swatch.is-selected:after{border-color:#111}.blako-card-colour-swatch.is-unavailable:before{top:.2rem;right:.2rem;bottom:.2rem;left:.2rem;z-index:2;background:linear-gradient(45deg,transparent calc(50% - .05rem),rgba(17,17,17,.72) calc(50% - .05rem),rgba(17,17,17,.72) calc(50% + .05rem),transparent calc(50% + .05rem)),linear-gradient(-45deg,transparent calc(50% - .05rem),rgba(17,17,17,.72) calc(50% - .05rem),rgba(17,17,17,.72) calc(50% + .05rem),transparent calc(50% + .05rem))}.blako-card-colour-swatch:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}.blako-card-colour-swatch img,.blako-card-colour-swatch__colour,.blako-card-colour-swatch__fallback{display:block;width:100%;height:100%;border-radius:.6rem}.blako-card-colour-swatch__option-image,.blako-card-colour-swatch__variant-image{object-fit:cover}.blako-card-colour-swatch__colour{border-radius:.6rem}.blako-card-colour-swatch__fallback{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05);color:rgba(var(--color-foreground),.72);font-size:1.1rem;font-weight:600;line-height:1;text-transform:uppercase}.blako-card-colour-swatch.is-unavailable img,.blako-card-colour-swatch.is-unavailable .blako-card-colour-swatch__colour,.blako-card-colour-swatch.is-unavailable .blako-card-colour-swatch__fallback{opacity:.34;filter:saturate(.28)}.blako-card-colour-swatch.is-unavailable:hover img,.blako-card-colour-swatch.is-unavailable:hover .blako-card-colour-swatch__colour,.blako-card-colour-swatch.is-unavailable:hover .blako-card-colour-swatch__fallback{opacity:.44;filter:saturate(.38)}.blako-card-colours__next[hidden]{display:none!important}.blako-card-colours__next{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.1rem;width:2.1rem;height:var(--blako-swatch-size);padding:0;-webkit-appearance:none;appearance:none;background:transparent;border:0;box-shadow:none;color:rgb(var(--color-foreground));cursor:pointer}.blako-card-colours__next>span{display:block;width:.85rem;height:.85rem;border-right:.14rem solid currentColor;border-bottom:.14rem solid currentColor;transform:rotate(-45deg);transform-origin:center}.blako-card-colours__next:hover{opacity:.65}.blako-card-colours__next:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.45);outline-offset:.1rem}.blako-card-colours__next--mobile{display:none}.card-wrapper.blako-card-variant-active .media--hover-effect>img+img{display:none}@media screen and (max-width:749px){.blako-card-colours{--blako-swatch-size: 2.4rem;--blako-swatch-gap: .5rem;gap:.35rem;margin-top:.8rem}.blako-card-colours__viewport{flex:0 1 var(--blako-swatches-mobile-width);width:var(--blako-swatches-mobile-width);max-width:100%}.blako-card-colours__next[hidden]{display:none!important}.blako-card-colours__next{flex-basis:1.9rem;width:1.9rem}.blako-card-colours__next>span{width:.75rem;height:.75rem;border-right-width:.13rem;border-bottom-width:.13rem}.blako-card-colours__next--desktop{display:none}.blako-card-colours__next--mobile{display:inline-flex}}.blako-collection-card,.blako-collection-card .card,.blako-collection-card .card__content,.blako-collection-card .card__information{min-width:0;max-width:100%}.blako-collection-card__colour-name{margin:0 0 .8rem;color:#777;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.blako-collection-card__colour-name[hidden]{display:none!important}.blako-collection-card__stock-status{color:#d33918;font-weight:600}.blako-collection-card .card__heading{color:#111;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:0}.blako-collection-card .card__heading a,.blako-collection-card.underline-links-hover:hover .card__heading a{color:inherit;text-decoration:none!important}.blako-collection-card .card-information{margin-top:.5rem}.blako-collection-card .card-information>.price,.blako-collection-card .price.blako-collection-card__price{color:#555;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:0;line-height:1.3;margin-top:1rem;margin-bottom:1rem}.blako-collection-card .price .price-item{font-weight:500;letter-spacing:0}@media screen and (max-width:749px){.blako-collection-card .card__heading{font-size:1.4rem;line-height:1.3}.blako-collection-card .card-information>.price,.blako-collection-card .price.blako-collection-card__price{font-size:1.4rem;margin-top:1rem;margin-bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/212/assets/blako-card-colour-swatches.css.map */