.gallery{flex-direction:column;gap:18px;display:flex}.gallery .head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.gallery h3{letter-spacing:-.02em;font-size:18px;font-weight:600}.gallery .controls{align-items:center;gap:12px;display:flex}.gallery .hint{color:var(--app-caption);font-size:13px}@media (hover:none){.gallery .hint{display:none}}.gallery .pause{color:var(--app-caption);background:var(--app-badge-bg);border-radius:var(--r-pill);cursor:pointer;border:0;align-items:center;gap:6px;padding:6px 12px 6px 9px;font-size:13px;font-weight:500;transition:background .18s,color .18s;display:inline-flex}.gallery .pause:hover{color:var(--app-text)}.gallery .ic{width:12px;height:12px;display:block}.gallery .ic-play,.gallery .pause[aria-pressed=true] .ic-pause{display:none}.gallery .pause[aria-pressed=true] .ic-play{display:block}.gallery .shelf{scrollbar-width:none;gap:20px;padding:4px 0 14px;display:flex;overflow-x:auto}.gallery .shelf::-webkit-scrollbar{display:none}.gallery .roll{width:max-content;animation-name:roll;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.gallery .roll:hover,.gallery .roll.is-paused{animation-play-state:paused}.gallery .roll-half{gap:20px;padding-right:20px;display:flex}.gallery figure{flex-direction:column;flex:none;gap:13px;width:min(72vw,242px);display:flex}.gallery figure .shot-pic{display:block}.gallery figure .shot{border-radius:var(--app-shot-corner,var(--app-shot-radius));background:var(--app-shot-bg);width:100%;height:auto;box-shadow:var(--app-shot-shadow);display:block}.gallery figure .shot:hover{transform:translateY(-6px)}.gallery figcaption{color:var(--app-caption);padding-left:2px;font-size:13px}@media (prefers-reduced-motion:reduce){.gallery .pause,.gallery .hint{display:none}}