.scroll-indicator{position:fixed;right:0;bottom:120px;z-index:999;background-color:#212121d9;color:#fff;padding:12px 8px;border-radius:4px 0 0 4px;font-size:12px;font-weight:500;box-shadow:-2px 2px 10px #0003;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);border-right:none;font-family:var(--font-body-family);opacity:0;transform:translateY(20px);pointer-events:none;height:auto;min-height:100px;width:36px}.scroll-indicator.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-indicator:hover{background-color:#000000e6;box-shadow:-4px 0 12px #0000004d;border-color:#ffffff4d;padding-right:10px}.scroll-indicator__icon{display:inline-block;animation:bounceDown 2s infinite;font-size:16px;margin-top:5px}.scroll-indicator__text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:1px;text-transform:uppercase;font-size:10px;padding-top:5px}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes pulse{0%{box-shadow:-4px 0 #ffffff4d}70%{box-shadow:-8px 0 #fff0}to{box-shadow:-4px 0 #fff0}}@keyframes glow{0%,to{border-color:#ffffff1a}50%{border-color:#ffffff4d}}.scroll-indicator.visible{animation:pulse 2s infinite,glow 3s infinite}@media (max-height: 500px) and (orientation: landscape){.scroll-indicator{display:none}}.scroll-indicator.hidden{opacity:0;transform:translateY(20px);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/scroll-indicator.css.map */