:root{--primaryColor:rgba(0,255,0,0.6)}.main-bg{width:100%;height:100%;overflow:hidden;position:relative;box-sizing:border-box;background:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.4) 20%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 80%,rgba(0,0,0,.6)),url(/sites/itohseiko/background/1.jpg);background-size:cover;background-position:50%}p{color:white}.header-card .en-name{font-weight:700;font-size:28px;line-height:28px}.header-card .th-name{font-size:20px;line-height:24px}.header-card .peak-power,.header-card .unit{font-weight:700;font-size:32px;line-height:32px}.inverter-section{border-radius:1rem;background:linear-gradient(90deg,rgba(0,255,0,.3),rgba(0,255,0,.6));padding:.5rem;display:flex;flex-direction:row;gap:2rem}.inverter-section .peak-power{border-radius:1rem;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.3));width:calc(100% / 3);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.inverter-section .peak-power p{font-size:18px;font-weight:700;line-height:18px}.inverter-section .current-data{width:calc(100% / 3 * 2);display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.inverter-section .current-data .en-name{font-size:18px;font-weight:700;line-height:18px}.inverter-section .current-data .th-name{font-size:14px;line-height:14px}.inverter-section .current-data .value{font-size:24px;font-weight:700;line-height:24px}.swipe-chart{border-radius:1rem;background:rgba(0,0,0,.3);padding:.5rem;display:flex;flex-direction:column}.product-card{flex:1;display:flex;flex-direction:column;padding:.5rem;background:rgba(0,0,0,.3);border-radius:1rem;justify-content:space-between}.product-card .title{display:flex;flex-direction:row;gap:.5rem}.product-card .title .en-name{font-weight:700;font-size:18px;line-height:18px}.product-card .title.th-name{font-size:14px;line-height:18px}.product-card .value{font-size:20px;font-weight:700}.energy-report{display:flex;flex-direction:row;justify-content:space-between;padding:.5rem}.energy-report .en-name{font-weight:700;font-size:18px;line-height:18px}.energy-report .th-name{font-size:14px;line-height:18px}.energy-report .energy{font-weight:700;font-size:28px;line-height:28px}.energy-report:first-of-type .energy{color:rgba(0,255,0,.6)}.power-flow{padding:.5rem;flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.power-flow .en-name{font-size:18px;font-weight:700;line-height:18px}.power-flow .th-name{font-size:14px;line-height:18px}.power-flow .value{font-size:24px;font-weight:700;line-height:24px;color:var(--primaryColor)}.power-flow .unit{font-size:18px;line-height:22px}.header-card{padding:.5rem;display:flex;flex-direction:row;justify-content:space-between}.weather-card{flex:1;padding:.5rem;display:flex;flex-direction:row;gap:.5rem}.grid-symbol,.load-symbol,.solar-symbol{padding:.5rem;background:rgba(0,255,0,.6);border-radius:.5rem;position:relative}.right-arrow{width:100%;height:100%}.right-arrow svg{fill:var(--primaryColor);animation:moveArrowRight 3.6s ease-in-out infinite;position:absolute;top:0;left:0}.right-arrow svg:first-of-type{polygon:nth-of-type(2){filter:blur(5px)}}.right-arrow svg:nth-of-type(2){animation-delay:1.2s;polygon:nth-of-type(2){filter:blur(5px)}}.right-arrow svg:nth-of-type(3){animation-delay:2.4s;polygon:nth-of-type(2){filter:blur(5px)}}@keyframes moveArrowRight{0%{transform:translateX(0);filter:blur(0);opacity:0}50%{opacity:.7}to{transform:translateX(40px);opacity:0;filter:blur(0)}}.left-arrow svg{fill:var(--primaryColor);animation:moveArrowLeft 3.6s ease-in-out infinite;position:absolute;top:0;left:0}.left-arrow svg:first-of-type{polygon:nth-of-type(2){filter:blur(5px)}}.left-arrow svg:nth-of-type(2){animation-delay:1.2s;polygon:nth-of-type(2){filter:blur(5px)}}.left-arrow svg:nth-of-type(3){animation-delay:2.4s;polygon:nth-of-type(2){filter:blur(5px)}}@keyframes moveArrowLeft{0%{transform:translateX(0);filter:blur(0);opacity:0}50%{opacity:.7}to{transform:translateX(-40px);opacity:0;filter:blur(0)}}