.wave-path[data-v-1026c895]{fill:#ffffff4d;animation:4s ease-in-out infinite wave-1026c895}@supports (color:color-mix(in lab,red,red)){.wave-path[data-v-1026c895]{fill:color-mix(in oklab,var(--color-white,#fff) 30%,transparent)}}@keyframes wave-1026c895{0%,to{d:path("M0,50 Q300,20 600,50 T1200,50 L1200,120 L0,120 Z")}50%{d:path("M0,70 Q300,100 600,70 T1200,70 L1200,120 L0,120 Z")}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-82845336],[data-v-82845336]:before,[data-v-82845336]:after,[data-v-82845336]::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-content:"";--tw-duration:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}.machine-page[data-v-82845336]{min-height:100vh;padding:calc(var(--spacing,.25rem) * 4);flex-direction:column;justify-content:center;align-items:center;margin-inline:auto;display:flex;position:relative}.machine-page__containers[data-v-82845336]{justify-content:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.machine-page__machine[data-v-82845336]{width:700px;max-width:100%;height:500px;margin-inline:auto;display:block;position:relative}:is(.machine-page__machine[data-v-82845336] *),.machine-page__machine[data-v-82845336] :after,.machine-page__machine[data-v-82845336] :before{box-sizing:content-box}.machine__top-upper[data-v-82845336]{top:calc(var(--spacing,.25rem) * 0);z-index:10;--tw-translate-x: -50% ;width:70%;height:25%;translate:var(--tw-translate-x) var(--tw-translate-y);border-top-left-radius:var(--radius-xl,.75rem);border-top-right-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-slate-700,oklch(37.2% .044 257.287));background-color:var(--color-zinc-700,oklch(37% .013 285.805));border-bottom-right-radius:40px;border-bottom-left-radius:40px;position:absolute;left:50%;overflow:hidden}.machine__highlight--default[data-v-82845336]{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);background-color:#ffffff26;width:5%;height:100%;position:absolute}@supports (color:color-mix(in lab,red,red)){.machine__highlight--default[data-v-82845336]{background-color:color-mix(in oklab,var(--color-white,#fff) 15%,transparent)}}.machine__shadow--default[data-v-82845336]{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);background-color:#0000001a;width:5%;height:100%;position:absolute}@supports (color:color-mix(in lab,red,red)){.machine__shadow--default[data-v-82845336]{background-color:color-mix(in oklab,var(--color-black,#000) 10%,transparent)}}.machine__highlight--spout[data-v-82845336]{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);background-color:#ffffff26;border-bottom-right-radius:12px;width:20%;height:100%;position:absolute}@supports (color:color-mix(in lab,red,red)){.machine__highlight--spout[data-v-82845336]{background-color:color-mix(in oklab,var(--color-white,#fff) 15%,transparent)}}.machine__shadow--spout[data-v-82845336]{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);background-color:#0000001a;border-bottom-right-radius:12px;width:20%;height:100%;position:absolute}@supports (color:color-mix(in lab,red,red)){.machine__shadow--spout[data-v-82845336]{background-color:color-mix(in oklab,var(--color-black,#000) 10%,transparent)}}.machine__highlight--cup[data-v-82845336]{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);background-color:#ffffff26;border-bottom-left-radius:12px;width:15%;height:100%;position:absolute}@supports (color:color-mix(in lab,red,red)){.machine__highlight--cup[data-v-82845336]{background-color:color-mix(in oklab,var(--color-white,#fff) 15%,transparent)}}.machine__shadow--cup[data-v-82845336]{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);background-color:#0000001a;border-bottom-right-radius:12px;width:15%;height:100%;position:absolute}@supports (color:color-mix(in lab,red,red)){.machine__shadow--cup[data-v-82845336]{background-color:color-mix(in oklab,var(--color-black,#000) 10%,transparent)}}.machine__top-lower[data-v-82845336]{z-index:8;--tw-translate-x: -50% ;width:60%;height:5%;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-slate-700,oklch(37.2% .044 257.287));background-color:var(--color-zinc-400,oklch(70.5% .015 286.067));border-bottom-right-radius:20px;border-bottom-left-radius:20px;position:absolute;top:25%;left:50%}.machine__middle[data-v-82845336]{z-index:6;--tw-translate-x: -50% ;width:50%;height:46%;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-slate-700,oklch(37.2% .044 257.287));background-color:var(--color-zinc-700,oklch(37% .013 285.805));position:absolute;top:30%;left:50%}.machine__dispenser[data-v-82845336]{--tw-translate-x: -50% ;width:20%;height:25%;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-zinc-400,oklch(70.5% .015 286.067));border-bottom-right-radius:20px;border-bottom-left-radius:20px;position:absolute;left:50%}.machine__dispenser[data-v-82845336]:after{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:7px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-zinc-400,oklch(70.5% .015 286.067));--tw-content:"";content:var(--tw-content);width:100%;height:15%;position:absolute}.machine__dispenser-handle[data-v-82845336]{z-index:10;border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-zinc-400,oklch(70.5% .015 286.067));border-top-left-radius:50px;border-bottom-left-radius:50px;width:100%;height:20%;position:absolute;top:20%;right:100%}.machine__dispenser-spout[data-v-82845336]{z-index:10;border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-zinc-400,oklch(70.5% .015 286.067));border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:50%;height:10%;position:absolute;top:100%;left:14%}.machine__dispenser-spout[data-v-82845336]:after{z-index:10;border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-zinc-400,oklch(70.5% .015 286.067));--tw-content:"";content:var(--tw-content);border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:20%;height:100%;position:absolute;top:100%;left:20%}.machine__dispenser-coffee[data-v-82845336]{top:100%;bottom:calc(var(--spacing,.25rem) * 0);z-index:1;background-color:var(--color-orange-950,oklch(26.6% .079 36.259));width:11%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:50px;transition-duration:.3s;position:absolute;left:44%}.machine__dispenser-coffee[data-v-82845336]:is(:where(.group).active *){animation:1s linear forwards pourCoffee-82845336}.machine__cup[data-v-82845336]{z-index:10;--tw-translate-x: -50% ;width:20%;height:35%;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:#ffffff80;border-radius:10px 10px 20px 20px;position:absolute;bottom:-3%;left:50%}@supports (color:color-mix(in lab,red,red)){.machine__cup[data-v-82845336]{background-color:color-mix(in oklab,var(--color-white,#fff) 50%,transparent)}}.machine__cup[data-v-82845336]{opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}.machine__cup[data-v-82845336]:is(:where(.group).active *){opacity:1}.machine__cup[data-v-82845336]:after{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));--tw-content:"";content:var(--tw-content);border-top-right-radius:10px;border-bottom-right-radius:10px;width:20%;height:45%;position:absolute;top:20%;right:-40%}.machine__cup-fill[data-v-82845336]{right:12%;bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 0);--tw-gradient-position:to top;border-bottom-right-radius:10px;border-bottom-left-radius:10px;position:absolute;left:12%}@supports (background-image:linear-gradient(in lab,red,red)){.machine__cup-fill[data-v-82845336]{--tw-gradient-position:to top in oklab}}.machine__cup-fill[data-v-82845336]{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-orange-950,oklch(26.6% .079 36.259));--tw-gradient-to:var(--color-orange-900,oklch(40.8% .123 38.172));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.machine__cup-fill[data-v-82845336]:is(:where(.group).active *){animation:1s linear forwards fillCup-82845336}.machine__cup-steam--left[data-v-82845336]{background-color:var(--color-slate-400,oklch(70.4% .04 256.788));opacity:0;width:11%;height:30%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:50px;transition-duration:.3s;animation-delay:.12s;position:absolute;top:-50%;left:15%}.machine__cup-steam--left[data-v-82845336]:is(:where(.group).active *){animation:.8s linear 4 forwards steam-82845336}.machine__cup-steam--right[data-v-82845336]{background-color:var(--color-slate-400,oklch(70.4% .04 256.788));opacity:0;width:10%;height:30%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:50px;transition-duration:.3s;animation-delay:.16s;position:absolute;top:-40%;right:20%}.machine__cup-steam--right[data-v-82845336]:is(:where(.group).active *){animation:.8s linear 4 forwards steam-82845336}.machine__base[data-v-82845336]{z-index:10;border-top-left-radius:var(--radius-xl,.75rem);border-top-right-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:7px;border-color:var(--color-slate-700,oklch(37.2% .044 257.287));background-color:var(--color-zinc-700,oklch(37% .013 285.805));width:70%;height:15%;position:absolute;bottom:5%;left:15%;overflow:hidden}.machine__base[data-v-82845336]:before{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:7px;border-color:var(--color-slate-700,oklch(37.2% .044 257.287));background-color:var(--color-zinc-400,oklch(70.5% .015 286.067));--tw-content:"";content:var(--tw-content);width:100%;height:10%;position:absolute}.machine__counter[data-v-82845336]{bottom:5%;left:calc(var(--spacing,.25rem) * 0);z-index:10;height:calc(var(--spacing,.25rem) * 0);border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:7px;border-color:var(--color-slate-700,oklch(37.2% .044 257.287));background-color:var(--color-zinc-700,oklch(37% .013 285.805));border-radius:50px;width:100%;position:absolute;overflow:hidden}@keyframes fillCup-82845336{0%{height:0}to{height:90%}}@keyframes steam-82845336{0%,10%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}90%,to{opacity:0;transform:translateY(-20px)}}@keyframes pourCoffee-82845336{0%{top:100%;bottom:0%}6%,94%{top:100%;bottom:-300%}to{top:300%;bottom:-300%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}