@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#304674;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:30px;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#fff}}*{margin:0;padding:0;font-family:Kanit;font-weight:500;-webkit-user-select:none;-ms-user-select:none;user-select:none}#root{margin:0 auto;padding:0;width:100%;height:100vh;-webkit-user-select:none;-ms-user-select:none;user-select:none}.app{width:100%;height:100dvh;display:flex;flex-direction:column;text-align:left;align-items:stretch;position:relative}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;background-color:#f0f8ff}.home-content{padding:2% 5%;max-width:800px;width:100%;display:flex;flex-direction:column;align-items:center}.home-head{width:100%;height:200px;overflow:hidden;position:relative;padding:0;display:flex;justify-content:center;align-items:end}.home-head-circle{width:700px;height:700px;position:absolute;background:url(/leaf-full.webp);background-size:contain;display:flex;border-radius:100%}.home-logo{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;transform:translateY(-50px);font-size:24px;text-align:center}.home-logo-img{width:100px;height:100px;background:url(/leaf-single.webp);background-size:contain;border-radius:16px;border:#30467444 solid 2px;margin:0 0 16px}.home-menu{width:90%;margin:0 5%;display:flex;border-bottom:#888 solid 1px;position:relative}.home-menu-ls{color:#444;font-size:16px;font-weight:400;border-bottom:#444 solid 2px}.home-myfarm{width:75%;padding:5%;display:grid;grid-template-columns:47% 47%;column-gap:5%;row-gap:20px;justify-content:center;max-width:500px}.home-myfarm-ls{width:100%;color:#304674}.home-myfarm-box{border:#30467444 solid 2px;border-radius:10px;background:url(/un.png);background-size:contain;width:100%;aspect-ratio:1;margin:0 0 10px}.dontselect{-webkit-user-select:none;-ms-user-select:none;user-select:none}.auth{width:100%;height:100%;background:#eee;display:flex;justify-content:center;align-items:center}.auth-content{width:90%;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff;border:#30467444 solid 2px;padding:25px 0 50px}.auth-display{width:100%;display:flex;justify-content:center}.auth-display-ls{width:50px;height:70px;border:#ccc 1px solid;border-radius:8px;margin:4px;display:flex;justify-content:center;align-items:center;font-size:24px}.auth-pin{display:grid;grid-template-columns:auto auto auto;width:60%;max-width:300px;text-align:center;justify-items:center}.auth-pin-ls{width:50px;height:50px;border-radius:50px;border:#ccc 1px solid;display:flex;justify-content:center;align-items:center;margin:6px;font-size:16px}.farm{width:100%;display:flex;flex-direction:column;align-items:center;min-height:100%;background-color:#f0f8ff}.farm-content{padding:2% 5%;max-width:800px}.farm h1{font-size:32px;padding:0;margin:0 0 6px;font-weight:600}.farm h2{font-size:24px;padding:0;margin:0;font-weight:400;color:#888}.farm p{font-size:16px;padding:0;margin:0;font-weight:400;color:#888}.farm-logo{width:100px;height:100px;background:url(/un.png);background-size:cover;border-radius:10px;border:#30467444 solid 2px;margin:0 16px 0 0}.sensordata{display:flex;width:100%;padding:10px 0;margin:4px 0;border-radius:6px;flex-direction:column;align-items:center;text-align:center;overflow:hidden;text-overflow:ellipsis;border:#30467444 solid 2px;align-items:stretch;background:#fff}h2{margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.modal_add{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal_add_back{background:#0008;width:100%;height:100%;position:absolute;top:0;left:0}.modal_add_box{width:80%;background:#fff;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 5%;display:flex;flex-direction:column}input{padding:4px 16px;margin:2px 0 8px;border-radius:4px;border:#304674 solid 1px;background:#ddd;outline:none;color:#304674;font-size:24px}button{background:#5bba4f;border-radius:4px;margin:8px 0;font-size:20px;outline:none;color:#fff}.farm-model-1{height:100%;text-align:right;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.farm-model-1 h2{font-size:28px;padding:0;margin:0;width:unset;color:#304674!important;font-weight:400}.farm-model-1 h3{font-size:24px;padding:0;width:unset;margin:0 0 0 10px;color:#888;font-weight:300}.farm-icon{height:50px;aspect-ratio:1;background:url(/icon/temp.png) no-repeat;background-size:contain}.farm-icon-ec{background:url(/icon/ec.png) no-repeat;background-size:contain}.farm-icon-ph{background:url(/icon/ph.png) no-repeat;background-size:contain}.farm-icon-humi{background:url(/icon/humi.png) no-repeat;background-size:contain}.farm-icon-level{background:url(/icon/level.png) no-repeat;background-size:contain}.farm-icon-temp-water{background:url(/icon/temp-water.png) no-repeat;background-size:contain}.farm-icon-temp{background:url(/icon/temp.png) no-repeat;background-size:contain}.farm-icon-light{background:url(/icon/light.png) no-repeat;background-size:contain}.nav{width:90%;height:60px;background-image:url(/leaf-full.webp);background-size:cover;position:fixed;top:0;left:0;margin:0;padding:0 5%;color:#fff;font-family:Kanit,sans-serif;display:flex;align-items:center;justify-content:space-between;z-index:4}.nav-logo{width:100px;height:100px;background:url(/leaf-single.webp);background-size:cover;transform:translateY(50px);border-radius:10px;box-shadow:0 4px 10px #0008}h3{font-size:24px;font-weight:500}.switchcontent{display:flex;flex-direction:column;padding:24px;margin:12px 0;border-radius:6px;border:#30467444 solid 2px;justify-content:space-between;background:#fff}.switchcontent h4{padding:0;margin:0}.switchcontent-head{display:flex;justify-content:space-between;align-items:center}.toggle{width:60px;height:30px;border-radius:100px;background:#ccc;display:flex;position:relative}.toggle-c{width:20px;height:20px;border-radius:100%;background:#304674;position:absolute;transition:all .3s}.toggle-on{top:5px;right:5px;background:#304674}.toggle-off{top:5px;left:5px;background:#888}.bt-turnon{background:#304674;outline:none;color:#fff}.bt-turnoff{background:#f37a7e;outline:none;color:#fff}.bt-offline{background:#888;outline:none;color:#fff}select{padding:4px 16px;margin:2px 0 8px;border-radius:4px;border:#304674 solid 1px;background:#ddd;outline:none;color:#304674;font-size:24px}