.base-modal{align-items:flex-end;max-height:100dvh;overflow-y:auto;padding-top:4rem}@media (min-width:768px){.base-modal{align-items:center;justify-items:stretch;padding-top:0}}@media (min-width:1024px){.base-modal__close{margin-top:-1.5rem;position:absolute;right:1.25rem}.base-modal__close .btn{border-radius:.25rem;--tw-border-opacity:1;border-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity,1)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity,1)));font-size:1.125rem;line-height:1.75rem}}.base-modal__content{grid-column-start:1;grid-row-start:1}@media not all and (min-width:640px){.base-modal__box{max-width:none;transform:none;width:100%}}.base-modal__box{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;max-height:none;min-height:12rem;overflow:visible}@media (min-width:768px){.base-modal__box{border-radius:1rem;font-size:.75rem;line-height:1rem;margin-left:auto;margin-right:auto;padding:2rem}}.base-modal__box{animation-duration:.25s;animation-fill-mode:both;animation-name:fadeInDown}@media not all and (min-width:768px){.base-modal__backdrop{margin-top:-4rem}}.base-modal[open] .base-modal__box{animation-name:fadeInUp}@media ((min-width:768px)){.base-modal[open] .base-modal__box,.base-modal__box{animation:none}}.base-modal::backdrop{background-color:var(--fallback-bc,oklch(var(--bc)/.6))}