.midscreen-modal{z-index:40;--tw-translate-y:100%;width:100vw;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-duration:.4s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}@media (width>=1024px){.midscreen-modal{--tw-translate-x:25px;height:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));justify-content:center;align-items:flex-start;padding:4rem;display:flex;top:0}}.midscreen-modal.active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-container{z-index:30;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;height:100%;color:rgb(84 84 84/var(--tw-text-opacity,1));--tw-shadow:0px 1px 6px #17171729;--tw-shadow-colored:0px 1px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);position:relative;overflow-y:auto}@media (width>=1024px){.section-container{border-radius:.25rem;max-width:1280px;max-height:calc(100vh - 8rem);overflow:hidden auto}}.v-enter,.v-leave-active{transition:opacity .2s ease-in-out}@media (width>=1024px){.v-leave-to{opacity:0}}