.modal__overlay{z-index:2000;background-color:color-mix(in srgb,var(--black) 60%,transparent);position:fixed;inset:0}.modal__content{z-index:2001;border-radius:var(--border-radius-15);background-color:var(--white);outline:none;width:min(100vw - 1.25rem,62.5rem);height:fit-content;max-height:calc(100dvh - 1.25rem);margin:auto;padding:.625rem;position:fixed;inset:0;overflow:auto}.modal__content[data-size=small]{width:min(100vw - 1.25rem,45.3125rem)}.modal__content[data-layout=flush]{padding:0}.modal__close{all:unset;z-index:1;box-sizing:border-box;width:2.875rem;height:2.875rem;color:var(--black);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.625rem;right:.625rem}.modal__close:hover{background-color:var(--gray-5)}.modal__close:focus-visible{outline:.125rem solid var(--default-outline-color);outline-offset:-.25rem}.modal__close svg{width:1.5rem;height:1.5rem}.modal__content[data-layout=flush] .modal__close{background-color:var(--white);width:2.25rem;height:2.25rem;top:1.25rem;right:1.25rem}@media (prefers-reduced-motion:no-preference){.modal__overlay[data-state=open]{animation:modal-overlay-enter var(--motion-duration-250) var(--motion-easing-out)}.modal__overlay[data-state=closed]{animation:modal-overlay-enter var(--motion-duration-200) var(--motion-easing-in) reverse}.modal__content[data-state=open]{animation:modal-content-enter var(--motion-duration-250) var(--motion-easing-out)}.modal__content[data-state=closed]{animation:modal-content-enter var(--motion-duration-200) var(--motion-easing-in) reverse}}@keyframes modal-overlay-enter{0%{opacity:0}}@keyframes modal-content-enter{0%{opacity:0}}