@layer theme,base;@layer components{.attend{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.attend-row{align-items:center;gap:var(--space-3);display:flex}main .attend-button,.attend-button{min-width:0;height:var(--size-event-button);justify-content:center;align-items:center;gap:var(--space-2);min-height:0;padding-inline:var(--space-4);border-radius:var(--radius-ctl);background-color:var(--color-action);color:var(--color-action-text);font-size:var(--font-size-md);font-weight:var(--font-weight-display);line-height:var(--font-leading-solid);border:0;flex:1;display:inline-flex}main .attend-button:hover,.attend-button:hover{background-color:var(--color-action-up);color:var(--color-action-text)}.attend-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:calc(var(--border-width) * 2);flex:none}.attend-button .attend-check{width:var(--space-3);height:var(--space-3)}.attend-button .attend-caret{width:calc(var(--space-2) + var(--space-1));height:var(--space-2);margin-inline-start:var(--space-1)}.attend-button[aria-expanded=true] .attend-caret{rotate:180deg}.expanded-actions .attend-button{height:var(--size-poster-card-action);font-size:var(--font-size-sm)}.tray-event-actions .attend-button{border-radius:var(--radius-pill)}.attend-quiet{min-height:var(--size-tap);padding-inline:var(--space-1);color:var(--color-text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);text-decoration-line:underline;text-decoration-thickness:var(--border-width);text-underline-offset:calc(var(--border-width) * 4);flex:none;align-items:center;display:inline-flex}.attend-quiet:hover{color:var(--color-text)}.attend-counts{color:var(--color-text-soft);font-size:var(--font-size-card-small);line-height:var(--font-leading-card-line);font-variant-numeric:tabular-nums;margin:0}.attend-counts b{color:var(--color-text);font-weight:var(--font-weight-display)}.attend-menu{z-index:5;padding:var(--space-1) 0;border-radius:var(--radius-panel);background-color:var(--color-panel);box-shadow:var(--shadow-lift-high), 0 0 0 var(--border-width) var(--color-line);color:var(--color-text);margin:0;list-style:none;position:absolute;inset-inline:0}.attend-menu[data-side=below]{inset-block-start:calc(var(--size-event-button) + var(--space-2))}.attend-menu[data-side=above]{inset-block-end:calc(100% + var(--space-2))}main .attend-menu li,.attend-menu li{border:0;padding:0}.attend-menu hr{height:var(--border-width);margin:var(--space-1) 0;background-color:var(--color-line);border:0}main .attend-item,.attend-item{width:100%;min-height:var(--size-tap);justify-content:flex-start;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-chip);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-strong);line-height:var(--font-leading-tight);text-align:start;background:0 0;border:0;text-decoration:none;display:flex}.expanded-actions .attend-menu a.attend-item,.tray-event-actions .attend-menu a.attend-item{border-radius:var(--radius-chip);height:auto;color:var(--color-text);font-weight:var(--font-weight-strong);background:0 0;flex:none}main .attend-item:hover,.attend-item:hover,.attend-item.is-hover{background-color:var(--color-hover)}.attend-item>span{gap:calc(var(--space-1) / 2);flex-direction:column;flex:1;display:flex}.attend-item small{color:var(--color-text-soft);font-size:var(--font-size-card-small);font-weight:var(--font-weight-regular)}.attend-item svg{width:var(--space-3);height:var(--space-3);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:calc(var(--border-width) * 2);flex:none}.attend-item .attend-tick{visibility:hidden}.attend-item[aria-checked=true] .attend-tick{visibility:visible}.attend-item[aria-checked=true]{font-weight:var(--font-weight-display)}.attend-item.is-clear{color:var(--color-text-soft);font-weight:var(--font-weight-regular)}.attend-menu .attend-ask{padding:var(--space-3) var(--space-4) var(--space-2)}.attend-ask p{margin:0 0 var(--space-3);font-size:var(--font-size-sm);line-height:var(--font-leading-card-line)}main .attend-ask .attend-sign-in,.attend-ask .attend-sign-in{height:var(--size-event-button);border-radius:var(--radius-ctl);background-color:var(--color-action);color:var(--color-action-text);font-weight:var(--font-weight-display);justify-content:center;align-items:center;text-decoration:none;display:flex}.tray-event-actions .attend-ask .attend-sign-in{border-radius:var(--radius-pill)}.attend-ask .attend-quiet{padding-inline:0}.attend-note{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-1) var(--space-3) var(--space-3);border-radius:var(--radius-panel);background-color:var(--color-panel-up);color:var(--color-text);font-size:var(--font-size-card-small);line-height:var(--font-leading-card-line);margin:0;display:flex}.attend-note>span{flex:1;margin:0;padding-block-start:var(--border-width)}.attend-note a,.expanded-actions .attend-note a,.tray-event-actions .attend-note a{height:auto;color:inherit;font-weight:var(--font-weight-display);text-underline-offset:calc(var(--border-width) * 3);background:0 0;border-radius:0;flex:none;text-decoration-line:underline;display:inline}main .attend-note button,.attend-note button{width:var(--size-tap);min-height:0;height:var(--size-tap);margin-block:calc(var(--space-3) * -1);color:var(--color-text-soft);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.attend-note button svg{width:var(--space-3);height:var(--space-3);fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:calc(var(--border-width) * 2)}}@layer utilities,maplibre;
