@property --transform{syntax:"*";inherits:false}@layer vapor.components{._1u609jy0{position:fixed;z-index:50;inset:0;transition:opacity .15s cubic-bezier(.45,1.005,0,1.005);backdrop-filter:blur(1.5px);background-color:rgba(0,0,0,32%)}._1u609jy0[data-ending-style],._1u609jy0[data-starting-style]{opacity:0}._1u609jy1{position:fixed;z-index:50;display:flex;flex-direction:column;transform:unset;transform-origin:top center;transition:unset;transition-duration:.6s,.3s;transition-property:transform,filter;transition-timing-function:cubic-bezier(.45,1.005,0,1.005);border-radius:0;box-shadow:0 1rem 2rem 0 rgba(0,0,0,.2);background-color:var(--vapor-color-background-overlay-100)}._1u609jy1[data-side=top]{--transform:translateY(-100%);top:0;left:0;width:100%;height:80svh}._1u609jy1[data-side=bottom]{--transform:translateY(100%);left:0;bottom:0;width:100%;height:80svh}._1u609jy1[data-side=right]{--transform:translateX(100%);top:0;right:0;width:18.75rem;height:100%}._1u609jy1[data-side=left]{--transform:translateX(-100%);top:0;left:0;width:18.75rem;height:100%}._1u609jy1[data-ending-style],._1u609jy1[data-starting-style]{transform:var(--transform)}._1u609jy1[data-ending-style]{transition-delay:0s,125ms;transition-duration:.25s;transition-timing-function:cubic-bezier(.375,.015,.545,.455)}._1u609jy2{padding-top:var(--vapor-size-space-250);padding-bottom:var(--vapor-size-space-100);padding-inline:var(--vapor-size-space-150);height:unset}._1u609jy3{flex:1;height:100%;max-height:unset}._1u609jy3,._1u609jy4{padding-inline:var(--vapor-size-space-150);padding-block:var(--vapor-size-space-100)}}