:root {
    --page-max-width:1800px;
    --surface-shadow:6px 6px 10px rgba(176,176,176,0.9);
    --color-cam-wide:#E74C78;
    --color-cam-wide-rgb:231,76,120;
    --color-cam-zoom:#F2A23A;
    --color-cam-zoom-rgb:242,162,58;
    --color-overlay-box:#00DBBF;
    --color-cam-ig:#2DBA8D;
    --color-cam-ig-rgb:45,186,141;
    --color-cam-zg:#3A7BD5;
    --color-cam-zg-rgb:58,123,213;
    --color-current:#004191;
    --color-current-rgb:0,65,145;
    --color-header-bg:#242a36;
    --icon-external:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z' fill='black'/%3E%3Cpath d='M5 5h6V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6h-2v6H5V5z' fill='black'/%3E%3C/svg%3E");
    --status-border-idle:#323232;
    --status-online-color:#00E88B;
    --status-offline-color:#E0044D;
    --status-playing-color:#ff9e00;
    --status-playing-bg:rgba(255,158,0,0.1);
    --active-border-color:#000;
    --active-filled-bg:#000;
    --active-filled-text:#fff;
    --active-outline-bg:#fff;
    --active-outline-text:#000;
}