.pandora-command-tools {
    justify-self: end;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 10px;
    color: #8bc5d0;
}

/* Full-page form of the original home_appContent digital reveal. */
.pandora-digital-page.pandora-page-digital-pending {
    min-height: 100vh;
    opacity: 0;
}

.pandora-digital-page.pandora-page-digital-loading {
    min-height: 100vh;
    animation: pandoraPageMaterialise 1.3s steps(18, end) 700ms both !important;
    will-change: opacity, clip-path, filter;
}

.pandora-page-digital-scan,
.pandora-page-digital-noise {
    position: fixed;
    z-index: 30;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    mix-blend-mode: screen;
}

.pandora-page-digital-scan {
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(73, 255, 231, .025) 42%,
        rgba(139, 255, 246, .52) 50%,
        rgba(73, 255, 231, .025) 58%,
        transparent 100%
    );
    transform: translateY(-110%);
    filter: blur(.35px);
}

.pandora-page-digital-noise {
    background:
        linear-gradient(90deg, transparent 0%, rgba(73, 255, 231, .10) 38%, rgba(225, 255, 250, .38) 50%, rgba(73, 255, 231, .10) 62%, transparent 100%),
        repeating-linear-gradient(90deg, transparent 0, transparent 8px, rgba(93, 255, 201, .10) 9px),
        repeating-linear-gradient(180deg, transparent 0, transparent 5px, rgba(139, 255, 246, .07) 6px);
    box-shadow: inset 0 0 42px rgba(117, 255, 222, .22);
}

.pandora-digital-page.pandora-page-digital-loading > .pandora-page-digital-scan {
    animation: pandoraHomeMasterScan 2.8s cubic-bezier(.2, .75, .2, 1) 700ms both !important;
}

.pandora-digital-page.pandora-page-digital-loading > .pandora-page-digital-noise {
    animation: pandoraHomeDataNoise 1.05s steps(10, end) 700ms both !important;
}

.pandora-digital-page.pandora-page-digital-loading .dashboard > .topbar,
.pandora-digital-page.pandora-page-digital-loading .dashboard > .sector-deck,
.pandora-digital-page.pandora-page-digital-loading .dashboard > .command-rail,
.pandora-digital-page.pandora-page-digital-loading .dashboard > .pandora-home-content,
.pandora-digital-page.pandora-page-digital-loading .pandora-home-content > .pandora-intro-brief,
.pandora-digital-page.pandora-page-digital-loading .dashboard > footer,
.pandora-digital-page.pandora-page-digital-loading .sector-card,
.pandora-digital-page.pandora-page-digital-loading .hud-card,
.pandora-digital-page.pandora-page-digital-loading .lower-stats > article {
    animation:
        pandoraHomeCardReveal 1.15s steps(16, end) both calc(700ms + var(--pandora-page-delay, 0ms)),
        pandoraHomeCardFlicker .38s linear 2 calc(700ms + var(--pandora-page-delay, 0ms)) !important;
    will-change: opacity, transform, clip-path, filter;
}

.pandora-digital-page.pandora-page-digital-loading .dashboard > .topbar { --pandora-page-delay: 60ms; }
.pandora-digital-page.pandora-page-digital-loading .dashboard > .sector-deck { --pandora-page-delay: 150ms; }
.pandora-digital-page.pandora-page-digital-loading .dashboard > .command-rail { --pandora-page-delay: 520ms; }
.pandora-digital-page.pandora-page-digital-loading .dashboard > .pandora-home-content { --pandora-page-delay: 650ms; }
.pandora-digital-page.pandora-page-digital-loading .pandora-home-content > .pandora-intro-brief { --pandora-page-delay: 680ms; }
.pandora-digital-page.pandora-page-digital-loading .dashboard > footer { --pandora-page-delay: 1080ms; }

.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(1) { --pandora-page-delay: 180ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(2) { --pandora-page-delay: 245ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(3) { --pandora-page-delay: 310ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(4) { --pandora-page-delay: 375ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(5) { --pandora-page-delay: 440ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(6) { --pandora-page-delay: 505ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(7) { --pandora-page-delay: 570ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(8) { --pandora-page-delay: 635ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(9) { --pandora-page-delay: 700ms; }
.pandora-digital-page.pandora-page-digital-loading .sector-card:nth-child(10) { --pandora-page-delay: 765ms; }

.pandora-digital-page.pandora-page-digital-loading .hud-card:nth-child(1) { --pandora-page-delay: 690ms; }
.pandora-digital-page.pandora-page-digital-loading .hud-card:nth-child(2) { --pandora-page-delay: 780ms; }
.pandora-digital-page.pandora-page-digital-loading .hud-card:nth-child(3) { --pandora-page-delay: 870ms; }
.pandora-digital-page.pandora-page-digital-loading .hud-card:nth-child(4) { --pandora-page-delay: 960ms; }

.pandora-digital-page.pandora-page-digital-loading .lower-stats > article:nth-child(1) { --pandora-page-delay: 900ms; }
.pandora-digital-page.pandora-page-digital-loading .lower-stats > article:nth-child(2) { --pandora-page-delay: 990ms; }
.pandora-digital-page.pandora-page-digital-loading .lower-stats > article:nth-child(3) { --pandora-page-delay: 1080ms; }
.pandora-digital-page.pandora-page-digital-loading .lower-stats > article:nth-child(4) { --pandora-page-delay: 1170ms; }

.pandora-home-content.is-digital-entering {
    overflow: hidden;
    animation: pandoraPageMaterialise .95s steps(16, end) both;
    will-change: opacity, clip-path, filter;
}

.pandora-home-content.is-digital-entering::before,
.pandora-home-content.is-digital-entering::after {
    content: "";
    position: absolute;
    z-index: 24;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    mix-blend-mode: screen;
}

.pandora-home-content.is-digital-entering::before {
    background: linear-gradient(180deg,transparent 0%,rgba(var(--theme-rgb),.03) 42%,rgba(var(--theme-rgb),.58) 50%,rgba(var(--theme-rgb),.03) 58%,transparent 100%);
    animation: pandoraHomeMasterScan 1.75s cubic-bezier(.2,.75,.2,1) both;
}

.pandora-home-content.is-digital-entering::after {
    background: linear-gradient(90deg,transparent 0%,rgba(var(--theme-rgb),.1) 38%,rgba(225,255,250,.35) 50%,rgba(var(--theme-rgb),.1) 62%,transparent 100%),repeating-linear-gradient(90deg,transparent 0,transparent 8px,rgba(var(--theme-rgb),.09) 9px),repeating-linear-gradient(180deg,transparent 0,transparent 5px,rgba(var(--theme-rgb),.07) 6px);
    animation: pandoraHomeDataNoise .95s steps(10,end) both;
}

.pandora-home-content.is-digital-entering > .pandora-intro-brief,
.pandora-home-content.is-digital-entering .hud-card,
.pandora-home-content.is-digital-entering .lower-stats > article {
    animation: pandoraHomeCardReveal 1.05s steps(14,end) both var(--pandora-home-delay,0ms),pandoraHomeCardFlicker .34s linear 2 var(--pandora-home-delay,0ms) !important;
}

.pandora-home-content.is-digital-entering > .pandora-intro-brief { --pandora-home-delay: 80ms; }
.pandora-home-content.is-digital-entering .hud-card:nth-child(1) { --pandora-home-delay: 220ms; }
.pandora-home-content.is-digital-entering .hud-card:nth-child(2) { --pandora-home-delay: 300ms; }
.pandora-home-content.is-digital-entering .hud-card:nth-child(3) { --pandora-home-delay: 380ms; }
.pandora-home-content.is-digital-entering .hud-card:nth-child(4) { --pandora-home-delay: 460ms; }
.pandora-home-content.is-digital-entering .hud-card:nth-child(5) { --pandora-home-delay: 540ms; }
.pandora-home-content.is-digital-entering .lower-stats > article { --pandora-home-delay: 650ms; }

@keyframes pandoraPageMaterialise {
    0% { opacity: 0; clip-path: inset(0 100% 0 0); filter: brightness(2.2) saturate(.45); }
    54% { opacity: .78; clip-path: inset(0 14% 0 0); filter: brightness(1.45) saturate(1.2); }
    76% { opacity: .42; clip-path: inset(0 3% 0 0); filter: brightness(.55) saturate(1.5); }
    100% { opacity: 1; clip-path: inset(0); filter: none; }
}

@keyframes pandoraHomeCardReveal {
    0% { opacity: 0; transform: translateX(-20px); clip-path: inset(0 100% 0 0); }
    55% { opacity: .65; transform: translateX(2px); clip-path: inset(0 18% 0 0); }
    75% { opacity: .35; transform: translateX(-2px); clip-path: inset(0 4% 0 0); }
    100% { opacity: 1; transform: translateX(0); clip-path: inset(0); }
}

@keyframes pandoraHomeCardFlicker {
    0%, 100% { filter: none; }
    22% { filter: brightness(2); }
    46% { filter: brightness(.3); }
    66% { filter: brightness(1.5); }
}

@keyframes pandoraHomeDataNoise {
    0% { opacity: 0; transform: translateX(0); }
    25% { opacity: .88; transform: translateX(-8px); }
    50% { opacity: .24; transform: translateX(4px); }
    75% { opacity: .68; transform: translateX(-2px); }
    100% { opacity: 0; transform: translateX(0); }
}

@keyframes pandoraHomeMasterScan {
    0% { transform: translateY(-110%); opacity: 0; }
    12% { opacity: .9; }
    76% { opacity: .58; }
    100% { transform: translateY(110%); opacity: 0; }
}

.pandora-system-state {
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.pandora-system-state i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #65ffb3;
    box-shadow: 0 0 8px #65ffb3;
}

.pandora-command-tools > #utc-clock {
    padding-left: 10px;
    border-left: 1px solid var(--line);
    white-space: nowrap;
    color: #c8eef4;
}

.pandora-tool-button,
.pandora-command-tools .menu-link-icon {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid rgba(var(--theme-rgb), .28);
    display: grid;
    place-items: center;
    color: var(--cyan);
    background: rgba(3, 15, 30, .76);
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.pandora-tool-button:hover,
.pandora-tool-button:focus-visible,
.pandora-command-tools .menu-link-icon:hover,
.pandora-command-tools .menu-link-icon:focus-visible {
    outline: 0;
    color: var(--yellow);
    border-color: var(--yellow);
    box-shadow: 0 0 12px rgba(255, 212, 71, .34);
}

.pandora-hud-control,
.pandora-profile-menu,
.pandora-appearance-menu,
.pandora-command-tools .menu-item-icon,
.pandora-command-tools .pandora-notifications-menu {
    position: relative;
}

.pandora-command-tools .menu-icon {
    display: grid;
    place-items: center;
}

.pandora-profile-menu .profile-menu-toggle {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}

.pandora-profile-trigger,
.pandora-login-link {
    min-height: 30px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 8px;
    border: 1px solid rgba(var(--theme-rgb), .28);
    color: #bceff7;
    background: rgba(3, 15, 30, .76);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.pandora-profile-trigger:hover,
.pandora-profile-trigger:focus-visible,
.pandora-login-link:hover,
.pandora-login-link:focus-visible {
    outline: 0;
    color: var(--yellow);
    border-color: var(--yellow);
}

.pandora-profile-trigger img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border: 1px solid rgba(var(--theme-rgb), .45);
}

.pandora-command-tools .dropdown-menu {
    position: absolute;
    inset: calc(100% + 11px) 0 auto auto;
    z-index: 50;
    display: none;
    min-width: 220px;
    max-height: min(70vh, 620px);
    overflow: auto;
    border: 1px solid rgba(var(--theme-rgb), .32);
    border-radius: 0;
    color: var(--ink);
    background: rgba(2, 10, 22, .98);
    box-shadow: 0 14px 40px rgba(0, 0, 0, .66), 0 0 20px rgba(var(--theme-rgb), .12);
}

.pandora-profile-menu .profile-menu-toggle:checked ~ .dropdown-menu,
.hud-header-calendar-slot.is-open .dropdown-menu,
.pandora-appearance-menu.is-open > .dropdown-menu,
.pandora-command-tools .pandora-notifications-menu.is-open > .dropdown-menu {
    display: block;
}

.pandora-appearance-panel {
    width: min(360px, calc(100vw - 24px));
    padding: 13px !important;
}

.pandora-appearance-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 0 1px 10px;
    border-bottom: 1px solid rgba(var(--theme-rgb), .16);
}

.pandora-appearance-heading span,
.pandora-theme-control legend {
    color: #dffaff;
    font: 600 11px 'Barlow Condensed';
    letter-spacing: .14em;
}

.pandora-appearance-heading small {
    color: #648c9c;
    font: 500 7px 'Barlow Condensed';
    letter-spacing: .11em;
}

.pandora-opacity-control {
    display: grid;
    gap: 8px;
    padding: 12px 1px;
    border-bottom: 1px solid rgba(var(--theme-rgb), .12);
}

.pandora-opacity-control > span {
    display: flex;
    justify-content: space-between;
    color: #91bdc8;
    font: 600 9px 'Barlow Condensed';
    letter-spacing: .12em;
}

.pandora-opacity-control output { color: var(--cyan); }

.pandora-opacity-control input {
    width: 100%;
    height: 3px;
    accent-color: var(--cyan);
    cursor: pointer;
}

.pandora-theme-control {
    min-width: 0;
    margin: 0;
    padding: 12px 1px 11px;
    border: 0;
}

.pandora-theme-control legend {
    margin-bottom: 8px;
    color: #91bdc8;
    font-size: 9px;
}

.pandora-theme-presets {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 7px;
}

.pandora-theme-presets > button,
.pandora-custom-colour {
    position: relative;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid rgba(var(--theme-rgb), .2);
    background: rgba(3, 15, 30, .86);
    cursor: pointer;
}

.pandora-theme-presets > button::before {
    content: "";
    position: absolute;
    inset: 6px;
    background: var(--swatch);
    box-shadow: 0 0 8px color-mix(in srgb, var(--swatch) 58%, transparent);
}

.pandora-theme-presets > button:hover,
.pandora-theme-presets > button:focus-visible,
.pandora-theme-presets > button.is-active,
.pandora-custom-colour:hover,
.pandora-custom-colour:focus-within {
    outline: 0;
    border-color: var(--yellow);
    box-shadow: 0 0 8px rgba(255, 212, 71, .25);
}

.pandora-custom-colour {
    display: grid;
    place-items: center;
    color: #9ec7d0;
}

.pandora-custom-colour input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.pandora-text-colour-control {
    min-width: 0;
    margin: 0;
    padding: 11px 1px;
    border: 0;
    border-top: 1px solid rgba(var(--theme-rgb), .12);
}

.pandora-text-colour-control legend {
    margin-bottom: 3px;
    color: #91bdc8;
    font-size: 9px;
}

.pandora-text-colour-control > small {
    display: block;
    margin-bottom: 8px;
    color: #648c9c;
    font: 500 7px 'Barlow Condensed';
    letter-spacing: .06em;
}

.pandora-text-colour-control > div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.pandora-text-colour-control input {
    width: 34px;
    height: 28px;
    padding: 2px;
    border: 1px solid rgba(var(--theme-rgb), .28);
    background: #03101a;
    cursor: pointer;
}

.pandora-text-colour-control output {
    color: var(--ink);
    font: 600 8px 'Barlow Condensed';
    letter-spacing: .08em;
}

.pandora-text-colour-control button {
    min-height: 28px;
    padding: 4px 7px;
    border: 1px solid rgba(var(--theme-rgb), .25);
    background: rgba(var(--theme-rgb), .05);
    color: #91bdc8;
    font: 600 7px 'Barlow Condensed';
    letter-spacing: .08em;
}

.pandora-text-colour-control button:hover,
.pandora-text-colour-control button.is-active {
    border-color: var(--cyan);
    color: var(--cyan);
    background: rgba(var(--theme-rgb), .13);
}

.pandora-video-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px 25px;
    align-items: center;
    gap: 8px;
    padding: 11px 1px;
    border-top: 1px solid rgba(var(--theme-rgb), .12);
    cursor: pointer;
}

.pandora-video-control > span strong,
.pandora-video-control > span small {
    display: block;
}

.pandora-video-control > span strong {
    color: #91bdc8;
    font: 600 9px 'Barlow Condensed';
    letter-spacing: .12em;
}

.pandora-video-control > span small {
    margin-top: 2px;
    color: #557b8a;
    font: 500 7px 'Barlow Condensed';
    letter-spacing: .09em;
}

.pandora-video-control input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pandora-video-control > i {
    position: relative;
    width: 34px;
    height: 16px;
    border: 1px solid rgba(var(--theme-rgb), .28);
    background: rgba(255, 46, 63, .11);
}

.pandora-video-control > i::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    background: var(--red);
    box-shadow: 0 0 7px var(--red);
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.pandora-video-control input:checked + i::after {
    transform: translateX(18px);
    background: #65ffb3;
    box-shadow: 0 0 7px #65ffb3;
}

.pandora-video-control input:focus-visible + i {
    outline: 1px solid var(--yellow);
    outline-offset: 2px;
}

.pandora-video-control > b {
    color: var(--cyan);
    font: 600 8px 'Barlow Condensed';
    letter-spacing: .1em;
    text-align: right;
}

.pandora-background-colour-control {
    min-width: 0;
    margin: 0;
    padding: 11px 1px;
    border: 0;
    border-top: 1px solid rgba(var(--theme-rgb), .12);
}

.pandora-background-colour-control legend {
    float: left;
    margin: 0;
    color: #91bdc8;
    font: 600 9px 'Barlow Condensed';
    letter-spacing: .12em;
}

.pandora-background-colour-control > small {
    float: right;
    color: #557b8a;
    font: 500 7px 'Barlow Condensed';
    letter-spacing: .06em;
}

.pandora-background-colour-control > div {
    clear: both;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
}

.pandora-background-colour-control input[type="color"] {
    width: 38px;
    height: 30px;
    padding: 3px;
    border: 1px solid rgba(var(--theme-rgb), .3);
    border-radius: 0;
    background: rgba(3, 15, 30, .86);
    cursor: pointer;
}

.pandora-background-colour-control output {
    color: var(--cyan);
    font: 600 9px 'Barlow Condensed';
    letter-spacing: .1em;
}

.pandora-background-colour-control button {
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid rgba(var(--theme-rgb), .28);
    background: rgba(var(--theme-rgb), .06);
    color: #91bdc8;
    font: 600 8px 'Barlow Condensed';
    letter-spacing: .09em;
}

.pandora-background-colour-control button:hover,
.pandora-background-colour-control button:focus-visible,
.pandora-background-colour-control button.is-active {
    outline: 0;
    border-color: var(--yellow);
    color: var(--yellow);
    box-shadow: inset 0 0 10px rgba(255, 212, 71, .08), 0 0 8px rgba(255, 212, 71, .18);
}

.pandora-wallpaper-control {
    min-width: 0;
    margin: 0;
    padding: 11px 1px;
    border: 0;
    border-top: 1px solid rgba(var(--theme-rgb), .12);
}

.pandora-wallpaper-control legend {
    float: left;
    margin: 0;
    color: #91bdc8;
    font: 600 9px 'Barlow Condensed';
    letter-spacing: .12em;
}

.pandora-wallpaper-control > small {
    float: right;
    color: #557b8a;
    font: 500 7px 'Barlow Condensed';
    letter-spacing: .06em;
}

.pandora-wallpaper-grid {
    clear: both;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    max-height: 210px;
    padding-top: 8px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--cyan) rgba(var(--theme-rgb), .08);
}

.pandora-wallpaper-grid button {
    position: relative;
    min-width: 0;
    aspect-ratio: 16 / 9;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(var(--theme-rgb), .18);
    background: #020712;
}

.pandora-wallpaper-grid button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
    transition: opacity .2s ease, transform .2s ease;
}

.pandora-wallpaper-grid button span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px 5px 4px;
    overflow: hidden;
    color: #dffaff;
    background: linear-gradient(transparent, rgba(1, 6, 14, .94));
    font: 600 7px 'Barlow Condensed';
    letter-spacing: .08em;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pandora-wallpaper-grid button:hover,
.pandora-wallpaper-grid button:focus-visible,
.pandora-wallpaper-grid button.is-active {
    outline: 0;
    border-color: var(--yellow);
    box-shadow: 0 0 9px rgba(255, 212, 71, .26);
}

.pandora-wallpaper-grid button:hover img,
.pandora-wallpaper-grid button:focus-visible img,
.pandora-wallpaper-grid button.is-active img {
    opacity: 1;
    transform: scale(1.035);
}

.pandora-appearance-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(var(--theme-rgb), .12);
}

.pandora-appearance-actions span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #628b99;
    font: 500 7px 'Barlow Condensed';
    letter-spacing: .1em;
}

.pandora-appearance-actions span i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #65ffb3;
    box-shadow: 0 0 6px #65ffb3;
}

.pandora-appearance-actions button {
    padding: 4px 8px;
    border: 1px solid rgba(var(--theme-rgb), .2);
    background: rgba(var(--theme-rgb), .05);
    color: #91bdc8;
    font: 600 8px 'Barlow Condensed';
    letter-spacing: .11em;
}

.pandora-appearance-actions button:hover,
.pandora-appearance-actions button:focus-visible {
    outline: 0;
    color: var(--yellow);
    border-color: var(--yellow);
}

.pandora-command-tools .dropdown-item {
    display: block;
    padding: 8px 12px;
    color: #a8d7df;
    background: transparent;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: .12em;
}

.pandora-command-tools .dropdown-item:hover,
.pandora-command-tools .dropdown-item:focus {
    color: #fffbea;
    background: rgba(255, 212, 71, .1);
}

.pandora-command-tools .header-calendar-dropdown,
.pandora-command-tools .pandora-notifications-menu > .dropdown-menu {
    width: min(390px, calc(100vw - 24px));
}

.pandora-command-tools .card,
.pandora-command-tools .list-group-item,
.pandora-command-tools .widget-reminder-item {
    color: var(--ink);
    background-color: transparent;
}

.pandora-command-tools .card-header,
.pandora-command-tools .border-bottom,
.pandora-command-tools .dropdown-divider {
    border-color: rgba(var(--theme-rgb), .18) !important;
}

.pandora-command-tools .has-unseen-notifications > .menu-link-icon,
.pandora-command-tools [data-unseen-count]:not([data-unseen-count="0"]) > .menu-link-icon {
    color: var(--yellow);
    border-color: rgba(255, 212, 71, .7);
    box-shadow: 0 0 12px rgba(255, 212, 71, .35);
}

@media (max-width: 1180px) {
    .pandora-system-state span,
    .pandora-profile-trigger > span {
        display: none;
    }
}

@media (max-width: 760px) {
    .pandora-command-tools {
        gap: 5px;
    }

    .pandora-command-tools > #utc-clock,
    .pandora-system-state {
        display: none;
    }

    .pandora-profile-trigger {
        padding: 2px;
    }

    .pandora-command-tools .dropdown-menu {
        position: fixed;
        top: 58px;
        right: 12px;
        left: auto;
    }
}

@media (max-width: 500px) {
    .brand {
        font-size: 16px;
        gap: 7px;
    }

    .brand-mark {
        width: 22px;
        height: 22px;
    }

    .pandora-command-tools .pandora-tool-button,
    .pandora-command-tools .menu-link-icon {
        width: 28px;
        height: 28px;
    }
}