.bracelet-selector{display:block;--bracelet-tile: 3.5rem}@media screen and (min-width:700px){.bracelet-selector{--bracelet-tile: 4.5rem}}.bracelet-selector__inline{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:.25rem}.bracelet-cell{display:flex;flex-direction:column;align-items:center;gap:.375rem;inline-size:var(--bracelet-tile)}.bracelet-cell--hidden{display:none}.bracelet-cell__thumb.thumbnail-swatch{width:100%;border-radius:0}.bracelet-cell__thumb>.bracelet-cell__img{display:block;inline-size:100%;block-size:auto;height:auto;aspect-ratio:1 / 1;object-fit:cover}.bracelet-cell__img--empty{background:rgb(var(--text-color) / .06)}.bracelet-cell__name{font-size:.6875rem;line-height:1.15;text-align:center;color:rgb(var(--text-color) / .6);overflow-wrap:anywhere}.bracelet-cell__input:checked~.bracelet-cell__name{color:rgb(var(--text-color))}.bracelet-selector__more{flex:0 0 auto;align-self:flex-start;inline-size:var(--bracelet-tile);block-size:var(--bracelet-tile);display:grid;place-items:center;margin:0;padding:0;border:1px solid rgb(var(--border-color));background:transparent;color:rgb(var(--text-color) / .6);font-size:var(--text-base);line-height:1;cursor:pointer;transition:border-color .14s ease,color .14s ease,transform .14s ease}.bracelet-selector__more:hover{border-color:rgb(var(--text-color));color:rgb(var(--text-color));transform:translateY(-1px)}.bracelet-selector__more:active{transform:scale(.97)}.bracelet-selector__more:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.bracelet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:1.25rem .75rem;align-content:start}.bracelet-grid .bracelet-cell{inline-size:auto}@media screen and (min-width:1000px){.bracelet-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:1.5rem 1rem}}@media screen and (max-width:999px){.drawer--bracelet::part(content){position:absolute!important;inset-inline:0!important;inset-block:auto 0!important;inline-size:100%!important;max-inline-size:none!important;block-size:auto!important;height:auto!important;max-block-size:85dvh!important;margin:0!important;border-start-start-radius:.875rem;border-start-end-radius:.875rem}.drawer--bracelet::part(body){padding-block-end:max(var(--drawer-body-padding-block),env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.bracelet-selector__more{transition:none}.bracelet-selector__more:hover,.bracelet-selector__more:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/124/compiled_assets/styles.css.map */