@layer components{.tsc{--tsc-inset:16px;--tsc-top:52px;--tsc-h:28px;--tsc-gap:24px;gap:var(--tsc-gap);flex-direction:column;display:flex;position:relative}@media (min-width:1024px){.tsc{flex-direction:row}.tsc-card{flex:1 1 0;min-width:0}}.tsc-card{transition:translate .32s var(--motion-ease), border-color .32s var(--motion-ease), box-shadow .32s var(--motion-ease)}.tsc-arrow{transition:translate .32s var(--motion-ease);display:inline-block}.tsc-link:focus-visible .tsc-arrow{translate:4px}@media (hover:hover) and (pointer:fine){.tsc-card:hover{border-color:#fff3;translate:0 -4px;box-shadow:0 18px 40px -18px #0009}.tsc-card:hover .tsc-arrow{translate:4px}}.tsc-chip{top:var(--tsc-top);left:var(--tsc-inset);height:var(--tsc-h);border:1px solid color-mix(in srgb, var(--color-alert-warning) 75%, transparent);white-space:nowrap;color:#c9d1e3;transform-origin:0;background:#040818e0;border-radius:9999px;align-items:center;gap:7px;padding-inline:10px 12px;font-size:11px;font-weight:600;line-height:14px;display:flex;position:absolute;box-shadow:0 8px 20px -8px #000000b3}.tsc-chip b{color:#fff;font-weight:800}.tsc-dot{background:var(--color-alert-warning);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-alert-warning) 30%, transparent);border-radius:9999px;flex-shrink:0}.tsc-line{display:none}@media (min-width:1024px){.tsc-card:first-child .tsc-chip{right:var(--tsc-inset);transform-origin:100%;left:auto}.tsc-line{top:calc(1px + var(--tsc-top) + var(--tsc-h) / 2);left:calc(50% - var(--tsc-gap) / 2 - 1px - var(--tsc-inset));z-index:1;width:calc(var(--tsc-gap) + 2px + var(--tsc-inset) * 2);background:color-mix(in srgb, var(--color-alert-warning) 70%, #fff);height:1px;box-shadow:0 0 6px color-mix(in srgb, var(--color-alert-warning) 80%, transparent);opacity:0;transform-origin:0;pointer-events:none;display:block;position:absolute}}.motion.tsc[data-anim]:not([data-anim=reset]) .tsc-chip{animation:6s infinite both tsc-pop}.motion.tsc[data-anim]:not([data-anim=reset]) .tsc-line{animation:6s infinite both tsc-draw}@media (prefers-reduced-motion:reduce){.tsc-card,.tsc-arrow{transition:none}.tsc-card:hover,.tsc-card:hover .tsc-arrow,.tsc-link:focus-visible .tsc-arrow{translate:none}}}@keyframes tsc-pop{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(6px)scale(.86)}5%{opacity:1;animation-timing-function:ease-in-out;transform:scale(1.05)}9%{transform:none}80%{opacity:1;animation-timing-function:ease-in;transform:none}86%,to{opacity:0;transform:translateY(-4px)}}@keyframes tsc-draw{0%,3%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}4%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}14%{opacity:1;transform:scaleX(1)}26%{opacity:1;animation-timing-function:ease-in;transform:scaleX(1)}34%,to{opacity:0;transform:scaleX(1)}}