.scrollable{max-height:70%;overflow-y:auto;position:relative}@media screen and (max-width:1150px){.scrollable{max-height:65%;overflow-y:auto;position:relative}}.scroll-arrow{position:absolute;right:10px;bottom:10px;font-size:18px;color:#000;border-radius:999px;padding:8px 8px;cursor:pointer;opacity:0;pointer-events:none;transform:rotate(0deg);transition:opacity .18s ease,transform .25s ease;backdrop-filter:blur(4px)}.scroll-arrow.is-visible{opacity:1;pointer-events:auto}.scroll-arrow.is-bottom{transform:rotate(180deg)}.scroll-arrow:hover{background:rgb(0 0 0 / .03);color:#000;box-shadow:0 0 8px rgb(255 255 255 / .25)}.scroll-arrow.clicked{transform:scale(.85) rotate(var(--rotation,0deg));box-shadow:0 0 12px rgb(255 255 255 / .4)}.scroll-arrow.clicked.releasing{transform:scale(1) rotate(var(--rotation,0deg))}