.event-details-portal{position:fixed;inset:0}.event-details-backdrop{opacity:1;background:#14142b52;transition:opacity .24s;position:absolute;inset:0}.event-details-backdrop[data-starting-style],.event-details-backdrop[data-ending-style]{opacity:0}.event-details-dialog{background:var(--event-card);width:460px;max-width:calc(100% - 32px);min-height:0;color:var(--event-ink);border:1px solid var(--event-line);box-shadow:var(--event-shadow);border-radius:20px;outline:none;flex-direction:column;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;transform:translate(0)}.event-details-dialog[data-starting-style],.event-details-dialog[data-ending-style]{transform:translate(calc(100% + 20px))}.event-details-grabber{display:none}.event-details-dialog[data-dragging]{transition:none}@media (width<=1023px){.event-details-dialog{top:max(14%, calc((var(--event-viewport-top) + env(safe-area-inset-top,0px) + 12px) / var(--proe-ui-zoom,1)));right:0;bottom:calc(var(--event-viewport-bottom) / var(--proe-ui-zoom,1));width:100%;max-width:100%;padding-top:0;padding-bottom:calc(max(12px, env(safe-area-inset-bottom,0px)) / var(--proe-ui-zoom,1));padding-left:calc(env(safe-area-inset-left,0px) / var(--proe-ui-zoom,1));padding-right:calc(env(safe-area-inset-right,0px) / var(--proe-ui-zoom,1));transform:translateY(var(--event-drag-y));border:0;border-radius:24px 24px 0 0}.event-details-dialog[data-starting-style],.event-details-dialog[data-ending-style]{transform:translateY(100%)}.event-details-grabber{touch-action:none;cursor:grab;background:0 0;border:0;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:72px;height:44px;padding:0;display:flex}.event-details-grabber span{background:var(--event-line);border-radius:999px;width:36px;height:4px}}@media (prefers-reduced-motion:reduce){.event-details-dialog,.event-details-backdrop{transition:none}}