.coffee-loader-wrapper{--hue:223;--bg:#f4f0eb;--fg:#1b1b1b;--trans-dur:.3s;background-color:var(--bg);width:100%;min-height:100vh;color:var(--fg);flex-direction:column;justify-content:center;align-items:center;font-family:Shadows Into Light,cursive;display:flex}.coffee-loader-wrapper .coffee{width:21.5em;height:9em;margin-bottom:2rem;font-size:1rem;position:relative}.coffee-loader-wrapper .coffee:before{content:"";border-bottom:.25em dashed;width:100%;display:block;position:absolute;top:7.5em}.coffee-loader-wrapper .coffee__cup,.coffee-loader-wrapper .coffee__cup-part,.coffee-loader-wrapper .coffee__cup-handle,.coffee-loader-wrapper .coffee__steam-part{animation-duration:8s;animation-iteration-count:infinite}.coffee-loader-wrapper .coffee__cup,.coffee-loader-wrapper .coffee__cup-part,.coffee-loader-wrapper .coffee__cup-handle{animation-timing-function:cubic-bezier(.9,0,.1,1)}.coffee-loader-wrapper .coffee__cup{width:11.25em;height:9em;animation-name:cup;position:relative}.coffee-loader-wrapper .coffee__cup-part{background-color:var(--bg);transition:background-color var(--trans-dur), box-shadow var(--trans-dur);position:absolute}.coffee-loader-wrapper .coffee__cup-part--a{box-shadow:0 0 0 .3em var(--fg) inset;border-radius:5.625em/2em 2em 2.7em 2.7em;width:11.25em;height:4.7em;animation-name:cup-part-a;top:4.3em}.coffee-loader-wrapper .coffee__cup-part--b{box-shadow:0 0 0 .2em var(--fg) inset;background-color:#0000;border-radius:5.625em/2em;width:11.25em;height:4em;animation-name:cup-part-b;top:4.3em}.coffee-loader-wrapper .coffee__cup-part--c{box-shadow:0 0 0 .2em var(--fg) inset;border-radius:1.7em/.45em;width:3.4em;height:.9em;animation-name:cup-part-c;top:7.1em;left:3.925em}.coffee-loader-wrapper .coffee__cup-part--d,.coffee-loader-wrapper .coffee__cup-part--e,.coffee-loader-wrapper .coffee__cup-part--f{z-index:1}.coffee-loader-wrapper .coffee__cup-part--d{box-shadow:0 0 0 .2em var(--fg) inset;border-radius:3.6em 3.6em 3.3em 3.3em/1em 1em 3.5em 3.5em;width:7.2em;height:5.15em;animation-name:cup-part-d;top:2.55em;left:2.025em}.coffee-loader-wrapper .coffee__cup-part--e{background-color:var(--fg);box-shadow:0 0 0 .2em var(--fg) inset, 0 1em 0 var(--bg) inset;border-radius:3.5em/1em;width:7em;height:2em;animation-name:cup-part-e;top:2.65em;left:2.125em}.coffee-loader-wrapper .coffee__cup-part--f{background-color:#0000;width:4.8em;height:3em;animation-name:cup-part-f;top:4.1em;left:5.925em}.coffee-loader-wrapper .coffee__cup-handle{animation-name:cup-handle}.coffee-loader-wrapper .coffee__cup,.coffee-loader-wrapper .coffee__steam{transform:translate(-50%)}.coffee-loader-wrapper .coffee__steam{width:3.5em;height:3.5em;display:block;position:absolute;top:0;left:0}.coffee-loader-wrapper .coffee__steam--right{left:auto;right:0;transform:translate(50%)}.coffee-loader-wrapper .coffee__steam-part{stroke-dashoffset:48px;animation-name:steam-left;animation-timing-function:linear}.coffee-loader-wrapper .coffee__steam--right .coffee__steam-part{stroke-dashoffset:35px;animation-name:steam-right}.coffee-loader-wrapper .coffee__steam-part--a{stroke-dasharray:24 142}.coffee-loader-wrapper .coffee__steam-part--b{stroke-dasharray:30 8 10 130}.coffee-loader-wrapper .coffee__steam-part--c{stroke-dasharray:15 6 1 134}.coffee-loader-wrapper .coffee__steam-part--d{stroke-dasharray:18 6 1 90}.coffee-loader-wrapper .coffee__steam-part--e{stroke-dasharray:25 6 4 76}@keyframes cup{0%,25%,75%,to{left:0}50%{left:21.5em}}@keyframes cup-part-a{0%,50%,to{width:11.25em}25%,75%{width:32.75em}}@keyframes cup-part-b{0%,50%,to{width:11.25em}25%,75%{width:32.75em}}@keyframes cup-part-c{0%,50%,to{width:3.4em}25%,75%{width:24.9em}}@keyframes cup-part-d{0%,50%,to{width:7.2em}25%,75%{width:28.7em}}@keyframes cup-part-e{0%,50%,to{box-shadow:0 0 0 .2em var(--fg) inset, 0 1em 0 var(--bg) inset;width:7em}25%,75%{box-shadow:0 0 0 .2em var(--fg) inset, 0 1.5em 0 var(--bg) inset;width:28.5em}}@keyframes cup-part-f{0%{z-index:0;left:5.925em}25%{z-index:0;left:14.275em}50%{z-index:0;left:.525em}50.01%{z-index:1;left:.525em}75%{z-index:1;left:14.275em}to{z-index:1;left:5.925em}}@keyframes cup-handle{0%,to{d:path("M64,4.413s6.64-2.913,11-2.913c11.739,0,19.5,10.759,19.5,22.497,0,23.475-45,22.497-45,22.497");animation-timing-function:ease-in;transform:translate(0)}10%,40%,60%,90%{d:path("M48.036,4.415s-.03-2.913-.049-2.913c-.052,0-.087,10.759-.087,22.497,0,23.475,.2,22.497,.2,22.497");animation-timing-function:ease-out;transform:translateY(15px)}50%{d:path("M32,4.413s-6.64-2.913-11-2.913C9.261,1.5,1.5,12.259,1.5,23.997c0,23.475,45,22.497,45,22.497");animation-timing-function:ease-in;transform:translate(0)}}@keyframes steam-left{0%{stroke-dashoffset:48px}25%,to{stroke-dashoffset:-66px}}@keyframes steam-right{0%,50%{stroke-dashoffset:35px}75%,to{stroke-dashoffset:-76px}}