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}.App{box-sizing:border-box;padding:10px;text-align:center;width:100%}.logo-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.logo-image,.shield-image{height:auto;margin:10px;max-width:200px}@media (max-width:480px){.logo-image,.shield-image{max-width:120px;width:60vw}}body,html{margin:0;padding:0}.App,body,html{height:100%}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;height:60px;justify-content:space-between;max-height:60px;min-height:60px;overflow:hidden;padding:0 20px;position:relative}@media (max-width:768px){.App-header{height:60px}}.left-section{align-items:center;display:flex;flex:1 1;position:relative}.header-title{flex:2 1;font-size:2rem;margin:0;text-align:left}.menu-icon{cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-right:10px}.menu-icon span{background-color:#fff;height:3px;width:25px}.menu{color:#fff;gap:10px;padding:10px;top:20px}.menu,.menu-container{background-color:#333;border-radius:5px;display:flex;flex-direction:row;left:0;position:absolute}.menu-container{align-items:center;gap:5px;padding:5px;top:0;z-index:1000}.menu-container input{border:1px solid #ccc;border-radius:4px;font-size:.8rem;margin:2px 0;padding:5px;width:50px}.menu-container input:focus{border-color:#4caf50;outline:none}.menu-container button{align-items:center;background:none;border:none;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:5px 10px;text-align:center;white-space:nowrap}.menu-container button:hover{background-color:#555}.menu button{background:none;border:none;color:#fff;cursor:pointer;padding:5px 10px;text-align:left}.led-indicator{background-color:gray;border-radius:50%;height:20px;margin-left:20px;transition:background-color .3s ease;width:20px}.led-off{background-color:red}.machine-overview{padding:20px}.device-list{display:flex;flex-wrap:wrap;gap:10px}.device-button{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:2px 2px 5px #0000001a;cursor:pointer;display:flex;flex-basis:calc(25% - 10px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;max-width:300px;min-height:150px;overflow:visible;padding:10px;text-align:center}.device-button:hover{background-color:#eef}.device-content{align-items:center;flex-direction:column;gap:2px;width:100%}.device-content,.device-header{display:flex;justify-content:center}.device-header{align-items:baseline;gap:5px;margin-bottom:10px}.device-name{font-size:16px;font-weight:700}.device-type{color:gray;font-size:12px}.led-row{align-items:center;display:flex;flex-direction:row;gap:5px;margin:5px 0}.led-label{font-size:14px;font-weight:700}.led-container{gap:5px;justify-content:center}.led{border:1px solid #ccc;border-radius:50%;height:15px;width:15px}.led-on{background-color:green}.led-off{background-color:#d2d2d2}.temp-humi-row{display:flex;gap:15px;justify-content:space-between;margin-top:10px;width:100%}.humi,.temp{font-size:14px;font-weight:700}.table-header{background-color:#d2d2d2;color:#000}@media (max-width:768px){.device-button{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.device-button{flex:1 1 100%;max-width:100%}}.device-detail{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.led-container{display:flex;gap:10px;margin-top:10px}.device-detail .led{background-color:gray;border-radius:50%;height:10vw;max-height:50px;max-width:50px;min-height:30px;min-width:30px;transition:background-color .3s;width:10vw}.device-detail .led-on{background-color:green}.device-detail .led-off{background-color:#d4d3d3}.switch-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px;overflow:visible;width:100%}.switch-label{align-items:center;box-sizing:border-box;display:flex;flex:1 1 10%;flex-direction:column;max-width:100px;min-width:60px}.switch{background-color:gray;border:none;border-radius:50px;cursor:pointer;height:40px;position:relative;transition:background-color .3s;width:80px}.switch:before{background-color:#fff;border-radius:50%;content:"";height:80%;left:5%;position:absolute;top:10%;transition:transform .3s;width:40%}.switch-on{background-color:green}.switch-on:before{transform:translateX(100%)}.switch-off{background-color:#d2d2d2}@media (max-width:480px){.switch-label{flex:1 1 45%;width:45%}}.modal{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.modal ul{list-style:none;padding:0}.modal li{cursor:pointer;padding:10px}.modal button{margin:10px}.modal input,.modal select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;max-height:40px;max-width:300px;padding:8px;width:100%}.modal select option{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-day{background:#007bff;color:#fff}.image-gallery{flex-wrap:wrap;justify-content:center;margin:0 auto;padding:10px}.image-container,.image-gallery{box-sizing:border-box;display:flex;width:100%}.image-container{align-items:center;flex-direction:column;margin:10px;max-width:100%}.image{width:100%}.image-description,.image-name{word-wrap:break-word;font-size:1.2rem;margin-top:10px;width:100%}.image-link{align-items:center;display:flex;font-size:1rem;justify-content:center}.purchase-icon{cursor:pointer;height:20px;margin-left:5px;width:100px}@media (max-width:480px){.image-description,.image-name{font-size:1rem}.purchase-icon{height:auto;width:80px}}@media (min-width:768px){.App-header{font-size:calc(14px + 2vmin);min-height:15vh}.image-container{max-width:400px}.image-description,.image-name{font-size:1.4rem}}@media (min-width:1024px){.image-container{max-width:23%;width:23%}.image-description,.image-name{font-size:1.2rem}}footer{background-color:#282c34;color:#fff;width:100%}.app-download-section,footer{padding:20px;text-align:center}.app-download-section{margin-top:40px}.app-download-section h2{color:#333;margin-bottom:20px}.youtube-link{background-color:red;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s}.youtube-link:hover{background-color:#c00}.youtube-gallery{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.youtube-table{border-collapse:collapse;margin-top:20px;width:100%}.youtube-table td,.youtube-table th{border:1px solid #ddd;font-size:1rem;padding:12px;text-align:left}.youtube-table th{background-color:#4caf50;color:#fff;font-weight:700;text-transform:uppercase}.youtube-table tr:nth-child(2n){background-color:#f9f9f9}.youtube-table tr:nth-child(odd){background-color:#fdfdfd}.youtube-table tr:hover{background-color:#e1e1e1;transition:background-color .2s ease-in-out}.highlight{background-color:#d4edda!important}@media (max-width:768px){.youtube-table td,.youtube-table th{font-size:.9rem;padding:10px}}
/*# sourceMappingURL=main.40bb9eb2.css.map*/