@keyframes scroll-hint-appear{0%{opacity:0;transform:translateX(40px)}10%{opacity:1}50%,to{opacity:0;transform:translateX(-40px)}}.scroll-hint.is-right-scrollable{background:linear-gradient(270deg,rgba(0,0,0,.15),transparent 16px,transparent)}.scroll-hint.is-right-scrollable.is-left-scrollable{background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 16px,transparent),linear-gradient(270deg,rgba(0,0,0,.15),transparent 16px,transparent)}.scroll-hint.is-left-scrollable{background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 16px,transparent)}.scroll-hint-icon{background:rgba(0,0,0,.7);border-radius:5px;box-sizing:border-box;height:80px;left:calc(50% - 60px);opacity:0;padding:20px 10px 10px;position:absolute;text-align:center;top:calc(50% - 25px);transition:opacity .3s;width:120px}.scroll-hint-icon-wrap{height:100%;left:0;max-height:100%;pointer-events:none;position:absolute;top:0;width:100%}.scroll-hint-text{color:#fff;font-size:10px;margin-top:5px}.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:.8}.scroll-hint-icon:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMS4zMyAzMC41Mkg3Ljg1QTEuNTUgMS41NSAwIDAgMSA2LjMgMjlhMTIuNSAxMi41IDAgMCAwLS42My00LjQyIDI1LjIgMjUuMiAwIDAgMC00LjI1LTVsLS4wNi0uMDZBNSA1IDAgMCAxIDAgMTUuODZhMy42NCAzLjY0IDAgMCAxIDEuMTctMi42MiAzLjYzIDMuNjMgMCAwIDEgNS4xNC4wN1YzLjc3YTMuNzcgMy43NyAwIDEgMSA3LjU0IDB2NC41NmEzLjQgMy40IDAgMCAxIDEuMjYgMCAzIDMgMCAwIDEgMiAxLjIyIDMuNSAzLjUgMCAwIDEgMi0uMDYgMy4yIDMuMiAwIDAgMSAyIDEuNTQgMy43NCAzLjc0IDAgMCAxIDMgLjQ3IDQuMjEgNC4yMSAwIDAgMSAxLjYzIDMuNXYuNDZhMTkuMyAxOS4zIDAgMCAxLS44NCA3Yy0uMTQuMzgtLjM2LjgxLS41NiAxLjIybC0uMTEuMjJjMCAuMDctLjA5LjE0LS4xNC4yMWE3LjEgNy4xIDAgMCAwLTEuMTcgMi4xN2MtLjA2LjU2LS4wNiAyLjE1LS4wNSAyLjcxYTEuNTUgMS41NSAwIDAgMS0xLjU0IDEuNTNNOC42MSAyOC4yMWgxMmMwLS43MSAwLTEuNzEuMDctMi4yM2E4LjcgOC43IDAgMCAxIDEuNTktMy4yNWwuMDYtLjEyYTEwIDEwIDAgMCAwIC40Ni0xIDE2LjggMTYuOCAwIDAgMCAuNy02LjEydi0uNTRhMiAyIDAgMCAwLS42NC0xLjUyIDEuMzMgMS4zMyAwIDAgMC0xLjU1LjA4IDEuMTMgMS4xMyAwIDAgMS0xLjE4LjI4IDEuMTUgMS4xNSAwIDAgMS0uNzgtLjk0IDEuMjYgMS4yNiAwIDAgMC0uNzUtMS4xMSAxIDEgMCAwIDAtMS4xMS4yOGwtLjEuMWExLjE1IDEuMTUgMCAwIDEtMS4xOS4yOSAxLjE2IDEuMTYgMCAwIDEtLjc4LS45NWMtLjA5LS42OC0uMjEtLjc3LS43LS44N2EuODIuODIgMCAwIDAtMSAuNDggMS4xNiAxLjE2IDAgMCAxLTIuMTYtLjU4VjMuNzdhMS40NiAxLjQ2IDAgMSAwLTIuOTIgMHYxMi4xOGExLjE3IDEuMTcgMCAwIDEtLjgzIDEuMTEgMS4xNSAxLjE1IDAgMCAxLTEuMi0uMzVsLTEtLjkxYy0uNDctLjQyLS43My0uNjYtLjg0LS43N2ExLjM1IDEuMzUgMCAwIDAtMi0uMTJMMi43IDE1YTEuMzIgMS4zMiAwIDAgMC0uMzkgMUEyLjU3IDIuNTcgMCAwIDAgMyAxNy44NWEyNy4yIDI3LjIgMCAwIDEgNC43IDUuNjIgMTIuNiAxMi42IDAgMCAxIC45MSA0Ljc0bS0yLjEtMTEuNjIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiLz48L2c+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff;content:"";display:inline-block;height:40px;text-align:center;vertical-align:middle;width:40px}.scroll-hint-icon:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGZpbGw9IiNmZmYiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0xLjg1IDYuMDFoOC41NU0xMC40IDcuMTdIMS44NWExLjE2IDEuMTYgMCAxIDEgMC0yLjMxaDguNTVhMS4xNiAxLjE2IDAgMSAxIDAgMi4zMSIvPjxwYXRoIGQ9Ik03LjQgMTJhMS4xNSAxLjE1IDAgMCAxLS43Mi0uMjVsLTYuMjUtNUExLjIgMS4yIDAgMCAxIDAgNS44NyAxLjE0IDEuMTQgMCAwIDEgLjQ2IDVMNi43LjIzYTEuMTYgMS4xNiAwIDAgMSAxLjQgMS44NUwzIDUuOTEgOC4xMiAxMGExLjE2IDEuMTYgMCAwIDEtLjcyIDJNMzEuNDUgNi4wMWgtOC41Nk0zMS40NSA3LjE3aC04LjU2YTEuMTYgMS4xNiAwIDEgMSAwLTIuMzFoOC41NmExLjE2IDEuMTYgMCAwIDEgMCAyLjMxIi8+PHBhdGggZD0iTTI1LjkgMTJhMS4xOCAxLjE4IDAgMCAxLS45MS0uNDMgMS4xNyAxLjE3IDAgMCAxIC4xOC0xLjU3bDUuMDktNC4wNS01LjA2LTMuODdBMS4xNiAxLjE2IDAgMCAxIDI2LjU5LjIzTDMyLjg0IDVhMS4xNiAxLjE2IDAgMCAxIC40NS45MSAxLjE0IDEuMTQgMCAwIDEtLjQzLjkybC02LjI0IDVhMS4xNyAxLjE3IDAgMCAxLS43Mi4xNyIvPjwvZz48L2c+PC9zdmc+);background-repeat:no-repeat;content:"";display:block;height:14px;left:50%;margin-left:-20px;opacity:0;position:absolute;top:10px;transition-delay:2.4s;width:34px}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after{opacity:1}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before{animation:scroll-hint-appear 1.2s linear;animation-iteration-count:2}.scroll-hint-icon-white{background-color:#fff;box-shadow:0 4px 5px rgba(0,0,0,.4)}.scroll-hint-icon-white:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxwYXRoIGQ9Ik0yMS4zMyAzMC41Mkg3Ljg1QTEuNTUgMS41NSAwIDAgMSA2LjMgMjlhMTIuNSAxMi41IDAgMCAwLS42My00LjQyIDI1LjIgMjUuMiAwIDAgMC00LjI1LTVsLS4wNi0uMDZBNSA1IDAgMCAxIDAgMTUuODZhMy42NCAzLjY0IDAgMCAxIDEuMTctMi42MiAzLjYzIDMuNjMgMCAwIDEgNS4xNC4wN1YzLjc3YTMuNzcgMy43NyAwIDEgMSA3LjU0IDB2NC41NmEzLjQgMy40IDAgMCAxIDEuMjYgMCAzIDMgMCAwIDEgMiAxLjIyIDMuNSAzLjUgMCAwIDEgMi0uMDYgMy4yIDMuMiAwIDAgMSAyIDEuNTQgMy43NCAzLjc0IDAgMCAxIDMgLjQ3IDQuMjEgNC4yMSAwIDAgMSAxLjYzIDMuNXYuNDZhMTkuMyAxOS4zIDAgMCAxLS44NCA3Yy0uMTQuMzgtLjM2LjgxLS41NiAxLjIybC0uMTEuMjJjMCAuMDctLjA5LjE0LS4xNC4yMWE3LjEgNy4xIDAgMCAwLTEuMTcgMi4xN2MtLjA2LjU2LS4wNiAyLjE1LS4wNSAyLjcxYTEuNTUgMS41NSAwIDAgMS0xLjU0IDEuNTNNOC42MSAyOC4yMWgxMmMwLS43MSAwLTEuNzEuMDctMi4yM2E4LjcgOC43IDAgMCAxIDEuNTktMy4yNWwuMDYtLjEyYTEwIDEwIDAgMCAwIC40Ni0xIDE2LjggMTYuOCAwIDAgMCAuNy02LjEydi0uNTRhMiAyIDAgMCAwLS42NC0xLjUyIDEuMzMgMS4zMyAwIDAgMC0xLjU1LjA4IDEuMTMgMS4xMyAwIDAgMS0xLjE4LjI4IDEuMTUgMS4xNSAwIDAgMS0uNzgtLjk0IDEuMjYgMS4yNiAwIDAgMC0uNzUtMS4xMSAxIDEgMCAwIDAtMS4xMS4yOGwtLjEuMWExLjE1IDEuMTUgMCAwIDEtMS4xOS4yOSAxLjE2IDEuMTYgMCAwIDEtLjc4LS45NWMtLjA5LS42OC0uMjEtLjc3LS43LS44N2EuODIuODIgMCAwIDAtMSAuNDggMS4xNiAxLjE2IDAgMCAxLTIuMTYtLjU4VjMuNzdhMS40NiAxLjQ2IDAgMSAwLTIuOTIgMHYxMi4xOGExLjE3IDEuMTcgMCAwIDEtLjgzIDEuMTEgMS4xNSAxLjE1IDAgMCAxLTEuMi0uMzVsLTEtLjkxYy0uNDctLjQyLS43My0uNjYtLjg0LS43N2ExLjM1IDEuMzUgMCAwIDAtMi0uMTJMMi43IDE1YTEuMzIgMS4zMiAwIDAgMC0uMzkgMUEyLjU3IDIuNTcgMCAwIDAgMyAxNy44NWEyNy4yIDI3LjIgMCAwIDEgNC43IDUuNjIgMTIuNiAxMi42IDAgMCAxIC45MSA0Ljc0bS0yLjEtMTEuNjIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiLz48L2c+PC9zdmc+)}.scroll-hint-icon-white:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0xLjg1IDYuMDFoOC41NU0xMC40IDcuMTdIMS44NWExLjE2IDEuMTYgMCAxIDEgMC0yLjMxaDguNTVhMS4xNiAxLjE2IDAgMSAxIDAgMi4zMSIvPjxwYXRoIGQ9Ik03LjQgMTJhMS4xNSAxLjE1IDAgMCAxLS43Mi0uMjVsLTYuMjUtNUExLjIgMS4yIDAgMCAxIDAgNS44NyAxLjE0IDEuMTQgMCAwIDEgLjQ2IDVMNi43LjIzYTEuMTYgMS4xNiAwIDAgMSAxLjQgMS44NUwzIDUuOTEgOC4xMiAxMGExLjE2IDEuMTYgMCAwIDEtLjcyIDJNMzEuNDUgNi4wMWgtOC41Nk0zMS40NSA3LjE3aC04LjU2YTEuMTYgMS4xNiAwIDEgMSAwLTIuMzFoOC41NmExLjE2IDEuMTYgMCAwIDEgMCAyLjMxIi8+PHBhdGggZD0iTTI1LjkgMTJhMS4xOCAxLjE4IDAgMCAxLS45MS0uNDMgMS4xNyAxLjE3IDAgMCAxIC4xOC0xLjU3bDUuMDktNC4wNS01LjA2LTMuODdBMS4xNiAxLjE2IDAgMCAxIDI2LjU5LjIzTDMyLjg0IDVhMS4xNiAxLjE2IDAgMCAxIC40NS45MSAxLjE0IDEuMTQgMCAwIDEtLjQzLjkybC02LjI0IDVhMS4xNyAxLjE3IDAgMCAxLS43Mi4xNyIvPjwvZz48L2c+PC9zdmc+)}.scroll-hint-icon-white .scroll-hint-text{color:#000}