:root{--coin-base-hue:163;--coin-detail-hue:43;--background-color:hsl(var(--coin-base-hue),90%,30%);--foreground-color:#fff;--font-size:calc(20px + (40 - 20)*(100vw - 280px)/(3840 - 280));--trans-dur:.3s;--ease-in-out-sine:cubic-bezier(.37,0,.63,1);--ease-in-sine:cubic-bezier(.12,0,.39,0);--ease-out-sine:cubic-bezier(.61,1,.88,1);--ease-in-out-cubic:cubic-bezier(.65,0,.35,1);--ease-in-cubic:cubic-bezier(.33,0,.67,0);--ease-out-cubic:cubic-bezier(.33,1,.67,1)}.wrapper{color:var(--foreground-color);background-color:var(--background-color);transition:background-color var(--trans-dur),color var(--trans-dur);padding:40px;font:1em/1.5 sans-serif;display:flex}.pl{width:9.1em;height:9.1em;flex-direction:column;justify-content:space-between;align-items:center;margin:auto;display:flex}.pl-coin{z-index:1;animation:bounce 2s var(--ease-in-out-sine)infinite;position:relative;transform:translateY(.5em)}.pl-coin-flare,.pl-coin-inscription,.pl-coin-layer{position:absolute}.pl-coin-flare{z-index:1;width:1em;height:1em;-webkit-clip-path:polygon(50% 0,67% 33%,100% 50%,67% 67%,50% 100%,33% 67%,0 50%,33% 33%);clip-path:polygon(50% 0,67% 33%,100% 50%,67% 67%,50% 100%,33% 67%,0 50%,33% 33%);animation:flare1 2s var(--ease-in-out-sine)infinite;background-color:#fff;top:0;left:-.5em;transform:scale(0)}.pl-coin-flare:nth-child(2){animation-name:flare2;top:-.5em;left:0}.pl-coin-flare:nth-child(3){animation-name:flare3;left:3em}.pl-coin-flare:nth-child(4){animation-name:flare4;top:-.5em;left:3.5em}.pl-coin-inscription{width:.5em;height:2.5em;background-color:hsl(var(--coin-detail-hue),90%,45%);box-shadow:.1875em 0 0 hsl(var(--coin-detail-hue),90%,40%)inset;animation:inscription-front 2s var(--ease-in-out-sine)infinite;top:50%;left:50%;transform:translate(-50%,-50%)rotate(30deg)}.pl-coin-layer{width:100%;height:100%;background-color:hsl(var(--coin-detail-hue),90%,50%);box-shadow:0 0 0 .375em hsl(var(--coin-detail-hue),90%,70%)inset;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;top:0;left:0}.pl-coin-layer:first-child{transform:translateZ(.5em)}.pl-coin-layer:nth-child(2){transform:translateZ(.49em)rotateY(180deg)}.pl-coin-layer:nth-child(3){width:.98em;-webkit-backface-visibility:visible;backface-visibility:visible;border-radius:0;left:50%;transform:translate(-50%)rotateY(90deg)}.pl-coin-layer:nth-child(4){transform:translateZ(-.49em)}.pl-coin-layer:last-child{transform:translateZ(-.5em)rotateY(180deg)}.pl-coin-layer:nth-child(n+2):nth-last-child(n+2){background-color:hsl(var(--coin-detail-hue),90%,40%);box-shadow:none}.pl-coin-layer:last-child .pl-coin-inscription{animation-name:inscription-back;transform:translate(-50%,-50%)rotate(-30deg)}.pl-coin-layers{transform-style:preserve-3d;width:4em;height:4em;animation:roll 2s var(--ease-in-out-sine)infinite;position:relative;transform:rotateY(-15deg)rotate(-30deg)}.pl-shadow{width:4em;height:.5em;background-color:hsla(var(--coin-base-hue),90%,10%,.3);animation:shadow 2s var(--ease-in-out-sine)infinite;border-radius:50%}@keyframes bounce{0%,50%,to{animation-timing-function:var(--ease-in-cubic);transform:translateY(.5em)}25%,75%{animation-timing-function:var(--ease-out-cubic);transform:translateY(5.1em)}}@keyframes flare1{0%,75%,to{animation-timing-function:var(--ease-in-cubic);transform:scale(0)}87.5%{animation-timing-function:var(--ease-out-cubic);transform:scale(1)}}@keyframes flare2{0%,to{animation-timing-function:var(--ease-out-cubic);transform:scale(1)}12.5%,87.5%{animation-timing-function:var(--ease-in-cubic);transform:scale(0)}}@keyframes flare3{0%,25%,50%,to{animation-timing-function:var(--ease-in-cubic);transform:scale(0)}37.5%{animation-timing-function:var(--ease-out-cubic);transform:scale(1)}}@keyframes flare4{0%,37.5%,62.5%,to{animation-timing-function:var(--ease-in-cubic);transform:scale(0)}50%{animation-timing-function:var(--ease-out-cubic);transform:scale(1)}}@keyframes inscription-front{0%,75%{box-shadow:.1875em 0 0 hsl(var(--coin-detail-hue),90%,40%)inset;animation-timing-function:var(--ease-in-sine)}87.49%{box-shadow:.875em -.75em 0 hsl(var(--coin-detail-hue),90%,40%)inset;animation-timing-function:step-end}87.5%{box-shadow:-.875em .75em 0 hsl(var(--coin-detail-hue),90%,40%)inset;animation-timing-function:var(--ease-out-sine)}to{box-shadow:.1875em 0 hsl(var(--coin-detail-hue),90%,40%)inset}}@keyframes inscription-back{0%,75%{box-shadow:-1em -.875em 0 hsl(var(--coin-detail-hue),90%,40%)inset}to{box-shadow:1.125em 1em 0 hsl(var(--coin-detail-hue),90%,40%)inset}}@keyframes roll{0%,75%{transform:rotateY(-15deg)rotateZ(-30deg)rotateY(0)}to{transform:rotateY(-15deg)rotate(-30deg)rotateY(-1turn)}}@keyframes shadow{0%,50%,to{background-color:hsla(var(--coin-base-hue),90%,10%,.3);animation-timing-function:var(--ease-in-cubic);transform:scale(.6)}25%,75%{background-color:hsla(var(--coin-base-hue),90%,10%,.5);animation-timing-function:var(--ease-out-cubic);transform:scale(1)}}:root{--primary-color:#81a291;--cup-color:#90ae9d;--background-color-cup:#c9d5cf;--steam-color:#e9efea;--gutter:8px}.grid{height:100%;background-color:var(--background-color-cup);align-items:center;justify-items:center;padding:80px;display:grid}.cup{transform:translateY(calc(var(--gutter)*6));width:calc(var(--gutter)*12);height:calc(var(--gutter)*9);border-radius:calc(var(--gutter)*2)calc(var(--gutter)*2)calc(var(--gutter)*6)calc(var(--gutter)*6);background-color:var(--cup-color);display:grid;position:relative}.cup-handler{width:calc(var(--gutter)*5);height:calc(var(--gutter)*5);border:calc(var(--gutter)*.5)solid var(--cup-color);border-radius:calc(var(--gutter)*4)calc(var(--gutter)*2)calc(var(--gutter)*4)calc(var(--gutter)*2.5);border-left-width:calc(var(--gutter)*1);background-color:var(--background-color-cup);align-self:center;justify-self:end;position:absolute;transform:translate(62.5%,-18.75%)}.cup-steam{transform:translateY(calc(var(--gutter)*-9));width:calc(var(--gutter)*4);height:calc(var(--gutter)*6);border-radius:calc(var(--gutter)*5)calc(var(--gutter)*2.5);background-color:var(--steam-color);align-self:start;justify-self:center;position:absolute}.cup-steam-flow{height:calc(var(--gutter)*1);background-color:var(--background-color-cup);animation:steam-flow 1s linear infinite;position:absolute;top:0;left:0;right:0}.cup-steam-flow:before,.cup-steam-flow:after{content:"";height:calc(var(--gutter)*1);position:absolute;left:0;right:0}.cup-steam-flow:before{border-radius:calc(var(--gutter)*.5)calc(var(--gutter)*.5)0 0;box-shadow:0 calc(var(--gutter)*-.5)0 0 var(--background-color-cup);bottom:0;transform:translateY(100%)}.cup-steam-flow:after{border-radius:0 0 calc(var(--gutter)*.5)calc(var(--gutter)*.5);box-shadow:0 calc(var(--gutter)*.5)0 0 var(--background-color-cup);top:0;transform:translateY(-100%)}@keyframes steam-flow{0%{transform:translateY(calc(var(--gutter)*7))}to{transform:translateY(calc(var(--gutter)*-1))}}:root{--hue:223;--transition-duration:.3s;--duration:1.5s;font-size:calc(.357143vw + 14.8571px)}.wrapper-preloader{min-height:15em;color:hsl(var(--hue),90%,90%);background:linear-gradient( hsl(var(--hue),90%,30%),hsl(var(--hue),90%,10%));transition:background-color var(--transition-duration),color var(--transition-duration);font:.666667em sans-serif;display:flex}.preloader{width:12em;height:12em;filter:drop-shadow(.9em .9em 4px rgba(0,0,0,.4));flex-direction:row;justify-content:space-between;align-items:center;margin:auto;display:flex}.preloader-bubble{--duration:1.5s;width:3em;height:3em;position:relative}.preloader-bubble-drop{width:.125em;height:.5em;transform:translate(-50%,-3em)}.preloader-bubble-drop:nth-child(2){transform:translate(-50%,-3em)rotate(51.43deg)}.preloader-bubble-drop:nth-child(3){transform:translate(-50%,-3em)rotate(102.86deg)}.preloader-bubble-drop:nth-child(4){transform:translate(-50%,-3em)rotate(154.29deg)}.preloader-bubble-drop:nth-child(5){transform:translate(-50%,-3em)rotate(205.71deg)}.preloader-bubble-drop:nth-child(6){transform:translate(-50%,-3em)rotate(257.14deg)}.preloader-bubble-drop:nth-child(7){transform:translate(-50%,-3em)rotate(308.57deg)}.preloader-bubble-drop,.preloader-bubble-drop:before{transform-origin:50% 0}.preloader-bubble:before,.preloader-bubble:after,.preloader-bubble-drop{position:absolute}.preloader-bubble:before,.preloader-bubble:after,.preloader-bubble-drop:before{animation:bubble-rise-before var(--duration)linear infinite}.preloader-bubble:before,.preloader-bubble:after{border-radius:50%}.preloader-bubble:after,.preloader-bubble-drop{top:50%;left:50%}.preloader-bubble:before{box-shadow:0 -.0625em 0 .0625em hsl(var(--hue),90%,90%)inset,0 0 0 .0625em hsl(var(--hue),90%,70%)inset,0 0 .25em .25em hsla(var(--hue),90%,70%,.7)inset;transform:translateY(4.5em)scale(0)}.preloader-bubble:after{width:87.5%;height:87.5%;background-image:radial-gradient(25% 10% at 50% 5%,#fff 48%,rgba(255,255,255,0) 50%);animation-name:bubble-rise-after;transform:translate(-50%,-50%)translateY(4.5em)rotate(-45deg)scale(0)}.preloader-bubble:before,.preloader-bubble-drop:before{width:100%;height:100%}.preloader-bubble-drop:before{transform-origin:50% 0;background-color:hsl(var(--hue),90%,80%);border-radius:.0625em;animation-name:bubble-drop;transform:matrix(1,0,0,0,0,0)}.preloader-bubble:before,.preloader-bubble:after,.preloader-bubble-drop:before{content:"";display:block}.preloader-bubble:nth-child(2):before,.preloader-bubble:nth-child(2):after,.preloader-bubble:nth-child(2) .preloader-bubble-drop:before{animation-delay:.15s}.preloader-bubble:nth-child(3):before,.preloader-bubble:nth-child(3):after,.preloader-bubble:nth-child(3) .preloader-bubble-drop:before{animation-delay:.3s}@keyframes bubble-rise-before{0%{animation-timing-function:cubic-bezier(.12,0,.39,0);transform:translateY(4.5em)scale(0)}30%{animation-timing-function:cubic-bezier(.61,1,.88,1);transform:translateY(.75em)scale(1)}60%{opacity:1;animation-timing-function:cubic-bezier(.12,0,.39,0);transform:translateY(-3em)scale(1)}70%,to{opacity:0;transform:translateY(-3em)scale(.25)}}@keyframes bubble-rise-after{0%{animation-timing-function:cubic-bezier(.12,0,.39,0);transform:translate(-50%,-50%)translateY(4.5em)rotate(-45deg)scale(0)}30%{animation-timing-function:cubic-bezier(.61,1,.88,1);transform:translate(-50%,-50%)translateY(.75em)rotate(-45deg)scale(1)}60%{opacity:1;animation-timing-function:cubic-bezier(.12,0,.39,0);transform:translate(-50%,-50%)translateY(-3em)rotate(-45deg)scale(1)}70%,to{opacity:0;transform:translate(-50%,-50%)translateY(-3em)rotate(-45deg)scale(.25)}}@keyframes bubble-drop{0%{visibility:hidden;animation-timing-function:step-end;transform:matrix(1,0,0,1,0,0)}65%{visibility:visible;animation-timing-function:cubic-bezier(.33,1,.68,1);transform:matrix(1,0,0,1,0,0)}80%,to{transform:translateY(400%)scaleY(0)}}.pill-wrapper{background:radial-gradient(circle at 50% 100%,#262b2f,#000);justify-content:center;align-items:center;display:flex}.content{width:50vmin;height:50vmin;background-color:rgba(255,255,255,0);justify-content:center;align-items:center;display:flex}.pill{width:15vmin;height:40vmin;background-color:rgba(255,255,255,0);flex-direction:column;justify-content:center;align-items:center;animation:spin 6s linear infinite;display:flex;transform:rotate(180deg)}.pill .side{width:11vmin;height:15vmin;background-color:#f7c340;border-radius:6vmin 6vmin 0 0;position:relative;overflow:hidden}.pill .side+.side{background-color:#d9680c;border-top:1vmin solid #621e1a;border-radius:0 0 6vmin 6vmin;animation:open 2s ease-in-out infinite}.pill .side:before{content:"";width:2vmin;height:10vmin;background-color:rgba(255,255,255,.133);border-radius:1vmin 1vmin 0 0;animation:shine 1s ease-out -1s infinite alternate-reverse;position:absolute;bottom:0;right:1.5vmin}.pill .side+.side:before{top:0;bottom:inherit;border-radius:0 0 1vmin 1vmin}.pill .side:after{content:"";width:100%;height:100%;border:1.75vmin solid rgba(0,0,0,.133);border-top-width:1vmin;border-bottom:0 solid rgba(255,255,255,0);border-radius:6vmin 6vmin 0 0;animation:shadow 1s -1s infinite alternate-reverse;position:absolute;bottom:0;left:0}.pill .side+.side:after{top:0;bottom:inherit;border-top-width:0;border-top-color:rgba(255,255,255,0);border-bottom-width:1vmin;border-radius:0 0 6vmin 6vmin}.medicine{width:calc(100% - 6vmin);height:calc(100% - 12vmin);background-color:rgba(255,255,255,0);border-radius:5vmin;flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:absolute}.medicine i{width:1vmin;height:1vmin;background-color:#47c;border-radius:100%;animation:medicine-dust 1.75s infinite alternate;position:absolute}.medicine i:nth-child(2n+2){width:1.5vmin;height:1.5vmin;margin-top:-5vmin;margin-right:-5vmin;animation-delay:-.2s}.medicine i:nth-child(3n+3){width:2vmin;height:2vmin;margin-top:4vmin;margin-right:3vmin;animation-delay:-.33s}.medicine i:nth-child(4){margin-top:-5vmin;margin-right:4vmin;animation-delay:-.4s}.medicine i:nth-child(5){margin-top:5vmin;margin-right:-4vmin;animation-delay:-.5s}.medicine i:nth-child(6){margin-top:0;margin-right:-3.5vmin;animation-delay:-.66s}.medicine i:nth-child(7){margin-top:-1vmin;margin-right:7vmin;animation-delay:-.7s}.medicine i:nth-child(8){margin-top:6vmin;margin-right:-1vmin;animation-delay:-.8s}.medicine i:nth-child(9){margin-top:4vmin;margin-right:-7vmin;animation-delay:-.99s}.medicine i:nth-child(10){margin-top:-6vmin;margin-right:0;animation-delay:-1.11s}.medicine i:nth-child(n+10){width:.6vmin;height:.6vmin}.medicine i:nth-child(11){margin-top:6vmin;margin-right:6vmin;animation-delay:-1.125s}.medicine i:nth-child(12){margin-top:-7vmin;margin-right:-7vmin;animation-delay:-1.275s}.medicine i:nth-child(13){margin-top:-1vmin;margin-right:3vmin;animation-delay:-1.33s}.medicine i:nth-child(14){margin-top:-3vmin;margin-right:-1vmin;animation-delay:-1.4s}.medicine i:nth-child(15){margin-top:-1vmin;margin-right:-7vmin;animation-delay:-1.55s}@keyframes spin{to{transform:rotate(-540deg)}}@keyframes medicine-dust{0%,to{transform:translateZ(-.1vmin)}25%{transform:translate(.25vmin,5vmin)}75%{transform:translate3d(-.1vmin,-4vmin,.25vmin)}}@keyframes open{0%,20%,80%,to{margin-top:0}30%,70%{margin-top:10vmin}}@keyframes shine{0%,46%{right:1.5vmin}54%,to{right:7.5vmin}}@keyframes shadow{0%,49.999%{left:0;transform:rotateY(0deg)}50%,to{left:-3vmin;transform:rotateY(180deg)}}body{flex-direction:column;gap:40px;display:flex}
/*# sourceMappingURL=preloaders-page.834fcaaa.css.map */