.event-manage-general{max-width:900px}
.event-manage-appearance{max-width:1260px}
.event-manage-general,.event-manage-appearance{display:grid;gap:var(--ib-4)}
.event-manage-general .event-manage-heading,.event-manage-appearance .event-manage-heading{margin-bottom:var(--ib-2)}
.event-manage-general .event-manage-section,.event-manage-appearance .event-manage-section{gap:var(--ib-4);padding:var(--ib-5)}
.event-manage-general textarea.event-manage-input{min-height:86px}
.event-manage-details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--ib-3);list-style:none;cursor:pointer}
.event-manage-details>summary::-webkit-details-marker{display:none}
.event-manage-details>summary span{display:grid;gap:2px}
.event-manage-details>summary strong{font-size:var(--ib-fs-16)}
.event-manage-details>summary small{color:var(--ib-dim);font-size:var(--ib-fs-12)}
.event-manage-details[open]>summary svg{transform:rotate(180deg)}
.event-brand-field{display:grid;gap:var(--ib-2);min-width:0;font-size:var(--ib-fs-13)}
.event-brand-field__head{display:inline-flex;align-items:center;gap:var(--ib-1);font-weight:var(--ib-w-medium)}
.event-field-required{color:var(--ib-danger);font-weight:var(--ib-w-semibold)}
.event-brand-help{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border:0;background:none;color:var(--ib-dim);cursor:help}
.event-brand-help:hover{color:var(--ib-ink)}
.ib-tip__bubble:has(.event-brand-tooltip-copy){max-width:300px;padding:10px 12px}
.event-brand-tooltip-copy{white-space:pre-line;line-height:1.5}
.event-manage-validation.event-manage-validation--warning{color:var(--ib-warn)}
.event-brand-drop{display:flex;align-items:center;justify-content:center;gap:var(--ib-3);width:100%;min-width:0;min-height:82px;padding:var(--ib-3);border:1px dashed var(--ib-line);border-radius:var(--ib-r);background:var(--ib-soft);color:var(--ib-ink);font:inherit;cursor:pointer}
.event-brand-drop:hover,.event-brand-drop:focus-within{border-color:var(--ib-action);color:var(--ib-ink)}
.event-brand-drop:disabled{opacity:.65;cursor:not-allowed}
.event-brand-drop>svg{width:24px;height:24px;flex:none;color:var(--ib-ink);stroke-width:2}
.event-brand-drop__action{display:grid;gap:2px;justify-items:start;text-align:left}
.event-brand-drop__action strong{font-weight:var(--ib-w-semibold)}
.event-brand-drop small{font-size:var(--ib-fs-12);color:var(--ib-dim)}
.event-brand-drop--preview{min-height:96px}
.event-brand-current{display:flex;align-items:center;gap:var(--ib-3);width:100%;min-width:0;min-height:82px}
.event-brand-current>img{display:block;width:auto;height:82px;max-height:82px;max-width:min(320px,calc(100% - 104px));object-fit:contain}
.event-brand-current--preview{min-height:96px}
.event-brand-current--preview>img{height:96px;max-height:96px}
.event-brand-current--favicon>img{height:64px}
.event-brand-current__actions{display:flex;align-items:center;gap:var(--ib-2);flex:none;opacity:0;transition:opacity var(--ib-dur-fast) var(--ib-ease)}
.event-brand-current:hover .event-brand-current__actions,.event-brand-current:focus-within .event-brand-current__actions{opacity:1}
.event-brand-change,.event-brand-remove{display:grid;place-items:center;width:40px;min-width:40px;height:40px;aspect-ratio:1;padding:0}
.event-brand-remove:hover,.event-brand-remove:focus-visible{border-color:var(--ib-danger);background:var(--ib-danger-bg);color:var(--ib-danger)}
@media(hover:none){.event-brand-current__actions{opacity:1}}
.event-brand-field>small{color:var(--ib-dim);font-size:var(--ib-fs-12)}
.event-brand-field>small.event-brand-field__error{color:var(--ib-danger)}
.event-brand-reset{justify-self:start;align-self:start}
.event-brand-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ib-3)}
.event-manage-color{position:relative}
.event-color-picker{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;flex:none;cursor:pointer}
.event-color-picker:focus-within{outline:2px solid var(--ib-action);outline-offset:2px}
.event-color-picker input[type="color"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:inherit}
.event-color-swatch{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ib-line);border-radius:var(--ib-r);background:var(--ib-surface);color:var(--ib-dim)}
.event-manage-color{width:100%;min-width:0}
.event-manage-color .event-manage-input{flex:1;width:auto;min-width:0}
.event-manage-color:has(.event-brand-reset-icon) .event-manage-input{padding-right:54px}
.event-brand-reset-icon{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;padding:0;border:1px solid var(--ib-line);border-radius:var(--ib-r);background:var(--ib-surface);color:var(--ib-dim);cursor:pointer}
.event-manage-color .event-brand-reset-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--ib-line);color:var(--ib-ink)}
.event-brand-reset-icon:hover{border-color:var(--ib-action);color:var(--ib-action);background:var(--ib-soft)}
.event-brand-palette-dialog{border-color:var(--ib-line);border-radius:var(--ib-r-lg);background:var(--ib-surface);color:var(--ib-ink)}
.event-brand-palette-dialog__colors{display:grid;gap:var(--ib-3)}
.event-brand-palette-dialog__colors>div{display:flex;align-items:center;justify-content:space-between;gap:var(--ib-3);font-size:var(--ib-fs-13)}
.event-brand-palette-dialog__colors strong{display:inline-flex;align-items:center;gap:var(--ib-2);font:var(--ib-w-semibold) var(--ib-fs-13)/var(--ib-lh-ui) var(--ib-mono)}
.event-brand-palette-dialog__colors i{display:inline-block;width:24px;height:24px;border:1px solid var(--ib-line);border-radius:var(--ib-r-sm)}
.event-brand-palette-dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--ib-2)}
.event-brand-preview-logo{display:flex;align-items:center;gap:var(--ib-2)}
.event-brand-preview-logo img{width:24px;height:24px;object-fit:contain}
.event-manage-savebar{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:var(--ib-3);padding:var(--ib-3) 0;background:var(--ib-surface);border-top:1px solid var(--ib-line)}
.event-manage-sidebar__overview{margin-bottom:var(--ib-2)}
.event-manage-sidebar__overview::after{content:"";position:absolute;left:var(--ib-3);right:var(--ib-3);bottom:calc(-1 * var(--ib-2));border-bottom:1px solid var(--ib-brand-line)}