.token-tiers{gap:var(--primitive-space-sp400);flex-direction:column;margin:0;display:flex}.token-tiers__diagram{--tt-accent-0:currentColor;--tt-accent-1:currentColor;--tt-accent-2:currentColor;--tt-selected:currentColor;--tt-tint:currentColor;--tt-tint-shifted:color-mix(in srgb, var(--tt-tint) 55%, var(--semantic-fg-primary));--tt-selected-shifted:color-mix(in srgb, var(--tt-selected) 55%, var(--semantic-fg-primary));--tt-selected-edge:color-mix(in srgb, var(--tt-selected) 50%, var(--semantic-fg-primary));flex-direction:column;display:flex}.token-tiers__stack{flex-direction:column;display:flex}.token-tiers__base{align-self:center;align-items:center;gap:var(--primitive-space-sp150);min-width:14rem;padding:var(--primitive-space-sp500) var(--primitive-space-sp1000);border:1px solid var(--semantic-fg-primary);border-radius:var(--primitive-radius-r12);text-align:center;transition:border-color var(--semantic-duration-dropdown) var(--semantic-easing-out);flex-direction:column;display:flex}.token-tiers__eyebrow{font:var(--type-emphasis-4);letter-spacing:var(--type-emphasis-4-tracking);text-transform:uppercase}.token-tiers__base-name{font:var(--type-heading-m);letter-spacing:var(--type-heading-m-tracking)}@media (width>=768px){.token-tiers__base-name{font:var(--type-heading-l);letter-spacing:var(--type-heading-l-tracking)}}.token-tiers__step{flex-direction:column;display:flex}.token-tiers__drop{width:1px;height:var(--primitive-space-sp800);background:var(--semantic-border-strong);align-self:center;position:relative}.token-tiers__drop:after{content:"";width:var(--primitive-size-s6);height:var(--primitive-size-s6);border-radius:var(--primitive-radius-round);background:var(--semantic-fg-primary);position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,50%)}.token-tiers__tier{align-items:center;gap:var(--primitive-space-sp600);padding:var(--primitive-space-sp600);border-radius:var(--primitive-radius-r16);display:grid}@media (width>=768px){.token-tiers__tier{padding:var(--primitive-space-sp600) var(--primitive-space-sp1000)}}@media (width>=1040px){.token-tiers__tier{grid-template-columns:15rem 1fr}}.token-tiers__tier[data-weight=solid]{border:1px solid color-mix(in srgb, currentColor 22%, transparent)}.token-tiers__tier[data-weight=tinted]{border:1px solid var(--semantic-border-default)}.token-tiers__diagram[data-tinted] .token-tiers__tier[data-weight=tinted]{background:color-mix(in srgb, var(--tt-tint-shifted) 14%, transparent)}.token-tiers__tier[data-weight=outline]{border:1px solid var(--semantic-border-default)}.token-tiers__tier-label{column-gap:var(--primitive-space-sp500);row-gap:var(--primitive-space-sp100);grid-template-columns:auto 1fr;align-items:center;display:grid}.token-tiers__glyph{width:var(--primitive-size-s32);height:var(--primitive-size-s32);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.72;grid-row:span 2}.token-tiers__tier-title{font:var(--type-emphasis-2);letter-spacing:var(--type-emphasis-2-tracking);text-transform:uppercase;align-self:end}.token-tiers__tier-gloss{font:var(--type-body-2);letter-spacing:var(--type-body-2-tracking);color:color-mix(in srgb, currentColor 72%, transparent);align-self:start}.token-tiers__swatches{justify-content:start;gap:var(--primitive-space-sp500);grid-template-columns:repeat(3,minmax(0,8rem));justify-items:center;margin:0;padding:0;list-style:none;display:grid}@media (width>=1040px){.token-tiers__swatches{grid-template-columns:repeat(6,1fr);column-gap:0}.token-tiers__swatch[data-size=tier] .token-tiers__swatch-label{white-space:nowrap}}.token-tiers__swatches[data-row=mini]{gap:var(--primitive-space-sp300);grid-template-columns:repeat(6,1fr);justify-items:start}.token-tiers__swatch{align-items:center;gap:var(--primitive-space-sp300);text-align:center;flex-direction:column;display:flex}.token-tiers__dot{border-radius:var(--primitive-radius-round);border:1px solid color-mix(in srgb, currentColor 38%, transparent);display:block}.token-tiers__swatch[data-size=tier] .token-tiers__dot{width:var(--primitive-size-s40);height:var(--primitive-size-s40)}.token-tiers__swatch[data-size=mini] .token-tiers__dot{width:var(--primitive-size-s24);height:var(--primitive-size-s24)}.token-tiers__dot[data-empty]{border-color:color-mix(in srgb, currentColor 45%, transparent)}.token-tiers__swatch-label{font:var(--type-body-3);letter-spacing:var(--type-body-3-tracking);text-wrap:balance}.token-tiers__swatch-value{font:var(--type-body-3);letter-spacing:var(--type-body-3-tracking);font-variant-numeric:tabular-nums;color:color-mix(in srgb, currentColor 72%, transparent);white-space:nowrap}.token-tiers__note{max-width:62ch;margin:var(--primitive-layout-l40) 0 0;text-align:center;text-wrap:balance;font:var(--type-emphasis-3);letter-spacing:var(--type-emphasis-3-tracking);align-self:center}.token-tiers__fan{display:none}@media (width>=768px){.token-tiers__fan{height:var(--primitive-layout-l40);margin:var(--primitive-space-sp1000) 12% 0;border:1px solid var(--semantic-border-strong);border-block-end:0;border-start-start-radius:var(--primitive-radius-r8);border-start-end-radius:var(--primitive-radius-r8);display:block;position:relative}.token-tiers__fan:before,.token-tiers__fan:after{content:"";background:var(--semantic-border-strong);width:1px;position:absolute;inset-inline-start:50%}.token-tiers__fan:before{height:var(--primitive-space-sp600);inset-block-end:100%}.token-tiers__fan:after{height:100%;inset-block-start:0}}.token-tiers__picker{border:0;min-inline-size:0;margin:0;padding:0}.token-tiers__legend{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.token-tiers__brands{margin:var(--primitive-layout-l40) 0 0;gap:var(--primitive-layout-l40);padding:0;list-style:none;display:grid}@media (width>=768px){.token-tiers__brands{grid-template-columns:repeat(3,1fr);gap:0;margin-block-start:var(--primitive-space-sp600)}}.token-tiers__brand{--tt-accent:currentColor;--tt-accent-shifted:color-mix(in srgb, var(--tt-accent) 55%, var(--semantic-fg-primary));--tt-accent-edge:color-mix(in srgb, var(--tt-accent) 50%, var(--semantic-fg-primary));gap:var(--primitive-space-sp600);padding:var(--primitive-space-sp500);border-radius:var(--primitive-radius-r16);cursor:pointer;transition:background-color var(--semantic-duration-dropdown) var(--semantic-easing-out), outline-color var(--semantic-duration-dropdown) var(--semantic-easing-out);flex-direction:column;display:flex;position:relative}@media (width>=768px){.token-tiers__brand+.token-tiers__brand:before{content:"";inset-block:var(--primitive-space-sp500);background:var(--semantic-border-default);width:1px;transition:opacity var(--semantic-duration-dropdown) var(--semantic-easing-out);position:absolute;inset-inline-start:0}}.token-tiers__brand:has(.token-tiers__radio:checked):before{opacity:0}.token-tiers__radio{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}.token-tiers__brand-head{align-items:center;gap:var(--primitive-space-sp500);display:flex}.token-tiers__brand-mark{width:var(--primitive-size-s40);height:var(--primitive-size-s40);border-radius:var(--primitive-radius-r8);object-fit:contain;flex:none}.token-tiers__brand-name{font:var(--type-heading-s);letter-spacing:var(--type-heading-s-tracking);cursor:pointer}.token-tiers__brand-name:after{content:"";z-index:1;position:absolute;inset:0}.token-tiers__brand-row{gap:var(--primitive-space-sp400);border-block-start:1px solid var(--semantic-border-default);flex-direction:column;padding-block-start:var(--primitive-space-sp500);display:flex}.token-tiers__brand-label{font:var(--type-body-3);letter-spacing:var(--type-body-3-tracking);color:color-mix(in srgb, currentColor 72%, transparent)}.token-tiers__button{min-height:var(--primitive-size-button-lg);padding-inline:var(--primitive-space-sp1000);border-radius:var(--primitive-radius-round);font:var(--type-emphasis-1);letter-spacing:var(--type-emphasis-1-tracking);place-items:center;display:grid}.token-tiers__caption{color:var(--semantic-fg-secondary);font:var(--type-body-3);letter-spacing:var(--type-body-3-tracking)}.token-tiers__values{display:grid}.token-tiers__value-set{opacity:0;transition:opacity var(--semantic-duration-dropdown) var(--semantic-easing-out);grid-area:1/1}.token-tiers__value-set[data-set=empty]{opacity:1}.token-tiers__diagram:has(.token-tiers__brand[data-index="0"] .token-tiers__radio:checked){--tt-selected:var(--tt-accent-0)}.token-tiers__diagram:has(.token-tiers__brand[data-index="1"] .token-tiers__radio:checked){--tt-selected:var(--tt-accent-1)}.token-tiers__diagram:has(.token-tiers__brand[data-index="2"] .token-tiers__radio:checked){--tt-selected:var(--tt-accent-2)}.token-tiers__diagram:has(.token-tiers__brand[data-index="0"] .token-tiers__radio:checked) .token-tiers__value-set[data-set="0"],.token-tiers__diagram:has(.token-tiers__brand[data-index="1"] .token-tiers__radio:checked) .token-tiers__value-set[data-set="1"],.token-tiers__diagram:has(.token-tiers__brand[data-index="2"] .token-tiers__radio:checked) .token-tiers__value-set[data-set="2"]{opacity:1}.token-tiers__diagram:has(.token-tiers__radio:checked) .token-tiers__value-set[data-set=empty]{opacity:0}.token-tiers__tier[data-resolves]{transition:background-color var(--semantic-duration-dropdown) var(--semantic-easing-out), border-color var(--semantic-duration-dropdown) var(--semantic-easing-out)}.token-tiers__diagram:has(.token-tiers__radio:checked) .token-tiers__tier[data-resolves]{background:color-mix(in srgb, var(--tt-selected-shifted) 14%, transparent);border-color:var(--tt-selected-edge)}.token-tiers__diagram:has(.token-tiers__radio:checked) .token-tiers__base{border-color:var(--tt-selected-edge)}.token-tiers__brand:has(.token-tiers__radio:checked){background:color-mix(in srgb, var(--tt-accent-shifted) 12%, transparent);outline:2px solid var(--tt-accent-edge);outline-offset:-2px}.token-tiers__brand:has(.token-tiers__radio:focus-visible){outline:2px solid var(--semantic-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.token-tiers__value-set,.token-tiers__tier[data-resolves],.token-tiers__base,.token-tiers__brand{transition:none}}