:is(.vd,.dp){--color-cream:#fcfaf6;--color-paper:#fff;--color-petrol:#3b6e72;--color-petrol-dark:#2c5559;--color-petrol-soft:#e3edee;--color-ink:#1a1612;--color-ink-soft:#6b6258;--color-line:#e8e2d8;--font-sans:"Heebo", system-ui, sans-serif}.vd{background:var(--paper,#f6f1e8);border:1px solid var(--hair-c,#e3dccd);font-family:var(--font-sans);border-radius:12px;overflow:hidden;box-shadow:0 26px 48px -24px #1a161259}.dark .vd{box-shadow:0 22px 44px -22px #00000080}:is(.vd,.dp) .absolute{position:absolute}:is(.vd,.dp) .inset-0{inset:0}:is(.vd,.dp) .h-full{height:100%}:is(.vd,.dp) .select-none{-webkit-user-select:none;user-select:none}:is(.vd,.dp) .relative{position:relative}:is(.vd,.dp) .inline-block{display:inline-block}:is(.vd,.dp) .overflow-hidden{overflow:hidden}:is(.vd,.dp) .grid{display:grid}:is(.vd,.dp) .place-items-center{place-items:center}:is(.vd,.dp) .inline-flex{display:inline-flex}:is(.vd,.dp) .items-baseline{align-items:baseline}:is(.vd,.dp) .leading-none{line-height:1}:is(.vd,.dp) .w-\[1ch\]{width:1ch}:is(.vd,.dp) .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:is(.vd,.dp) .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:is(.vd,.dp) .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}:is(.vd,.dp) .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}:is(.vd,.dp) .flex{display:flex}:is(.vd,.dp) .flex-1{flex:1}:is(.vd,.dp) .flex-col{flex-direction:column}:is(.vd,.dp) .items-center{align-items:center}:is(.vd,.dp) .justify-between{justify-content:space-between}:is(.vd,.dp) .gap-1{gap:.25rem}:is(.vd,.dp) .gap-1\.5{gap:.375rem}:is(.vd,.dp) .gap-2{gap:.5rem}:is(.vd,.dp) .mt-1{margin-top:.25rem}:is(.vd,.dp) .mt-2{margin-top:.5rem}:is(.vd,.dp) .mb-1{margin-bottom:.25rem}:is(.vd,.dp) .px-2{padding-inline:.5rem}:is(.vd,.dp) .py-1{padding-block:.25rem}:is(.vd,.dp) .p-2{padding:.5rem}:is(.vd,.dp) .h-11{height:2.75rem}:is(.vd,.dp) .w-full{width:100%}:is(.vd,.dp) .rounded-lg{border-radius:.5rem}:is(.vd,.dp) .rounded-xl{border-radius:.75rem}:is(.vd,.dp) .border{border-style:solid;border-width:1px}:is(.vd,.dp) .border-line{border-color:var(--color-line)}:is(.vd,.dp) .border-petrol{border-color:var(--color-petrol)}:is(.vd,.dp) .bg-cream{background-color:var(--color-cream)}:is(.vd,.dp) .bg-paper{background-color:var(--color-paper)}:is(.vd,.dp) .bg-petrol{background-color:var(--color-petrol)}:is(.vd,.dp) .text-paper{color:var(--color-paper)}:is(.vd,.dp) .text-ink{color:var(--color-ink)}:is(.vd,.dp) .text-ink-soft{color:var(--color-ink-soft)}:is(.vd,.dp) .text-xs{font-size:.75rem;line-height:1rem}:is(.vd,.dp) .text-sm{font-size:.875rem;line-height:1.25rem}:is(.vd,.dp) .text-lg{font-size:1.125rem;line-height:1.75rem}:is(.vd,.dp) .font-medium{font-weight:500}:is(.vd,.dp) .font-semibold{font-weight:600}:is(.vd,.dp) .font-bold{font-weight:700}:is(.vd,.dp) .tabular-nums{font-variant-numeric:tabular-nums}:is(.vd,.dp) .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.vd,.dp) .hover\:border-petrol:hover{border-color:var(--color-petrol)}:is(.vd,.dp) .active\:bg-petrol-soft:active{background-color:var(--color-petrol-soft)}:is(.vd,.dp) .active\:border-petrol:active{border-color:var(--color-petrol)}:is(.vd,.dp) .key-cap{box-shadow:inset 0 1px 0 #ffffffbf, 0 1px 0 var(--color-line), 0 2px 3px #1a16120a}:is(.vd,.dp) .key-cap:active{box-shadow:inset 0 1.5px 3px #1a161224}:is(.vd,.dp) .key-press{transition:background-color .12s,border-color .12s}:is(.vd,.dp) .resize-grip-bar{fill:var(--color-petrol);fill-opacity:.85;stroke:var(--color-paper);stroke-opacity:.8;stroke-width:1px;transition:fill-opacity .12s,stroke-opacity .12s}:is(.vd,.dp) .resize-grip:hover .resize-grip-bar,:is(.vd,.dp) .resize-grip:active .resize-grip-bar{fill-opacity:1;stroke-opacity:1}:is(.vd,.dp) .resize-grip--vivid .resize-grip-bar{fill-opacity:.9}:is(.vd,.dp) .resize-grip rect{transform-box:fill-box;transform-origin:50%;transform:scale(1.6)}:is(.vd,.dp) .dim-pill rect.pill-bg{fill:#ffffffa8;stroke:var(--color-line);stroke-width:1px;transition:fill .12s,stroke .12s}:is(.vd,.dp) .dim-pill rect.pill-lift{fill:#1a16121a;stroke:none}:is(.vd,.dp) .dim-pill text{fill:var(--color-ink);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;font-weight:500}:is(.vd,.dp) .dim-pill{cursor:default}:is(.vd,.dp) .dim-pill.active rect.pill-bg{fill:var(--color-petrol);stroke:var(--color-petrol-dark)}:is(.vd,.dp) .dim-pill.active text{fill:#fff}:is(.vd,.dp) .dim-pill text{--dim-amber:#8a5a00}:is(.vd,.dp) .dim-pill.active text{--dim-amber:#fff}:root{--dim-amber:#b8862f}@media (prefers-reduced-motion:no-preference){:is(.vd,.dp) .dim-pill{transform-box:fill-box;transform-origin:50%}:is(.vd,.dp) .dim-pill.active{animation:.18s cubic-bezier(.34,1.56,.64,1) vd-pill-pop}@keyframes vd-pill-pop{50%{transform:scale(1.1)}}}:is(.vd,.dp) .dim-static rect{fill:#ffffffa8;stroke:var(--color-line);stroke-width:1px}:is(.vd,.dp) .dim-static rect.pill-lift{fill:#1a16121a;stroke:none}:is(.vd,.dp) .dim-static text{fill:var(--color-ink);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;--dim-amber:#8a5a00;font-weight:500}.vd svg .txt-halo{stroke:var(--color-cream,#fff)}:is(.vd,.dp) .glass-glint{transform-box:fill-box;transform-origin:50%;opacity:0;pointer-events:none;fill:url(#glintTint)}@media (prefers-reduced-motion:no-preference){:is(.vd-canvas,.dp-canvas).glint-run .glass-glint{animation:.64s cubic-bezier(.4,0,.2,1) both vd-glint}@keyframes vd-glint{0%{transform:translateX(calc(var(--glint-travel,40px) * -1));opacity:0}30%{opacity:.85}to{transform:translateX(var(--glint-travel,40px));opacity:0}}}.vd-cap{border-bottom:1px solid var(--hair-c,#e3dccd);align-items:flex-start;gap:12px;min-height:78px;padding:14px 16px 10px;display:flex}.vd-mic{color:var(--color-petrol);flex:none;align-items:center;gap:7px;padding-top:3px;display:inline-flex}.vd-wave{align-items:center;gap:2px;height:16px;display:inline-flex}.vd-wave i{background:var(--color-petrol);opacity:.75;border-radius:2px;width:2.5px;height:5px}@media (prefers-reduced-motion:no-preference){.vd-live .vd-wave i{animation:.9s ease-in-out infinite vd-wave}.vd-live .vd-wave i:nth-child(2){animation-delay:.12s}.vd-live .vd-wave i:nth-child(3){animation-delay:.24s}.vd-live .vd-wave i:nth-child(4){animation-delay:.36s}.vd-live .vd-wave i:nth-child(5){animation-delay:.48s}@keyframes vd-wave{0%,to{height:5px}50%{height:15px}}}.vd-text{font:400 15.5px/1.55 var(--font-sans);color:var(--ink,#1a1612);min-height:2.6em;margin:0}.vd-try{touch-action:pan-y;cursor:ew-resize;place-items:end center;padding-bottom:12px;display:grid;position:absolute;inset:0}.vd-try:focus-visible{outline:2px solid var(--color-petrol);outline-offset:-4px;border-radius:12px}.vd-try.vd-drag{cursor:grabbing}.vd-tryhint{font:500 12.5px/1 var(--font-sans);color:var(--ink-soft,#3d362c);background:color-mix(in srgb, var(--paper,#f6f1e8) 90%, transparent);border:1px solid var(--hair-c,#e3dccd);pointer-events:none;border-radius:99px;align-items:center;gap:7px;padding:9px 14px;display:inline-flex}.vd-chev{color:var(--bronze-ink,#8a6420);font-weight:700}@media (prefers-reduced-motion:no-preference){.vd-chev{color:var(--color-petrol);animation:vd-chev 1.6s var(--ease,ease) infinite;display:inline-block}.vd-chev2{animation-delay:.8s}@keyframes vd-chev{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(-4px)}}}.vd-try.vd-drag .vd-tryhint{opacity:0;transition:opacity .2s}.vd-skewgrip{pointer-events:none;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute}.vd-skewgrip:before{content:"";transition:border-color .2s, transform .25s var(--ease,ease);border:1.5px dashed #9aa4ab;border-radius:50%;position:absolute;inset:4px}.vd-skewgrip:after{content:"";background:#9aa4ab;width:16px;height:2px;margin:-1px 0 0 -8px;transition:background .2s;position:absolute;top:50%;left:50%;transform:rotate(-45deg)}.vd-try:hover .vd-skewgrip:before,.vd-try.vd-drag .vd-skewgrip:before{border-color:var(--color-petrol,#3b6e72);transform:scale(1.12)}.vd-try:hover .vd-skewgrip:after,.vd-try.vd-drag .vd-skewgrip:after{background:var(--color-petrol,#3b6e72)}@media (prefers-reduced-motion:no-preference){.vd-skewgrip:before{animation:2.4s ease-in-out infinite vd-grip}@keyframes vd-grip{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}}.vd-chips-label{font:500 12.5px/1 var(--font-sans);color:var(--color-quiet,#6a6459);align-self:center}@media (prefers-reduced-motion:no-preference){.vd-chips-live .vd-chip{animation:vd-chip-in .45s var(--ease,ease) both}.vd-chips-live .vd-chip:nth-child(2){animation-delay:50ms}.vd-chips-live .vd-chip:nth-child(3){animation-delay:.1s}.vd-chips-live .vd-chip:nth-child(4){animation-delay:.15s}.vd-chips-live .vd-chip:nth-child(5){animation-delay:.2s}.vd-chips-live .vd-chip:nth-child(6){animation-delay:.25s}.vd-chips-live .vd-chip:nth-child(7){animation-delay:.3s}.vd-chips-live .vd-chip:nth-child(8){animation-delay:.35s}@keyframes vd-chip-in{0%{transform:scale(.94)}55%{transform:scale(1.05)}to{transform:scale(1)}}}.vd-tw{flex:1;min-width:0;position:relative}.vd-ghost{visibility:hidden}.vd-typed{position:absolute;inset:0}.vd-caret{background:var(--bronze,#b8862f);vertical-align:-.15em;width:1px;height:1em;margin-inline-start:2px;display:inline-block}@media (prefers-reduced-motion:no-preference){.vd-caret{animation:.86s step-end infinite vd-blink}@keyframes vd-blink{50%{opacity:0}}}.vd-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.vd-canvas{background:var(--color-cream);width:100%;max-height:min(62vh,480px);margin:0 auto;position:relative}.vd-art{width:100%;display:block}:is(.vd,.dp) .vd-canvas svg{pointer-events:none}@media (width<=640px){.vd .vd-canvas svg{transform-origin:50%;overflow:visible;transform:scale(.82)}.vd-cap-still .vd-text{min-height:2.9em}}.vd-foot{border-top:1px solid var(--hair-c,#e3dccd);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:10px 16px 12px;display:flex}.vd-chips{gap:8px;display:inline-flex}.vd-chip{font:500 13px/1 var(--font-sans);color:var(--ink-soft,#3d362c);border:1px solid var(--hair-c,#e3dccd);min-height:32px;transition:border-color .2s var(--ease,ease), color .2s var(--ease,ease);background:0 0;border-radius:999px;padding:8px 14px}.vd-chip,.vd-replay{position:relative}.vd-chip:before,.vd-replay:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vd-chip.on{color:var(--color-petrol-dark);border-color:var(--color-petrol)}.vd-chip:disabled{cursor:default}.vd-tail{align-items:center;gap:12px;display:inline-flex}.vd-price{align-items:center;gap:8px;display:inline-flex}.vd-price-num{font:600 20px/1 var(--font-sans);color:var(--ink,#1a1612)}.vd-badge{font:400 11.5px/1 var(--font-sans);color:var(--bronze-ink,#8a6420);border:1px solid var(--hair-d,#b8862f47);border-radius:999px;padding:4px 8px}.vd-replay{font:500 13px/1 var(--font-sans);color:var(--bronze-ink,#8a6420);border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:4px 8px;display:inline-flex}.vd-replay:hover{color:var(--ink,#1a1612)}.vd-cap-still{min-height:0;padding-block:12px}.vd-cap-still .vd-text{min-height:1.4em}.vd-delta{font:600 16px/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--ink,#1a1612);align-items:center;gap:6px;display:inline-flex}.vd-foot-price{align-items:flex-end;row-gap:12px}.vd-money{flex-wrap:wrap;align-items:center;gap:14px;display:inline-flex}.vd-money-row{align-items:baseline;gap:6px;display:inline-flex}.vd-money-label{font:400 12px/1 var(--font-sans);color:var(--ink-soft,#3d362c);opacity:.75}.vd-cost-num{font:500 16px/1 var(--font-sans);color:var(--ink-soft,#3d362c)}@media (width>=1024px){.vd-canvas{max-height:min(66vh,560px)}}@media (width>=641px){.vd-cat .vd-canvas svg{transform-origin:50%;transform:scale(.93)}}.vd-foot-cat{flex-direction:column;align-items:stretch;row-gap:10px}.vd-chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.vd-foot-cat .vd-tail{justify-content:space-between;width:100%}.vd-count{font:400 12.5px/1 var(--font-sans);color:var(--ink-soft,#3d362c);opacity:.75}.vd-turn{position:absolute;inset:0}.vd-turn-out{z-index:1;pointer-events:none}@media (prefers-reduced-motion:reduce){.vd-turn-out{visibility:hidden}}@media (prefers-reduced-motion:no-preference){.vd-turn{animation:.42s cubic-bezier(.22,.61,.36,1) both vd-turn-in}.vd-turn-out{animation:.34s cubic-bezier(.4,0,.6,1) both vd-turn-out}@keyframes vd-turn-in{0%{opacity:0;transform:translate(10px)scale(.985)}}@keyframes vd-turn-out{to{opacity:0;transform:translate(-10px)scale(.985)}}}.vd-chip-static{cursor:default;opacity:.45;transition:opacity .3s var(--ease,ease)}.vd-chip-static.on{opacity:1}.vd-chip-static:before{content:none}
