.preview-scroll-hint{position:fixed;z-index:8;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(7,29,60,.9);box-shadow:0 12px 36px rgba(7,29,60,.24);backdrop-filter:blur(12px);color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;pointer-events:none;transition:opacity .45s ease,transform .45s ease}.preview-scroll-hint.is-hidden{opacity:0;transform:translate(-50%,12px)}.preview-scroll-hint b{font-size:15px;animation:previewHintArrow 1.35s ease-in-out infinite}.preview-scroll-mouse{position:relative;width:16px;height:23px;border:1.5px solid currentColor;border-radius:10px}.preview-scroll-mouse i{position:absolute;left:50%;top:4px;width:2px;height:5px;border-radius:2px;background:currentColor;transform:translateX(-50%);animation:previewHintWheel 1.35s ease-in-out infinite}@keyframes previewHintWheel{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,7px)}}@keyframes previewHintArrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}@media(max-width:700px){.preview-scroll-hint{display:none}}