.strap-picker__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%}.strap-picker__counter{font-size:.75rem;letter-spacing:.1em;opacity:.6;white-space:nowrap;font-variant-numeric:tabular-nums}.strap-picker__body{display:flex;flex-direction:column;gap:1.5rem}.strap-picker__note{margin:0}.strap-picker__filters{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgb(0 0 0 / .08)}.strap-picker__filters[hidden]{display:none}.strap-picker__filter-row{display:flex;flex-direction:column;gap:.5rem}.strap-picker__filter-group{display:flex;flex-wrap:wrap;gap:.4rem}.strap-picker__filter-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}.strap-picker__count{margin:-.5rem 0 0;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6}.strap-picker__filter{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .7rem;border:1px solid rgb(0 0 0 / .2);background:none;color:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.strap-picker__filter:hover{border-color:#0000008c}.strap-picker__filter[aria-pressed=true]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.strap-picker__swatch{width:.7rem;height:.7rem;border-radius:50%;box-shadow:inset 0 0 0 1px #0003;flex:none}.strap-picker__grid{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.strap-picker__card{position:relative;display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:1.1rem;width:100%;padding:.75rem;border:0;box-shadow:inset 0 0 0 1px #00000014;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s ease}.strap-picker__card:hover{box-shadow:inset 0 0 0 1px #00000059}.strap-picker__card[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}.strap-picker__media{display:block;width:4.5rem;aspect-ratio:2 / 3;max-width:100%;background:#00000008;overflow:hidden}.strap-picker__media img{display:block;width:100%;height:100%;object-fit:cover}.strap-picker__info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.strap-picker__name{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.4;color:inherit;text-decoration:none}.strap-picker__sku{font-size:.7rem;letter-spacing:.06em;opacity:.5}.strap-picker__price{font-size:.75rem;font-variant-numeric:tabular-nums}.strap-picker__price s{opacity:.5}.strap-picker__free{margin-right:.4rem;color:#b4443c;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.strap-picker__tick{width:1.1rem;height:1.1rem;border:1px solid rgb(0 0 0 / .35);display:grid;place-items:center;font-size:.65rem;line-height:1}.strap-picker__card[aria-pressed=true] .strap-picker__tick{border-color:currentColor;background:currentColor}.strap-picker__card[aria-pressed=true] .strap-picker__tick:after{content:"\2713";color:#fff}.strap-picker__card.is-disabled{opacity:.4;cursor:not-allowed}.strap-picker__add{font:inherit;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:.6rem .9rem;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}.strap-picker__add:disabled{opacity:.5;cursor:wait}.strap-picker__status:empty,.strap-picker__skip[hidden],.strap-picker__submit[hidden]{display:none}.strap-picker__footer{display:flex;flex-direction:column;align-items:center;gap:.9rem}.strap-picker__submit{width:100%}.strap-picker__skip{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.strap-picker__empty{text-align:center;padding:1.5rem 0;opacity:.6}.strap-picker-strip{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-top:1px solid rgb(0 0 0 / .1);border-bottom:1px solid rgb(0 0 0 / .1);margin-bottom:1rem}.strap-picker-strip p{margin:0}.strap-picker-strip__row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.strap-picker-strip__thumbs{display:inline-flex;gap:.3rem}.strap-picker-strip__thumbs img{width:1.7rem;height:2.5rem;object-fit:cover;background:#00000008}.strap-picker-reminder{display:flex;flex-direction:column;gap:.9rem;padding-block:1.25rem;border-top:1px solid rgb(0 0 0 / .08)}.strap-picker-reminder__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.strap-picker-reminder__title{margin:0;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.strap-picker__card--compact{grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.9rem;padding:.6rem;cursor:default}.strap-picker__card--compact:hover{box-shadow:inset 0 0 0 1px #00000014}.strap-picker__card--compact .strap-picker__media{width:3.5rem}.strap-picker-reminder__all{width:100%;font:inherit;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1rem;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}.strap-picker-reminder__all:hover{background:#0000000a}@media screen and (min-width:1000px){.drawer.strap-picker{--drawer-max-width: 50vw}.strap-picker .strap-picker__card{grid-template-columns:5.5rem minmax(0,1fr) auto}.strap-picker .strap-picker__media{width:5.5rem}}@media screen and (min-width:1400px){.strap-picker .strap-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.strap-picker .strap-picker__card{height:100%}.strap-picker .strap-picker__card:has(.strap-picker__add) .strap-picker__media{grid-row:span 2}.strap-picker .strap-picker__add{grid-column:2 / -1;justify-self:start}.strap-picker .strap-picker__empty{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/strap-picker.css.map */