.nova-pgal{--nova-pgal-gap:10px;--nova-pgal-fit:cover;--nova-pgal-radius:0px;--nova-pgal-cols:4;display:flex;flex-direction:column;gap:var(--nova-pgal-gap);min-width:0}.nova-pgal img{display:block;width:100%;height:100%;object-fit:var(--nova-pgal-fit)}.nova-pgal__main{position:relative;flex:1 1 auto;min-width:0}.nova-pgal__stage{position:relative;overflow:hidden;border-radius:var(--nova-pgal-radius)}.nova-pgal__track{display:flex;height:100%;transition:transform 0.35s ease;touch-action:pan-y;-webkit-user-select:none;user-select:none}.nova-pgal__track img{-webkit-user-drag:none;user-select:none}.nova-pgal__slide{flex:0 0 100%;min-width:0;display:flex}.nova-pgal__slide>*,.nova-pgal__cell>*{flex:1 1 auto;display:block;min-width:0}.nova-pgal__stage--trong{aspect-ratio:1 / 1;background:var(--nova-color-bg-alt,#f4f4f4)}.nova-pgal__thumbs{display:grid;gap:var(--nova-pgal-gap);grid-template-columns:repeat(var(--nova-pgal-cols),1fr);align-content:start}.nova-pgal__thumb{padding:0;margin:0;border:2px solid transparent;background:none;border-radius:var(--nova-pgal-radius);overflow:hidden;line-height:0;cursor:pointer;opacity:0.72;transition:opacity 0.2s ease,border-color 0.2s ease}.nova-pgal__thumb:hover{opacity:1}.nova-pgal__thumb.is-active{opacity:1;border-color:var(--nova-color-primary,#111)}.nova-pgal--left,.nova-pgal--right{--nova-pgal-tw:110px;display:block;position:relative}.nova-pgal--left .nova-pgal__main,.nova-pgal--right .nova-pgal__main{width:auto}.nova-pgal--right .nova-pgal__main{margin-inline-end:calc(var(--nova-pgal-tw) + var(--nova-pgal-gap))}.nova-pgal--left .nova-pgal__main{margin-inline-start:calc(var(--nova-pgal-tw) + var(--nova-pgal-gap))}.nova-pgal--left .nova-pgal__thumbs,.nova-pgal--right .nova-pgal__thumbs{position:absolute;top:0;bottom:0;width:var(--nova-pgal-tw);grid-template-columns:1fr;grid-auto-rows:min-content;overflow-y:auto;scrollbar-width:thin}.nova-pgal--right .nova-pgal__thumbs{inset-inline-end:0}@media (max-width:767px){.nova-pgal--left,.nova-pgal--right{--nova-pgal-tw:64px}}.nova-pgal--left .nova-pgal__thumbs{inset-inline-start:0}.nova-pgal--left .nova-pgal__thumb,.nova-pgal--right .nova-pgal__thumb{aspect-ratio:1 / 1}.nova-pgal--cuon:not(.nova-pgal--left):not(.nova-pgal--right) .nova-pgal__thumbs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--nova-pgal-cols) - 1) * var(--nova-pgal-gap)) / var(--nova-pgal-cols));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.nova-pgal--cuon:not(.nova-pgal--left):not(.nova-pgal--right) .nova-pgal__thumb{scroll-snap-align:start}.nova-pgal--cuon.nova-pgal--left .nova-pgal__thumbs,.nova-pgal--cuon.nova-pgal--right .nova-pgal__thumbs{max-height:100%}.nova-pgal--grid,.nova-pgal--stack{display:grid;grid-template-columns:repeat(var(--nova-pgal-cols),1fr)}.nova-pgal__cell{overflow:hidden;border-radius:var(--nova-pgal-radius);display:flex;min-width:0}.nova-pgal__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,0.92);color:#111;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.14);opacity:0;transition:opacity 0.2s ease}.nova-pgal__main:hover .nova-pgal__nav,.nova-pgal__nav:focus-visible{opacity:1}.nova-pgal__nav--prev{inset-inline-start:10px}.nova-pgal__nav--next{inset-inline-end:10px}.nova-pgal__nav svg{width:20px;height:20px}@media (hover:none){.nova-pgal__nav{opacity:1}}.nova-pgal--zoom .nova-pgal__slide img,.nova-pgal--zoom .nova-pgal__cell img{transition:transform 0.45s ease}.nova-pgal--zoom .nova-pgal__slide:hover img,.nova-pgal--zoom .nova-pgal__cell:hover img{transform:scale(1.08)}@media (max-width:991px){.nova-pgal.nova-pgal--t-below{display:flex}.nova-pgal--t-below .nova-pgal__main{margin-inline:0}.nova-pgal--t-below .nova-pgal__thumbs{position:static;width:auto;max-height:none;overflow-y:visible;grid-template-columns:repeat(var(--nova-pgal-cols),1fr);grid-auto-rows:auto}}@media (max-width:767px){.nova-pgal:is(.nova-pgal--left,.nova-pgal--right):not(.nova-pgal--m-side){display:flex}:is(.nova-pgal--left,.nova-pgal--right):not(.nova-pgal--m-side) .nova-pgal__main{margin-inline:0}:is(.nova-pgal--left,.nova-pgal--right):not(.nova-pgal--m-side) .nova-pgal__thumbs{position:static;width:auto;max-height:none;overflow-y:visible;grid-template-columns:repeat(var(--nova-pgal-cols),1fr);grid-auto-rows:auto}}.nova-pgal__video{position:relative;display:block;width:100%;min-height:100%;aspect-ratio:1 / 1;margin:0;padding:0;border:0;background:#111;cursor:pointer}.nova-pgal__video img{opacity:.82;transition:opacity .2s ease}.nova-pgal__video:is(:hover,:focus-visible) img{opacity:1}.nova-pgal__video:focus-visible{outline:3px solid var(--nova-color-primary,#2563eb);outline-offset:-3px}.nova-pgal__play{position:absolute;inset:0;display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;pointer-events:none}.nova-pgal__play svg{width:28px;height:28px;margin-left:3px;fill:currentColor}.nova-pgal__thumb--video{position:relative}.nova-pgal__thumb--video .nova-pgal__play{width:28px;height:28px}.nova-pgal__thumb--video .nova-pgal__play svg{width:14px;height:14px;margin-left:2px}@media (prefers-reduced-motion:reduce){.nova-pgal__video img{transition:none}}