.hexvs{--hexvs-accent: #5fc884;--hexvs-card: #141414;--hexvs-border: rgba(255, 255, 255, .22);--hexvs-muted: rgba(255, 255, 255, .55);display:block;width:100%;margin:0 0 1.2rem}.hexvs[hidden]{display:none}.hexvs *{box-sizing:border-box}.hexvs-native-picker{display:none!important}.hexvs__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:stretch;margin-top:9px}.hexvs__col{display:flex;flex-direction:column;height:100%}.hexvs__badge{position:absolute;top:0;left:6px;right:auto;transform:translateY(-50%);z-index:2;max-width:calc(100% - 12px);padding:3px 5px;border-radius:2px;background:#fff;color:#0a0a0a;font-size:6.5px;font-weight:800;letter-spacing:.02em;line-height:1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}.hexvs__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:12px 7px 10px;border:1.5px solid var(--hexvs-border);border-radius:12px;background:var(--hexvs-card);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.hexvs__card:hover{border-color:#ffffff59}.hexvs__card[aria-checked=true]{border-color:#16a274;background:var(--hexvs-card);box-shadow:none}.hexvs__card:focus-visible{outline:2px solid var(--hexvs-accent);outline-offset:2px}.hexvs__radio{position:absolute;top:8px;right:7px;width:15px;height:15px;border:1.5px solid rgba(255,255,255,.45);border-radius:50%;background:transparent;transition:border-color .18s ease}.hexvs__card[aria-checked=true] .hexvs__radio{border-color:#16a274;background:transparent}.hexvs__card[aria-checked=true] .hexvs__radio:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border:0;border-radius:50%;background:var(--hexvs-accent);transform:translate(-50%,-50%)}.hexvs__media{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:2px 0 6px}.hexvs__media img{max-width:100%;max-height:52px;height:auto;object-fit:contain;display:block}.hexvs__title{display:block;padding-right:18px;font-size:11px;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:#fff}.hexvs__sub{display:block;margin-top:2px;font-size:9.5px;font-weight:500;line-height:1.25;color:var(--hexvs-muted)}.hexvs__card[aria-checked=true] .hexvs__sub{color:#ffffffb3}.hexvs__rule{display:block;width:100%;height:1px;margin:7px 0;background:#ffffff24;border:0}.hexvs__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;width:100%}.hexvs__feature{display:flex;align-items:flex-start;gap:4px;font-size:9.5px;font-weight:500;line-height:1.25;color:#ffffffeb}.hexvs__feature svg{flex:0 0 auto;width:11px;height:11px;margin-top:1px;color:var(--hexvs-accent)}.hexvs__plus{flex:0 0 auto;width:11px;text-align:center;font-size:11px;font-weight:700;line-height:1.1;color:#ffffffd9}.hexvs__card--soldout{cursor:not-allowed;opacity:.55}.hexvs__card--soldout:hover{border-color:var(--hexvs-border)}.hexvs__soldout{margin-top:6px;font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff9}.hexvs__cards[data-count="2"]{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:560px){.hexvs{margin-bottom:1.6rem}.hexvs__cards{gap:10px;margin-top:10px}.hexvs__badge{left:10px;padding:4px 7px;font-size:8px;letter-spacing:.03em}.hexvs__card{padding:14px 10px 12px;border-radius:14px}.hexvs__radio{top:10px;right:10px;width:17px;height:17px}.hexvs__card[aria-checked=true] .hexvs__radio:after{width:8px;height:8px}.hexvs__media{min-height:64px;margin:4px 0 8px}.hexvs__media img{max-height:72px}.hexvs__title{padding-right:22px;font-size:13px}.hexvs__sub{font-size:11px}.hexvs__rule{margin:9px 0}.hexvs__features{gap:6px}.hexvs__feature{font-size:11px;gap:6px}.hexvs__feature svg{width:13px;height:13px}.hexvs__plus{width:13px;font-size:12px}}@media screen and (min-width:990px){.hexvs__cards{gap:14px}.hexvs__badge{left:14px;padding:6px 10px;font-size:10px;letter-spacing:.04em}.hexvs__card{padding:18px 16px 16px}.hexvs__radio{top:14px;right:14px;width:20px;height:20px;border-width:2px}.hexvs__card[aria-checked=true] .hexvs__radio:after{width:10px;height:10px}.hexvs__media{min-height:100px;margin:4px 0 12px}.hexvs__media img{max-height:120px}.hexvs__title{padding-right:28px;font-size:16px}.hexvs__sub{font-size:13px;margin-top:3px}.hexvs__rule{margin:12px 0}.hexvs__features{gap:8px}.hexvs__feature{font-size:13px;gap:8px}.hexvs__feature svg{width:15px;height:15px}.hexvs__plus{width:15px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/956/assets/component-gaming-variant-cards.css.map */