.video-content-nav-menu.open-menu .video-content-nav-list{animation:list-fade-in-bottom-position .3s forwards}.show .fade-in-top-anime{animation:fade-in-top .5s forwards;-webkit-animation:fade-in-top .5s forwards}.show .fade-in-bottom-anime{animation:fade-in-bottom .5s forwards;-webkit-animation:fade-in-bottom .5s forwards}.show .fade-in-left-anime{animation:fade-in-left .5s forwards;-webkit-animation:fade-in-left .5s forwards}.show .fade-in-right-anime{animation:fade-in-right .5s forwards;-webkit-animation:fade-in-right .5s forwards}@keyframes fade-in-top{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fade-in-left{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes list-fade-in-bottom-position{0%{bottom:-100%;opacity:0}100%{bottom:7rem;opacity:1}}.wave-anime::before{content:"";position:absolute;top:0;left:0;display:block;width:300px;height:300px;border-radius:50%;background:red;animation:background-anime 20s infinite;z-index:1}.wave-anime-canvas{position:absolute;bottom:0;left:0;width:100%;z-index:1}.btn{width:100%;height:4.4rem;display:flex;align-items:center;justify-content:center;font-size:var(--normal-font-size);font-weight:var(--font-semi-bold);color:var(--white-color);cursor:pointer;position:relative}.btn-anime-1{border:2px solid var(--theme-color);color:var(--theme-color);transition:box-shadow .3s ease-in-out,color .3s ease-in-out;-webkit-transition:box-shadow .3s ease-in-out,color .3s ease-in-out}.btn-anime-2{overflow:hidden;z-index:1;transition:color 250ms ease-in-out;background-color:var(--container-color);color:var(--theme-color);border:2px solid var(--theme-color);position:relative}.btn-anime-2:after{content:'';position:absolute;display:block;top:0;left:50%;transform:translateX(-50%);width:0;height:100%;background:var(--theme-color-light);z-index:-1;transition:width 250ms ease-in-out}.btn-anime-3{border:2px solid var(--theme-color);color:var(--theme-color);background-image:linear-gradient(45deg,var(--theme-color) 50%,transparent 50%);background-position:100%;background-size:400%;transition:background .4s;background-color:#000919}.btn-anime-4{border:2px solid var(--theme-color);transition:box-shadow .3s ease-in-out,color .3s ease-in-out;-webkit-transition:box-shadow .3s ease-in-out,color .3s ease-in-out;background-color:var(--theme-color);color:var(--white-color)}.btn-anime-5{transition:box-shadow .3s ease-in-out,color .3s ease-in-out;-webkit-transition:box-shadow .3s ease-in-out,color .3s ease-in-out;background-color:var(--theme-color)}.btn-anime-6{border:2px solid var(--theme-color);transition:box-shadow .3s ease-in-out,color .3s ease-in-out;-webkit-transition:box-shadow .3s ease-in-out,color .3s ease-in-out;background-color:var(--container-color);color:var(--theme-color)}.hamburger{position:relative;cursor:pointer;width:40px;height:40px;border-radius:5px;overflow:hidden}.hamburger .hamburger-area{transition:all .4s}.hamburger span{display:inline-block;transition:all .4s;position:absolute;left:50%;height:2px;border-radius:2px;background:var(--text-color);width:45%;transform:translateX(-50%)}.hamburger span:nth-of-type(1){top:12px}.hamburger span:nth-of-type(2){top:19px}.hamburger span:nth-of-type(3){top:26px}.open-menu .hamburger-area{transform:rotateX(360deg)}.open-menu .hamburger-area span:nth-of-type(1){top:12px;transform:translate(-50%,6px) rotate(-135deg)}.open-menu .hamburger-area span:nth-of-type(2){opacity:0}.open-menu .hamburger-area span:nth-of-type(3){top:24px;transform:translate(-50%,-6px) rotate(135deg)}@media (any-pointer:fine){.btn-anime-1:hover{box-shadow:0 0 40px 40px var(--theme-color-light) inset;color:var(--white-color)}.btn-anime-2:hover{color:#fff}.btn-anime-2:hover:after{width:110%}.btn-anime-3:hover{background-position:0;color:var(--white-color)}.btn-anime-4:hover{box-shadow:0 0 40px 40px var(--container-color) inset;color:var(--theme-color)}.btn-anime-5:hover{box-shadow:0 0 40px 40px var(--theme-color-light) inset}.btn-anime-6:hover{box-shadow:0 0 40px 40px var(--theme-color) inset;color:var(--white-color)}}@media (any-pointer:coarse){.btn:active{outline:0}.btn-anime-1:active{box-shadow:0 0 40px 40px var(--theme-color-light) inset}.btn-anime-3:active{background-position:0;color:var(--white-color)}}.three-bounce-anime{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:.3rem}.three-bounce-anime>div{width:.6rem;height:.6rem;background-color:var(--white-color);border-radius:100%;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.three-bounce-anime .three-bounce-1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.three-bounce-anime .three-bounce-2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.ring-anime{width:100%;height:100%;border:5px solid var(--white-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.underline-lefttoright-anime{position:relative}.underline-lefttoright-anime::after{position:absolute;bottom:-4px;left:0;content:'';width:100%;height:2px;background:var(--text-color);transform:scale(0,1);transform-origin:left top;transition:transform .3s}.underline-lefttoright-anime:hover::after{transform:scale(1,1)}.typeing-anime{opacity:0}.typeing-anime.active{opacity:1}.focus-anime::after{content:"|";color:var(--text-color);animation:typingCursor 1s ease infinite;margin-left:.5rem}@keyframes typingCursor{from{opacity:0}to{opacity:1}}