@layer theme,base;@layer components{.seg-fs{border:0;min-width:0;margin:0;padding:0}.seg{--n:5;--i:0;--seg-h:56px;--seg-pad:4px;--seg-fs:15px;grid-template-columns:repeat(var(--n), minmax(0, 1fr));height:var(--seg-h);min-width:0;padding:var(--seg-pad);border-radius:var(--radius-pill);background:var(--color-surface-2);box-shadow:var(--shadow-well);display:grid;position:relative;container-type:inline-size}.seg[data-size=md]{--seg-h:48px;--seg-fs:14px}.seg-thumb{z-index:0;inset-block:var(--seg-pad);left:var(--seg-pad);width:calc((100% - 2 * var(--seg-pad)) / var(--n));border-radius:var(--radius-pill);translate:calc(var(--i) * 100%) 0;transition:translate var(--spring-snappy);pointer-events:none;background:radial-gradient(60% 100% at 50% 0,#2b3036,#1a1d21);position:absolute;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #c6ff3d8c,0 6px 16px -6px #000c}.seg-thumb:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#c6ff3d47,#0000);border-radius:50%;height:14px;position:absolute;bottom:-7px;left:18%;right:18%}.seg:has(>.seg-opt:nth-of-type(2)>.seg-input:checked){--i:1}.seg:has(>.seg-opt:nth-of-type(3)>.seg-input:checked){--i:2}.seg:has(>.seg-opt:nth-of-type(4)>.seg-input:checked){--i:3}.seg:has(>.seg-opt:nth-of-type(5)>.seg-input:checked){--i:4}.seg:has(>.seg-opt:nth-of-type(6)>.seg-input:checked){--i:5}.seg:has(>.seg-opt:nth-of-type(7)>.seg-input:checked){--i:6}.seg:has(>.seg-opt:nth-of-type(8)>.seg-input:checked){--i:7}.seg:not(:has(.seg-input:checked)) .seg-thumb{opacity:0}.seg-opt{z-index:1;border-radius:var(--radius-pill);min-width:0;color:var(--color-text-3);font-family:var(--font-text);font-size:var(--seg-fs);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--ctl-label-fade) var(--ease-out) var(--ctl-label-delay);place-items:center;font-weight:600;line-height:1;display:grid;position:relative}.seg-opt:has(>.seg-input:checked){color:var(--color-text-1)}.seg-opt:has(>.seg-input:disabled){cursor:default;color:var(--color-text-4)}@media (hover:hover) and (pointer:fine){.seg-opt:hover:not(:has(>.seg-input:checked,>.seg-input:disabled)){color:var(--color-text-2);transition-delay:0s}}.seg-opt:has(>.seg-input:focus-visible){outline:2px solid var(--color-lime);outline-offset:2px}.seg-input{inset:calc(-1 * var(--seg-pad)) 0;opacity:0;appearance:none;width:100%;height:auto;cursor:inherit;border-radius:inherit;margin:0;position:absolute}.seg-input:focus-visible{outline:none}.seg-text{transition:scale var(--spring-snappy);display:inline-block;position:relative}.seg-opt:active .seg-text{transition:scale var(--dur-press) var(--ease-out);scale:.94}.seg-badge{top:calc(-1 * (var(--seg-pad) + 7px));z-index:2;pointer-events:none;box-shadow:0 0 0 2px var(--color-surface-1);transform-origin:30% 100%;position:absolute;right:-3px}.seg-opt:has(>.seg-input:checked) .seg-badge{animation:seg-pop var(--spring-pop) both}@container not (min-width:300px){.seg-opt{letter-spacing:-.015em;font-size:13px}.seg-badge{right:-5px}}@container not (min-width:250px){.seg-opt{font-size:12px}}@supports not selector(:has(*)){.seg-thumb{display:none}.seg-opt[data-checked]{color:var(--color-text-1);background:radial-gradient(60% 100% at 50% 0,#2b3036,#1a1d21);box-shadow:inset 0 1px #ffffff24,0 0 0 1px #c6ff3d8c}}}@layer utilities;@keyframes seg-pop{0%{scale:.6}}@media (prefers-reduced-motion:reduce){.seg-badge{animation:none!important}}
@layer theme,base;@layer components{.price{--price-fs:clamp(3.5rem, 2.6rem + 3.2vw, 5.5rem);flex-direction:column;gap:12px;min-width:0;display:flex}.price[data-size=lg]{--price-fs:2.75rem;gap:10px}.price[data-size=md]{--price-fs:2rem;gap:8px}.price-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.price-num{color:var(--color-text-1);font-family:var(--font-display);font-size:var(--price-fs);letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;font-weight:700;line-height:1;display:inline-flex}.price-num number-flow-react,.amount number-flow-react{--number-flow-mask-height:.18em}.price-cur{color:var(--color-text-2);font-family:var(--font-text);letter-spacing:0;margin-left:.12em;font-size:.42em;font-weight:500}.price-save{height:28px;transition:opacity var(--dur-ui) var(--ease-out), scale var(--spring-pop), translate var(--spring-pop);padding-inline:10px;font-size:13px}.price-save[data-hidden]{opacity:0;visibility:hidden;transition:opacity var(--dur-hover) var(--ease-in), scale var(--dur-hover) var(--ease-in), translate var(--dur-hover) var(--ease-in), visibility 0s linear var(--dur-hover);translate:-6px;scale:.8}.price-sub{color:var(--color-text-3);font-variant-numeric:tabular-nums;font-size:14px;line-height:1.45;display:grid}.price-sub>*{transition:opacity var(--dur-ui) var(--ease-out);grid-area:1/1}.price-sub>[data-hidden]{opacity:0;visibility:hidden;transition:opacity var(--dur-hover) var(--ease-in), visibility 0s linear var(--dur-hover)}.price-sub s{color:var(--color-text-4);text-decoration:none;display:inline-block;position:relative}.price-sub s:after{content:"";inset-inline:-1px;pointer-events:none;background:currentColor;height:1px;position:absolute;top:52%}.price-sub-parts{--sep:1.1em;clip-path:inset(-.5em 0 -.5em var(--sep));flex-wrap:wrap;margin-inline-start:calc(-1 * var(--sep));display:flex}.price-sub-part{white-space:nowrap}.price-sub-part:before{content:"·";width:var(--sep);text-align:center;display:inline-block}.price-pm{color:var(--color-text-2)}}@layer utilities;