.scotch-container{display:flex;justify-content:center;align-items:center;height:100%}.scotch-logo{position:relative;cursor:pointer;top:-9px}.scotch-logo--active .liquid__path,.scotch-logo--active .liquid__drop{animation-play-state:running}.scotch-logo__image{display:block;width:30px}.scotch-logo__liquid{position:absolute;left:0;top:0;width:30px}.liquid__path{animation:1.5s linear infinite paused}.liquid__path--top,.liquid__path--top-clip{fill:#c8a343;transform:translateX(0);animation-name:liquid-top}.liquid__path--bottom,.liquid__path--bottom-clip{fill:#e8cf7b;transform:translateX(-27px);animation-name:liquid-bottom;animation-duration:1.6s;animation-delay:-.7s}.liquid__path--bottom-clip{fill:#a07a2e}@keyframes liquid-top{100%{transform:translateX(-31.66px)}}@keyframes liquid-bottom{100%{transform:translateX(1.66px)}}.liquid__drop{animation:4.5s ease-in-out infinite paused}.liquid__drop--1{fill:#c8a343;transform:translate(0,25px);animation-name:drop-1;animation-delay:2s}.liquid__drop--2{fill:#a07a2e;transform:translate(0,25px);animation-name:drop-2}@keyframes drop-1{20%{transform:translate(0,25px)}40%{transform:translate(-2px,10px)}60%{transform:translate(-4px,25px)}}@keyframes drop-2{20%{transform:translate(0,25px)}40%{transform:translate(2px,5px)}60%{transform:translate(4px,25px)}}.scotch-logo.liquid-clip--hidden .liquid__path--clip-container{display:none}.scotch-logo.liquid-clip--hidden .liquid__path--bottom{fill:#a07a2e}