/*
===================================
Lebenshilfe Bremervörde / Zeven gGmbH
Projekt: LHBZ Intranet 
Entwickler: Florian Munzert
Mitwirkende: Adam Kilani, Janosch Buschmann
Datei: lh_modals.css
Datei-Link: https://intern.lhbz.it/lh_modals.css
===================================
*/

.modal-box,.modalbox,.modal-card,.mp-modal-box,.chat-modal-box,.lh-modal-box,.admin-page-visibility-box,.tutorial-first-box{background:var(--glass-3)!important;border:1px solid var(--glass-brd)!important;border-radius:24px!important;box-shadow:var(--card-shadow),var(--glow-accent)!important;backdrop-filter:blur(28px) saturate(1.2)!important;-webkit-backdrop-filter:blur(28px) saturate(1.2)!important;color:var(--text)!important}
.modal-overlay,.modal,.mp-modal,.chat-modal,.lh-modal,.admin-page-visibility-modal{background:rgba(3,11,8,.55)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
.modal-close,.close,.tutorial-first-close,.admin-page-visibility-close,.mp-modal-close,.chat-modal-close{position:relative;overflow:hidden;background:var(--glass)!important;color:var(--brand-deep)!important;border:1px solid var(--glass-brd)!important;border-radius:12px!important;box-shadow:none!important;transition:transform .45s var(--ease),box-shadow .35s,border-color .35s,background .3s,color .3s}
[data-theme="dark"] .modal-close,[data-theme="dark"] .close,[data-theme="dark"] .tutorial-first-close{color:var(--accent-2)!important}
.modal-close:hover,.close:hover,.tutorial-first-close:hover,.admin-page-visibility-close:hover,.mp-modal-close:hover,.chat-modal-close:hover{transform:rotate(90deg);border-color:var(--accent)!important;box-shadow:var(--glow-accent)!important}
.modal-close::before,.close::before,.tutorial-first-close::before,.admin-page-visibility-close::before,.mp-modal-close::before,.chat-modal-close::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ang),transparent 0 16%,var(--accent) 32%,var(--accent-2) 48%,var(--brand) 64%,transparent 82% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none;z-index:4}
.modal-close:hover::before,.close:hover::before,.tutorial-first-close:hover::before,.admin-page-visibility-close:hover::before{opacity:1;animation:lhSpin 3.2s linear infinite}

/*
===================================
Lebenshilfe Bremervörde / Zeven gGmbH
Projekt: LHBZ Intranet 
Entwickler: Florian Munzert
Mitwirkende: Adam Kilani, Janosch Buschmann
Datei: lh_modals.css
Datei-Link: https://intern.lhbz.it/lh_modals.css
===================================
*/