.modal-window{z-index:var(--z-index-modal);width:100%;height:100%;color:var(--body-color);background:0 0;border:none;padding:0;position:fixed;top:0;left:0}.modal-window__body{z-index:var(--z-index-above);scrollbar-color:var(--scrollbar-color-thumb) var(--scrollbar-color-background);scrollbar-width:thin;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.modal-window__body::-webkit-scrollbar{appearance:none;width:.375rem}.modal-window__body::-webkit-scrollbar-track{background:var(--scrollbar-color-background);border-radius:.25rem}.modal-window__body::-webkit-scrollbar-thumb{border:.125rem solid var(--scrollbar-color-thumb);background-color:var(--scrollbar-color-thumb);border-radius:.125rem}.modal-window__bg{z-index:var(--z-index-below);background:var(--color-backdrop);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.modal-fade-in-up-enter-active .modal-window__bg{transition:opacity .3s}.modal-fade-in-up-enter-active .modal-window__body{transition:transform .3s .15s,opacity .3s .15s}.modal-fade-in-up-leave-active .modal-window__bg{transition:opacity .3s .15s}.modal-fade-in-up-leave-active .modal-window__body{transition:transform .3s,opacity .3s}:is(.modal-fade-in-up-enter-from,.modal-fade-in-up-leave-to) .modal-window__bg{opacity:0}:is(.modal-fade-in-up-enter-from,.modal-fade-in-up-leave-to) .modal-window__body{opacity:0;transform:translateY(25%)}.modal-fade-in-right-enter-active .modal-window__bg{transition:opacity .3s}.modal-fade-in-right-enter-active .modal-window__body{transition:transform .3s .15s,opacity .3s .15s}.modal-fade-in-right-leave-active .modal-window__bg{transition:opacity .3s .15s}.modal-fade-in-right-leave-active .modal-window__body{transition:transform .3s,opacity .3s}:is(.modal-fade-in-right-enter-from,.modal-fade-in-right-leave-to) .modal-window__bg{opacity:0}:is(.modal-fade-in-right-enter-from,.modal-fade-in-right-leave-to) .modal-window__body{opacity:0;transform:translate(25%)}.modal{max-width:100%;padding:var(--padding-xl);border-radius:var(--radius-l);background-color:var(--color-neutral-200);margin:auto;position:relative}@media (width<=30em){.modal{margin:unset;border-bottom-right-radius:unset;border-bottom-left-radius:unset;margin-top:auto}}.modal__inner{flex-direction:column}.modal__header,.modal__inner{gap:var(--gap-xl);display:flex}.modal__header{justify-content:space-between;align-items:center}.modal__close{justify-self:flex-end}.modal__text{color:var(--color-neutral-500)}.modal__actions{gap:var(--gap-xs);margin-top:var(--gap-xl);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.modal__close-button{width:100%;margin-top:var(--gap-xl)}