.perdix_tec_device{--perdix-blue:#0bb2f2;--screen-h:250px;--screen-w:340px;--factor:1.1;--device-base-width:774px;--device-scale:.46;--native-screen-width:calc(var(--screen-w)*var(--factor));--native-screen-height:calc(var(--screen-h)*var(--factor));--overlay-scale:calc(.61*(var(--device-scale)/.5));width:min(100%,var(--device-base-width)*var(--device-scale));aspect-ratio:1;margin:0 auto;position:relative}.perdix_tec_device .perdix_tec_photo{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.perdix_tec_device .perdix_tec_screen_overlay{background:linear-gradient(#ffffff0a 0%,#fff0 16%),#282828;border-radius:.85rem;width:59.1%;height:43.4%;position:absolute;top:30.4%;left:18.9%;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0a}.perdix_tec_device .perdix_tec_screen_scale{width:var(--native-screen-width);height:var(--native-screen-height);transform:scale(var(--overlay-scale));transform-origin:0 0;position:absolute;top:0;left:0}@media (max-width:640px){.perdix_tec_device{--device-scale:.43}}.perdix_tec_dc{width:var(--native-screen-width);height:var(--native-screen-height);box-sizing:border-box;padding:calc(5px*var(--factor));background:linear-gradient(#ffffff0a 0%,#fff0 16%),#282828;flex-direction:column;justify-content:space-around;font-family:sans-serif;display:flex}.perdix_tec_dc .dc_row{flex-direction:row;flex:1;justify-content:space-around;align-items:center;display:flex}.perdix_tec_dc .data_elem{--warn-yellow:#f0bf07;--warn-red:#d40100;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.perdix_tec_dc .data_elem:first-of-type{align-items:flex-start}.perdix_tec_dc .data_elem:last-of-type,.perdix_tec_dc .data_elem:nth-of-type(3){align-items:flex-end}.perdix_tec_dc .data_elem.warning_val .data_val{color:var(--warn-yellow)}.perdix_tec_dc .data_elem.warning_bg .data_val{background-color:var(--warn-yellow);color:#000}.perdix_tec_dc .data_elem.critical .data_val{color:var(--warn-red);animation:1s step-end infinite flash-text}.perdix_tec_dc .data_elem .data_title{color:var(--perdix-blue);font-family:sans-serif;font-size:calc(var(--screen-h)*.075*var(--factor));flex:1;justify-content:center;align-items:flex-end;display:flex}.perdix_tec_dc .data_elem .data_val{color:#fff;font-size:calc(var(--screen-h)*.15*var(--factor));flex:3;justify-content:center;align-items:center;font-weight:200;display:flex}.perdix_tec_dc .data_elem .mini_fields{flex-direction:column;justify-content:center;height:60%;display:flex}.perdix_tec_dc .data_elem .mini_fields .data_elem{height:calc(20px*var(--factor));flex-direction:row;justify-content:space-between;display:flex}.perdix_tec_dc .data_elem .mini_fields .data_elem:first-of-type,.perdix_tec_dc .data_elem .mini_fields .data_elem:last-of-type,.perdix_tec_dc .data_elem .mini_fields .data_elem:nth-of-type(3){align-items:space-around}.perdix_tec_dc .data_elem .mini_fields .data_elem .data_title{font-size:calc(15px*var(--factor));margin-right:calc(var(--screen-h)*.075*var(--factor));flex:none;justify-content:flex-start}.perdix_tec_dc .data_elem .mini_fields .data_elem .data_val{font-size:calc(15px*var(--factor));flex:none}.perdix_tec_dc .spacer{flex:.5;display:flex}@keyframes flash-text{0%,to{color:var(--warn-red)}50%{color:#fff}}