.skill-gallery{overscroll-behavior:contain;border:1px solid var(--iw-line);background:var(--iw-surface);scrollbar-width:thin;border-radius:20px;flex-direction:column;gap:14px;height:min(72vh,620px);padding:14px;display:flex;overflow-y:auto}.skill-gallery>*{border:1px solid var(--iw-line);border-radius:14px;flex:none;overflow:hidden}.skill-gallery-video{aspect-ratio:16/9;background:#111;margin:0;position:relative}.skill-gallery-video>video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.skill-gallery-tools{gap:8px;display:flex;position:absolute;top:12px;right:12px}.skill-gallery-tools>*,.skill-gallery-play,.skill-gallery-bar button{color:#fff;cursor:pointer;background:#000b;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.skill-gallery-tools>*{width:36px;height:36px}.skill-gallery-play{width:58px;height:58px;position:absolute;top:50%;left:50%;translate:-50% -50%}.skill-gallery-bar{color:#fff;font-variant-numeric:tabular-nums;background:linear-gradient(#0000,#000a);align-items:center;gap:10px;padding:28px 14px 12px;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.skill-gallery-bar button{background:#fff3;flex:none;width:28px;height:28px}.skill-gallery-bar input{appearance:none;background:linear-gradient(90deg,#fff var(--progress),#fff5 var(--progress));cursor:pointer;border-radius:4px;flex:1;min-width:0;height:4px;margin:0}.skill-gallery-bar input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:12px;height:12px}.skill-gallery-bar input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.skill-gallery-video[data-playing=true] .skill-gallery-bar{opacity:0;transition:opacity .3s}.skill-gallery-video[data-playing=true]:is(:hover,:focus-within) .skill-gallery-bar{opacity:1}.skill-gallery-shot{display:block}.skill-gallery-shot .content-image{width:100%;display:block}.skill-gallery-shot img{width:100%;height:auto;transition:transform .4s;display:block}.skill-gallery-shot:hover img{transform:scale(1.02)}.skill-gallery[data-contain-shots=true] .skill-gallery-shot{aspect-ratio:16/10}.skill-gallery[data-contain-shots=true] .skill-gallery-shot .content-image{height:100%}.skill-gallery[data-contain-shots=true] .skill-gallery-shot img{object-fit:contain;height:100%}.skill-gallery[data-contain-shots=true] .skill-gallery-shot:hover img{transform:none}@media (max-width:760px){.skill-gallery{gap:10px;height:min(70vh,480px);padding:10px}.skill-gallery-tools{gap:6px;top:8px;right:8px}.skill-gallery-tools>*{width:30px;height:30px}.skill-gallery-play{width:46px;height:46px}.skill-gallery-bar{gap:8px;padding:20px 10px 8px}}@media (hover:none){.skill-gallery-video[data-playing=true] .skill-gallery-bar{opacity:1}}@media (prefers-reduced-motion:reduce){.skill-gallery-shot img,.skill-gallery-bar{transition:none}}