#drinks-box {
    margin: 0px auto 0px;
    overflow: hidden;
    min-height: 240px;
    padding: 0;
    background: var(--background, #fff);
    line-height: 1.6rem;
    width: 90%;
    height: 240px;
    text-align: center;
    position: relative;
}
#drinks-box img {border-width: 0px;}

#drinks-box .list, .list li, .list-left li {
    list-style: none none;
    margin: 0px;
    padding: 0px;
}

#drinks-box .left-100 {
    width: 100%;
    height: 100%;
    float: left;
}

#drinks-box .tr3, .list li {
    transition: all .3s;
}

#drinks-box .opacity-show {
    opacity: 1;
}

#drinks-icons {
    background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAADwCAYAAABxLb1rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wMy0yOFQwMjo1MDowOCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDMtMjhUMDQ6NDg6MzUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDMtMjhUMDQ6NDg6MzUrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZGE4MDUyODgtMjlkNS0xYzQzLWFmNWYtM2JjMjUwNjI4NGYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNGRkM0MkFCNTBDODExRTk5RTdFRkRDMTMyMkUxN0ExIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Q0ZGQzQyQUI1MEM4MTFFOTlFN0VGREMxMzIyRTE3QTEiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRkZDNDJBODUwQzgxMUU5OUU3RUZEQzEzMjJFMTdBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRkZDNDJBOTUwQzgxMUU5OUU3RUZEQzEzMjJFMTdBMSIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkYTgwNTI4OC0yOWQ1LTFjNDMtYWY1Zi0zYmMyNTA2Mjg0ZjMiIHN0RXZ0OndoZW49IjIwMTktMDMtMjhUMDQ6NDg6MzUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz616yIHAAAOsUlEQVR42u3de6x82yHA8aW3Wr3FHX2kD70y2mppJKZBKSITj+TSaEdENPxhEvxBVE6IUIRBUI8aUWmiyCFRFaGnTT0awiSoN8cjJbRyIm1RqhOtxz8Ya91Zu7PO/u0589pz7syZz04+ub/f+Z1zfuf+Zp/vWXut/Qiz2SwAnCL/CIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCAggP4RAAEEEEAAAQQQ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);
}

#drinks-box .drinks-button>div {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    transform-style: preserve-3d;
    transform-origin: center center;
}

#drinks-box .icon-donate {
    width: 64px;
    height: 64px;
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
}

#drinks-box .icon-donate img {
    max-width: 64px;
    max-height: 64px;
}

#drinks-button-box {
    display: none;
    opacity: 0;
    transform: scale(1.3,1.3);
}

#drinks-button-bg {
    position: absolute;
    left: 0;
    height: 100px;
    opacity: 0;
}

#donate-buttons {
    position: absolute;
    overflow: hidden;
    top: calc(50% - 14px);
    left: calc(50% - 70px);
    height: 28px;
    border-radius: 6px;
    background-color: #417790;
    box-shadow: 0 10px 20px 1px rgba(103, 207, 248, 0.5);
}

#donate-buttons a, #github-box a {
    display: block;
}

li[id$="_donate"] {
    position: relative;
    float: left;
    width: 70px;
    height: 28px;
    line-height: 600px;
    overflow: hidden;
    cursor: pointer;
    background: no-repeat center center;
    background-size: 45px;
    text-align: center;
}

li[id$="_donate"]::after {
    content: "";
    position: absolute;
    top: -5px;
    left: calc(50% - 5px);
    height: 0;
    width: 0;
    opacity: 0;
    border: 5px solid #fff;
    border-color: #fff transparent transparent transparent;
    transition: all .3s;
}

li[id$="_donate"]:hover::after {
    opacity: 1;
    top: 0px;
}

#github-box {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% + 66px);
    background: no-repeat center center url(https://cdn.jsdelivr.net/gh/JaderH/JaderH.github.io@master/assets/github.svg);
    background-size: contain;
    right: 72px;
    line-height: 600px;
    overflow: hidden;
    transform: rotatez(20deg );
    opacity: 0;
    transition: all .3s ease-out;
}

#drinks-button-box:hover #github-box, #drinks-button-box.Mobile #github-box {
    top: calc(50% - 40px);
    right: 64px;
    transform: rotatez(5deg );
    opacity: 0.8;
}

#alipay_donate{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ0OC41IDE0NS41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDguNSAxNDUuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQ0KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZyBpZD0i5Zu+5bGCXzIiPg0KPC9nPg0KPGcgaWQ9IuWbvuWxgl8xIj4NCgk8ZyBpZD0i5qSt5ZyGXzJfMV8iIGNsYXNzPSJzdDAiPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTA1LjYsMEg4MS44djE4LjdoLTQ4djkuOGg0OHYxOEg0OC4xdjExLjFoNjcuNGMwLDAsMCwxNS45LTIwLjMsMzcuNlM2Ny40LDEyMC4yLDU3LjgsMTIzcy0yNiwyLjQtMzEuNS0xLjUNCgkJCXMtMTEuOC04LjktMTEuMy0xOFMyNi45LDg0LjEsMzMuOSw4M2MwLDAtMjAtMi4yLTI0LjUsMTguMWMtMy41LDE1LjYsNi42LDIzLjMsMTIuNCwyNy4yczE4LjIsOC41LDI2LjMsOXMyNS44LTAuNiw0Mi43LTEyLjgNCgkJCWMxNi44LTEyLjIsMzcuMy0zNi43LDQzLjUtNTEuOHM4LjktMjEuMyw5LjgtMjYuMmgtMzguNHYtMThoNTAuMnYtOS44aC01MC4yVjAiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4NiwwYzAsMC0yLjUsMjEuNS0zMy44LDQ1bDMuNiw1LjNjMCwwLDEzLjktNS41LDE3LjQtOC4zdjgwLjNIMTk4VjI1LjVjMCwwLDEyLTEyLjUsMTItMjUuNQ0KCQkJQzIxMCwwLDE4NiwwLDE4NiwweiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjI0NiwwIDI0NiwyNyAyMDIuNSwyNyAyMDIuNSwzNi4xIDI0NiwzNi4xIDI0NiwxMjEuNSAyNzAuMSwxMjEuNSAyNzAuMSwzNi4xIDI4MS4zLDM2LjEgMjgxLjMsMjcgDQoJCQkyNzAuMSwyNyAyNzAuMSwwIAkJIi8+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNjQuNSwwdjExLjJINDExdjcuNWMwLDIyLjEtMTQuMiwyNC44LTE0LjIsMjQuOGgtMzIuM1Y2M2gzMi4zdjkuOGgtMzIuM3Y0NS44aC0yNC43VjcyLjhoLTM0LjZWNjNoMzQuNg0KCQkJVjQzLjVoLTQ5LjVWOC4zaDIzLjF2M2gyNi40VjBIMzY0LjV6IE0zMTMuMywyMS41djEzaDc3LjR2LTEzSDMxMy4zeiIvPg0KCTwvZz4NCgk8ZyBpZD0i5qSt5ZyGXzFfMV8iIGNsYXNzPSJzdDAiPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQuMSwxMzYuN2MwLDAtMjIuNS0zLjctMzIuMS0yMC41Yy0zLjctNi40LTQtMTkuMyw2LTI3LjhjOC40LTcuMSwxOS41LTYuNiwzMy44LTNzMjQuNCw4LjEsNDIuOCwxNy4zDQoJCQljMTguNSw5LjMsNDQuOSwyMi41LDc4LjcsMjkuNmMzMy43LDcuMSw1Mi4zLDkuNCw3Mi44LDEwLjljMzUuNCwyLjYsMTQ5LjQtMi40LDE2NS02bDM3LjUtMzljMCwwLTExMi45LDE3LjQtMTgzLjgsMTgNCgkJCWMtNzAuOCwwLjYtNzguOC0zLjctOTUuMy02LjhTMTA5LjYsOTIuMyw5Ni44LDg3Yy02LjMtMi42LTQxLjctMTYuMy02My0xNC4zUzEuMiw4NCwwLjgsOTguM1M1LjgsMTMyLjIsNDQuMSwxMzYuN3oiLz4NCgkJDQoJCQk8cmVjdCB4PSIyMDYuNiIgeT0iNDYuNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAyMS4zNjgzIDE3NC42Mzk3KSIgY2xhc3M9InN0MSIgd2lkdGg9IjI5LjciIGhlaWdodD0iMjkuNyIvPg0KCQkNCgkJCTxyZWN0IHg9IjM3OC40IiB5PSI3OC45IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIDUwLjc0MDMgMzAxLjE0OTEpIiBjbGFzcz0ic3QxIiB3aWR0aD0iMjAuOSIgaGVpZ2h0PSIyMC45Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}

#wechat_donate{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTMxLjIgMTYxLjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUzMS4yIDE2MS43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjguNiwwQzMxLjEtMC42LDAsMjcsMCw1OS41YzAsMTguOCw4LjgsMzUsMjUuOSw0N2MwLDAtNi4zLDIwLjctNi4yLDIxLjFjMC4xLDAuNCwxLjUsMS4yLDEuOSwxDQoJCWMwLjQtMC4yLDIyLjYtMTMuNSwyMi42LTEzLjVjMTcsNS44LDI2LjksMy45LDI3LjQsMy45Yy0xLjctNS0yLjgtMTIuNy0xLjUtMjBjNi42LTM4LjEsNDUuNi01MCw2Ny00Ny45DQoJCUMxMzEuMiwyMy40LDEwNS42LDAuNSw2OC42LDB6IE00Mi41LDQ5LjFjLTQuOSwwLTguOS00LTguOS04LjlzNC04LjksOC45LTguOXM4LjksNCw4LjksOC45UzQ3LjQsNDkuMSw0Mi41LDQ5LjF6IE05Ni40LDQ5LjENCgkJYy00LjksMC04LjktNC04LjktOC45czQtOC45LDguOS04LjlzOC45LDQsOC45LDguOVMxMDEuNCw0OS4xLDk2LjQsNDkuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkyLDEwNC43YzAtMjcuOC0yNi45LTQ5LjItNTguMS00OS4yYy0zMy4xLDAtNTkuNCwyMS44LTU5LjQsNDkuNmMwLDI3LjksMjUuMSw1MSw1OS41LDUxLjINCgkJYzYuOSwwLDE3LjItMS43LDI0LjItNC42YzAsMCwxNi42LDEwLjEsMTcuNSwxMHMxLjQtMC44LDEuNC0xLjRzLTUuMy0xNi40LTUuMy0xNi40QzE4NiwxMzIuNywxOTIsMTIwLjQsMTkyLDEwNC43eiBNMTEyLjEsOTQuNA0KCQljLTQuNCwwLTcuOS0zLjUtNy45LTcuOXMzLjUtNy45LDcuOS03LjlzNy45LDMuNSw3LjksNy45UzExNi40LDk0LjQsMTEyLjEsOTQuNHogTTE1NC4yLDk0LjRjLTQuNCwwLTcuOS0zLjUtNy45LTcuOQ0KCQlzMy41LTcuOSw3LjktNy45czcuOSwzLjUsNy45LDcuOVMxNTguNiw5NC40LDE1NC4yLDk0LjR6Ii8+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyNzcuNiw2Ni41IDI2NS43LDExNS41IDI1NS43LDY2LjUgMjQwLjUsNjYuNSAyMzAuNSwxMTUuNSAyMTguNiw2Ni41IDIwMy44LDY2LjUgMjIzLjcsMTM2IA0KCQkJMjM3LjIsMTM2IDI0OCw4Mi44IDI1OC44LDEzNiAyNzIuNCwxMzYgMjkyLjMsNjYuNSAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzI4LjMsODkuOGMtNC4zLTQuNy0xMC4zLTcuMS0xOC4yLTcuMWMtNy40LDAtMTMuMiwyLjUtMTcuNSw3LjNjLTQuMyw0LjktNi40LDExLjUtNi40LDE5LjkNCgkJCWMwLDguNiwyLjIsMTUuMyw2LjUsMjAuM3MxMC4yLDcuNSwxNy42LDcuNWM2LDAsMTEuMS0xLjUsMTUuMy00LjZjNC4yLTMuMSw3LTcuMyw4LjQtMTIuN2gtMTMuNmMtMC45LDEuOS0yLjEsMy40LTMuNiw0LjENCgkJCWMtMS41LDAuOS0zLjQsMS40LTUuOCwxLjRjLTMuNCwwLTUuOS0xLjEtNy43LTMuMWMtMS43LTItMi43LTUuMS0yLjktOS4xaDM0LjJjMC0wLjQsMC4xLTAuOSwwLjEtMS40czAtMS4yLDAtMi4yDQoJCQlDMzM0LjcsMTAxLjMsMzMyLjYsOTQuNSwzMjguMyw4OS44eiBNMzAwLjQsMTA0LjljMC4zLTMuNCwxLjMtNiwzLTcuOWMxLjctMS44LDQtMi43LDctMi43YzMuMiwwLDUuNywwLjksNy40LDIuNw0KCQkJYzEuOCwxLjgsMi43LDQuNCwyLjgsNy45SDMwMC40eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwMi43LDExMi4yTDQwMi43LDExMi4yQzQwMi43LDExMi4xLDQwMi43LDExMi4yLDQwMi43LDExMi4yTDQwMi43LDExMi4yeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzgzLjQsMTIxLjdjLTIuOCwyLjItNi40LDMuMy0xMC43LDMuM2MtNiwwLTEwLjYtMi4xLTEzLjktNi4ycy00LjktMTAtNC45LTE3LjVjMC03LjgsMS42LTEzLjcsNC45LTE3LjgNCgkJCWMzLjItNC4xLDgtNi4xLDE0LjMtNi4xYzQuNSwwLDgsMSwxMC42LDMuMXM0LjIsNS4xLDQuOCw5aDE0LjFjLTAuNS03LjktMy40LTE0LTguNS0xOC4zcy0xMi4xLTYuNS0yMS02LjUNCgkJCWMtMTAuOSwwLTE5LjMsMy4xLTI1LjEsOS40cy04LjcsMTUuNC04LjcsMjcuMmMwLDExLjYsMi45LDIwLjYsOC42LDI3czEzLjcsOS42LDI0LDkuNmM4LjksMCwxNi4yLTIuMywyMS43LTcNCgkJCWM1LjUtNC42LDguNi0xMC44LDkuMS0xOC43aC0xMy45QzM4OCwxMTYuMywzODYuMiwxMTkuNSwzODMuNCwxMjEuN3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0OC41LDg5LjNjLTEuNS0xLjktMy41LTMuNC01LjktNC40Yy0yLjUtMS4xLTUuMi0xLjYtOC4yLTEuNmMtMy4yLDAtNi4xLDAuNi04LjYsMS44DQoJCQljLTIuNSwxLjItNC43LDMtNi42LDUuM1Y2Ni41aC0xMy42djY5LjNoMTMuNnYtMzAuNGMwLTMuMywwLjktNiwyLjgtNy45czQuNS0yLjksNy43LTIuOWMzLDAsNS4yLDAuNyw2LjMsMi40DQoJCQljMS4xLDEuNywxLjcsNS43LDEuNywxMnYyNi44aDEzLjZ2LTMzLjJ2LTAuOWMwLTMuNy0wLjItNi4zLTAuNi04QzQ1MC4zLDkyLjEsNDQ5LjUsOTAuNiw0NDguNSw4OS4zeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTAwLjcsMTMxLjRjLTAuNS0xLjEtMC43LTIuNy0wLjctNC44Vjk3LjVjMC00LjctMS45LTguMy01LjctMTAuOFM0ODUsODMsNDc3LjgsODMNCgkJCWMtNi42LDAtMTEuNywxLjUtMTUuNCw0LjVzLTUuNiw3LjEtNS42LDEyLjR2MC45aDEyLjhWMTAwYzAtMiwwLjctMy42LDIuMi00LjdzMy42LTEuNyw2LjQtMS43YzMuMSwwLDUuMiwwLjQsNi41LDEuMw0KCQkJczEuOSwyLjQsMS45LDQuNWMwLDIuNi0yLjksNC4yLTguNyw1Yy0yLjMsMC4zLTQuMiwwLjYtNS42LDAuOGMtNi4yLDAuOS0xMC42LDIuNy0xMy4zLDUuMmMtMi43LDIuNi00LDYuMy00LDExLjENCgkJCWMwLDUuMiwxLjMsOS4zLDQsMTIuMWMyLjcsMi44LDYuNSw0LjIsMTEuNSw0LjJjMy43LDAsNy0wLjcsOS44LTIuMXM1LjEtMy40LDYuOC02LjFjMCwxLjIsMC4yLDIuNCwwLjQsMy42YzAuMywxLDAuNiwyLDEuMSwyLjkNCgkJCWgxNC4zdi0yLjNDNTAxLjksMTMzLjIsNTAxLjEsMTMyLjUsNTAwLjcsMTMxLjR6IE00ODYuOSwxMTUuNmMwLDMuNy0xLjEsNi41LTMuMiw4LjZzLTUsMy4xLTguNywzLjFjLTIuMSwwLTMuOC0wLjYtNS0xLjcNCgkJCXMtMS44LTIuNi0xLjgtNC41YzAtMS44LDAuNC0zLjMsMS40LTQuM3MyLjctMS45LDUuMS0yLjZjMC4xLDAsMS42LTAuNCw0LjUtMXM1LjUtMS41LDcuNy0yLjVWMTE1LjZ6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MzEuMiw5NC40di05LjZoLTcuOXYtMTRoLTEzLjZ2MTRoLTYuOHY5LjZoNi44djI3LjdjMCw1LjgsMSw5LjYsMi45LDExLjZjMiwxLjksNS41LDIuOSwxMC44LDIuOQ0KCQkJYzAuNCwwLDEuNiwwLDMuMy0wLjFjMS43LTAuMSwzLjItMC4yLDQuNS0wLjJsMCwwdi0xMC4yaC0zLjNjLTEuOSwwLTMuMS0wLjItMy43LTAuNmMtMC42LTAuNS0wLjktMS4zLTAuOS0yLjdWOTQuNEw1MzEuMiw5NC40DQoJCQlMNTMxLjIsOTQuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
}

#drinks-qrcodes {
    display: none;
}

#drinks-qrcode {
    position: absolute;
    top: calc(50% - 90px);
    left: calc(50% - 90px);
    width: 180px;
    height: 180px;
    background: #fff no-repeat center;
    background-size: 160px;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(103, 207, 248, 0.5);
}

#drinks-icons, #drinks-button-box {
    filter: blur(0px);
}

#drinks-box .donate-animation-1>#drinks-icons, .donate-animation-4>#drinks-icons,.donate-animation-3>#drinks-button-box {
    transform: scale(0.7,0.7);
    filter: blur(2px);
    display: block;
    opacity: 1;
}

#drinks-box .donate-animation-1>#drinks-button-box,.donate-animation-4>#drinks-button-box,.donate-animation-3>#drinks-qrcodes {
    display: block;
    opacity: 1;
    transform: scale(1,1);
}

#drinks-box .donate-animation-2>#drinks-button-box,.donate-animation-4>#drinks-qrcodes, .hideBox {
    display: block;
    transform: scale(1,1);
    animation-name:hideBox;
    animation-duration:0.3s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
}

#drinks-box .donate-animation-3>#drinks-icons {
    transform: scale(0.4,0.4);
    filter: blur(2px);
}

#drinks-box .showBox {
    animation-name:showBox;
    animation-duration:0.3s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
}

@keyframes showBox {
    from {
        opacity: 0;
        transform: scale(1.3,1.3);
    }
    to {
        opacity: 1;
        transform: scale(1,1);
    }
}

@keyframes hideBox {
    from {
        opacity: 1;
        transform: scale(1,1);
    }
    to {
        opacity: 0;
        transform: scale(1.3,1.3);
    }
}