.spk{--spk-ink:var(--fill-on,var(--ink,#17181a));--spk-ground:var(--fill-slab,var(--card,#fff));width:calc(var(--spk-size) + var(--spk-side) * 2);height:calc(var(--spk-size) + var(--spk-top) * 2);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;position:relative}.spk-pos{left:var(--spk-side);top:var(--spk-top);width:var(--spk-size);height:var(--spk-size);position:absolute}.spk-face{background:color-mix(in srgb, var(--spk-ink) 8%, var(--spk-ground));border-radius:999px;width:100%;height:100%;overflow:hidden}.spk-face>*{width:100%;height:100%;display:block}.spk-anchor{width:0;height:0;position:absolute}.spk-tray{background:var(--spk-ground);border-radius:999px;position:absolute;top:0;left:0}[data-theme=dark] .spk-tray{background:color-mix(in srgb, var(--spk-ink) 10%, var(--spk-ground))}[data-stroke=on] .spk-tray{box-shadow:0 0 0 1px var(--pane-edge)}.spk-row{position:absolute;top:0;left:0}.spk-opt{width:var(--spk-slot,40px);height:var(--spk-slot,40px);color:color-mix(in srgb, var(--spk-ink) 52%, var(--spk-ground));cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .16s,color .16s;display:grid;position:absolute;top:0;left:0}@media (hover:hover){.spk-opt:hover{color:var(--spk-ink)}}.spk-lead{place-items:center;display:grid}.spk-opt:before{content:"";background:0 0;border-radius:999px;transition:background-color .16s;position:absolute;inset:-4px}.spk-opt>*{position:relative}.spk-opt[data-on]:before{background:color-mix(in srgb, var(--spk-ink) 6%, var(--spk-ground))}@media (hover:hover){.spk-opt:hover:before{background:color-mix(in srgb, var(--spk-ink) 6%, var(--spk-ground))}}.spk-opt .spk-emoji{font-size:var(--spk-glyph,24px);transition:scale .16s cubic-bezier(.24,1.34,.38,1)}@media (hover:hover){.spk-opt:hover .spk-emoji{scale:1.2}}.spk-opt:focus-visible,.spk-dot:focus-visible{outline:2px solid var(--signal,#2231dd);outline-offset:2px}.spk-emoji{line-height:1;display:block}.spk-dot{background:color-mix(in srgb, var(--spk-ink) 6%, var(--spk-ground));color:var(--spk-mute,color-mix(in srgb, var(--spk-ink) 52%, var(--spk-ground)));cursor:pointer;z-index:4;border:0;border-radius:999px;place-items:center;padding:0;transition:color .16s;display:grid;position:absolute;top:0;left:0}@media (hover:hover){.spk-dot:hover{color:var(--spk-ink)}}.spk-badge{place-items:center;min-width:0;max-width:100%;display:grid}.spk-words{letter-spacing:-.01em;color:var(--spk-ink);white-space:nowrap;font-size:16px;font-weight:500;line-height:20px}.spk-badge .spk-words{text-overflow:ellipsis;max-width:156px;display:block;overflow:hidden}.spk-measure{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.spk-say{z-index:3;display:flex;position:absolute}.spk-field{min-width:0;height:100%;color:var(--spk-ink);caret-color:var(--spk-ink);font:inherit;letter-spacing:-.02em;background:0 0;border:0;border-radius:999px;outline:0;flex:1;padding:0 24px;font-size:20px;font-weight:500;line-height:28px}.spk-field::placeholder{color:color-mix(in srgb, var(--spk-ink) 52%, var(--spk-ground))}.spk-badge .spk-emoji{font-size:var(--spk-mark,20px)}.spk-label{z-index:5;pointer-events:none;position:absolute;left:0}.spk-label-centre{display:block;translate:-50%}.spk-label-pill{background:var(--spk-ink);height:32px;color:var(--spk-ground);white-space:nowrap;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex;overflow:hidden}.spk-label-text{letter-spacing:-.01em;font-size:14px;font-weight:500}
.jlt{background:var(--fill-slab,#fff);color:var(--fill-on,#17181a);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex}[data-stroke=on] .jlt{box-shadow:0 0 0 1px var(--pane-edge)}.jlt-label{color:color-mix(in srgb, var(--fill-on,#17181a) 55%, var(--fill-slab,#fff));font-size:13px}.jlt-row{padding:var(--jlt-py,6px) var(--jlt-px,14px);align-items:center;gap:4px;display:inline-flex}.jlt-pill{color:inherit;font:inherit;cursor:pointer;transform-origin:50%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;margin:0;padding:0}.jlt-pill[data-on]{cursor:default}.jlt-face{background:color-mix(in srgb, var(--fill-on,#17181a) 7%, var(--fill-slab,#fff));height:36px;color:color-mix(in srgb, var(--fill-on,#17181a) 72%, var(--fill-slab,#fff));font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:500;line-height:1;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .2s,color .2s;display:inline-flex}.jlt-pill:not([data-on]):hover .jlt-face{color:var(--fill-on,#17181a)}.jlt-pill:active .jlt-face{transform:scale(.97)}.jlt-pill[data-on] .jlt-face{background:var(--fill-on,#17181a);color:var(--fill-slab,#fff)}.jlt-pill:focus-visible{outline:none}.jlt-pill:focus-visible .jlt-face{outline:2px solid var(--signal,#2231dd);outline-offset:2px}
.sla{box-sizing:border-box;width:320px;color:var(--fill-on,var(--ink,#17181a));font-family:var(--font-ui);-webkit-user-select:none;user-select:none;--sla-soft:color-mix(in srgb, var(--fill-on,#17181a) 72%, var(--fill-slab,#fff));--sla-mute:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));flex-direction:column;align-items:center;gap:16px;display:flex}.sla-text{letter-spacing:-.01em;min-height:66px;color:var(--sla-soft);margin:0;font-size:14px;line-height:22px}.sla-slot{z-index:1;justify-content:center;align-self:stretch;align-items:flex-start;height:40px;display:flex;position:relative}.sla-pick{color:var(--fill-on,#17181a);cursor:default;border-radius:4px;transition:background-color .22s}.sla-pick[data-marked]{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#2231dd21;margin:0 -2px;padding:1px 2px}[data-theme=dark] .sla-pick[data-marked]{background:#5865ff4d}.sla-pick:not([data-marked]){cursor:pointer}.sla-pick[data-think]{background-image:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--fill-slab,#fff) 75%, transparent) 50%, transparent 70%), linear-gradient(#2231dd21, #2231dd21);background-size:200% 100%,100% 100%;animation:1s linear infinite sla-shine}.sla-word{white-space:pre;display:inline-block}.sla-bar{background:var(--fill-slab,#fff);align-items:center;max-width:100%;padding:4px;display:flex;overflow:hidden}.sla-row{align-items:center;gap:2px;display:flex}.sla-btn,.sla-icon{height:32px;color:var(--fill-on,#17181a);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .16s,scale .16s cubic-bezier(.22,1,.36,1);display:inline-flex}.sla-btn svg,.sla-icon svg{color:var(--sla-mute)}@media (hover:hover){.sla-btn:hover,.sla-icon:hover{background:color-mix(in srgb, var(--fill-on,#17181a) 6%, var(--fill-slab,#fff))}}.sla-btn:active,.sla-icon:active{scale:.96}.sla-icon{justify-content:center;width:32px;padding:0}.sla-icon svg{transition:rotate .22s cubic-bezier(.22,1,.36,1)}.sla-icon[data-open] svg{rotate:180deg}.sla-keep{background:var(--fill-on,#17181a);color:var(--fill-slab,#fff)}.sla-keep svg{color:inherit}@media (hover:hover){.sla-keep:hover{background:var(--fill-on,#17181a)}}.sla-wait{height:32px;color:var(--sla-mute);padding:0 14px;font-size:13px;line-height:32px}.sla-note{max-width:250px;color:var(--sla-soft);margin:0;padding:6px 4px 6px 12px;font-size:13px;line-height:20px}.sla-row:has(.sla-note){align-items:flex-start}@media (prefers-reduced-motion:reduce){.lst-shine,.sla-pick[data-think],.slx-status[data-state=busy] i{animation:none}}@keyframes sla-shine{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}
.tgi{width:300px;height:188px;font-family:var(--font-ui);color:var(--fill-on,var(--ink));flex-direction:column;justify-content:center;display:flex;position:relative}.tgi-field{background:var(--fill-slab,var(--card));cursor:text;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px;transition:box-shadow .16s;display:flex;position:relative;box-shadow:0 0 0 1px #0000}[data-stroke=on] .tgi-field{box-shadow:0 0 0 1px var(--pane-edge)}.tgi-chip{border-radius:var(--tgi-in);background:color-mix(in srgb, var(--fill-on,#17181a) 6%, var(--fill-slab,#fff));white-space:nowrap;letter-spacing:0;align-items:center;gap:4px;height:30px;padding:0 4px 0 12px;font-size:13px;font-weight:500;transition:background-color .16s,color .16s;display:inline-flex}.tgi-chip[data-armed]{background:color-mix(in srgb, #e5484d 14%, var(--fill-slab,#fff));color:#e5484d}.tgi-x{width:18px;height:18px;color:color-mix(in srgb, currentColor 55%, transparent);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .16s,color .16s;display:grid}.tgi-x:hover{background:color-mix(in srgb, var(--fill-on,#17181a) 6%, transparent);color:currentColor}.tgi-input{min-width:72px;height:30px;color:inherit;font:inherit;letter-spacing:0;background:0 0;border:0;outline:none;flex:1;padding:0 4px;font-size:13px}.tgi-input::placeholder{color:color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff))}.tgi-menu{z-index:3;border-radius:var(--tgi-r);background:var(--fill-slab,var(--card));box-shadow:none;transform-origin:top;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.tgi-menu li{border-radius:var(--tgi-in);cursor:pointer;letter-spacing:0;align-items:center;height:30px;padding:0 12px;font-size:13px;display:flex}.tgi-menu li[data-on]{background:color-mix(in srgb, var(--fill-on,#17181a) 6%, var(--fill-slab,#fff))}
.bil-frame{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.bil{--bil-ink:var(--fill-on,var(--ink));--bil-slab:var(--fill-slab,var(--card));--bil-mute:color-mix(in srgb, var(--bil-ink) 46%, var(--bil-slab));--bil-soft:color-mix(in srgb, var(--bil-ink) 6%, var(--bil-slab));--bil-ease:cubic-bezier(.22, 1, .36, 1);box-sizing:border-box;border-radius:var(--bil-r);background:var(--bil-slab);width:340px;color:var(--bil-ink);font-family:var(--font-ui);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:grid-template-rows .42s var(--bil-ease), scale .16s ease;grid-template-rows:auto auto auto 0fr;padding:16px;display:grid}.bil[data-open]{grid-template-rows:auto auto auto 1fr}.bil:active{scale:.96}.bil:focus-visible{box-shadow:0 0 0 2px var(--signal,#2231dd);outline:none}[data-stroke=on] .bil{box-shadow:0 0 0 1px var(--pane-edge)}.bil-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.bil-title{color:var(--bil-mute);letter-spacing:-.01em;font-size:14px}.bil-tag{background:var(--bil-soft);width:28px;height:28px;color:color-mix(in srgb, var(--bil-ink) 72%, var(--bil-slab));border-radius:50%;place-items:center;transition:background .22s,color .22s;display:grid}.bil-tag svg{grid-area:1/1;transition:opacity .16s,scale .22s cubic-bezier(.24,1.34,.38,1)}.bil-shrink,.bil[data-open] .bil-grow{opacity:0;scale:.6}.bil[data-open] .bil-shrink{opacity:1;scale:1}@media (hover:hover){.bil:hover .bil-tag{background:color-mix(in srgb, var(--bil-ink) 10%, var(--bil-slab));color:var(--bil-ink)}}.bil-sum{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-top:16px;display:flex}.bil-sum b{letter-spacing:-.03em;font-size:30px;font-weight:500}.bil-sum i{color:var(--bil-mute);letter-spacing:-.01em;font-size:16px;font-style:normal}.bil-pct{color:var(--bil-mute);letter-spacing:-.01em;margin-left:auto;font-size:14px;font-weight:500}.bil-bar{gap:4px;height:8px;margin-top:20px;display:flex}.bil-rest{background:var(--bil-soft);border-radius:6px;flex:1;min-width:0}.bil-seg{width:max(0px, calc(var(--w) - 3px));height:100%;transition:opacity .22s ease, scale .22s var(--bil-ease), width .42s var(--bil-ease);border-radius:6px;flex:none}.bil[data-lit] .bil-seg{opacity:.28}.bil[data-lit] .bil-seg[data-hot]{opacity:1;scale:1 1.5}.bil-more{min-height:0;overflow:hidden}.bil-more-in{min-height:0}.bil-lines{margin:0;padding:16px 0 0;list-style:none}.bil-lines li{opacity:0;letter-spacing:-.01em;align-items:center;gap:12px;height:34px;font-size:14px;transition:opacity .16s,translate .16s;display:flex;translate:0 -6px}.bil[data-open] .bil-lines li{opacity:1;transition:opacity .42s ease, translate .42s var(--bil-ease);transition-delay:calc(.14s + var(--k) * 50ms);translate:0}.bil-dot{border-radius:3px;flex:none;width:8px;height:8px}.bil-label{color:var(--bil-mute);flex:1}.bil-amt{font-variant-numeric:tabular-nums;font-weight:500}@media (prefers-reduced-motion:reduce){.bil,.bil-seg,.bil-lines li,.bil-tag svg{transition:none}}
.cmp{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:var(--fill-on,var(--ink));outline:none;position:relative;overflow:hidden}.cmp:focus-visible{box-shadow:0 0 0 2px var(--signal,#2231dd)}.cmp-img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cmp-before{position:absolute;inset:0}.cmp-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-ui);pointer-events:none;letter-spacing:0;background:#17181a5c;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;top:12px;left:12px}.cmp-tag.cmp-right{left:auto;right:12px}.cmp-line{pointer-events:none;filter:drop-shadow(0 0 6px #ffffff80);position:absolute;top:0;left:0;overflow:visible}.cmp-line path{fill:none;stroke:#fff;stroke-width:2px}.cmp-grip{pointer-events:none;width:0;position:absolute;top:0;bottom:0}.cmp-knob{background:var(--fill-slab,var(--card));width:36px;height:36px;color:var(--fill-on,var(--ink));border-radius:50%;place-items:center;transition:scale .22s cubic-bezier(.24,1.34,.38,1);display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 2px 12px #17181a40}@media (hover:hover){.cmp:hover .cmp-knob{scale:1.08}}.cmp[data-held] .cmp-knob{scale:.9}
.tms{border-radius:var(--tms-r);background:var(--fill-slab,var(--card));width:300px;color:var(--fill-on,var(--ink));font-family:var(--font-ui);-webkit-user-select:none;user-select:none;padding:20px 20px 16px}[data-stroke=on] .tms{box-shadow:0 0 0 1px var(--pane-edge)}.tms-read{justify-content:center;align-items:baseline;gap:8px;display:flex}.tms-time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:-.25em 0;padding:.25em 0;font-size:30px;font-weight:500;line-height:1;display:inline-flex;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.tms-col{height:1.5em;margin:-.25em 0;display:inline-block;overflow:hidden}.tms-strip{flex-direction:column;transition:transform .22s cubic-bezier(.24,1.34,.38,1);display:flex}.tms-strip>span{height:1.5em;line-height:1.5em}.tms-strip[data-flip=a]{animation:.26s ease-out tms-blur-a}.tms-strip[data-flip=b]{animation:.26s ease-out tms-blur-b}.tms-colon{padding:0 .02em}.tms-mer{color:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));letter-spacing:-.01em;font-size:14px;font-weight:500}.tms-ruler{cursor:grab;touch-action:pan-y;outline:none;height:58px;margin-top:16px;position:relative;overflow:hidden}.tms-ruler:before,.tms-ruler:after{content:"";z-index:1;pointer-events:none;width:22%;position:absolute;top:0;bottom:0}.tms-ruler:before{background:linear-gradient(90deg, var(--fill-slab,var(--card)), transparent);left:0}.tms-ruler:after{background:linear-gradient(270deg, var(--fill-slab,var(--card)), transparent);right:0}.tms-ruler:active{cursor:grabbing}.tms-ruler:focus-visible{box-shadow:inset 0 0 0 2px var(--signal,#2231dd);border-radius:10px}.tms-track{position:absolute;top:0;bottom:0;left:50%}.tms-tick{background:var(--fill-on,var(--ink));transform-origin:50% 0;border-radius:1px;width:2px;height:10px;position:absolute;top:8px;left:-1px}.tms-tick[data-kind=quarter]{height:17px}.tms-tick[data-kind=hour]{height:25px}.tms-hour{white-space:nowrap;color:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));letter-spacing:0;font-size:11px;font-weight:400;position:absolute;top:38px;left:0}.tms-mark{z-index:2;background:#e5484d;border-radius:2px;width:3px;height:32px;margin-left:-1.5px;position:absolute;top:2px;left:50%}@keyframes tms-blur-a{0%{filter:blur(2px)}to{filter:blur()}}@keyframes tms-blur-b{0%{filter:blur(2px)}to{filter:blur()}}
.asp{font-family:var(--font-ui);flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.asp-stage{place-items:center;width:100%;display:grid}.asp-pic{background-color:var(--surface-2);transition:width var(--asp-ms,.6s) cubic-bezier(.22, 1, .36, 1), height var(--asp-ms,.6s) cubic-bezier(.22, 1, .36, 1);background-position:50%;background-size:cover}.asp-tabs{background:rgba(var(--ink-rgb), var(--wash));border-radius:999px;grid-template-columns:repeat(3,40px);padding:2px;display:grid;position:relative}.asp-thumb{background:var(--card);width:calc(33.3333% - 1.33333px);height:calc(100% - 4px);box-shadow:0 1px 2px rgba(var(--ink-rgb), .1);transition:transform calc(var(--asp-ms,.6s) * .55) cubic-bezier(.22, 1, .36, 1);pointer-events:none;border-radius:999px;position:absolute;top:2px;left:2px}.asp-tab{height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:color .16s,scale .16s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.asp-tab:hover,.asp-tab[aria-checked=true]{color:var(--ink)}.asp-tab:active{scale:.96}.asp-tab:focus-visible{box-shadow:0 0 0 2px var(--card), 0 0 0 4px rgba(var(--ink-rgb), .35);outline:none}@media (prefers-reduced-motion:reduce){.asp-pic,.asp-thumb,.asp-tab{transition-duration:.16s}}
@media (min-width:64rem){.toy-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"island ticket""island ticket""island ticket""selection-actions ticket""selection-actions reactions""selection-actions reactions""selection-actions reactions""jelly-tabs status-picker""jelly-tabs status-picker""jelly-tabs status-picker""country-wheel status-picker""country-wheel tags""country-wheel tags""country-wheel tags""scrub compare""scrub compare""scrub compare""billing-card compare""billing-card aspect""billing-card aspect""billing-card aspect";grid-auto-rows:128px}.toy-bento>li{grid-area:var(--area)}}
