.bl-colour-option__label{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.375rem;row-gap:.125rem;min-width:0}.bl-colour-option__legend{float:none;padding:0;font-weight:600}.bl-colour-option__value{color:rgb(var(--text-color, 26 26 26) / .8);overflow-wrap:anywhere}.bl-swatches{display:flex;flex-wrap:wrap;gap:.5rem;padding:2px 0}.bl-swatch{--bl-swatch-size:2.5rem;--bl-swatch-ring:2px;--bl-swatch-gap:3px;position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:var(--bl-swatch-size);height:var(--bl-swatch-size);padding:var(--bl-swatch-gap);border:var(--bl-swatch-ring) solid transparent;border-radius:9999px;cursor:pointer;background:transparent;box-sizing:border-box;transition:border-color .15s ease;-webkit-tap-highlight-color:transparent}.bl-swatch__fill{display:block;width:100%;height:100%;border-radius:9999px;box-shadow:inset 0 0 0 1px #00000024;background-clip:padding-box}@media(hover:hover){.bl-swatch:hover{border-color:rgb(var(--text-color, 26 26 26) / .3)}}input:checked+.bl-swatch,.bl-swatch.is-selected{border-color:rgb(var(--text-color, 26 26 26))}input:focus-visible+.bl-swatch{outline:2px solid rgb(var(--text-color, 26 26 26));outline-offset:2px}.bl-swatch.is-disabled .bl-swatch__fill{opacity:.4}.bl-swatch.is-disabled:after{content:"";position:absolute;inset:calc(var(--bl-swatch-gap));border-radius:9999px;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - .75px),rgb(var(--text-color, 26 26 26) / .7) calc(50% - .75px) calc(50% + .75px),transparent calc(50% + .75px))}@media screen and (max-width:699px){.bl-swatch{--bl-swatch-size:2.25rem}.bl-swatches{gap:.5rem}}.bl-size-option .variant-picker__option-info legend{font-weight:600}.bl-size-option__guide{margin-inline-start:auto;font-size:.8125rem;line-height:1.4;white-space:nowrap;background:none;border:0;padding:0;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:3px}.bl-size-option .variant-picker__option-values{gap:.5rem}.bl-size-option .block-swatch{min-width:3rem;min-height:3rem;padding:.5rem .75rem;border-radius:0;font-weight:500;justify-content:center}@media screen and (max-width:699px){.bl-size-option .block-swatch{min-width:2.875rem;min-height:2.875rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/bikelink-swatches.css.map */