@layer components{.tr{--surface:var(--background);--fg:var(--foreground);--mfg:var(--muted-foreground);--faint:#a1a1aa;--emerald:#10b981;--emerald-ink:#047857}.dark .tr{--faint:#52525b;--emerald-ink:#34d399}.tr-plate{--cut:14px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);background:radial-gradient(120% 70% at 50% 0,#fff 0%,#fff0 60%),radial-gradient(#09090b12 1px,#0000 1.2px) 0 0/18px 18px,linear-gradient(#f3f3f5,#e9e9ec);border:1px solid #dcdce1;margin-top:44px;padding:22px 16px 16px;position:relative;box-shadow:inset 0 1px #fff}.dark .tr-plate{background:linear-gradient(#141417,#101012);border-color:#26262b;box-shadow:inset 0 1px #ffffff0d}@media (min-width:1024px){.tr-plate{padding:28px 36px 36px}}.tr-cap{color:var(--mfg);justify-content:space-between;font-size:12.5px;display:flex}.tr-cap-ex{color:var(--faint)}.tr-rail{height:64px;margin-top:14px;position:relative}.tr-rail:before{content:"";background:var(--border);height:1px;position:absolute;top:31px;left:0;right:0}.tr-lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.tr-lane{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.tr-call{z-index:2;background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);height:36px;color:var(--fg);white-space:nowrap;border-radius:99px;align-items:center;gap:10px;margin-top:-48px;padding:0 16px 0 6px;font-size:14px;transition:border-color .4s;display:inline-flex;position:relative}.tr-ic{background:var(--muted);border-radius:99px;place-items:center;width:24px;height:24px;transition:background-color .4s;display:grid}.tr-ic svg{width:12px;height:12px;color:var(--mfg)}.tr-t{color:var(--mfg);font-size:12.5px}.tr-lane[data-on=true] .tr-call{border-color:var(--border)}.tr-lane[data-on=true] .tr-ic{background:var(--emerald)}.tr-lane[data-on=true] .tr-ic svg{color:#04130d}.tr-drop{background:repeating-linear-gradient(to bottom, var(--faint) 0 3px, transparent 3px 7px);width:1px;height:36px;position:relative}.tr-drop i{background:var(--emerald);opacity:0;border-radius:9px;width:7px;height:7px;position:absolute;top:100%;left:-3px}.tr-lane[data-on=true] .tr-drop i{opacity:1;animation:.8s cubic-bezier(.4,0,.2,1) both tr-fall}.tr-dest{place-items:center;width:100%;height:330px;display:grid;position:relative;overflow:hidden}.tr-dest>*{z-index:1;transition:opacity .5s,filter .5s}.tr-lane:not([data-on=true]) .tr-dest>*{opacity:.28;filter:saturate(0)}.tr-dest:before{content:"";z-index:0;background:radial-gradient(closest-side,#10b98129,#10b98100);height:60%;position:absolute;top:4%;left:8%;right:8%}.tr-dest:after{content:"";z-index:2;background:#d4d4d8;height:1px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 1px #fff}.dark .tr-dest:before,.dark .tr-dest:after{display:none}.tr-dest:before,.tr-dest .oc-scr>*{transition:opacity .5s}html:not(.dark) .tr-lane:not([data-on=true]) .tr-dest>*{opacity:1;filter:saturate(0)}html:not(.dark) .tr-lane:not([data-on=true]) .tr-dest .oc-scr>:not(.tr-ok){opacity:.3}html:not(.dark) .tr-lane:not([data-on=true]) .tr-dest:before{opacity:0}.dark .tr-dest .oc-phone{-webkit-mask-image:linear-gradient(#000 50%,#0000 69%);mask-image:linear-gradient(#000 50%,#0000 69%)}.tr-dest .oc-phone{position:absolute;top:28px;left:50%;transform:translate(-50%)}.tr-phone{border-radius:42px;width:212px;height:430px;padding:9px}.tr-phone .oc-scr{border-radius:34px}.tr-tab{border-radius:26px;width:280px;height:420px;padding:10px}.tr-tab .oc-scr{border-radius:17px}.tr-dest .oc-island{width:72px;height:22px;top:9px}.tr-ring{text-align:center;padding:46px 14px 0}.tr-k{color:#a1a1aa;font-size:11.5px}.tr-who{font-family:var(--font-general-sans), ui-sans-serif, system-ui, sans-serif;margin-top:6px;font-size:18px;font-weight:500;line-height:1.25}.tr-sub{color:#a1a1aa;margin-top:4px;font-size:12px}.tr-rings{width:58px;height:58px;margin:34px auto 0;position:relative}.tr-rings span{background:var(--emerald);border-radius:99px;place-items:center;display:grid;position:absolute;inset:0}.tr-rings span svg{fill:#04130d;width:24px;height:24px}.tr-cal{padding:20px 18px}.tr-th{justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.tr-th b{font-family:var(--font-general-sans), ui-sans-serif, system-ui, sans-serif;font-size:17px;font-weight:500}.tr-th span{color:#a1a1aa;font-size:11.5px}.tr-hr{border-top:1px solid #ffffff14;grid-template-columns:42px 1fr;align-items:start;height:52px;padding-top:6px;display:grid;position:relative}.tr-hr>span{color:#71717a;font-variant-numeric:tabular-nums;font-size:11px}.tr-hr em{color:#a1a1aa;font-size:12.5px;font-style:normal}.tr-hr[data-hidden=true]{visibility:hidden}.tr-capsule{opacity:0;background:#10b9812e;border-radius:12px;flex-direction:column;justify-content:center;height:44px;padding:6px 12px;font-style:normal;display:flex;position:absolute;top:4px;left:42px;right:0;transform:translateY(-18px);box-shadow:inset 0 0 0 1px #10b98173}.tr-capsule b{color:#d1fae5;font-size:13px;font-weight:500}.tr-capsule small{color:#6ee7b7;font-size:11px}.tr-lane[data-on=true] .tr-capsule{opacity:1;animation:.7s cubic-bezier(.2,.8,.2,1.05) .9s both tr-dropin;transform:none}.tr-msgs{text-align:left;padding:42px 12px 0}.tr-mh{text-align:center;padding-bottom:12px;font-size:11.5px;font-weight:500}.tr-bub{background:#26262b;border-radius:16px 16px 16px 5px;max-width:90%;padding:8px 11px;font-size:12.5px;line-height:1.38}.tr-pills{gap:6px;margin:8px 0;display:flex}.tr-pills span{white-space:nowrap;color:#d4d4d8;font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;height:28px;padding:0 11px;font-size:12px;transition:background-color .4s .9s,color .4s .9s,box-shadow .4s .9s;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.tr-lane[data-on=true] .tr-pills [data-sel=true]{background:var(--emerald);color:#04130d;box-shadow:none;font-weight:500}.tr-ok{opacity:0;transform:translateY(8px)}.tr-lane[data-on=true] .tr-ok{opacity:1;animation:.5s 1.5s both tr-rise;transform:none}.tr-out{width:100%;margin-top:18px}.tr-out b{font-family:var(--font-general-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;color:var(--fg);font-size:21px;font-weight:500;line-height:1.25;display:block}.tr-out span{color:var(--mfg);margin-top:4px;font-size:14px;display:block}.tr-lane[data-now=true] .tr-out span{color:var(--fg);align-items:center;gap:7px;display:flex}.dark .tr-lane[data-now=true] .tr-out span{color:var(--emerald-ink)}.tr-lane[data-now=true] .tr-out span:before{content:"";background:var(--emerald);border-radius:9px;flex:none;width:6px;height:6px}.tr-foot{color:var(--mfg);gap:8px;margin-top:22px;font-size:12.5px;line-height:1.5;display:flex}.tr-foot:before{content:"";background:var(--emerald);flex:none;width:4px;height:4px;margin-top:7px}html:not(.dark) .tr-plate{background:radial-gradient(90% 55% at 50% 0,#fff 0%,#fff0 70%),radial-gradient(#09090b12 1px,#0000 1.2px) 0 0/18px 18px,linear-gradient(#f6f6f8 0%,#efeff2 55%,#e9e9ed 100%);box-shadow:inset 0 1px #fff,inset 0 -1px #09090b08}html:not(.dark) .tr .oc-phone{background:linear-gradient(150deg,#fff 0%,#dcdce1 18%,#f1f1f4 46%,#cfcfd5 78%,#b9b9c0 100%);box-shadow:0 0 0 1px #09090b1a,inset 1.5px 1.5px #fff,inset -1px -1px #09090b1a,0 24px 40px -30px #09090b59}html:not(.dark) .tr .oc-phone:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff0,#fff 50%,#fff0);height:1px;position:absolute;top:0;left:18%;right:18%}html:not(.dark) .tr .oc-scr{color:#0a0a0b;background:#fbfbfc;box-shadow:inset 0 0 0 1px #09090b12}html:not(.dark) .tr .oc-scr:after{background:linear-gradient(125deg,#ffffff8c 0%,#fff0 28%)}html:not(.dark) .tr .oc-island{z-index:10}html:not(.dark) .tr-out{position:relative}html:not(.dark) .tr-out:before{content:"";pointer-events:none;background:radial-gradient(50% 100% at 50% 0,#09090b21,#09090b00);width:240px;height:14px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}html:not(.dark) .tr-lane[data-lane="2"] .tr-out:before{width:310px}html:not(.dark) .tr .tr-ring{background:linear-gradient(#fff 0%,#f3f4f5 100%)}html:not(.dark) .tr .tr-k{color:#6b6b73}html:not(.dark) .tr .tr-sub{color:#52525b}html:not(.dark) .tr .tr-rings span{box-shadow:0 10px 22px -8px #10b9818c}html:not(.dark) .tr .tr-rings span svg{fill:#fff}html:not(.dark) .tr .tr-cal{background:#fff}html:not(.dark) .tr .tr-th span{color:#71717a}html:not(.dark) .tr .tr-hr{border-top-color:#09090b14}html:not(.dark) .tr .tr-hr>span{color:#8e8e93}html:not(.dark) .tr .tr-hr em{color:#3f3f46}html:not(.dark) .tr .tr-capsule{box-shadow:inset 3px 0 0 var(--emerald), inset 0 0 0 1px #10b98138;background:#10b9811c}html:not(.dark) .tr .tr-capsule b{color:#064e3b}html:not(.dark) .tr .tr-capsule small{color:#047857}html:not(.dark) .tr .tr-mh{color:#3f3f46}html:not(.dark) .tr .tr-bub{color:#0a0a0b;background:#e9e9eb}html:not(.dark) .tr .tr-pills span{color:#3f3f46;box-shadow:inset 0 0 0 1px #09090b21}html:not(.dark) .tr-lane:not([data-on=true]) .tr-out:before{opacity:.55}html:not(.dark) .tr-lane:not([data-on=true]) .tr-dest .oc-scr>.oc-island{opacity:1}@media (max-width:1023.98px){.tr-rail{display:none}.tr-lanes{grid-template-columns:1fr;gap:36px;margin-top:20px}.tr-lane{align-items:flex-start}.tr-call{margin-top:0}.tr-drop{height:18px;margin-left:18px}.tr-dest{height:300px}.tr-dest .oc-phone{top:18px}.tr-out b{font-size:19px}}@media (max-width:379.98px){.tr-tab{width:256px}html:not(.dark) .tr-lane[data-lane="2"] .tr-out:before{width:284px}}@media (prefers-reduced-motion:reduce){.tr *,.tr :before,.tr :after{transition:none!important;animation:none!important}}}@keyframes tr-fall{0%{opacity:0;top:0}15%{opacity:1}to{opacity:1;top:100%}}@keyframes tr-dropin{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes tr-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}