.scroll-down-button .wrapper .bar:after,.scroll-down-button .wrapper .bar:before{background-color:var(--scrollDownColor);content:"";position:absolute;transition:.3s ease-in-out;width:100%}.scroll-down-button{position:relative;transition:opacity .3s ease-in-out;z-index:2}.scroll-down-button .wrapper{bottom:9.11458vw;cursor:pointer;position:absolute;right:2.08333vw}.scroll-down-button .wrapper .text{color:#fff;display:flex;font-size:.70312vw;font-weight:500}.scroll-down-button .wrapper .bar{background-color:#d1cdd2;height:13.02083vw;position:absolute;top:3.22917vw;width:.3125vw}.scroll-down-button .wrapper .bar:before{animation-duration:2s;animation-iteration-count:infinite;animation-name:scrollDownButtonDotDesk;height:.3125vw;top:-1.5625vw}@media (max-width:768px),(orientation:portrait){.scroll-down-button .wrapper{bottom:22.66667vw;right:4.26667vw}.scroll-down-button .wrapper .text{display:none;font-size:0}.scroll-down-button .wrapper .bar{height:45.33333vw;top:0;width:1.33333vw}.scroll-down-button .wrapper .bar:before{animation-name:scrollDownButtonDotMobile;height:1.6vw;top:-8vw}}.scroll-down-button .wrapper .bar:after{height:50%;top:0}.scroll-down-button.active .wrapper .bar:before{background-color:#d1cdd2}.scroll-down-button.active .wrapper .bar:after{transform:translateY(100%)}.scroll-down-button.invisible{opacity:0;pointer-events:none}@keyframes scrollDownButtonDotDesk{0%,to{transform:translateY(0)}50%{transform:translateY(1.5625vw)}}@keyframes scrollDownButtonDotMobile{0%,to{transform:translateY(0)}50%{transform:translateY(8vw)}}