.settings-modal{position:fixed;inset:0;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px;display:grid;place-items:center;opacity:1;transition:all .1s;z-index:100}.settings-modal[aria-hidden=true]{visibility:hidden;opacity:0}.settings-modal[aria-hidden=true] .settings-modal__div{scale:.95;translate:0 4px}.settings-modal__div{border-radius:12px;background-color:#fafafa;padding:16px;width:100%;max-width:500px;max-height:100%;box-shadow:0 4px 6px grey;transition:all .1s;overflow:auto}.settings-modal__div__heading{font-size:1.2rem;font-weight:600}.settings-modal__div__heading.danger{color:red}.settings-modal__div__content{font-size:.9rem;font-weight:400;margin-top:8px}.settings-modal__div__form{margin-top:24px}.settings-modal__div__form__input-div__input{font-size:.9rem;border:1px solid #d9d9d9;border-radius:6px;background-color:#fcfcfc;padding:6px 8px;width:100%;display:block}.settings-modal__div__form__input-div__error{font-size:.8rem;color:red;margin-top:4px}.settings-modal__div__form__buttons{font-size:.9rem;margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.settings-modal__div__form__buttons__button--cancel,.settings-modal__div__form__buttons__button--confirm{font-weight:500;border-radius:6px;padding:6px 16px;transition:all .15s}.settings-modal__div__form__buttons__button--cancel{color:#262626;background-color:#f2f2f2}.settings-modal__div__form__buttons__button--cancel:hover{background-color:#ededed}.settings-modal__div__form__buttons__button--confirm{color:#fafafa;background-color:#1e1e1e}.settings-modal__div__form__buttons__button--confirm:hover{background-color:#050505}.settings-modal__div__form__buttons__button--confirm.danger{color:red;background-color:#fcc}.settings-modal__div__form__buttons__button--confirm.danger:hover{background-color:#ffb8b8}