div.gallery{--_gallery-height:auto;--_gallery-bottom-space:32px;--_gallery-thumbnail-width:140px;--_gallery-border-radius:0;margin-inline:calc(-1 * var(--content-padding) + 8px);flex-direction:column;justify-content:center;gap:24px;display:flex}@media screen and (width>=48rem){div.gallery{--_gallery-thumbnail-width:190px}}@media screen and (width>=64rem){div.gallery{--_gallery-height:586px}div.gallery:has(.gallery__sidebar){grid-template-columns:calc(var(--gallery-width) - var(--_gallery-thumbnail-width) - 10px) var(--_gallery-thumbnail-width);gap:10px;display:grid}}div.gallery .gallery__content{justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}div.gallery .gallery__slides{scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin:0;padding:0;display:flex;overflow-x:scroll}div.gallery .gallery__slides::-webkit-scrollbar{display:none}div.gallery .gallery__slide{scroll-snap-align:center;flex-shrink:0;flex-basis:100%;margin-block:auto;display:block}div.gallery .gallery__slide-wrapper{flex-direction:column;height:100%;margin:0;display:flex}div.gallery .gallery__slide-content{display:flex;position:relative}div.gallery .gallery__slide-content picture,div.gallery .gallery__slide-content img{max-height:var(--_gallery-height);border-radius:var(--_gallery-border-radius);object-fit:cover;margin:auto;display:block}div.gallery .gallery__slide-content.gallery__slide-content--snapped{width:100%;aspect-ratio:var(--_snapped-ratio);overflow:hidden}@media screen and (width>=64rem){div.gallery .gallery__slide-content.gallery__slide-content--snapped{width:auto;height:var(--_gallery-height);align-self:center}}div.gallery .gallery__slide-content.gallery__slide-content--snapped picture,div.gallery .gallery__slide-content.gallery__slide-content--snapped img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:none;margin:0}div.gallery .gallery__slide-number{display:none}@media screen and (width>=48rem){div.gallery .gallery__slide-number{color:#fff;filter:drop-shadow(0 4px 4px #00000040);background-color:#000000bf;border-radius:8px;padding:12px 20px;position:absolute;bottom:32px;right:40px}}div.gallery .gallery__slide-description{width:100%;min-height:var(--gallery-description-height,0);margin-top:12px;margin-inline:auto;padding:0;font-size:1rem}@media screen and (width>=48rem){div.gallery .gallery__slide-description{margin-top:24px}}div.gallery .gallery__slide-wrapper:not(:has(.gallery__slide-description)):after{min-height:var(--gallery-description-height,0);content:"";margin-top:12px;display:block}@media screen and (width>=48rem){div.gallery .gallery__slide-wrapper:not(:has(.gallery__slide-description)):after{margin-top:24px}}div.gallery .gallery__action{all:unset;height:calc(var(--_gallery-height) - var(--_gallery-bottom-space));cursor:pointer;margin-block:auto}div.gallery .gallery__action:hover svg-icon{background-color:var(--surface-surface-secondary)}div.gallery .gallery__action[disabled]{cursor:default;opacity:0}div.gallery .gallery__action svg-icon{border-radius:50%;width:18px;height:18px;padding:8px;transition:background-color .15s}div.gallery .gallery__action.gallery__action--prev svg-icon{transform:rotate(90deg)}div.gallery .gallery__action.gallery__action--next svg-icon{transform:rotate(-90deg)}div.gallery .gallery__fullsize-link{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb, var(--color-global-black), transparent 50%);padding:10px;display:block;position:absolute;bottom:0;right:0}div.gallery .gallery__fullsize-link:hover{background:color-mix(in srgb, var(--color-global-black), transparent 40%)}div.gallery .gallery__fullsize-link svg-icon{width:16px;height:16px;fill:var(--color-global-white);display:block}div.gallery .gallery__thumbnails{padding:0 var(--content-padding);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;gap:22px;margin:0 0 16px;scroll-padding:20px;display:flex;overflow-x:scroll;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 5% 95%,#0000)}@media screen and (width>=64rem){div.gallery .gallery__thumbnails{height:calc(var(--_gallery-height) - var(--_gallery-bottom-space));-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;flex-direction:column;padding-inline:0;scroll-padding:0;overflow:hidden scroll;-webkit-mask-image:none;mask-image:none}}div.gallery .gallery__thumbnails::-webkit-scrollbar{display:none}div.gallery .gallery__thumbnail{scroll-snap-align:start;flex-shrink:0;line-height:1.125rem;display:block}div.gallery .gallery__thumbnail img,div.gallery .gallery__thumbnail p{max-width:var(--_gallery-thumbnail-width);border-radius:var(--_gallery-border-radius);aspect-ratio:16/10;background-color:var(--surface-surface-secondary);object-fit:cover;height:auto;margin:0}div.gallery .gallery__thumbnail p{box-sizing:border-box;justify-content:center;align-items:center;padding:16px;display:flex}div.gallery .gallery__thumbnail-trigger{all:unset;cursor:pointer;width:100%;line-height:normal}div.gallery .gallery__trigger{all:unset;cursor:pointer;text-align:center;width:100%;font-size:1.125rem;text-decoration:underline;display:block}div.gallery .gallery__trigger:hover{text-decoration:none}@media screen{body:has(.gallery[open]){overflow:hidden}body:has(dialog[is=gallery-list-modal][open]) gallery-component{display:none}[data-gallery-wrapper]{display:contents}dialog.gallery{--_gallery-padding:0;--_gallery-thumbnail-row-margin:64px;--_gallery-thumbnail-row-size:80px;--_gallery-vertical-padding:16px;--_gallery-top-padding:24px;--_gallery-top-height:48px;--_gallery-image-height:calc(100vh - var(--_gallery-padding) * 2 - var(--_gallery-top-height) - var(--_gallery-top-padding) - var(--_gallery-thumbnail-row-size) - var(--_gallery-vertical-padding) * 6);all:unset;z-index:var(--z-gallery-dialog);box-sizing:border-box;width:100%;padding:var(--_gallery-padding) 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#1a1a1abf;border:0;flex-direction:column;gap:12px;margin:0;display:none;position:fixed;inset:0}dialog.gallery[open]{display:flex}dialog.gallery.gallery--print-hidden{visibility:hidden;pointer-events:none}}@media screen and (width>=64rem){dialog.gallery{--_gallery-padding:50px;--_gallery-thumbnail-row-size:115px}}@media screen{dialog.gallery .gallery__top{height:var(--_gallery-top-height);padding:var(--content-padding);color:var(--color-global-white);justify-content:flex-end;align-items:center;gap:16px;display:flex}}@media screen and (width>=64rem){dialog.gallery .gallery__top{padding:var(--_gallery-top-padding) var(--content-padding) 0}dialog.gallery .gallery__top .gallery__action:not(.gallery__action--icon){padding:14px 24px}}@media screen and (width>=93.75rem){dialog.gallery .gallery__top{padding-inline:72px}}@media screen{dialog.gallery .gallery__action{all:unset;z-index:1;cursor:pointer;opacity:1;background:#000000b3;border:1px solid #fff;border-radius:48px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:8px;padding:14px;transition:opacity .15s;display:flex}dialog.gallery .gallery__action:focus-visible{outline:2px solid var(--color-global-white);outline-offset:-2px}dialog.gallery .gallery__action:hover{background:#000000e6;text-decoration:underline}dialog.gallery .gallery__action:disabled{opacity:0;pointer-events:none}dialog.gallery .gallery__action span{display:none}}@media screen and (width>=64rem){dialog.gallery .gallery__action span{display:inline-block}}@media screen{dialog.gallery .gallery__action svg-icon{width:16px;height:16px;fill:var(--color-global-white)}dialog.gallery .gallery__action.gallery__action--prev,dialog.gallery .gallery__action.gallery__action--next{display:none;position:absolute;transform:translateY(-90%)}}@media screen and (width>=48rem){dialog.gallery .gallery__action.gallery__action--prev,dialog.gallery .gallery__action.gallery__action--next{display:flex}}@media screen{dialog.gallery .gallery__action.gallery__action--prev svg-icon,dialog.gallery .gallery__action.gallery__action--next svg-icon{width:24px;height:24px}dialog.gallery .gallery__action.gallery__action--prev{left:8px}dialog.gallery .gallery__action.gallery__action--prev svg-icon{rotate:90deg}dialog.gallery .gallery__action.gallery__action--next{right:8px}dialog.gallery .gallery__action.gallery__action--next svg-icon{rotate:-90deg}dialog.gallery .gallery__content{flex-direction:column;flex-grow:1;justify-content:center;display:flex;position:relative;overflow-x:hidden}}@media screen and (width>=64rem){dialog.gallery .gallery__content{margin-inline:64px}}@media screen{dialog.gallery .gallery__slides{-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;width:100%;margin:auto 0 0;padding:0 0 40px;display:flex;overflow-x:scroll}}@media screen and (width>=64rem){dialog.gallery .gallery__slides{margin-top:0;padding:0;overflow:hidden}}@media screen{dialog.gallery .gallery__slide{width:100%;color:var(--color-global-white);padding-block:var(--_gallery-vertical-padding);scroll-snap-align:center;text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:96px;display:flex}}@media screen and (width>=64rem){dialog.gallery .gallery__slide{gap:64px}}@media screen{dialog.gallery .gallery__slide-wrapper{margin:0;position:relative}dialog.gallery .gallery__slide-content{filter:drop-shadow(0 0 8px #00000080);flex-direction:column;max-height:100%;display:flex;position:relative}dialog.gallery .gallery__slide-content picture,dialog.gallery .gallery__slide-content img{width:auto;max-width:100%;max-height:var(--_gallery-image-height);object-fit:contain;display:block}}@media screen and (width>=64rem){dialog.gallery .gallery__slide-content picture,dialog.gallery .gallery__slide-content img{border-radius:4px}}@media screen{dialog.gallery .gallery__slide-content.gallery__slide-content--snapped{width:100%;aspect-ratio:var(--_snapped-ratio);overflow:hidden}}@media screen and (width>=64rem){dialog.gallery .gallery__slide-content.gallery__slide-content--snapped{width:auto;height:var(--_gallery-image-height);border-radius:4px;align-self:center}}@media screen{dialog.gallery .gallery__slide-content.gallery__slide-content--snapped picture,dialog.gallery .gallery__slide-content.gallery__slide-content--snapped img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;max-height:none;margin:0}dialog.gallery .gallery__slide-description{box-sizing:border-box;text-align:left;max-width:850px;margin:0 110px 0 0;padding:16px 24px}}@media screen and (width>=64rem){dialog.gallery .gallery__slide-description{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;filter:drop-shadow(0 4px 4px #00000040);background-color:#000000d9;border-radius:8px;padding:12px 24px;position:absolute;bottom:8px;left:8px}}@media screen{dialog.gallery .gallery__slide-number{color:#fff;filter:drop-shadow(0 4px 4px #00000040);background-color:#000000bf;border-radius:8px;padding:4px 8px;font-size:.75rem;position:absolute;bottom:8px;right:8px}}@media screen and (width>=64rem){dialog.gallery .gallery__slide-number{padding:12px 24px;font-size:1rem}}@media screen{dialog.gallery .gallery__thumbnails{--_columns:2;grid-template-columns:repeat(var(--_columns), minmax(0, 1fr));margin-bottom:auto;gap:8px;margin-inline:auto;padding:16px 8px;display:grid;overflow-y:auto}}@media screen and (width>=48rem){dialog.gallery .gallery__thumbnails{--_columns:3;gap:24px;padding-inline:40px}}@media screen and (width>=64rem){dialog.gallery .gallery__thumbnails{--_columns:5}}@media screen{dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal{max-width:100%;height:var(--_gallery-thumbnail-row-size);margin-top:0;padding:0;padding-block:var(--_gallery-vertical-padding);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;flex-shrink:0;margin-inline:auto;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 5% 95%,#0000)}}@media screen and (width>=64rem){dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal{margin-bottom:0}}@media screen{dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail{scroll-snap-align:start;flex-shrink:0}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail:first-child{padding-left:20px}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail:last-child{padding-right:20px}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail button{filter:brightness(.8)}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail button[data-current]{filter:brightness()}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail img{height:var(--_gallery-thumbnail-row-size);box-sizing:border-box;aspect-ratio:1;object-fit:cover}}@media screen and (width>=64rem){dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail img{aspect-ratio:auto;width:200px}}@media screen{dialog.gallery .gallery__thumbnail{display:flex}dialog.gallery .gallery__thumbnail img,dialog.gallery .gallery__thumbnail p{aspect-ratio:16/9;background-color:var(--surface-surface-secondary);border-radius:4px;margin:0}dialog.gallery .gallery__thumbnail img{filter:drop-shadow(0 0 8px #00000080);object-fit:cover;width:100%;height:auto;display:block}dialog.gallery .gallery__thumbnail p{box-sizing:border-box;justify-content:center;align-items:center;height:100%;padding:16px;display:flex}dialog.gallery .gallery__thumbnail-trigger{all:unset;cursor:pointer;width:100%;display:block}}@media print{dialog.gallery{--_gallery-print-gap:.4cm;break-after:page;break-before:page;background-color:#0000;border:0;position:static}dialog.gallery .gallery__top{display:none}dialog.gallery .gallery__slides{justify-content:space-evenly;gap:var(--_gallery-print-gap);grid-template-columns:1fr 1fr;padding:0 1.5cm;display:grid;overflow:hidden}dialog.gallery .gallery__slide-wrapper{margin:0}dialog.gallery .gallery__slide{break-inside:avoid;height:100%;display:block}dialog.gallery .gallery__slide picture{display:contents}dialog.gallery .gallery__slide img{height:100%;max-height:calc(50vh - var(--project-print-margin) - var(--_gallery-print-gap) / 2);object-fit:cover;display:block}dialog.gallery .gallery__action,dialog.gallery .gallery__thumbnails,dialog.gallery .gallery__slide-number{display:none}}