:root{--aside-width:260px;--prose-width:940px;--gap:32px}@media (max-width:680px){:root{--aside-width:0;--prose-width:100vw;--gap:0}}@keyframes show-icon{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:.7}}div.expanding-side-img-container div.expanding-side-img{width:var(--aside-width);transform:translateX(calc(-100% - var(--gap)));margin:0;position:absolute}div.expanding-side-img-container div.expanding-side-img .caption{padding-top:0}div.expanding-side-img-container div.expanding-side-img .caption p{font-weight:400}div.expanding-side-img-container img{border-radius:8px;margin:0}div.expanding-side-img-container div.overlay{visibility:hidden;text-align:center;z-index:100;justify-content:center;align-items:center;width:10vw;height:10vh;transition:width .2s,height .2s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}div.expanding-side-img-container div.overlay .figure{width:auto;margin:0 auto;display:inline-block;position:relative;overflow:hidden}div.expanding-side-img-container div.overlay .figure:has(.children) img{max-height:98vh}div.expanding-side-img-container div.overlay .figure img{width:auto;max-width:98vw;height:auto;max-height:85vh}div.expanding-side-img-container div.overlay .figure:hover .caption-overlay:has(.children):after{animation:2s both show-icon}div.expanding-side-img-container div.overlay .figure .caption-overlay .children{text-align:left;width:100%;padding:0 16px}div.expanding-side-img-container div.overlay .figure .caption-overlay .caption p{padding:0 16px;font-weight:800}div.expanding-side-img-container div.overlay .figure .caption-overlay:has(.children){max-height:32px;text-overflow:unset;background-color:#fff9;transition:background-color .5s,max-height .5s;position:absolute;bottom:0;overflow:hidden}div.expanding-side-img-container div.overlay .figure .caption-overlay:has(.children):after{content:"";opacity:0;background-color:#505050b3;background-image:url(/icons/eye.svg);background-position:50%;background-repeat:no-repeat;background-size:18px;border-radius:4px;width:32px;height:32px;position:absolute;top:auto;bottom:0;left:0}div.expanding-side-img-container div.overlay .figure .caption-overlay:has(.children):hover{background-color:#fffd;max-height:100vh;padding:16px 16px 0}div.expanding-side-img-container div.overlay .figure .caption-overlay:has(.children):hover:after{opacity:0!important}@media (min-width:681px){div.expanding-side-img-container:has(:hover) .overlay{visibility:visible;pointer-events:none;background-color:#dddd;width:100vw;height:100vh}div.expanding-side-img-container:has(:hover) .overlay .caption-overlay:not(:has(.children)){visibility:visible;color:#fff;background-color:#333a;place-content:center;width:100vw;padding:12px;display:flex;position:fixed;bottom:0;left:0}div.expanding-side-img-container:has(:hover) .figure{opacity:1;pointer-events:auto}.expanding-side-img img,.overlay .figure img{border:1px solid #bbb}div.expanding-side-img{transform-origin:0 0;max-width:var(--aside-width);-o-object-fit:contain;object-fit:contain;padding:0}div.expanding-side-img img{border-radius:5px}div.expanding-side-img:after{content:"";background-color:#505050b3;background-image:url(/icons/magnifying-glass.svg);background-position:50%;background-repeat:no-repeat;background-size:18px;border-radius:4px;width:32px;height:32px;position:absolute;top:0;right:0}div.expanding-side-img .caption-cont .caption{padding-top:12px}div.expanding-side-img .caption-cont .children{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media print,(max-width:680px){div.expanding-side-img-container{max-width:100vw;height:auto;overflow:clip}div.expanding-side-img-container .overlay{display:none!important}div.expanding-side-img-container .expanding-side-img img{width:100%}div.expanding-side-img-container .expanding-side-img:has(.caption){text-align:center}div.expanding-side-img-container .expanding-side-img:has(.caption):after{display:none}div.expanding-side-img-container .expanding-side-img:has(.caption) img{margin-bottom:0}:is(div.expanding-side-img-container .expanding-side-img:has(.caption) .caption,div.expanding-side-img-container .expanding-side-img:has(.caption) .children){padding:8px 0 16px;font-weight:400!important}}
