.phpdev-gallery .gallery{overflow:hidden}.phpdev-gallery .gallery .swiper-wrapper{height:auto}.phpdev-gallery .gallery .swiper-slide{height:auto;max-width:100%;width:auto}.phpdev-gallery .gallery .mock{height:clamp(200px,28vw,400px)}.phpdev-gallery .gallery .mock .shot{cursor:zoom-in;display:block;height:100%}.phpdev-gallery .gallery .mock img{display:block;height:100%;max-width:none;width:auto}.phpdev-gallery .gallery figure{display:flex;flex-direction:column;gap:.7rem;margin:0}.phpdev-gallery .gallery figcaption{color:var(--ink-dim);font-family:var(--mono);font-size:var(--fs-xs)}.phpdev-gallery .slider-nav{align-items:center;display:flex;gap:1rem;margin-top:clamp(1.5rem,3vw,2.25rem)}.phpdev-gallery .slider-nav .dots{bottom:auto;display:flex;gap:.45rem;left:auto;position:static;transform:none;width:auto}.phpdev-gallery .dot-btn{background:hsla(0,0%,100%,.14);border:0;border-radius:2px;cursor:pointer;display:block;height:3px;padding:0;transition:background .3s ease-in-out,width .3s ease-in-out;width:2.25rem}.phpdev-gallery .dot-btn.is-on{background:var(--accent);width:3.25rem}.phpdev-gallery .arrow{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:50%;color:var(--ink-soft);cursor:pointer;display:inline-flex;height:2.6rem;justify-content:center;padding:0;transition:border-color .3s ease-in-out,color .3s ease-in-out,transform .22s;width:2.6rem}.phpdev-gallery .arrow svg{display:block;height:1.15rem;transition:transform .22s;width:1.15rem}.phpdev-gallery .arrow:hover{border-color:var(--accent);color:var(--accent-2)}.phpdev-gallery .arrow[data-prev]:hover svg{transform:translateX(-2px)}.phpdev-gallery .arrow[data-next]:hover svg{transform:translateX(2px)}.phpdev-gallery .arrow:active{transform:scale(.94)}.phpdev-gallery .arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.phpdev-gallery .slide-count{color:var(--ink-dim);font-family:var(--mono);font-size:var(--fs-xs);margin-left:auto;white-space:nowrap}@media (max-width:640px){.phpdev-gallery .slider-nav .dots{flex:1 1 auto;min-width:0}.phpdev-gallery .dot-btn{flex:0 1 2.25rem;min-width:0;transition:background .3s ease-in-out,flex-basis .3s ease-in-out;width:auto}.phpdev-gallery .dot-btn.is-on{flex-basis:3.25rem;width:auto}.phpdev-gallery .arrow,.phpdev-gallery .slide-count{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.phpdev-gallery .arrow,.phpdev-gallery .arrow svg,.phpdev-gallery .dot-btn{transition:none}}
/*# sourceMappingURL=gallery.css.map */