.sc-single-keycap-picker{display:block;width:100%}.sc-single-keycap-picker__fieldset{margin:0;padding:0;border:0;min-width:0}.sc-single-keycap-picker__legend{display:flex;align-items:baseline;gap:.6rem;width:100%;margin:0 0 .25rem;padding:0;font-weight:600}.sc-single-keycap-picker__count{color:var(--color-foreground);opacity:.58;font-size:.78em;font-variant-numeric:tabular-nums;font-weight:400}.sc-single-keycap-picker__selected{margin:0 0 .85rem;min-height:1.25em;font-size:.9em;line-height:1.35;color:var(--color-foreground)}.sc-single-keycap-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;align-items:stretch}.sc-single-keycap-picker__tile{position:relative;display:flex;flex-direction:column;min-width:0;padding:.3rem;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.sc-single-keycap-picker__tile:hover,.sc-single-keycap-picker__tile:has(input:checked){border-color:var(--color-foreground)}.sc-single-keycap-picker__tile:has(input:checked){box-shadow:inset 0 0 0 1px var(--color-foreground)}.sc-single-keycap-picker__tile:has(input:focus-visible){outline:2px solid var(--color-foreground);outline-offset:3px}.sc-single-keycap-picker__tile input{position:absolute;width:1px;height:1px;opacity:0}.sc-single-keycap-picker__image-wrap{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#00000009}.sc-single-keycap-picker__image,.sc-single-keycap-picker__image-fallback{display:block;width:100%;height:100%;object-fit:cover}.sc-single-keycap-picker__image-fallback{display:grid;place-items:center;font-size:1.35rem}.sc-single-keycap-picker__name{display:block;padding:.45rem .15rem .3rem;font-size:.76rem;line-height:1.25;overflow-wrap:anywhere}.sc-single-keycap-picker__tile.is-sold-out .sc-single-keycap-picker__image{filter:grayscale(1);opacity:.46}.sc-single-keycap-picker__sold-mark:before,.sc-single-keycap-picker__sold-mark:after{position:absolute;top:50%;left:18%;width:64%;height:1px;background:#2d3330c7;content:""}.sc-single-keycap-picker__sold-mark:before{transform:rotate(36deg)}.sc-single-keycap-picker__sold-mark:after{transform:rotate(-36deg)}.sc-single-keycap-picker__sold-label{position:absolute;right:0;bottom:0;left:0;padding:.3rem .15rem;background:#f0f0eee6;color:#353b38;font-size:.68rem;line-height:1.2;text-align:center}@media(max-width:749px){.sc-single-keycap-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.sc-single-keycap-picker__tile{padding:.24rem}.sc-single-keycap-picker__name{font-size:.73rem;padding-top:.42rem}}@media(prefers-reduced-motion:reduce){.sc-single-keycap-picker__tile{transition:none}}.sc-single-keycap-picker__tile{border-radius:10px;border-color:#c9d5db;color:#17252b}.sc-single-keycap-picker__image-wrap{border-radius:7px}.sc-single-keycap-picker__tile:hover,.sc-single-keycap-picker__tile:has(input:checked){border-color:#203541}.sc-single-keycap-picker__tile:has(input:checked){box-shadow:inset 0 0 0 1px #203541;background:#f3f6f7}.sc-single-keycap-picker__tile:has(input:focus-visible){outline-color:#426b88}.sc-single-keycap-picker__name{font-size:.85rem;line-height:1.35;min-height:2.7em}@media(max-width:749px){.sc-single-keycap-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sc-single-keycap-picker__name{font-size:.8rem;line-height:1.35}}@media(max-width:359px){.sc-single-keycap-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sc-artisan-included{font-size:.875rem;line-height:1.5;color:#536570;margin:14px 0 8px}.sc-artisan-size-guide{font-size:.875rem;line-height:1.5;color:#536570}.sc-artisan-size-guide summary{color:#203541;cursor:pointer;min-height:44px;display:list-item;padding:10px 0}.sc-artisan-size-guide p{max-width:65ch;margin:0 0 16px}.sc-artisan-size-guide summary:focus-visible{outline:2px solid #426b88;outline-offset:3px}.shopify-section:has(.sc-single-keycap-picker) .add-to-cart-button:not([disabled]){background:#203541;color:#fff;border-color:#203541}
/*# sourceMappingURL=/cdn/shop/t/63/assets/sc-single-keycap-picker.css.map */