.y24g{--y24-accent: #db5e00;width:100%;display:flex;flex-direction:column;gap:16px}.y24g__stage{position:relative;background:#fff;border-radius:16px;overflow:hidden;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}@media(min-width:990px){.y24g__stage{aspect-ratio:5 / 4}}.y24g__zoom{all:unset;box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:zoom-in;padding:12px}.y24g__main{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:opacity .18s ease}.y24g__main.is-fading{opacity:.25}.y24g__nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#ffffffeb;color:#1f2328;box-shadow:0 2px 10px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s,color .2s;z-index:2}.y24g__nav--prev{left:12px}.y24g__nav--next{right:12px}.y24g__stage:hover .y24g__nav,.y24g__nav:focus-visible{opacity:1}@media(hover:none){.y24g__stage .y24g__nav{opacity:1;width:36px;height:36px}}.y24g__nav:hover{background:var(--y24-accent);color:#fff}.y24g__count{position:absolute;right:14px;bottom:12px;font-size:12px;font-weight:600;background:#1f2328b8;color:#fff;padding:3px 9px;border-radius:999px}.y24g__count:empty{display:none}.y24g--single .y24g__nav,.y24g--single .y24g__strip{display:none}.y24g__strip{position:relative;display:flex;align-items:center;gap:10px}.y24g__thumbs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px;flex:1}.y24g__thumbs::-webkit-scrollbar{display:none}.y24g__thumb{flex:0 0 auto;width:88px;height:88px;padding:6px;border:1px solid #e3ddd6;border-radius:12px;background:#fff;cursor:pointer;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s}.y24g__thumb[hidden]{display:none}.y24g__thumb img{width:100%;height:100%;object-fit:contain;display:block}.y24g__thumb:hover{border-color:#bfb3a6}.y24g__thumb.is-active{border-color:var(--y24-accent);box-shadow:0 0 0 1px var(--y24-accent)}@media(max-width:749px){.y24g__thumb{width:64px;height:64px;padding:4px;border-radius:10px}}.y24g__scroll{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:0;background:#f4efea;color:#1f2328;display:none;align-items:center;justify-content:center;cursor:pointer}.y24g__scroll:hover{background:var(--y24-accent);color:#fff}.y24g--overflow .y24g__scroll{display:flex}.y24g__lightbox{width:min(96vw,1400px);height:min(92vh,1100px);max-width:none;max-height:none;padding:0;border:0;border-radius:16px;background:#fff;overflow:hidden}.y24g__lightbox::backdrop{background:#141210cc}.y24g__lightbox[open]{display:flex;align-items:center;justify-content:center}.y24g__lightbox img{max-width:100%;max-height:100%;object-fit:contain}.y24g__lightbox .y24g__nav{opacity:1}.y24g__lbclose{position:absolute;top:10px;right:14px;width:42px;height:42px;border:0;border-radius:50%;background:#f4efea;font-size:28px;line-height:1;cursor:pointer}.y24g__lbclose:hover{background:var(--y24-accent);color:#fff}.y24g__placeholder{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/25/assets/yogi24-gallery.css.map */