@layer components{.chx{--chip-bg:#fff;--chip-ring:color-mix(in srgb, var(--foreground) 10%, transparent);--chip-shadow:0 1px 2px #09090b0f, 0 8px 18px -12px #09090b2e;--hub-in:linear-gradient(160deg, #fff 0%, #f1f1f4 100%);--hub-shadow:0 30px 60px -34px #09090b59, 0 2px 6px #09090b0f;--beam:color-mix(in srgb, var(--foreground) 13%, transparent);--halo:#10b98129}.dark .chx{--chip-bg:#141417;--chip-ring:color-mix(in srgb, var(--foreground) 11%, transparent);--chip-shadow:0 1px 0 #ffffff0a inset, 0 10px 22px -14px #000000e6;--hub-in:linear-gradient(160deg, #202024 0%, #121215 100%);--hub-shadow:0 30px 60px -30px #000000e6, inset 0 1px 0 #ffffff0f;--beam:color-mix(in srgb, var(--foreground) 12%, transparent);--halo:#10b98124}.chx-sentinel.is-panel{height:100%;top:0}.chx-plate.chb-plate{height:100%;min-height:540px}.chb-stage{position:absolute;inset:64px 36px 32px}.chb-grid{z-index:1;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.chb-chips{width:15.5rem;height:100%;max-height:23rem;margin:0;padding:0;list-style:none;position:relative}.chb-li{left:var(--x);top:calc(var(--i) / 5 * (100% - 40px));border-radius:99px;width:max-content;position:absolute}.chb-chip{letter-spacing:-.005em;white-space:nowrap;cursor:pointer;height:40px;color:color-mix(in srgb, var(--foreground) 66%, transparent);background:var(--chip-bg);box-shadow:inset 0 0 0 1px var(--chip-ring), var(--chip-shadow);border-radius:99px;align-items:center;gap:8px;padding:0 15px 0 13px;font-size:13.5px;font-weight:500;transition:color .3s,box-shadow .3s,background-color .3s;display:inline-flex}.chb-chip>:first-child{opacity:.66;transition:opacity .3s}.chb-chip:hover{color:var(--foreground)}.chb-chip[data-on=true]{color:var(--foreground);background:color-mix(in srgb, #10b981 9%, var(--chip-bg));box-shadow:inset 0 0 0 1px #10b9818c, 0 0 0 5px #10b98114, var(--chip-shadow)}.chb-chip[data-on=true]>:first-child{opacity:1}.chb-hub-wrap{flex:none;position:relative}.chb-hub-wrap:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--halo), transparent);pointer-events:none;border-radius:50%;position:absolute;inset:-60px}.chb-hub{background:var(--border);box-shadow:var(--hub-shadow);padding:1px}.chb-hub-in{background:var(--hub-in);place-items:center;width:136px;height:136px;display:grid}.chb-mark{width:56px;height:56px}.chb-booked{background:var(--chip-bg);width:250px;box-shadow:inset 0 0 0 1px var(--chip-ring), var(--chip-shadow);border-radius:12px;flex:none;position:relative}.chb-booked-in{align-items:center;gap:12px;padding:12px 16px 12px 14px;display:flex}.chb-booked-t{color:var(--foreground);font-size:14px;font-weight:600;line-height:1.2}.chb-booked-l{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;line-height:1.3;display:block;overflow:hidden}.chb-hair{stroke:var(--beam)}.chb-hair.is-lit{stroke:#10b98157}@media (max-width:1023.98px){.chx-plate.chb-plate{height:auto;min-height:0}.chb-stage{padding:52px 16px 22px;position:relative;inset:auto}.chb-grid{grid-template-columns:auto auto;justify-content:space-between;align-items:center;row-gap:40px;height:auto;display:grid}.chb-chips{flex-direction:column;grid-area:1/1;gap:8px;width:auto;height:auto;max-height:none;display:flex}.chb-li{position:static}.chb-chip{gap:7px;height:36px;padding:0 13px 0 11px;font-size:13px}.chb-hub-wrap{grid-area:1/2;justify-self:center}.chb-hub-wrap:before{inset:-36px}.chb-hub-in{width:92px;height:92px}.chb-mark{width:38px;height:38px}.chb-booked{grid-area:2/1/auto/span 2;justify-self:end;width:auto;min-width:232px}}}