body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{scrollbar-color:#fff #e1e3cd;scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e1e3cd}::-webkit-scrollbar-thumb{background-color:#fff;border:0 #fff;border-radius:10px}.active-tab{font-weight:700;text-decoration:underline}:root{--normal-cup:300px;--small-cup:150px;--normal-plate-width:500px;--normal-plate-height:200px;--small-plate-width:250px;--small-plate-height:100px;--normal-pulsate-font:24px;--small-pulsate-font:16px;--normal-text-mt:200px;--small-text-mt:150px;--normal-text-mb:15px;--small-handle-right:-35px;--small-handle-top:20px;--small-handle-width:55px;--small-handle-height:70px;--small-handle-border:12px solid #dcdcdc;--small-handle-border-left:12px solid #0000;--small-handle-border-bottom:12px solid #0000;--normal-handle-right:-70px;--normal-handle-top:40px;--normal-handle-width:110px;--normal-handle-height:140px;--normal-handle-border:25px solid #dcdcdc;--normal-handle-border-left:25px solid #0000;--normal-handle-border-bottom:25px solid #0000}.home{align-items:center;display:flex;flex-direction:column;height:920px;justify-content:space-between}.container{top:50px}.container,.cup{position:relative}.cup{background:linear-gradient(90deg,#f9f9f9,#d9d9d9);border-bottom-left-radius:45%;border-bottom-right-radius:45%;height:300px;height:var(--normal-cup);margin-top:100%;width:300px;width:var(--normal-cup)}.top{background:linear-gradient(90deg,#f9f9f9,#d9d9d9);height:60px;left:0;top:-30px;width:100%}.circle,.top{border-radius:50%;position:absolute}.circle{background:linear-gradient(270deg,#f9f9f9,#d9d9d9);box-sizing:border-box;height:50px;left:10px;overflow:hidden;top:5px;width:calc(100% - 20px)}.tea{background:linear-gradient(270deg,#c57e65,#e28462);border-radius:50%;box-sizing:border-box;height:100%;left:0;top:20px;width:100%}.handle,.tea{position:absolute}.handle{border:25px solid #dcdcdc;border:var(--normal-handle-border);border-bottom:25px solid #0000;border-bottom:var(--normal-handle-border-bottom);border-left:25px solid #0000;border-left:var(--normal-handle-border-left);border-radius:50%;height:140px;height:var(--normal-handle-height);right:-70px;right:var(--normal-handle-right);top:40px;top:var(--normal-handle-top);transform:rotate(42deg);width:110px;width:var(--normal-handle-width)}.plate{background:linear-gradient(90deg,#f9f9f9,#e7e7e7);bottom:-50px;box-shadow:0 35px 35px #0003;height:200px;height:var(--normal-plate-height);left:50%;transform:translateX(-50%);width:500px;width:var(--normal-plate-width)}.plate,.plate:before{border-radius:50%;position:absolute}.plate:before{background:linear-gradient(270deg,#f2f2f2,#e7e7e7);bottom:10px;content:"";left:10px;right:10px;top:10px}.plate:after{background:radial-gradient(#0003,#0000,#0000);border-radius:50%;bottom:30px;content:"";left:30px;position:absolute;right:30px;top:30px}.vapour{display:flex;padding:0 20px;position:relative;z-index:1}.vapour span{animation:cupAnimate 5s linear infinite;animation-delay:calc(var(--i)*-.5s);background:#ffdb8d}.vapour div,.vapour span{border-radius:50%;bottom:50px;display:block;filter:blur(8px);height:120px;margin:0 2px 50px;min-width:8px;opacity:0;position:relative}.vapour div{animation:cupAnimate2 5s linear infinite;animation-delay:calc(var(--i)*-.5s);background:#ecd0d0}@keyframes cupAnimate{0%{opacity:0;transform:translateY(0) scaleX(1)}15%{opacity:1}50%{transform:translateY(-150px) scaleX(5)}95%{opacity:0}to{transform:translateY(-350px) scaleX(10)}}@keyframes cupAnimate2{0%{opacity:0;transform:translateY(0) scaleX(1)}15%{opacity:1}50%{transform:translateY(-150px) scaleX(5)}95%{opacity:0}to{transform:translateY(-350px) scaleX(10)}}@media screen and (max-width:700px){.cup{height:150px;height:var(--small-cup);margin-top:60%;width:150px;width:var(--small-cup)}.plate{bottom:-41px;box-shadow:0 17px 17px #0003;height:100px;height:var(--small-plate-height);width:250px;width:var(--small-plate-width)}.handle{border:12px solid #dcdcdc;border:var(--small-handle-border);border-bottom:12px solid #0000;border-bottom:var(--small-handle-border-bottom);border-left:12px solid #0000;border-left:var(--small-handle-border-left);height:70px;height:var(--small-handle-height);right:-35px;right:var(--small-handle-right);top:20px;top:var(--small-handle-top);width:55px;width:var(--small-handle-width)}.vapour div,.vapour span{bottom:25px;filter:blur(4px);height:60px;margin:0 1px 25px;min-width:4px}}@media screen and (max-height:500px){.cup{height:75px;margin-top:0;width:75px}.plate{bottom:-18px;box-shadow:0 17px 17px #0003;height:50px;width:125px}.top{background:linear-gradient(90deg,#f9f9f9,#d9d9d9);border-radius:50%;height:30px;left:0;position:absolute;top:-14px;width:100%}.circle{background:linear-gradient(270deg,#f9f9f9,#d9d9d9);height:25px;left:10px;overflow:hidden;top:5px;width:calc(100% - 20px)}.circle,.tea{border-radius:50%;box-sizing:border-box;position:absolute}.tea{background:linear-gradient(270deg,#c57e65,#e28462);height:100%;left:0;top:10px;width:100%}.handle{border-bottom:6px solid #dcdcdc;border-left:6px solid #dcdcdc;border-color:#dcdcdc #dcdcdc #0000 #0000;border-style:solid;border-width:6px;height:35px;right:-17px;top:10px;width:27.5px}.vapour{padding:0}.vapour div,.vapour span{bottom:12px;filter:blur(3px);height:30px;margin:0 1px 12px;min-width:2px}}.animate-text{margin-bottom:15px;margin-bottom:var(--normal-text-mb);margin-top:200px;margin-top:var(--normal-text-mt);white-space:nowrap}.animate-text span{animation:slideIn 1s ease forwards;display:inline-block;opacity:0}.pulsate{animation:pulsate 1.5s infinite;font-size:24px;font-size:var(--normal-pulsate-font);text-shadow:0 0 0 #1976d226}@keyframes pulsate{0%{text-shadow:0 0 0 #1976d226;transform:scale(1)}50%{text-shadow:0 0 5px #1976d24d;transform:scale(1.005)}to{text-shadow:0 0 0 #1976d226;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:700px){.pulsate{font-size:16px;font-size:var(--small-pulsate-font)}.animate-text{margin-top:150px;margin-top:var(--small-text-mt)}}@media screen and (max-height:500px){.animate-text{margin-top:100px}}.ring{align-items:center;display:flex;height:450px;justify-content:center;position:relative;width:450px}.ring i{border:2px solid #b0d89b;inset:0;position:absolute;transition:.5s}.ring i:first-child{animation:animate 6s linear infinite;border-radius:38% 62% 63% 37%/41% 44% 56% 59%}.ring i:nth-child(2){animation:animate 4s linear infinite}.ring i:nth-child(2),.ring i:nth-child(3){border-radius:41% 44% 56% 59%/38% 62% 63% 37%}.ring i:nth-child(3){animation:animate2 10s linear infinite}.ring:hover i.grn{border:6px solid #00ff0a;filter:drop-shadow(0 0 20px #00ff0a)}.ring:hover i.rd{border:6px solid #ff0057;filter:drop-shadow(0 0 20px #ff0057)}.ring:hover i.yllw{border:6px solid #fffd44;filter:drop-shadow(0 0 20px #fffd44)}@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animate2{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.login{align-items:center;display:flex;flex-direction:column;gap:20px;height:80%;justify-content:center;position:absolute;top:-10px;width:250px}.inputBx input,.login .inputBx{position:relative}.inputBx input{background:#0000;box-shadow:none;color:#000;outline:none;padding:12px 20px;width:82.4%}
/*# sourceMappingURL=main.202510101701.css.map*/