#ap-details-view {
    flex-grow: 1;
    flex-direction: column;
    height: 100%;
}

#ap-details-view-head {
    flex-grow: 1;
    height: 20px;
    width: 100%;
    background-color: var(--unity-colors-window-background);
    border-color: var(--unity-colors-window-border);
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#ap-details-view-header-label {
    flex-grow: 1;
    -unity-text-align: middle-center;
    font-size: 14px;
}

#ap-scalers {
    flex-direction: row;
    height: 360px;
    width: 100%;
    overflow: hidden;
    padding: 10px;
}

#ap-details-view-dials {
    flex-grow: 1;
    flex-direction: row;
    height: 140px;
    width: 100%;
    justify-content: space-around;
    padding: 4px;
}

#ap-details-view-bottleneck {
    flex-direction: column;
    height: 140px;
    width: 100px;
    align-items: center;
    padding: 4px;
}

#ap-details-view-bottleneck-label {
    -unity-font-style: bold;
    -unity-text-align: middle-center;
}

#ap-details-view-bottleneck-icon-container {
    height: 70px;
    width: 120px;
    justify-content: center;
}

#ap-details-view-bottleneck-icon {
    background-color: grey;
    height: 30px;
    width: 120px;
    justify-content: center;
}

#ap-details-view-bottleneck-icon-label {
    -unity-font-style: bold;
    -unity-text-align: middle-center;
}

#ap-details-view-thermal-warning {
    flex-direction: column;
    height: 120px;
    width: 100px;
    align-items: center;
    padding: 4px;
}

#ap-details-view-thermal-warning-label {
    -unity-font-style: bold;
    -unity-text-align: middle-center;
}

#ap-usage-dial {
    flex-grow: 1;
    margin: 8px;
    justify-content: center;
}

#ap-details-view-thermal-label {
    -unity-font-style: bold;
    -unity-text-align: middle-center;
}

#ap-details-view-details {
    flex-direction: row;
    height: 180px;
    padding: 4px;
}