.animated-title{font-size:10vw;line-height:1;color:#001e51;font-family:Slackey,sans-serif;text-shadow:3px 3px 4px rgba(255,255,255,1),-3px -3px 4px rgba(255,255,255,1),3px -3px 4px rgba(255,255,255,1),-3px 3px 4px rgba(255,255,255,1)}.animated-title>span{overflow:hidden;transition-duration:.2s;text-shadow:2px 2px 4px rgba(255,255,255,1)}.animated-title>span,.animated-title>span span{display:inline-block;transition-property:transform}.animated-title>span span{transition-duration:.5s;transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.animated-title>span:nth-child(odd){transform:translateY(50%)}.animated-title>span:nth-child(odd) span{transform:translateY(-100%)}.animated-title>span:nth-child(2n){transform:translateY(-50%)}.animated-title>span:nth-child(2n) span{transform:translateY(100%)}.animated-title.loaded>span,.animated-title.loaded>span span{transform:translateY(0)}.animated-title.wave>span{animation:wave 2s ease-in-out infinite}.animated-title.wave>span:first-child{animation-delay:0s}.animated-title.wave>span:nth-child(2){animation-delay:.1s}.animated-title.wave>span:nth-child(3){animation-delay:.2s}.animated-title.wave>span:nth-child(4){animation-delay:.3s}.animated-title.wave>span:nth-child(5){animation-delay:.4s}.animated-title.wave>span:nth-child(6){animation-delay:.5s}.animated-title.wave>span:nth-child(7){animation-delay:.6s}.animated-title.wave>span:nth-child(8){animation-delay:.7s}.animated-title.wave>span:nth-child(9){animation-delay:.8s}.animated-title.wave>span:nth-child(10){animation-delay:.9s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animated-title.stopping>span{animation:wave-stop 1s ease-out forwards;animation-delay:calc(var(--char-index) * .05s)}@keyframes wave-stop{0%{transform:translateY(0);animation-timing-function:ease-out}30%{transform:translateY(-10px);animation-timing-function:ease-in}to{transform:translateY(0)}}.animated-title.wave>span{animation:wave 2s ease-in-out;animation-iteration-count:infinite}.icon-spacing{margin-right:10px}.volume-container{display:flex;width:100px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff;border-radius:1.5rem;height:1rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-8px;background-color:#71d6a7;border-radius:1rem;height:2rem;width:1rem}input[type=range]:focus::-webkit-slider-thumb{outline:3px solid #71d6a7;outline-offset:.125rem}input[type=range]::-moz-range-track{background-color:#ffffff;border-radius:1.5rem;height:1rem}input[type=range]::-moz-range-thumb{background-color:#71d6a7;border:none;border-radius:1rem;height:2rem;width:1rem}input[type=range]:focus::-moz-range-thumb{outline:3px solid #71d6a7;outline-offset:.125rem}