@layer theme,base;@layer components{.shell-top{z-index:40;padding:var(--space-4) var(--size-shell-edge) 0;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.shell-top:before{content:"";z-index:-1;height:var(--size-shell-dusk);background:linear-gradient(180deg, var(--color-ground) var(--size-shell-dusk-solid), transparent);position:absolute;inset-block-start:0;inset-inline:0}.shell-top:has(+div>main.map-page):before{content:none}.shell-logo,.menu{pointer-events:auto}.shell-logo{color:var(--color-mark);font-family:var(--font-family-poster);font-size:var(--font-size-logo);font-weight:var(--font-weight-poster);letter-spacing:var(--font-tracking-display);line-height:var(--font-leading-solid);text-transform:uppercase;margin-block-start:var(--size-shell-logo-drop)}.menu{position:relative}.menu-btn{min-height:var(--size-menu-button);gap:var(--space-3);padding-inline:var(--space-4);border-radius:var(--radius-bar);background-color:var(--color-panel);box-shadow:var(--shadow-lift);font-size:var(--font-size-sm);border:0}.menu-btn:hover,.menu-btn[aria-expanded=true]{background-color:var(--color-panel-up)}.menu-btn svg{width:var(--space-4);height:var(--size-icon-height);fill:none;stroke:currentColor;stroke-width:var(--size-icon-stroke)}.menu-pop{width:var(--size-menu-width);max-width:calc(100dvw - var(--size-menu-gutter));padding-block:var(--size-menu-pad-block) var(--space-2);border-radius:var(--radius-panel);background-color:var(--color-panel);box-shadow:var(--shadow-lift-high), inset 0 0 0 var(--border-width) var(--color-line);color:var(--color-text);position:absolute;inset-block-start:var(--size-menu-drop);inset-inline-end:0}.menu-item,.menu-door{border-radius:var(--radius-chip);width:100%;color:var(--color-text);text-align:start;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;justify-content:flex-start;align-items:center;display:flex}.menu-item{padding:var(--space-2) var(--size-menu-pad-inline) var(--size-menu-pad-block);font-family:var(--font-family-poster);font-size:var(--font-size-menu-item);font-weight:var(--font-weight-poster);line-height:var(--font-leading-tight)}.menu-door{min-height:0;padding:var(--space-2) var(--size-menu-pad-inline);font-size:var(--font-size-menu-door);font-weight:var(--font-weight-menu-door);line-height:var(--font-leading-body)}.menu-item:hover,.menu-item[aria-current=page],.menu-door:hover{background-color:var(--color-hover)}.menu-item:focus-visible,.menu-door:focus-visible{outline-offset:var(--size-shell-focus-inset)}.menu-door:disabled{color:var(--color-text-muted);background:0 0;border:0}.menu-doors{border-block-start:var(--border-width) solid var(--color-line);margin-block-start:var(--space-2);padding-block-start:var(--space-2)}.menu-sign-in{margin:var(--space-2) var(--space-2) 0;padding:var(--size-menu-sign-in-pad);border-radius:var(--radius-ctl);background-color:var(--color-action);color:var(--color-action-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);line-height:var(--font-leading-solid);text-align:center;display:block}.menu-sign-in:hover{background-color:var(--color-action-up)}.menu-pop [role=alert]{margin:var(--space-1) var(--size-menu-pad-inline) var(--space-2);font-size:var(--font-size-sm)}main:not(.map-page){padding-block-start:var(--size-shell-clearance)}.back-link{min-height:var(--size-tap);align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);transition:color var(--duration-fast) var(--ease-out);margin-block-end:var(--space-2);display:inline-flex}.back-link:hover{color:var(--color-text)}.back-link svg{width:var(--space-4);height:var(--size-icon-height);fill:none;stroke:currentColor;stroke-width:var(--size-icon-stroke)}.back-chevron{display:none}@media not (min-width:48rem){.menu-door{min-height:var(--size-tap)}div>main.map-page{padding-block-start:var(--size-shell-clearance)}}@media (max-width:47.5rem){.shell-top{padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--space-3) 0 var(--size-bar-margin)}.shell-top:before{height:calc(env(safe-area-inset-top) + var(--size-shell-head) + var(--size-bar-margin));background:linear-gradient(180deg, var(--color-ground) calc(env(safe-area-inset-top) + var(--size-shell-head)), transparent)}.shell-top:has(.menu-pop:not([hidden])):after{content:"";background-color:var(--color-scrim);pointer-events:auto;position:fixed;inset:0}.shell-logo{min-height:var(--size-tap);font-size:var(--font-size-logo-phone);align-items:center;margin-block-start:0;display:inline-flex}.menu{z-index:1}.menu-btn{min-height:var(--size-tap);gap:var(--size-event-date-gap);padding-inline:var(--size-bar-margin);border-radius:var(--radius-ctl);font-size:var(--font-size-filter)}.menu-pop{inset-block-start:calc(env(safe-area-inset-top) + var(--size-shell-head) + var(--space-1));inset-inline:var(--space-3);width:auto;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top) - var(--size-shell-head) - var(--size-poster-card-pad) - env(safe-area-inset-bottom));padding-block:var(--size-bar-margin-phone) var(--size-bar-margin);position:fixed;overflow-y:auto}.shell-top:has(+div>main.map-page) .menu-pop{box-shadow:var(--shadow-lift-high)}.menu-item{min-height:var(--size-menu-button);padding:var(--size-bar-margin-phone) var(--space-4) var(--space-2);border-radius:0}.menu-door{padding:var(--space-2) var(--space-4);font-size:var(--font-size-search);border-radius:0}.menu-item:active,.menu-door:active{background-color:var(--color-hover)}.menu-doors{margin-block-start:var(--size-bar-margin-phone);padding-block-start:var(--size-bar-margin-phone)}.menu-door+.menu-foot{border-block-start:var(--border-width) solid var(--color-line);margin-block-start:var(--size-bar-margin-phone);padding-block-start:var(--size-bar-margin-phone)}.menu-foot>.menu-door:first-child{min-height:var(--size-list-head)}.menu-sign-in,.menu-sign-out{width:calc(100% - var(--space-3) * 2);min-height:var(--size-event-button);margin:var(--space-2) var(--space-3) 0;border-radius:var(--radius-pill);font-size:var(--font-size-search);font-weight:var(--font-weight-strong);justify-content:center;align-items:center;padding:0;display:flex}.menu-sign-out{box-shadow:inset 0 0 0 var(--size-search-ring) var(--color-text)}main:not(.map-page){max-width:none;padding-inline:var(--size-poster-card-pad);padding-block:calc(env(safe-area-inset-top) + var(--size-shell-head) + var(--space-1)) calc(var(--space-6) + env(safe-area-inset-bottom))}.back-link{color:var(--color-text);font-size:var(--font-size-event-line);margin-inline-start:calc(var(--size-bar-margin) - var(--size-poster-card-pad));padding-inline-end:var(--space-3)}.back-link:active{color:var(--color-action-up)}.back-arrow{display:none}.back-chevron{display:block}.back-link svg{width:var(--space-2);height:var(--space-3)}}}@layer utilities;
