@layer theme,base;@layer components{.lift-modal-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16161666;transition:opacity .2s;position:fixed;inset:0}.lift-modal{z-index:50;scrollbar-width:thin;width:min(32rem,100vw - 2rem);max-height:calc(100vh - 2.5rem);padding:1.5rem;transition:all .2s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}.lift-modal[data-size=sm]{width:min(26rem,100vw - 2rem)}.lift-modal[data-size=lg]{width:min(40rem,100vw - 2rem)}.lift-modal[data-size=xl]{width:min(50rem,100vw - 2rem)}.lift-modal__title{margin:0 0 .5rem;padding-right:2rem;font-size:1.125rem;line-height:1.5556}.lift-modal__description{margin:0 0 1.25rem}.lift-modal__close{width:2rem;height:2rem;position:absolute;top:1rem;right:1rem}.lift-modal__close[data-touch]{width:2.75rem;height:2.75rem}@media (width>=40rem){.lift-modal{padding:1.75rem}.lift-modal__title{font-size:1.25rem;line-height:1.4}.lift-modal__close{top:1.25rem;right:1.25rem}}@media (width>=64rem) and (pointer:fine){.lift-modal__close[data-touch]{width:2rem;height:2rem}}}@layer utilities;