.Area .control-bar{display:flex;gap:20px;margin-bottom:10px}.Area .control-bar>div>span{display:inline-block;margin-right:5px}.Area .control-bar>div:first-child{flex:1 1}.Area .control-bar>div:not(:first-child){flex:0 0 auto}.Area>ul{list-style:none;margin:0;padding:0}.Area>ul>li{cursor:pointer}.Area>ul>li:hover{background-color:rgba(var(--rgb-blue-1),.05)}.Area>ul.list{display:flex;flex-direction:column;gap:20px}.Area>ul.list>li{box-sizing:border-box;border:1px solid var(--color-green-1);border-radius:10px;padding:10px}.Area>ul.grid{display:grid;grid-template-columns:repeat(auto-fit,150px);justify-content:center;grid-gap:20px;gap:20px}.Area>ul.grid>li{box-sizing:border-box;border:1px solid var(--color-green-1);border-radius:10px;padding:10px}.page-area .AreaModal .content{display:inline-flex;flex-direction:column;padding:20px;min-width:800px;min-height:500px;max-width:80vw;max-height:90vh}.page-area .AreaModal .content>h2{flex:0 0 auto}.page-area .AreaModal .content>.TabBox{flex:1 1;display:flex;flex-direction:column}.page-area .AreaModal .content>.TabBox>.head{flex:0 0 aut}.page-area .AreaModal .content>.TabBox>.body{flex:1 1 auto;padding:20px 0 0;max-height:80vh;overflow:auto;align-content:center;text-align:center}.page-area .AreaModal .content>.TabBox>.body>.Information{text-align:center}.page-area .AreaModal .content>.TabBox>.body>.DevicePicker,.page-area .AreaModal .content>.TabBox>.body>.Information>dl{text-align:initial}.DeviceItem>div>*{vertical-align:middle}.DeviceItem>div>span{display:inline-block;margin-right:10px}.DeviceMap{width:1000px}.DeviceMap>div:first-child{display:flex;gap:10px;margin-bottom:10px}.DeviceMap>div:first-child>div:first-child{flex:0 0 auto;position:relative;font-size:0}.DeviceMap>div:first-child>div:first-child>.Box{font-size:medium}.DeviceMap>div:first-child>div:first-child>.Box>dl{display:inline-grid;grid-template-columns:auto auto;gap:10px}.DeviceMap>div:first-child>div:first-child>.Box>dl>dd{text-align:initial}.DeviceMap>div:first-child>div:first-child>button{position:absolute;top:0;left:0}.DeviceMap>div:first-child>div:last-child{flex:1 1;border-style:solid;border-color:var(--color-green-1);border-width:0 0 0 1px;padding-left:10px;max-height:500px;overflow:auto}.DevicePicker>div:first-child{display:flex;gap:20px;align-items:top}.DevicePicker>div:first-child>div{flex:1 1}.DevicePicker>div:first-child>div>div{display:flex;align-items:center;margin-bottom:5px}.DevicePicker>div:first-child>div>div>h3{flex:1 1;margin:0}.DevicePicker>div:first-child>div>div>.KeywordFilter{flex:0 0 auto}.DevicePicker>div:first-child>div>ul{list-style:none;margin:0;border:1px solid var(--color-gray-c);border-radius:5px;padding:5px;height:350px;overflow:auto}.DevicePicker>div:first-child>div>ul>li{border-radius:5px;padding:5px}.DevicePicker>div:first-child>div>ul>li:hover{background-color:rgba(var(--rgb-blue-1),.1)}.DevicePicker>div:first-child>div>ul>li>.sub{font-size:12px;color:var(--color-gray-8)}.DevicePicker>div:first-child>div.picked-devices ul>li{cursor:e-resize}.DevicePicker>div:first-child>div.other-devices ul>li{cursor:w-resize}.DevicePicker>div:last-child{margin-top:20px;text-align:center}.DevicePicker.disabled>div:first-child>div>ul>li:hover{background-color:var(--color-gray-f);cursor:not-allowed}.Information>dl{display:inline-grid;gap:20px;grid-template-columns:auto 1fr;margin-bottom:20px}.Information>div:last-child>button:last-child:not(:first-child){margin-left:10px}