.saas-my-events{gap:var(--saas-space-md);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin:0;padding:0;list-style:none;display:grid}.saas-my-event{gap:var(--saas-space-md);min-inline-size:0;padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-inline-start:4px solid var(--saas-event-ink);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);display:flex}.saas-my-event[data-past=true],.saas-my-event[data-cancelled=true]{opacity:.8}.saas-my-event__date{border-radius:var(--saas-radius-md);background:var(--saas-event-bg);block-size:76px;inline-size:64px;color:var(--saas-event-ink);font-size:var(--saas-font-body-sm);text-transform:uppercase;flex-direction:column;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1.15;display:flex}.saas-my-event__date strong{font-size:var(--saas-font-stat)}.saas-my-event__body{gap:var(--saas-space-xs);flex-direction:column;flex:1;min-inline-size:0;display:flex}.saas-my-event__category{align-items:center;gap:var(--saas-space-xs);color:var(--saas-event-ink);font-size:var(--saas-font-body-sm);flex-wrap:wrap;margin:0;font-weight:700;display:flex}.saas-my-event__flag,.saas-my-event__reg{padding-block:1px;padding-inline:var(--saas-space-sm);border-radius:var(--saas-radius-full);background:var(--saas-status-neutral-subtle);color:var(--saas-status-neutral)}.saas-my-event[data-cancelled=true] .saas-my-event__flag{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-my-event__reg[data-tone=success]{background:var(--saas-status-success-subtle);color:var(--saas-status-success)}.saas-my-event__reg[data-tone=warning]{background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-my-event__reg[data-tone=danger]{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-my-event__title{font-size:var(--saas-font-title);margin:0;font-weight:700;line-height:1.25}.saas-my-event__title button{color:var(--saas-text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0}.saas-my-event[data-cancelled=true] .saas-my-event__title button{text-decoration:line-through}.saas-my-event__facts{gap:2px var(--saas-space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.saas-my-event__facts li{align-items:center;gap:var(--saas-space-2xs);color:var(--saas-text-primary);font-size:var(--saas-font-reading);display:inline-flex}.saas-my-event__facts svg{color:var(--saas-event-ink)}.saas-my-event__people{gap:var(--saas-space-xs);margin:var(--saas-space-xs) 0 0;padding:var(--saas-space-xs) 0 0;border-block-start:1px dashed var(--saas-border-default);flex-direction:column;list-style:none;display:flex}.saas-my-event__person{align-items:center;gap:var(--saas-space-xs) var(--saas-space-sm);flex-wrap:wrap;display:flex}.saas-my-event__name{color:var(--saas-text-primary);font-size:var(--saas-font-reading);font-weight:700}.saas-my-event__answer{padding-block:1px;padding-inline:var(--saas-space-sm);border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);font-weight:600}.saas-my-event__answer[data-answer=GOING]{background:var(--saas-status-success-subtle);color:var(--saas-status-success)}.saas-my-event__buttons{gap:var(--saas-space-xs);margin-inline-start:auto;display:inline-flex}.saas-my-event__btn{align-items:center;gap:var(--saas-space-2xs);min-block-size:34px;padding-inline:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard);font-weight:600;display:inline-flex}.saas-my-event__btn:hover:not(:disabled){border-color:var(--saas-brand-primary)}.saas-my-event__btn[data-on=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-primary);color:var(--saas-brand-on-primary)}.saas-my-event__btn:disabled{opacity:.6;cursor:progress}.saas-my-event button:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-my-event__note{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);font-style:italic}@media (width<=599px){.saas-my-events{grid-template-columns:1fr}.saas-my-event__btn{min-block-size:44px}.saas-my-event__buttons{margin-inline-start:0}}