.kpop-logo-container{width:140px;height:80px;position:relative;overflow:hidden;background-color:rgba(25,25,25,0.01);flex-shrink:0}.kpop-logo-anim-wrapper{width:140px;height:80px;position:absolute;left:0;top:0;transform:none;transform-origin:0 0}.opt-sprite{background-image:url('../../images/gh_atlas_.png');background-repeat:no-repeat;background-size:170.666667px 170.666667px;position:absolute;opacity:0}.bar-thick{width:21px;height:38px;background-position:-125.666667px -76.333333px;top:0px}.bar-thin{width:7px;height:62px;background-position:-152px 0px;top:0px}.btk-1{left:11.25px}.bt-1{left:18.25px}.btk-2{left:36.25px}.bt-2{left:43.25px}.btk-3{left:60.25px}.bt-3{left:67.25px}.btk-4{left:86.25px}.bt-4{left:93.25px}.letter-k{width:40.666667px;height:18.666667px;background-position:-125.666667px -115px;left:31.95px;top:25.65px}.letter-p1{width:32px;height:18.666667px;background-position:-50.666667px -119px;left:71.35px;top:25.85px}.letter-o{width:16.666667px;height:18.666667px;background-position:-152px -62.666667px;left:49.3px;top:41.35px}.letter-p2{width:29.333333px;height:18.666667px;background-position:-83.333333px -119px;left:65.4px;top:41.35px}.logo-full{width:125px;height:42px;background-position:0px -76.333333px;left:0px;top:0px}.animating .bar-thick{animation:thick-bar-bounce 2.293s linear forwards}.animating .bar-thin{animation:thin-bar-slide 2.293s linear forwards}.animating .btk-1,.animating .bt-1{animation-delay:0s}.animating .btk-2,.animating .bt-2{animation-delay:0.049s}.animating .btk-3,.animating .bt-3{animation-delay:0.098s}.animating .btk-4,.animating .bt-4{animation-delay:0.122s}@keyframes thick-bar-bounce{0%{transform:translateY(81px);opacity:0}1.1%{opacity:1}8.5%{transform:translateY(8px)}16.0%{transform:translateY(8px)}27.7%{transform:translateY(45px)}37.2%{transform:translateY(45px)}48.9%{transform:translateY(7px)}61.7%{transform:translateY(7px)}73.4%{transform:translateY(45px)}80.9%{transform:translateY(45px)}94.7%{transform:translateY(115px);opacity:1}100%{transform:translateY(115px);opacity:0}}@keyframes thin-bar-slide{0%{transform:translateY(85px);opacity:0}1.1%{opacity:1}8.5%{transform:translateY(12px)}85.1%{transform:translateY(12px)}94.7%{transform:translateY(82px);opacity:1}100%{transform:translateY(82px);opacity:0}}.animating .letter-k{animation:letter-k-anim 2.317s cubic-bezier(0.25,0.46,0.45,1) forwards;animation-delay:2.366s}.animating .letter-p1{animation:letter-p1-anim 2.122s cubic-bezier(0.25,0.46,0.45,1) forwards;animation-delay:2.585s}.animating .letter-o{animation:letter-o-anim 2.098s cubic-bezier(0.25,0.46,0.45,1) forwards;animation-delay:2.634s}.animating .letter-p2{animation:letter-p2-anim 2.073s cubic-bezier(0.25,0.46,0.45,1) forwards;animation-delay:2.683s}@keyframes letter-k-anim{0%{transform:translate(10px,0px);opacity:0}13.7%{transform:translate(0px,0px);opacity:1}89.5%{transform:translate(0px,0px) rotate(0deg);opacity:1}98.9%{transform:translate(-16.95px,-5.1px) rotate(-13.02deg);opacity:0.1}100%{transform:translate(-16.95px,-5.1px) rotate(-14.5deg);opacity:0}}@keyframes letter-p1-anim{0%{transform:translate(10px,0px);opacity:0}13.8%{transform:translate(0px,0px);opacity:1}28.7%{transform:translate(0px,0px)}34.5%{transform:translate(0px,-3px)}40.2%{transform:translate(0px,0px)}56.3%{transform:translate(0px,0px)}62.1%{transform:translate(0px,-3px)}67.8%{transform:translate(0px,0px)}88.5%{transform:translate(0px,0px);opacity:1}98.9%{transform:translate(-2.7px,-8.25px);opacity:0.1}100%{transform:translate(-2.7px,-8.25px);opacity:0}}@keyframes letter-o-anim{0%{transform:translate(10px,0px);opacity:0}14.0%{transform:translate(0px,0px);opacity:1}29.1%{transform:translate(0px,0px)}34.9%{transform:translate(0px,-3px)}40.7%{transform:translate(0px,0px)}57.0%{transform:translate(0px,0px)}62.8%{transform:translate(0px,-3px)}68.6%{transform:translate(0px,0px)}88.4%{transform:translate(0px,0px);opacity:1}98.8%{transform:translate(7.95px,-31.6px);opacity:0.1}100%{transform:translate(7.95px,-31.6px);opacity:0}}@keyframes letter-p2-anim{0%{transform:translate(10px,0px);opacity:0}14.1%{transform:translate(0px,0px);opacity:1}29.4%{transform:translate(0px,0px)}35.3%{transform:translate(0px,-3px)}41.2%{transform:translate(0px,0px)}57.6%{transform:translate(0px,0px)}63.5%{transform:translate(0px,-3px)}69.4%{transform:translate(0px,0px)}88.2%{transform:translate(0px,0px);opacity:1}98.8%{transform:translate(11px,-17.6px);opacity:0.1}100%{transform:translate(11px,-17.6px);opacity:0}}.animating .logo-full{animation:logo-full-anim 4.975s cubic-bezier(0.25,0.46,0.45,1) forwards;animation-delay:5.0s}@keyframes logo-full-anim{0%{transform:translate(13px,-5px) rotate(0deg);opacity:0}0.49%{transform:translate(13px,-4.1px) rotate(-0.016deg);opacity:0.03}0.98%{transform:translate(13px,-1.3px) rotate(-0.061deg);opacity:0.11}1.47%{transform:translate(12.85px,3.7px) rotate(-0.513deg);opacity:0.25}1.96%{transform:translate(12.8px,10.3px) rotate(-0.809deg);opacity:0.45}2.45%{transform:translate(12.6px,19.1px) rotate(-1.509deg);opacity:0.70}2.94%{transform:translate(12.45px,29.85px) rotate(-2.214deg);opacity:1}4.90%{transform:translate(13.2px,22.45px) rotate(0.706deg);opacity:1}5.88%{transform:translate(13px,25px) rotate(0deg);opacity:1}95.5%{transform:translate(13px,25px) rotate(0deg);opacity:1}100%{transform:translate(13px,25px) rotate(0deg);opacity:0}}