.hint-scroll{--hint-scroll-size:2.5rem;display:flex;align-items:center;justify-content:center;width:var(--hint-scroll-size);min-width:var(--hint-scroll-size);height:var(--hint-scroll-size);border:1px solid var(--color-beige-100);border-radius:50%;animation-name:move_up_down;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate}@media(min-width:768px){.hint-scroll{--hint-scroll-size:3rem}}@media(min-width:1100px){.hint-scroll{--hint-scroll-size:3.375rem}}.hint-scroll .hint-scroll__icon{width:1.25rem;min-width:1.25rem;height:1.25rem;stroke:var(--color-beige-100);rotate:180deg}.hint-scroll.hint-scroll--brown{border-color:var(--color-brown-200)}.hint-scroll.hint-scroll--brown .hint-scroll__icon{stroke:var(--color-brown-200)}@keyframes move_up_down{0%{transform:translateY(0)}to{transform:translateY(-.5rem)}}