.kolli{--kolli-accent: currentColor;--kolli-accent-text: #fff;--kolli-surface: transparent;--kolli-surface-selected: color-mix(in srgb, var(--kolli-accent) 7%, transparent);--kolli-border: color-mix(in srgb, currentColor 16%, transparent);--kolli-muted: color-mix(in srgb, currentColor 58%, transparent);--kolli-radius: var(--inputs-radius, var(--buttons-radius, var(--border-radius, 12px)));--kolli-gap: 10px;margin:24px 0;font:inherit;color:inherit;line-height:1.3}.kolli *{box-sizing:border-box}.kolli__heading{margin:0 0 12px;font-size:.9375em;font-weight:600}.kolli__tiers{display:grid;gap:var(--kolli-gap)}.kolli__tier{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--kolli-border);border-radius:var(--kolli-radius);background:var(--kolli-surface);color:inherit;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.kolli__tier:hover{border-color:color-mix(in srgb,var(--kolli-accent) 55%,var(--kolli-border))}.kolli__tier:has(.kolli__input:focus-visible){outline:2px solid var(--kolli-accent);outline-offset:3px}.kolli__tier.is-selected{border-color:var(--kolli-accent);background:var(--kolli-surface-selected);box-shadow:inset 0 0 0 1px var(--kolli-accent)}.kolli--solid .kolli__tier.is-selected{border-color:var(--kolli-accent);background:var(--kolli-accent);color:var(--kolli-accent-text);box-shadow:none}.kolli__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.kolli__check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--kolli-border);display:grid;place-items:center;transition:border-color .18s ease,background-color .18s ease}.kolli__check:after{content:"";width:6px;height:10px;margin-top:-2px;border:solid var(--kolli-accent-text);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .18s cubic-bezier(.2,.8,.2,1.2)}.kolli__tier.is-selected .kolli__check{border-color:var(--kolli-accent);background:var(--kolli-accent)}.kolli__tier.is-selected .kolli__check:after{transform:rotate(45deg) scale(1)}.kolli--solid .kolli__tier.is-selected .kolli__check{border-color:var(--kolli-accent-text);background:var(--kolli-accent-text)}.kolli--solid .kolli__tier.is-selected .kolli__check:after{border-color:var(--kolli-accent)}.kolli__main{display:grid;gap:3px;min-width:0}.kolli__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kolli__title{font-weight:700;font-size:1em}.kolli__badge{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--kolli-accent);color:var(--kolli-accent-text);font-size:.6875em;font-weight:600;letter-spacing:.03em;line-height:1.5;white-space:nowrap}.kolli--solid .kolli__tier.is-selected .kolli__badge{background:var(--kolli-accent-text);color:var(--kolli-accent)}.kolli__subtitle,.kolli__unit{font-size:.8125em;color:var(--kolli-muted)}.kolli--solid .kolli__tier.is-selected :is(.kolli__subtitle,.kolli__unit,.kolli__was){color:color-mix(in srgb,var(--kolli-accent-text) 82%,transparent)}.kolli__side{display:grid;justify-items:end;gap:2px;text-align:right}.kolli__total{font-weight:800;font-size:1.125em;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kolli__was{font-size:.8125em;color:var(--kolli-muted);text-decoration:line-through;white-space:nowrap}.kolli__save{font-size:.75em;font-weight:700;color:var(--kolli-accent);white-space:nowrap}.kolli--solid .kolli__tier.is-selected .kolli__save{color:var(--kolli-accent-text)}.kolli__was[hidden],.kolli__save[hidden]{display:none}.kolli__footer{margin:12px 0 0;font-size:.8125em;color:var(--kolli-muted)}@media(max-width:480px){.kolli__tier{padding:14px;gap:12px}.kolli__total{font-size:1.0625em}}@media(prefers-reduced-motion:reduce){.kolli__tier,.kolli__check,.kolli__check:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/kolli-test.css.map */