.pixel8-gallery-preview{--p8-blue:#13294b;--p8-sage:#91946e;min-width:0}
.pixel8-gallery-preview .pixel8-gallery{--pixel8-gallery-radius:0px;--pixel8-gallery-accent:#13294b}
.pixel8-gallery-preview .pixel8-gallery__track{scrollbar-width:none;aspect-ratio:var(--pixel8-gallery-ratio)}
.pixel8-gallery-preview .pixel8-gallery__track::-webkit-scrollbar{display:none}
.pixel8-gallery-preview .pixel8-gallery__slide{height:100%;min-height:0}
.pixel8-gallery-preview .pixel8-gallery__controls button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:24px;border-color:#13294b33;border-radius:50%;background:#fff;color:#13294b}
.pixel8-gallery-preview .pixel8-gallery__controls button:hover{background:#13294b;color:#fff}
.pixel8-gallery-preview .pixel8-gallery__controls button:focus-visible,.pixel8-gallery-preview .pixel8-gallery__thumbnails button:focus-visible{outline:3px solid #91946e;outline-offset:3px}
.pixel8-gallery-preview .pixel8-gallery__counter{background:#13294b;color:#fff;border-radius:20px;padding:6px 14px;font-size:.85rem}
.pixel8-gallery-preview .pixel8-gallery__thumbnails{gap:10px;padding:4px;margin-top:12px}
.pixel8-gallery-preview .pixel8-gallery__thumbnails button{flex-basis:88px;width:88px;border:3px solid transparent;border-radius:0;opacity:.6;transition:opacity .18s ease}
.pixel8-gallery-preview .pixel8-gallery__thumbnails button:hover,.pixel8-gallery-preview .pixel8-gallery__thumbnails button[aria-current=true]{opacity:1}
.pixel8-gallery-preview .pixel8-gallery__thumbnails button[aria-current=true]{border-color:#91946e}
.pixel8-gallery-preview--overlay .pixel8-gallery,.pixel8-gallery-preview--sidebar .pixel8-gallery{display:grid;grid-template-areas:"photo" "thumbs";grid-template-columns:minmax(0,1fr)}
.pixel8-gallery-preview--overlay .pixel8-gallery__track,.pixel8-gallery-preview--sidebar .pixel8-gallery__track{grid-area:photo}
.pixel8-gallery-preview--overlay .pixel8-gallery__controls,.pixel8-gallery-preview--sidebar .pixel8-gallery__controls{grid-area:photo;z-index:1;align-self:end;position:relative;margin:0;padding:16px;pointer-events:none}
.pixel8-gallery-preview--overlay .pixel8-gallery__controls button,.pixel8-gallery-preview--sidebar .pixel8-gallery__controls button{pointer-events:auto;box-shadow:0 2px 8px #0002}
.pixel8-gallery-preview--overlay .pixel8-gallery__thumbnails,.pixel8-gallery-preview--sidebar .pixel8-gallery__thumbnails{grid-area:thumbs}
@media(min-width:768px){
.pixel8-gallery-preview--sidebar .pixel8-gallery{grid-template-areas:"thumbs photo";grid-template-columns:100px minmax(0,1fr);gap:14px}
.pixel8-gallery-preview--sidebar .pixel8-gallery__thumbnails{flex-direction:column;height:0;min-height:100%;margin:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
.pixel8-gallery-preview--sidebar .pixel8-gallery__thumbnails button{flex:0 0 62px;width:88px;min-height:62px}
}
@media(max-width:767px){.pixel8-gallery-preview .pixel8-gallery__thumbnails button{flex-basis:68px;width:68px;min-height:46px}.pixel8-gallery-preview--overlay .pixel8-gallery__controls,.pixel8-gallery-preview--sidebar .pixel8-gallery__controls{padding:10px}}
@media(prefers-reduced-motion:reduce){.pixel8-gallery-preview .pixel8-gallery__thumbnails button{transition:none}}
