.modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal--entering{animation:modal-fade-in var(--duration-modal) var(--ease-modal-in)}.modal--exiting{animation:modal-fade-out var(--duration-modal) var(--ease-modal-out);pointer-events:none;animation-fill-mode:forwards}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.modal__backdrop{background-color:var(--color-overlay);position:absolute;inset:0}.modal__panel{overscroll-behavior:contain;flex-direction:column;max-height:100%;display:flex;position:relative}@media (max-width:767.98px){.modal--slide{align-items:flex-end}.modal--slide .modal__panel{border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-height:80%;padding-bottom:32px}.modal--slide.modal--entering .modal__panel{animation:modal-slide-in var(--duration-modal) var(--ease-modal-in)}.modal--slide.modal--exiting .modal__panel{animation:modal-slide-out var(--duration-modal) var(--ease-modal-out);animation-fill-mode:forwards}}@keyframes modal-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.modal--entering,.modal--exiting,.modal--slide.modal--entering .modal__panel,.modal--slide.modal--exiting .modal__panel{animation:none}.modal--exiting{opacity:0}}