@layer theme,base;@layer components{.vt-split{gap:var(--space-4) var(--space-14);align-items:end;display:grid}.vt-split[data-align=start]{align-items:start}@media (min-width:1024px){.vt-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.vt-panel{padding:var(--space-10) var(--space-5)}@media (min-width:768px){.vt-panel{padding:var(--space-14) var(--space-10)}}@media (min-width:1200px){.vt-panel{padding:var(--space-18) var(--space-14)}}.vt-moment-photos{gap:var(--space-2);margin-top:var(--space-10);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (min-width:768px){.vt-moment-photos{gap:var(--space-4);margin-top:var(--space-14)}}.vt-moment-photos figure{margin:0}.vt-moment-frame{aspect-ratio:3/4;border-radius:var(--radius-field);background:color-mix(in srgb, var(--text-on-brand) 8%, transparent);overflow:hidden}@media (min-width:768px){.vt-moment-frame{aspect-ratio:4/3;border-radius:var(--radius-surface)}}.vt-moment-photos figcaption{margin-top:var(--space-2);font:500 var(--type-md) / var(--line-snug) var(--font-title);color:var(--text-on-brand)}@media (min-width:768px){.vt-moment-photos figcaption{margin-top:var(--space-3);font-size:var(--type-title-sm)}}.vt-dots{gap:var(--space-10);margin-top:var(--space-10);display:grid}@media (min-width:1024px){.vt-dots{gap:var(--space-14);margin-top:var(--space-14);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.vt-dots-stops{align-content:start;gap:var(--space-2);display:grid}.vt-dots-stop{align-items:center;gap:var(--space-4);border-radius:var(--radius-field);min-height:64px;padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-on-brand);transition:background-color var(--dur-2) var(--ease-standard);grid-template-columns:40px minmax(0,1fr) auto;display:grid}.vt-dots-stop:hover{background:color-mix(in srgb, var(--text-on-brand) 6%, transparent)}.vt-dots-stop[aria-pressed=true]{background:color-mix(in srgb, var(--text-on-brand) 12%, transparent)}.vt-dots-stop:focus-visible{outline:2px solid var(--ring-focus);outline-offset:2px}.vt-dots-number{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-on-brand) 10%, transparent);width:40px;height:40px;font:450 var(--type-lg) / 1 var(--font-title);font-variant-numeric:tabular-nums;transition:background-color var(--dur-2) var(--ease-standard);place-items:center;display:grid}.vt-dots-stop[aria-pressed=true] .vt-dots-number{background:var(--accent);color:var(--text-on-accent)}.vt-dots-when,.vt-dots-count{font-size:var(--type-sm);color:var(--text-on-inverse-subtle);font-variant-numeric:tabular-nums;display:block}.vt-dots-figure{font:380 var(--type-figure) / 1 var(--font-title);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:lining-nums tabular-nums}.vt-dots-grid{gap:var(--space-2) 0;margin-top:var(--space-6);grid-template-columns:repeat(31,minmax(0,1fr));display:grid}@media (min-width:640px){.vt-dots-grid{row-gap:var(--space-3)}}.vt-dot{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-on-brand) 14%, transparent);width:7px;height:7px;transition:background-color .5s ease, transform .5s var(--ease-enter);transition-delay:var(--delay,0s);justify-self:center}@media (min-width:640px){.vt-dot{width:10px;height:10px}}.vt-dot[data-lit=true]{background:var(--accent);transform:scale(1.12)}.vt-final{gap:var(--space-8);align-items:center;display:grid}@media (min-width:1024px){.vt-final{gap:var(--space-14);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.vt-final-rings{justify-self:center;width:min(76%,420px);height:auto}@media (prefers-reduced-motion:no-preference){.vt-final-rings{animation:7s ease-in-out infinite vt-float}}.vt-footer{padding-block:var(--space-10) var(--space-14)}.vt-footer-grid{gap:var(--space-8) var(--space-4);border-top:1px solid var(--rule);padding-top:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:768px){.vt-footer-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}}.vt-footer-grid>:first-child{grid-column:1/-1}@media (min-width:768px){.vt-footer-grid>:first-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){.vt-dot,.vt-dots-stop,.vt-dots-number{transition:none}}}@layer utilities;@keyframes vt-float{50%{transform:translateY(-10px)rotate(-1.5deg)}}
@layer theme,base;@layer components{.vt-bento{gap:var(--space-4);display:grid}@media (min-width:768px){.vt-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.vt-bento{grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr))}.vt-scene{grid-row:span 3}}.vt-tile{align-content:start;align-items:start;gap:var(--space-4);grid-template-columns:44px minmax(0,1fr);display:grid}@media (min-width:768px){.vt-tile{grid-template-columns:none}}.vt-scene{align-content:start;gap:var(--space-6);display:grid}@media (min-width:768px) and (max-width:1199px){.vt-scene{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}}.vt-well{border-radius:var(--radius-field);background:var(--bg-sunken);padding:var(--space-5)}.vt-bar{gap:var(--space-1);height:8px;display:flex}.vt-bar>i{flex:var(--share) 1 0;border-radius:var(--radius-pill)}.vt-bar [data-tone=yes],.vt-legend [data-tone=yes]:before{background:var(--success)}.vt-bar [data-tone=no],.vt-legend [data-tone=no]:before{background:var(--text-faint)}.vt-bar [data-tone=waiting],.vt-legend [data-tone=waiting]:before{background:var(--accent)}.vt-legend{gap:var(--space-1) var(--space-4);font-size:var(--type-xs);color:var(--text-subtle);flex-wrap:wrap;display:flex}.vt-legend span{align-items:center;gap:6px;display:inline-flex}.vt-legend span:before{content:"";border-radius:var(--radius-pill);width:8px;height:8px}.vt-rows li{align-items:center;gap:var(--space-3);min-height:52px;font-size:var(--type-sm);display:flex}.vt-rows li+li{border-top:1px solid var(--rule)}.vt-samples{gap:var(--space-4);display:grid}@media (min-width:768px){.vt-samples{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.vt-sample{gap:var(--space-5);border-radius:var(--radius-surface);background:var(--bg-surface);padding:var(--space-3) var(--space-3) var(--space-5);color:inherit;transition:background-color var(--dur-1) var(--ease-standard);grid-template-rows:auto 1fr;text-decoration:none;display:grid}a.vt-sample:hover{background:var(--bg-selected)}a.vt-sample:focus-visible{outline:2px solid var(--ring-focus);outline-offset:2px}.vt-sample-art{aspect-ratio:4/3;border-radius:var(--radius-field);place-items:center;display:grid;overflow:hidden}@media (min-width:1200px){.vt-sample-art{aspect-ratio:16/10}}.vt-sample-caption{justify-content:space-between;align-items:end;gap:var(--space-4);padding-inline:var(--space-3);flex-wrap:wrap;display:flex}.vt-dusk{background:radial-gradient(120% 90% at 50% 100%, var(--vt-wine-gold) 0%, var(--vt-wine) 45%, var(--vt-wine-deep) 85%)}.vt-sample-envelope{width:62%;max-width:340px;transition:transform .7s var(--ease-enter);position:relative}a.vt-sample:hover .vt-sample-envelope{transform:translateY(-8px)}.vt-sample-seal{width:22%;height:auto;position:absolute;top:60%;left:50%;translate:-50% -50%}.vt-classic{align-content:center;gap:var(--space-3);background:var(--bg-sunken);text-align:center}.vt-classic-names{font:italic 400 var(--type-figure) / 1.02 var(--font-title);color:var(--text-strong)}.vt-classic-names span{font-size:var(--type-title-lg);color:var(--color-accent);display:block}@media (prefers-reduced-motion:reduce){.vt-sample,.vt-sample-envelope{transition:none}a.vt-sample:hover .vt-sample-envelope{transform:none}}}@layer utilities;