@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)}}