.modal--mobile[data-state=open]{animation:.45s ease-out modal-content-slide-in}.modal--mobile[data-state=closed]{animation:.45s ease-in forwards modal-content-slide-out}@keyframes modal-content-slide-in{0%{transform:translateY(100dvh)}to{transform:translateY(0)}}@keyframes modal-content-slide-out{0%{transform:translateY(0)}to{transform:translateY(100dvh)}}@layer components{.modal--mobile-overlay{inset-block-start:var(--modal-top-gap,0px);inset-block-end:var(--modal-bottom-gap,0px);inset-inline-start:var(--modal-left-gap,0px);inset-inline-end:var(--modal-right-gap,0px)}.modal--mobile-overlay[data-state=open]{animation:.3s ease-in-out overlay-fade-in}.modal--mobile-overlay[data-state=closed]{animation:.3s ease-in-out forwards overlay-fade-out}}@keyframes overlay-fade-in{0%{opacity:0;inset-block-start:var(--modal-top-gap,0px);inset-block-end:var(--modal-bottom-gap,0px)}to{opacity:1;inset-block-start:var(--modal-top-gap,0px);inset-block-end:var(--modal-bottom-gap,0px)}}@keyframes overlay-fade-out{0%{opacity:1;inset-block:0;inset-inline:0}to{opacity:0;inset-block:0;inset-inline:0}}