@keyframes _1ipn8rr0{0%{opacity:0}to{opacity:1}}
@keyframes _1ipn8rr1{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0%)}}
@keyframes _1ipn8rr2{0%{opacity:0;transform:translateY(-50%)scale(.97)}to{opacity:1;transform:translateY(-50%)scale(1)}}
._1ipn8rr3{z-index:var(--_1v0dnwv55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#21212180;position:fixed;inset:0}
._1ipn8rr4{cursor:pointer}
._1ipn8rr5{text-align:center;flex:2 auto}
._1ipn8rra{padding-bottom:var(--_1v0dnwv4c);flex-grow:1;overflow-y:auto}
._1ipn8rrb{padding-top:var(--_1v0dnwv4c)}
._1ipn8rra~._1ipn8rrb{margin-top:var(--_1v0dnwv4l)}
._1ipn8rrd{aspect-ratio:4/3;grid-area:image}
._1ipn8rrd img{object-fit:cover;width:100%;height:100%}
._1ipn8rre{width:100%;padding-block:var(--_1v0dnwv4c);padding-inline:var(--_1v0dnwv4b);grid-area:content}
._1ipn8rre:focus{outline:none}
._1ipn8rrf{width:100%;max-width:512px;height:fit-content;max-height:calc(90vh - env(safe-area-inset-bottom));bottom:0;z-index:var(--_1v0dnwv54);will-change:transform, opacity;flex-direction:column;margin-inline:auto;animation-name:_1ipn8rr1;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;display:flex;position:fixed;inset-inline:0}
._1ipn8rrf:focus{outline:none}
._1ipn8rrj{background-color:var(--_1v0dnwve);border-top-right-radius:var(--_1v0dnwv3j);border-top-left-radius:var(--_1v0dnwv3j);grid-template:"content"minmax(auto,100%)/100%;width:100%;height:fit-content;display:grid;overflow:hidden}
._1ipn8rrk{grid-template-rows:minmax(0%,100%);grid-template-areas:"content"}
@media (prefers-reduced-motion:no-preference){._1ipn8rr3{animation:.3s cubic-bezier(.16,1,.3,1) forwards _1ipn8rr0}}
@media screen and (min-width:768px){._1ipn8rrd{aspect-ratio:auto}._1ipn8rre{padding:var(--_1v0dnwv4b)}._1ipn8rrf{width:calc(100% - var(--_1v0dnwv49));animation-name:_1ipn8rr2;top:50%}._1ipn8rrg{max-width:512px}._1ipn8rrh{max-width:768px}._1ipn8rri{max-width:1024px}._1ipn8rrj{border-radius:var(--_1v0dnwv3j)}._1ipn8rrk{grid-template:"image content"minmax(0%,100%)/50%}}
@media (prefers-reduced-motion:reduce){._1ipn8rrf{animation-name:none!important}}
/*# sourceMappingURL=02ludqlla07ag.css.map*/