.availabilityBadge{color:#fff;z-index:5;flex:0 210px;width:210px;min-width:0;font-size:.875rem;position:relative}.availabilityBadge>.availabilityDisplay{box-sizing:border-box;cursor:pointer;background:linear-gradient(160deg,#151c24,#05080d 60%) padding-box padding-box,linear-gradient(155deg,#8a919c,#323945 32%,#0d1119 68%,#666e7c) border-box;border:2px solid #0000;border-radius:7px;flex-direction:column;gap:5px;min-height:52px;padding:8px 10px;list-style:none;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff12,inset 0 -1px 2px #000b,0 2px 7px #0008}.availabilityBadge>summary:hover,.availabilityBadge[open]>summary{box-shadow:inset 0 1px #ffffff12,inset 0 -1px 2px #000b,0 0 0 1px #ffad513d,0 3px 10px #0008}.availabilityDeckMark{color:#c9d2e1;letter-spacing:.06em;border:1px solid #a4afc64d;border-radius:3px;flex:none;align-self:center;margin-left:auto;padding:1px 4px;font:700 .75rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace}.availabilityBadge>summary::-webkit-details-marker{display:none}.availabilityBadge>summary:focus-visible{outline-offset:3px;outline:2px solid #ff6a00}.availabilityState{align-items:center;gap:8px;min-width:0;line-height:1.25;display:flex}.availabilityState i{background:var(--availability-color);width:8px;height:8px;box-shadow:0 0 0 2px #020409,0 0 0 3px #8791a34d,0 0 9px var(--availability-color);border-radius:50%;flex:0 0 8px;transition:background .2s,box-shadow .2s}.availabilityState b{text-overflow:ellipsis;white-space:nowrap;color:#ffe3b6;letter-spacing:.015em;text-shadow:0 0 7px #ffad512e;min-width:0;font:700 .875rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.availabilityLine{color:#c3e5eb;font-variant-numeric:tabular-nums;text-shadow:0 0 5px #8ed5e322;border-top:1px solid #778a9e30;min-width:0;padding-top:4px;font:.75rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:hidden}.availabilityLine>span{white-space:nowrap;width:max-content;display:block}.availabilityLine .is-scrolling{animation:availability-scroll var(--availability-duration) linear infinite alternate}.availabilityBadge:not(.availabilityBadge--preview):hover .is-scrolling,.availabilityBadge:not(.availabilityBadge--preview):focus-within .is-scrolling{animation-play-state:paused}@keyframes availability-scroll{0%,12%{transform:translate(0)}88%,to{transform:translateX(var(--availability-travel))}}.availabilityPopover{overflow-wrap:anywhere;text-align:left;background:linear-gradient(155deg,#171e29,#080c13);border:1px solid #657187;border-top:2px solid #ffad51;border-radius:7px;width:min(340px,100vw - 24px);max-height:55dvh;padding:16px;font-size:.875rem;line-height:1.5;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 12px 40px #000b}.availabilityPopover>strong{color:#ffe3b6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.availabilityPopover p{margin:8px 0}.availabilityPopover ul{margin:10px 0;padding-left:20px}.availabilityPopover li{margin:7px 0}.availabilityPopover small{color:#c5c5d1;font-size:.75rem}.topbar__inner:has(>.availabilityBadge)>.brand{flex:520px;min-width:0}@media (width<=960px){.topbar__inner:has(>.availabilityBadge)>.brand{flex:1 1 0}.availabilityBadge{flex:0 170px;width:170px}}@media (width<=600px){.topbar__inner:has(>.availabilityBadge){grid-template-columns:minmax(0,1fr) 44px;gap:6px 8px;display:grid}.topbar__inner:has(>.availabilityBadge)>.brand{grid-column:1/-1}.availabilityBadge{grid-column:1;justify-self:stretch;width:100%;max-width:100%}.topbar__inner:has(>.availabilityBadge)>.burger{grid-area:2/2}.availabilityBadge>.availabilityDisplay{min-height:44px;padding:5px 9px}.availabilityPopover{left:0;right:auto}}@media (prefers-reduced-motion:reduce){.availabilityLine .is-scrolling{animation:none}.availabilityLine>span{white-space:nowrap;text-overflow:ellipsis;width:auto;overflow:hidden}}.availabilityEditor{gap:14px;font-size:.875rem;display:grid}.availabilityEditor label{gap:6px;min-width:0;display:grid}.availabilityEditor input:not([type=checkbox]):not([type=color]),.availabilityEditor select,.availabilityEditor textarea{box-sizing:border-box;color:#fff;width:100%;min-width:0;min-height:40px;font:inherit;background:#11111a;border:1px solid #ffffff38;border-radius:8px;padding:8px}.availabilityEditor button{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#242432;border:1px solid #ffffff38;border-radius:8px;padding:7px 12px}.availabilityEditor button:disabled{opacity:.5;cursor:default}.availabilityEditor .availabilityChecks{flex-wrap:wrap;gap:10px;display:flex}.availabilityEditor .availabilityChecks label{align-items:center;gap:5px;display:flex}.availabilityEditor .availabilityChecks input{width:18px;height:18px}.availabilityEditorRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.availabilitySlot{border:1px solid #ffffff26;border-radius:10px;gap:10px;padding:12px;display:grid}.availabilityEditorPreview{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.availabilityEditorPreview .availabilityBadge{flex-basis:240px;width:240px}.availabilityEditor small,.availabilityEditor p{color:#d0cdd8}.availabilityEditor p{margin:4px 0}.availabilityStatusRow{border-bottom:1px solid #ffffff24;gap:8px;padding:12px 0;display:grid}@media (width<=500px){.availabilityEditorRow{grid-template-columns:1fr}}@media (width<=960px){.topbar__inner:has(>.availabilityBadge)>.nav{max-height:60dvh;position:absolute;top:calc(100% + 6px);right:0}}.availabilityBadge[open]>.availabilityPopover{animation:.18s ease-out availability-open}@keyframes availability-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.availabilityBadge[open]>.availabilityPopover{animation:none}}.availabilityBadge--preview>.availabilityDisplay{cursor:default}
