@font-face{font-family:'Willow Handwritten';src:url('./fonts/caveat-bold.ttf') format('truetype');font-weight:700;font-display:swap}
.lightbox-description[hidden]{display:none}
.lightbox-description{line-height:1.12;font-weight:400;overflow-wrap:anywhere;white-space:pre-wrap}
.lightbox-description p{margin:0 0 .7em}.lightbox-description p:last-child{margin-bottom:0}
.lightbox.has-description .lightbox-description{position:absolute;top:50%;left:2vw;transform:translateY(-50%);width:var(--description-space,14vw);max-height:calc(100dvh - 128px);overflow-y:auto;padding:4px}
.lightbox.has-description[data-description-side="right"] .lightbox-description{left:auto;right:2vw}
.lightbox.has-description .lightbox-doodle{top:auto;bottom:12px;width:100px;animation-name:mobile-doodle-wiggle}
.lightbox-close{z-index:2}
@media(max-width:720px){
 .lightbox.has-description,.lightbox.has-description[data-description-side="right"]{display:flex;flex-direction:column;justify-content:flex-start;gap:28px;padding:65px 3vw 22px;overflow-y:auto}
 .lightbox.has-description #lightboxImg{flex:none}
 .lightbox.has-description .lightbox-description{position:static;transform:none;flex:none;width:100%;max-height:none;overflow:visible}
 .lightbox.has-description .lightbox-doodle{position:relative;flex:none;top:auto;bottom:auto;left:auto;right:auto;align-self:flex-end}
 .lightbox.has-description .lightbox-doodle[data-side="left"]{left:auto;right:auto;align-self:flex-start}
}
@media(prefers-reduced-motion:reduce){.lightbox.has-description .lightbox-doodle{animation:none;transform:none}}
.lightbox.has-description:not(.open){display:none}