:root{--base-modal-backdrop-color:var(--bg-1);--base-modal-backdrop-opacity:.5;--base-modal-bg-color:var(--bg-2);--base-modal-border:1px solid var(--bg-3);--base-modal-border-radius:10px;--base-modal-padding-y:30px;--base-modal-padding-x:30px;--base-modal-padding:var(--base-modal-padding-y) var(--base-modal-padding-x)}.base-modal{background:var(--base-modal-bg-color);border:var(--base-modal-border);border-radius:var(--base-modal-border-radius);max-height:calc(100vh - env(safe-area-inset-bottom));padding:var(--base-modal-padding);width:min(600px,100%)}.base-modal::backdrop{background:var(--base-modal-backdrop-color)}.base-modal{overflow:auto;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-translate-y:1rem;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:576px){.base-modal{--tw-translate-y:0px;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.base-modal[open]{--tw-translate-y:0px;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}@media (min-width:576px){.base-modal[open]{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.base-modal::backdrop{opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.base-modal[open]::backdrop{opacity:var(--base-modal-backdrop-opacity);transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}.close-button{color:var(--text-1)}.close-button:hover{color:var(--brand-hover);cursor:pointer}.close-button:focus{outline:none}