.thumbnail{overflow:hidden}.thumbnail__image{max-height:300px;max-width:222px}.thumbnail-dialog{--dialog-content-offset:var(--gap-md);--dialog-close-offset:var(--dialog-content-offset);--dialog-close-size:1.5rem;--dialog-position-fix:-1.125rem;--dialog-easing:var(--easing-out-sine);background:none;border:0;height:100%;margin:auto;opacity:0;overflow:visible;padding:0;transform:scale(.9);transition:opacity var(--animation-time-md) var(--dialog-easing),transform var(--animation-time-md) var(--dialog-easing);width:100%;will-change:opacity,transform}.thumbnail-dialog::-webkit-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000;inset:0;position:fixed;transition:background-color var(--animation-time-md) var(--dialog-easing),-webkit-backdrop-filter var(--animation-time-md) var(--dialog-easing);-webkit-transition:background-color var(--animation-time-md) var(--dialog-easing),-webkit-backdrop-filter var(--animation-time-md) var(--dialog-easing);transition:backdrop-filter var(--animation-time-md) var(--dialog-easing),background-color var(--animation-time-md) var(--dialog-easing);transition:backdrop-filter var(--animation-time-md) var(--dialog-easing),background-color var(--animation-time-md) var(--dialog-easing),-webkit-backdrop-filter var(--animation-time-md) var(--dialog-easing)}.thumbnail-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000;inset:0;position:fixed;transition:background-color var(--animation-time-md) var(--dialog-easing),-webkit-backdrop-filter var(--animation-time-md) var(--dialog-easing);transition:backdrop-filter var(--animation-time-md) var(--dialog-easing),background-color var(--animation-time-md) var(--dialog-easing);transition:backdrop-filter var(--animation-time-md) var(--dialog-easing),background-color var(--animation-time-md) var(--dialog-easing),-webkit-backdrop-filter var(--animation-time-md) var(--dialog-easing)}.thumbnail-dialog--open{--dialog-easing:var(--easing-in-sine);opacity:1;transform:scale(1)}.thumbnail-dialog--open::-webkit-backdrop{background-color:#00000054}.thumbnail-dialog--open::backdrop{background-color:#00000054}@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){.thumbnail-dialog--open::-webkit-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003}.thumbnail-dialog--open::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003}}.thumbnail-dialog__content{align-items:center;bottom:var(--dialog-position-fix);display:grid;justify-content:center;left:var(--dialog-position-fix);overflow:hidden;padding:var(--dialog-content-offset) calc(var(--dialog-content-offset) + var(--dialog-close-size));position:absolute;right:var(--dialog-position-fix);top:var(--dialog-position-fix)}.thumbnail-dialog__content--scroll{overflow:scroll}@media (min-width:920px){.thumbnail-dialog__content{--dialog-content-offset:var(--gap-lg);--dialog-close-offset:var(--gap-lg)}}.thumbnail-dialog__image{box-shadow:var(--card-shadow-dark)}.thumbnail-dialog__close{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23fff'%3E%3C!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M393.4 41.37c12.5-12.49 32.7-12.49 45.2 0 12.5 12.5 12.5 32.76 0 45.26L269.3 255.1l169.3 170.3c12.5 12.5 12.5 32.7 0 45.2s-32.7 12.5-45.2 0L223.1 301.3 54.63 470.6c-12.5 12.5-32.76 12.5-45.258 0-12.496-12.5-12.496-32.7 0-45.2L178.7 255.1 9.372 86.63c-12.496-12.5-12.496-32.76 0-45.26 12.498-12.49 32.758-12.49 45.258 0L223.1 210.7 393.4 41.37z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;height:var(--dialog-close-size);outline:none;position:absolute;right:calc(var(--dialog-position-fix) + var(--dialog-close-offset));top:calc(var(--dialog-position-fix) + var(--dialog-close-offset));transform:scale(1);transition:opacity var(--animation-time-md) var(--easing-in-out-sine),transform var(--animation-time-md) var(--easing-in-out-sine);width:var(--dialog-close-size)}.thumbnail-dialog__close:focus{outline:none}.thumbnail-dialog__close:hover{opacity:.88}.thumbnail-dialog__close:active{transform:scale(.88)}