.asawoo-gallery{--asg-gap:12px;box-sizing:border-box;display:grid;gap:var(--asg-gap);min-width:0;width:100%;padding:var(--asawoo-padding,0);border-radius:var(--asawoo-radius,12px);overflow:hidden}.asawoo-gallery *{box-sizing:border-box}.asawoo-gallery__main{display:grid;min-width:0;overflow:hidden}.asawoo-gallery__slide{grid-area:1/1;min-width:0}.asawoo-gallery__slide[hidden]{display:none!important}.asawoo-gallery__image-button,.asawoo-gallery__video-button{appearance:none;border:0;position:relative;display:grid;place-items:center;width:100%;max-width:100%;padding:0;cursor:zoom-in;background:transparent;overflow:hidden;border-radius:var(--asawoo-radius,12px);min-height:180px}.asawoo-gallery__image{width:100%;height:auto;max-height:580px;object-fit:contain;display:block}.asawoo-gallery__video-button{aspect-ratio:4/3;background:#121817;color:#fff;cursor:pointer}.asawoo-gallery__video-button img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.asawoo-gallery__play{display:grid;place-items:center;position:relative;z-index:1;border-radius:50%;width:64px;aspect-ratio:1;background:rgb(0 0 0 / .65);font-size:24px;padding-inline-start:4px}
.asawoo-gallery__thumbs{display:flex;gap:var(--asawoo-gap,10px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;padding:3px;scroll-snap-type:x mandatory}.asawoo-gallery__thumb{scroll-snap-align:start;appearance:none;border:2px solid transparent;display:grid;place-items:center;padding:0;position:relative;flex:0 0 var(--asawoo-thumb-size,76px);aspect-ratio:1;background:#f1f3f2;border-radius:calc(var(--asawoo-radius,12px)*.65);overflow:hidden;cursor:pointer}.asawoo-gallery__thumb img{width:100%;height:100%;object-fit:cover}.asawoo-gallery__thumb span{position:absolute;inset:auto 5px 5px auto;color:white;text-shadow:0 0 4px #000}.asawoo-gallery__thumb.is-active{border-color:var(--asawoo-accent,#316b60)}.asawoo-gallery--vertical{grid-template-columns:minmax(0,1fr) 86px}.asawoo-gallery--vertical .asawoo-gallery__thumbs{flex-direction:column;max-height:520px;overflow-y:auto;overflow-x:hidden}.asawoo-gallery--vertical .asawoo-gallery__thumb{flex-basis:var(--asawoo-thumb-size,76px)}.asawoo-gallery--grid .asawoo-gallery__main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--asg-gap)}.asawoo-gallery--grid .asawoo-gallery__slide{grid-area:auto!important}.asawoo-gallery--grid .asawoo-gallery__thumbs{display:none}.asawoo-gallery__dialog{box-sizing:border-box;border:none;max-width:min(96vw,1000px)!important;max-height:95dvh!important;width:100%;padding:44px 16px 16px;background:#111b1a;color:#fff;border-radius:18px;overflow:auto}.asawoo-gallery__dialog::backdrop{background:rgb(0 0 0 / .85)}.asawoo-gallery__close{position:absolute;inset-block-start:5px;inset-inline-end:10px;color:#fff;border:none;background:transparent;font-size:30px;cursor:pointer}.asawoo-gallery__lightbox-body{display:grid;place-items:center;min-height:240px}.asawoo-gallery__lightbox-body img{max-width:100%;max-height:calc(92dvh - 85px);object-fit:contain}.asawoo-gallery__lightbox-body :is(iframe,video){border:0;display:block;width:100%;max-height:calc(92dvh - 85px);aspect-ratio:16/9}.asawoo-gallery__slide img{user-select:none}@media(max-width:620px){.asawoo-gallery--vertical{display:grid;grid-template-columns:1fr}.asawoo-gallery--vertical .asawoo-gallery__thumbs{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden}.asawoo-gallery--grid .asawoo-gallery__main{grid-template-columns:1fr 1fr}.asawoo-gallery__thumb{flex-basis:var(--asawoo-thumb-size,60px)}.asawoo-gallery__play{width:52px}}

/* Viewport-safe lightbox; dialog is in the top layer and is not clipped by the gallery. */
.asawoo-gallery__dialog{inset:0!important;box-sizing:border-box;inline-size:min(1000px,calc(100vw - 24px))!important;max-inline-size:calc(100vw - 24px)!important;max-block-size:calc(100dvh - 24px)!important;margin:auto;overscroll-behavior:contain;overflow:auto;scrollbar-gutter:stable}
.asawoo-gallery__dialog[open]{display:block}.asawoo-gallery__dialog .asawoo-gallery__lightbox-body{min-inline-size:0;max-inline-size:100%;max-block-size:calc(100dvh - 100px)}
.asawoo-gallery__lightbox-body :is(img,video,iframe){max-inline-size:100%;max-block-size:calc(100dvh - 105px);object-fit:contain}
.asawoo-gallery__close{z-index:2;min-inline-size:44px;min-block-size:44px;display:grid;place-items:center;inset-block-start:0;inset-inline-end:0}
@media(max-width:600px){.asawoo-gallery__dialog{inline-size:calc(100vw - 12px)!important;max-inline-size:calc(100vw - 12px)!important;max-block-size:calc(100dvh - 12px)!important;padding:52px 10px 12px}.asawoo-gallery__lightbox-body :is(iframe,video){aspect-ratio:16/9}}
.asawoo-gallery__inline-player{display:block;max-inline-size:100%;inline-size:100%;aspect-ratio:16/9;min-block-size:180px;border:0;object-fit:contain}