.skill-gallery{border:1px solid var(--border,#e6e6e6);background:var(--bg-2,#f7f7f8);touch-action:pan-y;position:relative;overflow:hidden}.skill-gallery-stage{place-items:center;height:clamp(280px,65vh,680px);display:grid}.skill-gallery-stage img{object-fit:contain;grid-area:1/1;width:100%;height:100%;min-height:0}.skill-gallery-stage img[hidden]{display:none}.skill-gallery-arrow,.skill-gallery-expand{color:#fff;cursor:pointer;background:#00000050;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .15s;display:grid}.skill-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%)}.skill-gallery-arrow:hover,.skill-gallery-expand:hover{background:#00000090}.skill-gallery-arrow:disabled{opacity:.25;cursor:default}.skill-gallery-prev{left:12px}.skill-gallery-next{right:12px}.skill-gallery-expand{position:absolute;bottom:12px;right:12px}.skill-gallery-counter{color:#fff;font-variant-numeric:tabular-nums;background:#00000060;border-radius:20px;padding:5px 11px;font-size:13px;font-weight:600;position:absolute;top:12px;right:12px}.skill-gallery-message{z-index:1;background:var(--bg-2,#f7f7f8);max-width:70%;color:var(--foreground);text-align:center;grid-area:1/1;padding:12px;font-size:14px}.skill-gallery:focus-visible,.skill-gallery button:focus-visible{outline:2px solid var(--primary,#e4002b);outline-offset:-3px}.skill-gallery-enlarged img{object-fit:contain;width:100%;height:75dvh}@media (prefers-reduced-motion:reduce){.skill-gallery button{transition:none}}