.chaplin-hat{position:absolute;top:-40px;left:50%;transform:translateX(-50%);font-size:.8em;animation:hatDropDrunk 2.5s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:.5s;opacity:0}.chaplin-hat-svg{width:45px;height:18px;position:relative;background:#000000;border-radius:50% 50% 20% 20%/60% 60% 15% 15%;box-shadow:inset -3px -5px 8px rgba(255,255,255,.15),inset 2px 2px 6px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.3);transform:rotate(180deg)}.chaplin-hat-svg:before{top:-4px;width:70px;height:10px;background:#000000;box-shadow:inset -2px -2px 4px rgba(255,255,255,.1),inset 1px 1px 4px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2)}.chaplin-hat-svg:after,.chaplin-hat-svg:before{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.chaplin-hat-svg:after{top:2px;width:50px;height:26px;background:#0d0d0d;opacity:.8;border:1px solid rgba(255,255,255,.05)}@keyframes hatDropDrunk{0%{top:-250px;opacity:0;transform:translateX(-50%) rotate(-45deg) scale(.8)}15%{opacity:1;transform:translateX(-55%) rotate(-30deg) scale(1)}30%{top:-180px;transform:translateX(-65%) rotate(25deg) scale(1.1)}45%{top:-120px;transform:translateX(-75%) rotate(-20deg) scale(.9)}60%{top:-80px;transform:translateX(-85%) rotate(15deg) scale(1.05)}75%{top:-65px;transform:translateX(-95%) rotate(-8deg) scale(.95)}85%{top:-62px;transform:translateX(-105%) rotate(3deg) scale(1.02)}to{top:-50px;opacity:1;transform:translateX(-105%) scale(.6)}}@media (max-width:640px){.chaplin-hat-svg{width:30px!important;height:10px!important;background:transparent!important;border-top:0 solid #000000!important;border-radius:none!important;box-shadow:none!important}.chaplin-hat-svg:before{width:50px!important;height:10px!important;top:2px!important}.chaplin-hat-svg:after{width:35px!important;height:28px!important;top:1px!important}.chaplin-hat{animation:hatDropDrunkMobile 2.5s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:.5s}@keyframes hatDropDrunkMobile{0%{top:-400px;opacity:0;transform:translateX(-100%) rotate(-45deg) scale(.8)}15%{opacity:1;transform:translateX(-110%) rotate(-30deg) scale(1)}30%{top:-250px;transform:translateX(-86%) rotate(25deg) scale(1.1)}45%{top:-200px;transform:translateX(-90%) rotate(-20deg) scale(.9)}60%{top:-150px;transform:translateX(-105%) rotate(15deg) scale(1.05)}75%{top:-100px;transform:translateX(-80%) rotate(-8deg) scale(.95)}85%{top:-80px;transform:translateX(-105%) rotate(3deg) scale(1.02)}to{top:-55px;opacity:1;transform:translateX(-100%) scale(.7)}}}