.hcv{width:100%;display:flex;flex-direction:column;gap:10px;color:var(--color-foreground,currentcolor)}.hcv .hcv-row{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--hcv-cols,2),minmax(0,1fr));gap:6px;max-width:100%}.hcv .hcv-legend{width:100%;float:none;padding:0;margin:0 0 5px;display:flex;align-items:baseline;gap:6px;line-height:1.2;min-width:0}.hcv .hcv-legend__label{font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,currentcolor 62%,transparent)}.hcv .hcv-legend__value{font-size:.8125rem;font-weight:700;color:currentcolor;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcv label.hcv-chip{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;margin:0;min-width:0;max-width:100%;cursor:pointer;text-align:left;overflow:hidden;border:1px solid color-mix(in srgb,currentcolor 15%,transparent);border-radius:var(--hcv-radius,12px);background:transparent;color:var(--color-foreground,currentcolor);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .12s ease}.hcv label.hcv-chip input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.hcv .hcv-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.hcv .hcv-nameline{display:flex;align-items:center;gap:7px;min-width:0}.hcv .hcv-lead{flex:none}.hcv--glass label.hcv-chip{background:color-mix(in srgb,currentcolor 4%,transparent);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px color-mix(in srgb,#fff 60%,transparent),0 1px 2px color-mix(in srgb,currentcolor 7%,transparent),0 6px 16px -12px color-mix(in srgb,currentcolor 40%,transparent)}.hcv--glass label.hcv-chip:hover{transform:translateY(-1px);background:color-mix(in srgb,currentcolor 6%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 70%,transparent),0 2px 4px color-mix(in srgb,currentcolor 8%,transparent),0 10px 22px -14px color-mix(in srgb,currentcolor 55%,transparent)}.hcv label.hcv-chip:hover{border-color:color-mix(in srgb,currentcolor 34%,transparent)}.hcv label.hcv-chip:active{transform:translateY(0) scale(.99)}.hcv label.hcv-chip:has(input:focus-visible){outline:2px solid var(--hcv-accent);outline-offset:2px}.hcv label.hcv-chip:has(input:checked){border-color:var(--hcv-accent);background:color-mix(in srgb,var(--hcv-accent) 8%,transparent);box-shadow:inset 0 0 0 1px var(--hcv-accent),0 6px 18px -10px color-mix(in srgb,var(--hcv-accent) 70%,transparent);color:var(--color-foreground,currentcolor);transform:none}.hcv label.hcv-chip:has(input:checked) .hcv-name,.hcv label.hcv-chip:has(input:checked) .hcv-price{color:var(--color-foreground,currentcolor)}.hcv label.hcv-chip>svg,.hcv label.hcv-chip:before,.hcv label.hcv-chip:after,.hcv .hcv-foot svg,.hcv .hcv-check svg{display:none!important}.hcv .hcv-flag{position:absolute;inset:0 0 auto 0;padding:2px 10px;font-size:.5rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hcv-accent);background:color-mix(in srgb,var(--hcv-accent) 13%,transparent)}.hcv .hcv-row:has(.has-flag) label.hcv-chip{padding-top:23px}.hcv--highlight label.hcv-chip.has-flag{border-color:color-mix(in srgb,var(--hcv-accent) 40%,transparent)}.hcv .hcv-name{font-size:.875rem;font-weight:700;line-height:1.25;letter-spacing:-.005em;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.hcv .hcv-jump{display:inline-block;margin-inline-start:3px;font-size:.6875rem;font-weight:500;vertical-align:1px;color:color-mix(in srgb,currentcolor 45%,transparent)}.hcv .hcv-sub{font-size:.6875rem;line-height:1.3;min-width:0;white-space:normal;overflow-wrap:anywhere;color:color-mix(in srgb,currentcolor 62%,transparent)}.hcv .hcv-meter{display:flex;align-items:flex-end;gap:2px;height:15px}.hcv .hcv-meter i{display:block;width:3px;border-radius:1px;background:color-mix(in srgb,currentcolor 42%,transparent)}.hcv .hcv-meter i.off{background:color-mix(in srgb,currentcolor 14%,transparent)}.hcv label.hcv-chip:has(input:checked) .hcv-meter i{background:var(--hcv-accent)}.hcv label.hcv-chip:has(input:checked) .hcv-meter i.off{background:color-mix(in srgb,var(--hcv-accent) 24%,transparent)}.hcv .hcv-thumb{width:28px;height:28px;overflow:hidden;border-radius:calc(var(--hcv-radius,12px) - 5px);background:color-mix(in srgb,currentcolor 6%,transparent)}.hcv .hcv-thumb img{display:block;width:100%;height:100%;object-fit:cover}.hcv .hcv-foot{margin-top:2px;display:flex;align-items:baseline;gap:6px;min-width:0}.hcv .hcv-price{display:flex;align-items:baseline;gap:5px;min-width:0;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.hcv .hcv-delta{font-size:.6875rem;font-weight:700;color:var(--hcv-accent)}.hcv .hcv-price--diff .hcv-delta{font-size:.8125rem}.hcv .hcv-delta--down{color:color-mix(in srgb,currentcolor 58%,transparent)}.hcv .hcv-check{flex:none;align-self:center;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;border:1.5px solid color-mix(in srgb,currentcolor 26%,transparent);background:transparent;overflow:hidden;transition:border-color .16s ease}.hcv .hcv-check:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:transparent;transform:scale(.6);transition:background-color .16s ease,transform .16s ease}.hcv label.hcv-chip:hover .hcv-check{border-color:color-mix(in srgb,currentcolor 45%,transparent)}.hcv label.hcv-chip:has(input:checked) .hcv-check{border-color:var(--hcv-accent)}.hcv label.hcv-chip:has(input:checked) .hcv-check:before{background:var(--hcv-accent);transform:scale(1)}.hcv--comfy label.hcv-chip{gap:9px;padding:11px 12px}.hcv--comfy .hcv-row:has(.has-flag) label.hcv-chip{padding-top:26px}.hcv--comfy .hcv-name{font-size:.9375rem}.hcv--comfy .hcv-sub{font-size:.75rem}.hcv--comfy .hcv-price{font-size:.875rem}.hcv label.hcv-chip.is-out,.hcv label.hcv-chip:has(input[data-option-available=false]){opacity:.45}.hcv label.hcv-chip:has(input[data-option-available=false]) .hcv-name{text-decoration:line-through}.hcv .hcv-hidden{display:none!important}@media(prefers-reduced-motion:reduce){.hcv label.hcv-chip,.hcv .hcv-check,.hcv .hcv-check:before{transition:none}.hcv label.hcv-chip:hover,.hcv label.hcv-chip:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/hcore-variant-picker.css.map */
