@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);.barchart-root{display:flex;flex-direction:column;height:100%;min-width:520px;width:100%}.barchart-root .upper-section{display:flex;flex:1 1}.barchart-root .upper-section .yaxes{display:flex;height:100%;width:100px}.barchart-root .upper-section .yaxes .label{align-items:center;color:#1d3740;display:flex;font-size:12px}.barchart-root .upper-section .yaxes .ticks{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding-right:20px}.barchart-root .upper-section .yaxes .ticks .tick{color:#1d3740;font-size:16px;text-align:right}.barchart-root .upper-section .graph{flex:1 1;position:relative}.barchart-root .upper-section .graph .grid-y-layer{display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%;z-index:1}.barchart-root .upper-section .graph .grid-y-layer .line-container{align-items:center;display:flex;height:21px}.barchart-root .upper-section .graph .grid-y-layer .line-container:last-child{align-items:flex-end}.barchart-root .upper-section .graph .grid-y-layer .line{background-color:#eaeaea;height:1px;width:100%}.barchart-root .upper-section .graph .bar-layer{align-items:flex-end;display:flex;height:100%;justify-content:space-around;left:0;position:absolute;top:0;width:100%;z-index:2}.barchart-root .upper-section .graph .bar-layer:not(:hover) .bar-container:last-child .bar{background-color:#5fa87c;scale:1.05}.barchart-root .upper-section .graph .bar-layer:not(:hover) .bar-container:last-child .bar .bar-label{color:#1d3740;font-size:20px;font-weight:700}.barchart-root .upper-section .graph .bar-layer .bar-container{align-items:flex-end;display:flex;flex:1 1;height:calc(100% - 10px);justify-content:center}.barchart-root .upper-section .graph .bar-layer .bar-container:hover .bar{background-color:#5fa87c;scale:1.05}.barchart-root .upper-section .graph .bar-layer .bar-container:hover .bar .bar-label{color:#1d3740;font-size:20px;font-weight:700;z-index:31}.barchart-root .upper-section .graph .bar-layer .bar{background-color:#dfeee5;display:flex;justify-content:center;position:relative;transition:all .3s ease-in-out;width:32px}.barchart-root .upper-section .graph .bar-layer .bar .bar-label{color:#73858f;font-size:14px;position:absolute;top:-28px;transition:all .3s ease-in-out;z-index:31}.barchart-root .xaxes{display:flex;height:40px;padding-left:100px}.barchart-root .xaxes .xaxis{color:#1d3740;display:flex;flex:1 1;justify-content:center;margin-top:16px}@media (max-width:640px){.barchart-root{height:100%;width:100%}}.category-root{background-color:#fff;border:1px solid #eaeaea;border-radius:4px;height:100%;padding:11px 16px;position:relative;width:100%}.category-root .category-box{align-items:center;display:flex;justify-content:space-between;width:100%}.category-root .category-box .text{color:#1d3740;font-size:14px}.category-root .category-box .arrow{background-image:-webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAHlBMVEVHcEwQMEAcNkAdNkAbNUAbNUAdNkAYOEAcNkAdN0BoSaLvAAAACXRSTlMAENDwMWCgIMDBcW2RAAAAO0lEQVQI12NgoAJghGIgSBJgYHAOALHYLRUZWCwVwKLOkwSACMxksVQBSkCA80yoIEhYEW6chwADVQAAyqwGfwcbk48AAAAASUVORK5CYII=) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAG1BMVEVHcEwbNUAdNkAdNkAdNkAcNkAQMEAYOEAdN0AImm3vAAAACHRSTlMAMJ7w79UQIAQuRLEAAABnSURBVCjPY2AYBZiATQDKYEcSTHWEMlQEEAojWiAcpg5HuCBTB5Sj0dGK0K7RAVYKlDRkQFeq0dEswICmFFUhVCmaQrBSITSFYKUd6ApBSjEUgpViKAQpNcQMFCYsChkYFEdTCwgAAFvGGeBeQ+hEAAAAAElFTkSuQmCC) 2x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAGFBMVEVHcEwbNUAdNkAbNUAQMEAcNkAcNkAdN0BAvUg0AAAAB3RSTlMAMPBfEM/AQWQIHQAAAIpJREFUOMvt0z0OgCAMBWBIjLNyA40JK3cwnsF72KHXlyjyZ9vBwYk38dJ820OplpZ/s+ZlrK/d7lLR81CdN4RUDE41RoxcWzxK3iMmbnxZirMHkefvXMDrSXAKZ4bCCdE4Kho/jMPBcThwFt+cxYGzOHBgJ6GthC8OwqI8d9LiDIiD1K59ypbPOQFMhzaQXQvPFAAAAABJRU5ErkJggg==) 3x);background-image:image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAHlBMVEVHcEwQMEAcNkAdNkAbNUAbNUAdNkAYOEAcNkAdN0BoSaLvAAAACXRSTlMAENDwMWCgIMDBcW2RAAAAO0lEQVQI12NgoAJghGIgSBJgYHAOALHYLRUZWCwVwKLOkwSACMxksVQBSkCA80yoIEhYEW6chwADVQAAyqwGfwcbk48AAAAASUVORK5CYII=) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAG1BMVEVHcEwbNUAdNkAdNkAdNkAcNkAQMEAYOEAdN0AImm3vAAAACHRSTlMAMJ7w79UQIAQuRLEAAABnSURBVCjPY2AYBZiATQDKYEcSTHWEMlQEEAojWiAcpg5HuCBTB5Sj0dGK0K7RAVYKlDRkQFeq0dEswICmFFUhVCmaQrBSITSFYKUd6ApBSjEUgpViKAQpNcQMFCYsChkYFEdTCwgAAFvGGeBeQ+hEAAAAAElFTkSuQmCC) 2x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAGFBMVEVHcEwbNUAdNkAbNUAQMEAcNkAcNkAdN0BAvUg0AAAAB3RSTlMAMPBfEM/AQWQIHQAAAIpJREFUOMvt0z0OgCAMBWBIjLNyA40JK3cwnsF72KHXlyjyZ9vBwYk38dJ820OplpZ/s+ZlrK/d7lLR81CdN4RUDE41RoxcWzxK3iMmbnxZirMHkefvXMDrSXAKZ4bCCdE4Kho/jMPBcThwFt+cxYGzOHBgJ6GthC8OwqI8d9LiDIiD1K59ypbPOQFMhzaQXQvPFAAAAABJRU5ErkJggg==) 3x);background-position:50%;background-repeat:no-repeat;background-size:cover;height:20px;transform:rotate(0deg);transition:transform .1s ease-in-out;width:20px}.category-root .options-wrapper{background-color:#fff;height:0;left:0;overflow-y:hidden;position:absolute;top:52px;transition:height .1s ease-in-out,padding .1s ease-in-out;width:100%;z-index:3}.category-root .options-wrapper .option-list{border:1px solid #eaeaea;border-radius:4px;height:100%}.category-root .options-wrapper .option-list:not(:hover) .selected{background-color:#dfeee5;color:#1d3740}.category-root .options-wrapper .option-list .option{color:#73858f;font-size:14px;padding:11px 16px}.category-root .options-wrapper .option-list .option:active,.category-root .options-wrapper .option-list .option:hover{background-color:#dfeee5;color:#1d3740}.category-root.focused .category-box .arrow{transform:rotate(180deg)}.category-root.focused .options-wrapper{height:80px}.colorchip-root{align-items:center;border-radius:25%/50%;display:flex;gap:6px;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;justify-content:space-between;padding:5px 8px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.colorchip-root .amout{font-size:14px}.plus{background-color:#fbe9eb}.plus .amount{color:#d32d41}.minus{background-color:#e7ecf1}.minus .amount{color:#1a4575}.dropdown-root{border:1px solid #eaeaea;height:100%;padding:11px 16px;position:relative;width:100%}.dropdown-root .dropdown-box{align-items:center;display:flex;justify-content:space-between;width:100%}.dropdown-root .dropdown-box .text{color:#1d3740;font-size:14px}.dropdown-root .dropdown-box .arrow{background-image:-webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAHlBMVEVHcEwQMEAcNkAdNkAbNUAbNUAdNkAYOEAcNkAdN0BoSaLvAAAACXRSTlMAENDwMWCgIMDBcW2RAAAAO0lEQVQI12NgoAJghGIgSBJgYHAOALHYLRUZWCwVwKLOkwSACMxksVQBSkCA80yoIEhYEW6chwADVQAAyqwGfwcbk48AAAAASUVORK5CYII=) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAG1BMVEVHcEwbNUAdNkAdNkAdNkAcNkAQMEAYOEAdN0AImm3vAAAACHRSTlMAMJ7w79UQIAQuRLEAAABnSURBVCjPY2AYBZiATQDKYEcSTHWEMlQEEAojWiAcpg5HuCBTB5Sj0dGK0K7RAVYKlDRkQFeq0dEswICmFFUhVCmaQrBSITSFYKUd6ApBSjEUgpViKAQpNcQMFCYsChkYFEdTCwgAAFvGGeBeQ+hEAAAAAElFTkSuQmCC) 2x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAGFBMVEVHcEwbNUAdNkAbNUAQMEAcNkAcNkAdN0BAvUg0AAAAB3RSTlMAMPBfEM/AQWQIHQAAAIpJREFUOMvt0z0OgCAMBWBIjLNyA40JK3cwnsF72KHXlyjyZ9vBwYk38dJ820OplpZ/s+ZlrK/d7lLR81CdN4RUDE41RoxcWzxK3iMmbnxZirMHkefvXMDrSXAKZ4bCCdE4Kho/jMPBcThwFt+cxYGzOHBgJ6GthC8OwqI8d9LiDIiD1K59ypbPOQFMhzaQXQvPFAAAAABJRU5ErkJggg==) 3x);background-image:image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAHlBMVEVHcEwQMEAcNkAdNkAbNUAbNUAdNkAYOEAcNkAdN0BoSaLvAAAACXRSTlMAENDwMWCgIMDBcW2RAAAAO0lEQVQI12NgoAJghGIgSBJgYHAOALHYLRUZWCwVwKLOkwSACMxksVQBSkCA80yoIEhYEW6chwADVQAAyqwGfwcbk48AAAAASUVORK5CYII=) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAG1BMVEVHcEwbNUAdNkAdNkAdNkAcNkAQMEAYOEAdN0AImm3vAAAACHRSTlMAMJ7w79UQIAQuRLEAAABnSURBVCjPY2AYBZiATQDKYEcSTHWEMlQEEAojWiAcpg5HuCBTB5Sj0dGK0K7RAVYKlDRkQFeq0dEswICmFFUhVCmaQrBSITSFYKUd6ApBSjEUgpViKAQpNcQMFCYsChkYFEdTCwgAAFvGGeBeQ+hEAAAAAElFTkSuQmCC) 2x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAGFBMVEVHcEwbNUAdNkAbNUAQMEAcNkAcNkAdN0BAvUg0AAAAB3RSTlMAMPBfEM/AQWQIHQAAAIpJREFUOMvt0z0OgCAMBWBIjLNyA40JK3cwnsF72KHXlyjyZ9vBwYk38dJ820OplpZ/s+ZlrK/d7lLR81CdN4RUDE41RoxcWzxK3iMmbnxZirMHkefvXMDrSXAKZ4bCCdE4Kho/jMPBcThwFt+cxYGzOHBgJ6GthC8OwqI8d9LiDIiD1K59ypbPOQFMhzaQXQvPFAAAAABJRU5ErkJggg==) 3x);background-position:50%;background-repeat:no-repeat;background-size:cover;height:20px;transform:rotate(0deg);transition:transform .1s ease-in-out;width:20px}.dropdown-root .options-wrapper{background-color:#fff;box-shadow:0 3px 10px #0000001f;height:0;left:0;overflow-y:hidden;position:absolute;top:44px;transition:height .1s ease-in-out,padding .1s ease-in-out;width:100%;z-index:3}.dropdown-root .options-wrapper .option-list{border:1px solid #eaeaea;height:100%}.dropdown-root .options-wrapper .option-list:not(:hover) .selected{background-color:#dfeee5}.dropdown-root .options-wrapper .option-list .option{color:#1d3740;font-size:14px;padding:11px 16px}.dropdown-root .options-wrapper .option-list .option:active,.dropdown-root .options-wrapper .option-list .option:hover{background-color:#dfeee5}.dropdown-root.focused .dropdown-box .arrow{transform:rotate(180deg)}.dropdown-root.focused .options-wrapper{height:80px}.input-root{border:1px solid #eaeaea;color:#1d3740;height:100%;padding:11px 16px;width:100%}.input-root::placeholder{color:#73858f}.input-root.filled{border-color:#5fa87c}.tooltip-root{align-items:center;background-color:#fff;border:1px solid #eaeaea;box-shadow:2px 4px 8px #00000029;display:flex;flex-direction:column;padding:15px 16px}.tooltip-root .x-value{color:#73858f;font-size:12px;margin-bottom:8px}.tooltip-root .y-value{color:#1d3740;font-size:16px;font-weight:700}.linechart-root{height:100%;width:100%}.textchip-root{border:1px solid #5fa87c;border-radius:18.5px;color:#5fa87c;font-size:20px;padding:6px 20px;text-align:center}.toggle-root{background-color:#f1f2f0;border-radius:24px;height:100%;padding:3px;position:relative;width:100%}.toggle-root .ball-layer{display:flex;gap:10px;height:calc(100% - 6px);position:absolute;width:calc(100% - 6px);z-index:1}.toggle-root .ball-layer div{flex:1 1}.toggle-root .ball-layer .ball{background-color:#fff;border-radius:21px;transform:translateX();transition:transform .2s cubic-bezier(.33,-.44,.67,1.36)}.toggle-root .text-layer{display:flex;gap:10px;height:calc(100% - 6px);position:absolute;width:calc(100% - 6px);z-index:2}.toggle-root .text-layer .text-container{color:#73858f;flex:1 1;font-size:15px;transition:color .2s linear}.toggle-root .text-layer .active{color:#1d3740}.bordered-tooltip-root{left:60%;opacity:0;position:absolute;top:100%;transition:opacity .3s linear;visibility:hidden}.bordered-tooltip-root svg{position:absolute;z-index:1}.bordered-tooltip-root .text{background-color:#fff;border:1px solid #eaeaea;border-radius:16px/50%;box-shadow:2px 4px 8px 0 #00000029;color:#767676;font-size:12px;left:-48px;padding:8px 12px;position:absolute;top:8px;white-space:nowrap}.home-root{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:12px 0 32px;width:100%}.home-root .category-section{margin-bottom:12px;max-width:1636px;width:100%}.home-root .category-section .category-container{height:48px;width:256px}.home-root .home-layout{grid-column-gap:24px;grid-row-gap:32px;-moz-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 2fr;max-width:1636px;row-gap:32px;width:100%}.home-root .home-layout section{background-color:#fff;border:1px solid #eaeaea;border-radius:4px;display:flex;flex-direction:column;max-width:806px;width:100%}.home-root .home-layout section .header{border-bottom:1px solid #eaeaea;color:#202428;font-size:18px;font-weight:500;height:56px;padding:18px 20px;width:100%}.home-root .home-layout .picking-section{align-items:center;display:flex}.home-root .home-layout .picking-section .content{align-items:center;display:flex;flex-grow:1}.home-root .home-layout .picking-section .pe,.home-root .home-layout .picking-section .pp{display:flex}.home-root .home-layout .picking-section .pe .wrapper,.home-root .home-layout .picking-section .pp .wrapper{display:flex;flex-direction:column;width:252px}.home-root .home-layout .picking-section .pe .counter,.home-root .home-layout .picking-section .pp .counter{align-items:center;display:flex;flex-direction:column;gap:10px;height:149px;padding:17px 59px;width:100%}.home-root .home-layout .picking-section .pe .counter .type,.home-root .home-layout .picking-section .pp .counter .type{color:#73858f;font-size:20px}.home-root .home-layout .picking-section .pe .counter .count,.home-root .home-layout .picking-section .pp .counter .count{color:#1d3740;font-size:32px;font-weight:700}.home-root .home-layout .picking-section .pe .linechart-container,.home-root .home-layout .picking-section .pp .linechart-container{height:100px;padding:13px 28px;width:100%}.home-root .home-layout .picking-section .pe .counter-by-time,.home-root .home-layout .picking-section .pp .counter-by-time{display:flex;flex-direction:column}.home-root .home-layout .picking-section .pe .counter-by-time .item,.home-root .home-layout .picking-section .pp .counter-by-time .item{align-items:center;display:flex;flex-direction:column;gap:8px;height:124.5px;justify-content:center;width:150px}.home-root .home-layout .picking-section .pe .counter-by-time .item .type,.home-root .home-layout .picking-section .pp .counter-by-time .item .type{color:#73858f;font-size:14px}.home-root .home-layout .picking-section .pe .counter-by-time .item .count,.home-root .home-layout .picking-section .pp .counter-by-time .item .count{color:#1d3740;font-size:20px;font-weight:700}.home-root .home-layout .picking-section .divider{align-self:center;background-color:#eaeaea;height:90%;min-width:1px}.home-root .home-layout .profit-section{align-items:center;display:flex}.home-root .home-layout .profit-section .content{align-items:center;display:grid;flex-grow:1;grid-template-columns:376px 428px;justify-items:center}.home-root .home-layout .profit-section .content .display{align-items:center;display:flex;flex-direction:column;gap:20px;height:149px;justify-content:center}.home-root .home-layout .profit-section .content .display .result{color:#d32d41;font-size:32px;font-weight:700}.home-root .home-layout .profit-section .content .chart-container{height:100px;padding:16px 32px;width:376px}.home-root .home-layout .profit-section .content .calculator{display:flex;flex-direction:column;gap:12px;grid-column:2/3;grid-row:1/3;padding:21px;width:100%}.home-root .home-layout .profit-section .content .calculator .item{align-items:center;display:flex;justify-content:space-between;width:100%}.home-root .home-layout .profit-section .content .calculator .item .label{align-items:center;color:#1d3740;display:flex;font-size:14px;gap:2px;justify-content:flex-start;position:relative;width:81px}.home-root .home-layout .profit-section .content .calculator .item .label img{cursor:help;height:18px;width:18px}.home-root .home-layout .profit-section .content .calculator .item .label img:hover+div{opacity:1;visibility:visible}.home-root .home-layout .profit-section .content .calculator .item .calc-button,.home-root .home-layout .profit-section .content .calculator .item .dropbox-container,.home-root .home-layout .profit-section .content .calculator .item .input-container{flex-grow:1}.home-root .home-layout .profit-section .content .calculator .item .calc-button{background-color:#5fa87c;color:#fff;font-size:14px;font-weight:500;height:40px}.home-root .home-layout .picking-section,.home-root .home-layout .profit-section{min-height:305px}.home-root .home-layout .pe-section,.home-root .home-layout .pp-section{min-height:599px}.home-root .home-layout .pe-section .content,.home-root .home-layout .pp-section .content{display:flex;flex-direction:column;flex-grow:1;gap:32px;padding:20px 20px 20px 41px}.home-root .home-layout .pe-section .toggle-area,.home-root .home-layout .pp-section .toggle-area{display:flex;justify-content:space-between;width:100%}.home-root .home-layout .pe-section .toggle-area .toggle-container:first-child,.home-root .home-layout .pp-section .toggle-area .toggle-container:first-child{height:48px;width:176px}.home-root .home-layout .pe-section .toggle-area .toggle-container:last-child,.home-root .home-layout .pp-section .toggle-area .toggle-container:last-child{height:48px;width:116px}.home-root .home-layout .pe-section .chart-container,.home-root .home-layout .pp-section .chart-container{flex-grow:1}@media (max-width:1919px){.home-root .category-section{max-width:804px}.home-root .home-layout{column-gap:24px;grid-template-columns:1fr;grid-template-rows:none;justify-items:center;row-gap:32px}}@media (max-width:1200px){.home-root .home-layout .picking-section .content{flex-direction:column}.home-root .home-layout .picking-section .pe,.home-root .home-layout .picking-section .pp{align-items:center;flex-direction:column}.home-root .home-layout .picking-section .pe .counter-by-time,.home-root .home-layout .picking-section .pp .counter-by-time{flex-direction:row}.home-root .home-layout .picking-section .divider{height:1px;min-width:none;width:100%}.home-root .home-layout .profit-section .content{align-items:center;grid-template-columns:auto;justify-items:center}.home-root .home-layout .profit-section .content .chart-container{grid-row:2/3}.home-root .home-layout .profit-section .content .calculator{grid-column:1/2;grid-row:3/4}}@media (max-width:600px){.home-root .home-layout .pe-section .content,.home-root .home-layout .pp-section .content{max-width:calc(100vw - 40px)}.home-root .home-layout .pe-section .toggle-area,.home-root .home-layout .pp-section .toggle-area{gap:15px;justify-content:flex-start}.home-root .home-layout .pe-section .chart-container,.home-root .home-layout .pp-section .chart-container{overflow-x:scroll}}.login-root{align-items:center;background-color:#f1f2f0;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.login-root .title-container .title{color:#202428;font-size:24px;font-weight:700;text-align:center}.login-root .title-container .subtitle{color:#73858f;font-size:16px;margin-top:12px;text-align:center}.login-root .login-form{align-items:center;background-color:#fff;border:1px solid #eaeaea;border-radius:4px;display:flex;flex-direction:column;margin-top:40px;padding-bottom:60px;width:444px}.login-root .login-form .header{border-bottom:1px solid #eaeaea;margin-bottom:24x;padding:18px 32px 16px;width:100%}.login-root .login-form .item{margin-top:24px;padding:0 32px;width:100%}.login-root .login-form .item .label{color:#1d3740;font-size:14px;font-weight:500}.login-root .login-form .item .input-container{margin-top:8px}.login-root .login-form .login-button{background-color:#5fa87c;color:#fff;font-size:14px;font-weight:500;height:40px;margin-top:40px;width:calc(100% - 64px)}.downsize-component{grid-row-gap:4px;grid-column-gap:4px;background-color:#0006;-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;height:28px;padding:4px;row-gap:4px;width:28px}.downsize-component div{height:8px;transition:transform .3s;width:8px}.downsize-component .piece-1{border-bottom:2px solid #fff;border-right:2px solid #fff}.downsize-component .piece-2{border-bottom:2px solid #fff;border-left:2px solid #fff}.downsize-component .piece-3{border-right:2px solid #fff;border-top:2px solid #fff}.downsize-component .piece-4{border-left:2px solid #fff;border-top:2px solid #fff}.downsize-component:hover .piece-1{transform:translate(1px,1px)}.downsize-component:hover .piece-2{transform:translate(-1px,1px)}.downsize-component:hover .piece-3{transform:translate(1px,-1px)}.downsize-component:hover .piece-4{transform:translate(-1px,-1px)}.expand-component{grid-row-gap:4px;grid-column-gap:4px;background-color:#0006;-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;height:28px;padding:4px;row-gap:4px;width:28px}.expand-component div{height:8px;transition:transform .3s;width:8px}.expand-component .piece-1{border-left:2px solid #fff;border-top:2px solid #fff}.expand-component .piece-2{border-right:2px solid #fff;border-top:2px solid #fff}.expand-component .piece-3{border-bottom:2px solid #fff;border-left:2px solid #fff}.expand-component .piece-4{border-bottom:2px solid #fff;border-right:2px solid #fff}.expand-component:hover .piece-1{transform:translate(-1px,-1px)}.expand-component:hover .piece-2{transform:translate(1px,-1px)}.expand-component:hover .piece-3{transform:translate(-1px,1px)}.expand-component:hover .piece-4{transform:translate(1px,1px)}.video-item{border:1px solid #eaeaea;border-radius:4px;display:flex;flex-direction:column;height:436px;transition:all .2s;width:100%}.video-item .header{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;gap:12px;padding:10px;width:100%}.video-item .header .index-box{align-items:center;background-color:#5fa87c;border-radius:2px;color:#fff;display:flex;font-size:18px;font-weight:500;height:36px;justify-content:center;width:36px}.video-item .header .device-name{color:#111;font-size:18px;font-weight:500}.video-item .content{background-color:#bbb7b7;border-bottom-left-radius:4px;border-bottom-right-radius:4px;flex:1 1;height:100%;overflow:hidden;position:relative;width:100%}.video-item .video-layer{height:100%;object-fit:cover;position:absolute;width:100%;z-index:0}.video-item .control-layer{height:100%;position:absolute;width:100%;z-index:10}.video-item .control-layer .size-btn{position:absolute;right:20px;top:20px;z-index:10}.video-item .control-layer .power-state{align-items:center;background-color:#0006;bottom:0;display:flex;height:40px;left:0;padding:0 20px;position:absolute;width:120px}.video-item .control-layer .state{background:radial-gradient(circle at 50% 50%,#ff8171,#ff2b2b 71%);border:1px solid #fff;border-radius:4px;height:8px;margin-right:6px;width:8px}.video-item .control-layer .text{color:#fff;font-size:18px}.video-item .control-layer .off .state{background:radial-gradient(circle at 50% 50%,#ccdde6,#73858f 71%)}.video-item .control-layer .off .text{color:#73858f}.expanded{grid-column:span 2;grid-row:span 2;height:auto;min-height:800px}.video-layout{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:24px 144px 32px;width:100%}.video-layout section{max-width:1636px}.video-layout .title-section{color:#111;font-size:20px;margin-bottom:24px;width:100%}.video-layout .video-section{grid-row-gap:24px;grid-column-gap:24px;-moz-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));position:relative;row-gap:24px;transition:all .2s;width:100%}@media (max-width:800px){.video-layout{padding:24px 60px 32px}}@media (max-width:600px){.video-layout{padding:24px 0 32px}}.header-root{align-items:center;background-color:#498360;display:flex;flex-direction:column;height:80px;justify-content:center;padding:0 144px}.header-root .content-wrapper{align-items:center;display:flex;justify-content:space-between;max-width:1632px;position:relative;width:100%}.header-root .left .toggle-container{height:48px;width:252px}.header-root .title{color:#fff;font-size:24px;font-weight:500}.header-root .right{align-items:center;display:flex;gap:12px}.header-root .right .profile-name{color:#fff;font-size:15px}.header-root .right .default-img{background-image:-webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAM1BMVEVHcEz29vbt7e3z8/Py8vL39/f4+Pjt7e3x8fHz8/Py8vLq6ur////8/Pz4+Pjw8PD09PSAvJbgAAAAC3RSTlMANeiQfhYo9cOmSxLHG08AAAFISURBVEjHzVZJksMwCLQdrdHG/187ihInQgLkVM0hfbSbQtBs2zZCK3fYUGEPp/S2gPGN+4H1RqDvLhBwO0PXJL2ZkC+7W44frCWc3IIINfJ9WOAm8kuuKPib7/kK01NsSIV71R3z44nB4h25xvmJHXCyTgOc/9wbANbjpW9gHcSE/xnCATaIYXZhAhNyQ5ldjJJJHpoYYwklIYZHovRYA8BnqUITRZd4Bw+55yZglX7m6SAq86VdJn4dG902UEH30ha+xC8aEEEXyA1QqKDHtAIuDZjSKnQPpYZDpQGRBKBpo5k6ZWpWd+WdI4vczwFPdw7dR75r0SIZlH4KuOtPes4Zcz1oPQyytOC/57GcqDyNym72gSTbTo57YFVW3EIp+dwPaKcsVlCFsIDmJbReijVyfu0GS+92drF79tKgTwfzf8fJlfPnDzNTUQuUvM/iAAAAAElFTkSuQmCC) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAMFBMVEVHcEzu7u709PTw8PDt7e3w8PDz8/P19fXz8/Py8vL09PT39/fq6ur////y8vL5+fkYQbvGAAAADHRSTlMA8mnd+cSRFYCcUCmhkRSlAAAC0ElEQVRYw81YvXLTQBA+bGITh4IZQsGMinQ0LqCjSAF9itBRpKChS+GhTuGZTCooTJ/CD0DhkoIikkUC5JBfIMIvIJ9fIHI4/+r2bndPouIrdfuNbv93TwgXrfcvdqV8/fhtX5TB1zdygycfveLNzxLgaYeXr+1LC8M9Tv5BIB2EXVq+gchrxjvyPqi8ZhDWau5LAt9xzduSRITJb0kGh678TsARwoFD+CJZ/HI8ID2w/XfuI/yE8tvWcaJUZn3qAcIneDhNNWaMaWvwbJIu8Ad+7ZMmGqUr3FKGah6Ak3QD8DkuAqQODn4XhBtw8HxDOAbf84IwBgeXm6iAFk0NQNsOfDei7tTGbIpZdu2KA0oFW4kYDYsUAAuP+7TOttavEKOyhKVhg/KEEAk8lrBIo7osr/TCEydVCFeOzh7CXGu73jGO07Vc54Kd7UwsaXTc+jIyCbf2aRepkIwK85p5z/k2oYJ1jkfioWTu5NxIXmBFPqdstEgJpEYmRFwsHXGE1NERdSHdjATapxJ9q3GGnQwF0UcSqrOIQFZCaFUAL2IhK+J/JFRWujIB9YNSd3dK4X5wQyOZroNvliGh4QTf1My4mRt8x27YgbKR2eHdpisAFuQRTFFE3mJcgCKQpCgyUAS26PtjxeZQNIh2SLTGrtmkUxKgVQdoUYW4MVvQOVq2LW+Yc9mJ/0bFna6MlpVwhMxoWTXOabbz9oy2W4YQgsZeQulLMDqUMOtydGj4tV7rvFo9grKhEVoDVuL7QWSPcBNP7K1HuKYn/IwmbU/efMZFyDaTc8lg7DUBzRjD6WqFb3RaFwl9bS7EVGKbZalP7XA5PjpE9Eqjcqzq9bilKVFTNWOXpuprGbeJ4ttoi21F2IZcr7i8uvOogR/oPr1DLuDDAbHiE2rE5MPDNsqIe9WeHehHh395CNHpegrlX3a8rzMfzMecZ6Xef1pnzHPRX2tIguK7YNSWAAAAAElFTkSuQmCC) 2x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAMFBMVEVHcEzu7u7x8fHw8PDu7u729vbz8/P19fX39/fy8vL////q6ur////19fXv7+/6+voovh8yAAAAC3RSTlMA673W9jxZciCUBmNjqXsAAARTSURBVGje7Zq9T1NRFMDLh4hlKVETky5NNDJ0QQdN7IIJJiYsNXFzIToZF4JjFwYXNydjZGnionHhtYUGL339A/pK/wB4sLm8tvwBLdQCBdt3z9d978UweOabX+4999zzdU8sRsrU6oPFJaVKizfnlmPB5fUtdSGeUk/vB8UklU+sIKiPGaVJSRW/mHLeKEQeGWGu3VOoFLIGnIyHg1QxK+coUqSkqaRHg2xLZFPTzH7O9rQmAK0rgWzznBdKJLc5zrgSSopRUFIKsmg1vVNi2YrkYMzh5AdjDvdBGckd9GmYcVQpG17T5/Ib5txQxrJi9DbsdtszeSnXEUzX6UvDk28J1lDLGUhHapXwlVUdhyZlZTZkO0MCnu65nxNfgpbtD4MaoC3lfaAJ5mDo4fwvLgct6o6CwC2Vfc8VWlNxfLIHrRp9umOshk6lDq1KjIDS0BJHEzDyjoQygapRdQ+b0iS0oKmDdrmzrQvuDL23bebOABXBShq6twnR5aMGME8//CoE6tAuAAweOxCoBqYU5OVDl4Zc26UBgCrS7Rq17UslvQoL2hyAMmFBRTIuGoAGljQeHnSupJnwoAXcORpd/8BNZsKDzrQdR8Kx3LL7kidyB/mj7csnzF37gyMZJAfO7SeWs4j9UV9+4ZcG3n8dW1vGAgii7RpaxGHOCFESWjZZ+O1D3r+Br81jiRp4thqVTRLJvi0+2WlSMkYkrU3R+xgY0qQSb4mqUBcwJwKEpA61cgNx2IBR1smFm7hh+0g0p2/aaaZKODznHDPLCjG2OLfdXs/12AI+ZlTrEVVgdKClaECl6EDqioHUf5AAdPXs6N+9tXbLdQ/aPIh2I63ehWPrHTBuhHBs9uGo8z/2KMeGu1pXD9knhKvFnH+lC6U1jT3U+SPh6MhB5AQLR5Py3JgKJwtgyLYJDpKTJMAkguTAe0pBaQ3DAUkrQKJVdVjpQIl2UpIWc5mSBSSj+xJQHUhGc4KEny0BynrCvi8D1fWEfSzIhvxaSmhFzY4UVNOKmjjXWZHYt1b42Y4T5GxFrRStyEF7Wik6E0RFo0ra0Mr1gKCU1kBoykG7eisqY/RgAR0VgSZLoOvfBNo+zSAnmwcaUXYQM8pCrbEAj9YCm3VVc3PcgtuH5o5tHm5oVo392hrSYu0aPv1trJ1tGkUSaBvaMK4to41x28jNFohW/RHNOSFa9dMGoaROfR74optN3JzvP6pMf7BUxKExxXz5VIScEvsJ1RJx9E8ovWMr6/plBR91usb1f78t2dfhEZfQ2svCz8zh3B/K++Fv/x9wNeIe9nrH7gHaEAUkZ1pblbGpClMQOmPx0ozzDP1d/25Ul5aIGYRvJqAn1AhCLrymIx6uiGzcI7oBlOhGYmLxNM8pSIZ04tz4kXwAKapBJo4k5/RJ6ZD6+SvvMc5j00G2H6CNW1/NR+viqxrKmsuHHhpUIYYGzx7x27uzfZo1+/Azo+M/HBzZKtfRvB0AAAAASUVORK5CYII=) 3x);background-image:image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAM1BMVEVHcEz29vbt7e3z8/Py8vL39/f4+Pjt7e3x8fHz8/Py8vLq6ur////8/Pz4+Pjw8PD09PSAvJbgAAAAC3RSTlMANeiQfhYo9cOmSxLHG08AAAFISURBVEjHzVZJksMwCLQdrdHG/187ihInQgLkVM0hfbSbQtBs2zZCK3fYUGEPp/S2gPGN+4H1RqDvLhBwO0PXJL2ZkC+7W44frCWc3IIINfJ9WOAm8kuuKPib7/kK01NsSIV71R3z44nB4h25xvmJHXCyTgOc/9wbANbjpW9gHcSE/xnCATaIYXZhAhNyQ5ldjJJJHpoYYwklIYZHovRYA8BnqUITRZd4Bw+55yZglX7m6SAq86VdJn4dG902UEH30ha+xC8aEEEXyA1QqKDHtAIuDZjSKnQPpYZDpQGRBKBpo5k6ZWpWd+WdI4vczwFPdw7dR75r0SIZlH4KuOtPes4Zcz1oPQyytOC/57GcqDyNym72gSTbTo57YFVW3EIp+dwPaKcsVlCFsIDmJbReijVyfu0GS+92drF79tKgTwfzf8fJlfPnDzNTUQuUvM/iAAAAAElFTkSuQmCC) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAMFBMVEVHcEzu7u709PTw8PDt7e3w8PDz8/P19fXz8/Py8vL09PT39/fq6ur////y8vL5+fkYQbvGAAAADHRSTlMA8mnd+cSRFYCcUCmhkRSlAAAC0ElEQVRYw81YvXLTQBA+bGITh4IZQsGMinQ0LqCjSAF9itBRpKChS+GhTuGZTCooTJ/CD0DhkoIikkUC5JBfIMIvIJ9fIHI4/+r2bndPouIrdfuNbv93TwgXrfcvdqV8/fhtX5TB1zdygycfveLNzxLgaYeXr+1LC8M9Tv5BIB2EXVq+gchrxjvyPqi8ZhDWau5LAt9xzduSRITJb0kGh678TsARwoFD+CJZ/HI8ID2w/XfuI/yE8tvWcaJUZn3qAcIneDhNNWaMaWvwbJIu8Ad+7ZMmGqUr3FKGah6Ak3QD8DkuAqQODn4XhBtw8HxDOAbf84IwBgeXm6iAFk0NQNsOfDei7tTGbIpZdu2KA0oFW4kYDYsUAAuP+7TOttavEKOyhKVhg/KEEAk8lrBIo7osr/TCEydVCFeOzh7CXGu73jGO07Vc54Kd7UwsaXTc+jIyCbf2aRepkIwK85p5z/k2oYJ1jkfioWTu5NxIXmBFPqdstEgJpEYmRFwsHXGE1NERdSHdjATapxJ9q3GGnQwF0UcSqrOIQFZCaFUAL2IhK+J/JFRWujIB9YNSd3dK4X5wQyOZroNvliGh4QTf1My4mRt8x27YgbKR2eHdpisAFuQRTFFE3mJcgCKQpCgyUAS26PtjxeZQNIh2SLTGrtmkUxKgVQdoUYW4MVvQOVq2LW+Yc9mJ/0bFna6MlpVwhMxoWTXOabbz9oy2W4YQgsZeQulLMDqUMOtydGj4tV7rvFo9grKhEVoDVuL7QWSPcBNP7K1HuKYn/IwmbU/efMZFyDaTc8lg7DUBzRjD6WqFb3RaFwl9bS7EVGKbZalP7XA5PjpE9Eqjcqzq9bilKVFTNWOXpuprGbeJ4ttoi21F2IZcr7i8uvOogR/oPr1DLuDDAbHiE2rE5MPDNsqIe9WeHehHh395CNHpegrlX3a8rzMfzMecZ6Xef1pnzHPRX2tIguK7YNSWAAAAAElFTkSuQmCC) 2x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAMFBMVEVHcEzu7u7x8fHw8PDu7u729vbz8/P19fX39/fy8vL////q6ur////19fXv7+/6+voovh8yAAAAC3RSTlMA673W9jxZciCUBmNjqXsAAARTSURBVGje7Zq9T1NRFMDLh4hlKVETky5NNDJ0QQdN7IIJJiYsNXFzIToZF4JjFwYXNydjZGnionHhtYUGL339A/pK/wB4sLm8tvwBLdQCBdt3z9d978UweOabX+4999zzdU8sRsrU6oPFJaVKizfnlmPB5fUtdSGeUk/vB8UklU+sIKiPGaVJSRW/mHLeKEQeGWGu3VOoFLIGnIyHg1QxK+coUqSkqaRHg2xLZFPTzH7O9rQmAK0rgWzznBdKJLc5zrgSSopRUFIKsmg1vVNi2YrkYMzh5AdjDvdBGckd9GmYcVQpG17T5/Ib5txQxrJi9DbsdtszeSnXEUzX6UvDk28J1lDLGUhHapXwlVUdhyZlZTZkO0MCnu65nxNfgpbtD4MaoC3lfaAJ5mDo4fwvLgct6o6CwC2Vfc8VWlNxfLIHrRp9umOshk6lDq1KjIDS0BJHEzDyjoQygapRdQ+b0iS0oKmDdrmzrQvuDL23bebOABXBShq6twnR5aMGME8//CoE6tAuAAweOxCoBqYU5OVDl4Zc26UBgCrS7Rq17UslvQoL2hyAMmFBRTIuGoAGljQeHnSupJnwoAXcORpd/8BNZsKDzrQdR8Kx3LL7kidyB/mj7csnzF37gyMZJAfO7SeWs4j9UV9+4ZcG3n8dW1vGAgii7RpaxGHOCFESWjZZ+O1D3r+Br81jiRp4thqVTRLJvi0+2WlSMkYkrU3R+xgY0qQSb4mqUBcwJwKEpA61cgNx2IBR1smFm7hh+0g0p2/aaaZKODznHDPLCjG2OLfdXs/12AI+ZlTrEVVgdKClaECl6EDqioHUf5AAdPXs6N+9tXbLdQ/aPIh2I63ehWPrHTBuhHBs9uGo8z/2KMeGu1pXD9knhKvFnH+lC6U1jT3U+SPh6MhB5AQLR5Py3JgKJwtgyLYJDpKTJMAkguTAe0pBaQ3DAUkrQKJVdVjpQIl2UpIWc5mSBSSj+xJQHUhGc4KEny0BynrCvi8D1fWEfSzIhvxaSmhFzY4UVNOKmjjXWZHYt1b42Y4T5GxFrRStyEF7Wik6E0RFo0ra0Mr1gKCU1kBoykG7eisqY/RgAR0VgSZLoOvfBNo+zSAnmwcaUXYQM8pCrbEAj9YCm3VVc3PcgtuH5o5tHm5oVo392hrSYu0aPv1trJ1tGkUSaBvaMK4to41x28jNFohW/RHNOSFa9dMGoaROfR74optN3JzvP6pMf7BUxKExxXz5VIScEvsJ1RJx9E8ovWMr6/plBR91usb1f78t2dfhEZfQ2svCz8zh3B/K++Fv/x9wNeIe9nrH7gHaEAUkZ1pblbGpClMQOmPx0ozzDP1d/25Ul5aIGYRvJqAn1AhCLrymIx6uiGzcI7oBlOhGYmLxNM8pSIZ04tz4kXwAKapBJo4k5/RJ6ZD6+SvvMc5j00G2H6CNW1/NR+viqxrKmsuHHhpUIYYGzx7x27uzfZo1+/Azo+M/HBzZKtfRvB0AAAAASUVORK5CYII=) 3x);background-position:50%;background-repeat:no-repeat;background-size:cover;height:48px;width:48px}@media (max-width:1200px){.header-root{height:160px;justify-content:space-between}.header-root .content-wrapper{height:80px}.header-root .left{bottom:-64px;display:flex;justify-content:center;position:absolute;width:100%}.header-root .title{flex-grow:1;text-align:center}.header-root .right{position:absolute;right:0}.header-root .right .profile-name{display:none}}@media (max-width:800px){.header-root{padding:0 20px}}*{border:0;box-sizing:border-box;color:#000;font-family:Spoqa Han Sans Neo,"sans-serif";letter-spacing:-.6px;list-style:none;margin:0;outline:0;padding:0;text-decoration:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}button,input{background-color:initial;outline:none}button{cursor:pointer}html{font-size:16px}#root{background-color:#f1f2f0}
/*# sourceMappingURL=main.10102509.css.map*/