.hp-block-header-theme-toggle{height:100%}.hp-header-theme-actions{display:flex;height:100%;min-height:42px;align-items:center;justify-content:flex-end}.hp-header-theme-actions .hp-theme-toggle{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;gap:.3rem;padding:.25rem;border:1px solid var(--hp-border);background:var(--hp-surface);color:var(--hp-text);line-height:1}.hp-theme-option{display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.hp-theme-option i{font-size:1.05rem}.hp-theme-label{font-size:.72rem;font-weight:700}.hp-theme-style-circle .hp-theme-toggle{width:38px;border-radius:50%}.hp-theme-style-square .hp-theme-toggle{width:38px;border:0;border-radius:.45rem}.hp-theme-style-pill .hp-theme-toggle{width:auto;padding-inline:.65rem;border-radius:999px;background:color-mix(in srgb,var(--hp-accent) 7%,var(--hp-surface))}.hp-theme-style-circle .hp-theme-label,.hp-theme-style-square .hp-theme-label{display:none}.hp-theme-style-circle .hp-theme-option-dark,.hp-theme-style-square .hp-theme-option-dark,.hp-theme-style-pill .hp-theme-option-dark{display:none}[data-bs-theme="dark"] :is(.hp-theme-style-circle,.hp-theme-style-square,.hp-theme-style-pill) .hp-theme-option-light{display:none}[data-bs-theme="dark"] :is(.hp-theme-style-circle,.hp-theme-style-square,.hp-theme-style-pill) .hp-theme-option-dark{display:inline-flex}
.hp-theme-style-switch .hp-theme-toggle{position:relative;width:58px;border:0;border-radius:999px;background:color-mix(in srgb,var(--hp-text) 12%,var(--hp-surface));justify-content:space-between;padding-inline:7px}.hp-theme-style-switch .hp-theme-label{display:none}.hp-theme-style-switch .hp-theme-option{position:relative;z-index:1;width:18px;color:var(--hp-muted)}.hp-theme-style-switch .hp-theme-toggle:before{position:absolute;content:"";inset-block:4px;inset-inline-start:4px;width:30px;border-radius:999px;background:var(--hp-surface);box-shadow:0 2px 8px rgba(0,0,0,.16);transition:transform .2s ease}.hp-theme-style-switch .hp-theme-option-light{color:var(--hp-accent)}[data-bs-theme="dark"] .hp-theme-style-switch .hp-theme-toggle:before{transform:translateX(20px)}[dir="rtl"][data-bs-theme="dark"] .hp-theme-style-switch .hp-theme-toggle:before{transform:translateX(-20px)}[data-bs-theme="dark"] .hp-theme-style-switch .hp-theme-option-light{color:var(--hp-muted)}[data-bs-theme="dark"] .hp-theme-style-switch .hp-theme-option-dark{color:var(--hp-accent)}
.hp-theme-style-switch-sm .hp-theme-toggle{position:relative;width:44px;min-width:44px;height:28px;justify-content:space-between;padding:0 5px;border:0;border-radius:999px;background:color-mix(in srgb,var(--hp-text) 12%,var(--hp-surface))}.hp-theme-style-switch-sm .hp-theme-label{display:none}.hp-theme-style-switch-sm .hp-theme-option{position:relative;z-index:1;width:14px;color:var(--hp-muted)}.hp-theme-style-switch-sm .hp-theme-option i{font-size:.78rem}.hp-theme-style-switch-sm .hp-theme-toggle:before{position:absolute;content:"";inset-block:3px;inset-inline-start:3px;width:22px;border-radius:999px;background:var(--hp-surface);box-shadow:0 1px 5px rgba(0,0,0,.16);transition:transform .2s ease}.hp-theme-style-switch-sm .hp-theme-option-light{color:var(--hp-accent)}[data-bs-theme="dark"] .hp-theme-style-switch-sm .hp-theme-toggle:before{transform:translateX(16px)}[dir="rtl"][data-bs-theme="dark"] .hp-theme-style-switch-sm .hp-theme-toggle:before{transform:translateX(-16px)}[data-bs-theme="dark"] .hp-theme-style-switch-sm .hp-theme-option-light{color:var(--hp-muted)}[data-bs-theme="dark"] .hp-theme-style-switch-sm .hp-theme-option-dark{color:var(--hp-accent)}
.hp-theme-style-segmented .hp-theme-toggle{width:auto;height:40px;padding:3px;border-radius:.55rem;background:color-mix(in srgb,var(--hp-text) 6%,var(--hp-surface))}.hp-theme-style-segmented .hp-theme-option{min-width:31px;height:32px;padding-inline:.4rem;border-radius:.4rem;color:var(--hp-muted)}.hp-theme-style-segmented .hp-theme-label{display:none}.hp-theme-style-segmented .hp-theme-option-light{background:var(--hp-surface);color:var(--hp-accent);box-shadow:0 2px 7px rgba(0,0,0,.1)}[data-bs-theme="dark"] .hp-theme-style-segmented .hp-theme-option-light{background:transparent;color:var(--hp-muted);box-shadow:none}[data-bs-theme="dark"] .hp-theme-style-segmented .hp-theme-option-dark{background:var(--hp-surface);color:var(--hp-accent);box-shadow:0 2px 7px rgba(0,0,0,.22)}
.hp-header-theme-actions .hp-theme-toggle:hover,.hp-header-theme-actions .hp-theme-toggle:focus-visible{border-color:var(--hp-accent);color:var(--hp-accent)}.hp-theme-style-square .hp-theme-toggle:focus-visible{box-shadow:0 0 0 .2rem color-mix(in srgb,var(--hp-accent) 22%,transparent)}@media(max-width:767.98px){.hp-header-theme-actions{justify-content:flex-end}}
.hp-member-trigger{position:relative;display:inline-grid;flex:0 0 38px;place-items:center;width:38px;min-width:38px;height:38px;margin-inline-start:.4rem;padding:0;border:1px solid var(--hp-border);border-radius:50%;background:var(--hp-surface);color:var(--hp-text);line-height:1}
.hp-member-trigger:hover,.hp-member-trigger:focus-visible{border-color:var(--hp-accent);color:var(--hp-accent)}
.hp-member-trigger i{font-size:1.1rem}
.hp-member-trigger__avatar{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--hp-accent) 16%,var(--hp-surface));color:var(--hp-accent);font-size:.9rem;font-weight:800}
.hp-member-trigger__avatar[hidden],.hp-member-trigger__icon[hidden]{display:none}
.hp-member-trigger__avatar img{width:100%;height:100%;object-fit:cover}
.hp-member-trigger.is-member{border-color:var(--hp-accent)}
.hp-theme-style-square .hp-member-trigger{border:0;border-radius:.45rem}
.hp-theme-style-pill .hp-member-trigger,.hp-theme-style-switch .hp-member-trigger,.hp-theme-style-switch-sm .hp-member-trigger,.hp-theme-style-segmented .hp-member-trigger{border-radius:50%}
.hp-member-dialog{width:min(400px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;border-radius:1rem;background:var(--hp-surface,var(--bs-body-bg,#fff));color:var(--hp-text,inherit);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.hp-member-dialog::backdrop{background:rgba(10,12,18,.55);backdrop-filter:blur(2px)}
.hp-member-dialog__panel{position:relative;padding:1.4rem 1.4rem 1.2rem}
.hp-member-dialog__close{position:absolute;inset-block-start:.7rem;inset-inline-end:.7rem;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;color:inherit}
.hp-member-dialog__close:hover{background:color-mix(in srgb,var(--hp-text,#000) 8%,transparent)}
.hp-member-dialog__tabs{display:flex;gap:.3rem;margin:0 2rem 1rem 0;padding:.25rem;border-radius:.7rem;background:color-mix(in srgb,var(--hp-text,#000) 6%,transparent)}
.hp-member-dialog__tabs button{flex:1;padding:.5rem .6rem;border:0;border-radius:.5rem;background:transparent;color:inherit;font-weight:700;font-size:.9rem}
.hp-member-dialog__tabs button.is-active{background:var(--hp-surface,#fff);color:var(--hp-accent,var(--bs-primary));box-shadow:0 1px 6px rgba(0,0,0,.12)}
.hp-member-dialog form{display:grid;gap:.8rem}
.hp-member-dialog label>span{display:block;margin-bottom:.25rem;font-size:.82rem;font-weight:700}
.hp-member-dialog label small{display:block;margin-top:.2rem;color:var(--bs-secondary-color,#6c757d);font-size:.74rem}
.hp-member-dialog__check{display:flex;align-items:center;gap:.5rem;font-size:.88rem}
.hp-member-dialog__links,.hp-member-dialog__text{margin:.85rem 0 0;font-size:.88rem;text-align:center;color:var(--bs-secondary-color,#6c757d)}
.hp-member-dialog__text{margin:0 0 .8rem;text-align:start}
.hp-member-dialog__who{display:flex;align-items:center;gap:.75rem;margin:0 2rem 1rem 0}
.hp-member-dialog__who div{display:grid;min-width:0}.hp-member-dialog__who small{color:var(--bs-secondary-color,#6c757d)}
.hp-member-dialog__avatar{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--hp-accent,var(--bs-primary)) 16%,transparent);color:var(--hp-accent,var(--bs-primary));font-weight:800}
.hp-member-dialog__avatar img{width:100%;height:100%;object-fit:cover}
.hp-member-dialog__menu{display:grid;gap:.15rem;margin-bottom:1rem}
.hp-member-dialog__menu a{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:.6rem;color:inherit;text-decoration:none;font-weight:600}
.hp-member-dialog__menu a:hover{background:color-mix(in srgb,var(--hp-accent,var(--bs-primary)) 9%,transparent)}
.hp-member-dialog label{display:block;text-align:start}
