/* Generated by frontend/mosvpn-client/build.mjs. Do not edit directly. */

/* source: styles/runtime.css */
body.mosvpn-client-v2-active #main-container > .content {
    margin-inline: auto;
    max-width: var(--mos-content-max-width);
    padding: var(--mos-content-padding) !important;
    width: 100%;
}

.mos-client-page {
    color: var(--mos-color-text);
    display: grid;
    gap: var(--mos-space-6);
    margin-inline: auto;
    max-width: var(--mos-content-max-width);
    width: 100%;
}

.mos-client-page[aria-busy="true"] {
    cursor: progress;
}

[data-mosvpn-client-v2-source][hidden] {
    display: none !important;
}

@media (max-width: 767.98px) {
    body.mosvpn-client-v2-active #main-container > .content {
        padding: var(--mos-space-4) !important;
    }

    .mos-client-page {
        gap: var(--mos-space-4);
    }
}

/* source: styles/components.css */
.mos-client-card {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-panel);
    color: var(--mos-color-text);
    overflow: hidden;
}

.mos-client-card__header {
    align-items: flex-start;
    border-bottom: var(--mos-border-width) solid var(--mos-color-border);
    display: flex;
    gap: var(--mos-space-4);
    justify-content: space-between;
    padding: var(--mos-space-5) var(--mos-space-6);
}

.mos-client-card__heading {
    display: grid;
    gap: var(--mos-space-1);
    min-width: 0;
}

.mos-client-card__title,
.mos-client-card__description,
.mos-client-eyebrow {
    margin: 0;
}

.mos-client-card__title {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h2);
    font-weight: var(--mos-font-weight-semibold);
    line-height: var(--mos-line-height-heading);
}

.mos-client-card__description {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
    line-height: var(--mos-line-height-body);
}

.mos-client-eyebrow {
    color: var(--mos-color-text-subtle);
    font-size: var(--mos-font-size-caption);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-caption);
    text-transform: uppercase;
}

.mos-client-card__body {
    padding: var(--mos-space-6);
}

.mos-client-card__footer {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border-top: var(--mos-border-width) solid var(--mos-color-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-3);
    justify-content: flex-end;
    padding: var(--mos-space-4) var(--mos-space-6);
}

.mos-client-button {
    align-items: center;
    border: var(--mos-border-width) solid transparent;
    border-radius: var(--mos-radius-control);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
    gap: var(--mos-space-2);
    justify-content: center;
    min-height: var(--mos-control-height-md);
    padding-inline: var(--mos-space-4);
    text-decoration: none;
    transition: background-color var(--mos-motion-fast), border-color var(--mos-motion-fast), color var(--mos-motion-fast);
}

.mos-client-button--sm { min-height: var(--mos-control-height-sm); padding-inline: var(--mos-space-3); }
.mos-client-button--lg { min-height: var(--mos-control-height-lg); padding-inline: var(--mos-space-6); }
.mos-client-button--primary { background: var(--mos-color-red-500); color: var(--mos-color-neutral-0); }
.mos-client-button--primary:hover { background: var(--mos-color-red-600); color: var(--mos-color-neutral-0); }
.mos-client-button--secondary { background: var(--mos-color-surface); border-color: var(--mos-color-border-strong); color: var(--mos-color-text); }
.mos-client-button--secondary:hover,
.mos-client-button--ghost:hover { background: var(--mos-color-surface-muted); color: var(--mos-color-text); }
.mos-client-button--ghost { background: transparent; color: var(--mos-color-text-muted); }
.mos-client-button--danger { background: var(--mos-color-danger-500); color: var(--mos-color-neutral-0); }
[data-mosvpn-client-v2-root] .mos-client-button--primary,
[data-mosvpn-client-v2-root] .mos-client-button--danger { color: var(--mos-color-neutral-0) !important; }
[data-mosvpn-client-v2-root] .mos-client-button--secondary,
[data-mosvpn-client-v2-root] .mos-client-button--ghost { color: var(--mos-color-text) !important; }
.mos-client-button:disabled,
.mos-client-button[aria-disabled="true"] { cursor: not-allowed; opacity: var(--mos-disabled-opacity); pointer-events: none; }
.mos-client-button[aria-busy="true"] .mos-client-icon { animation: mos-client-spin var(--mos-skeleton-duration) linear infinite; }

@keyframes mos-client-spin { to { transform: rotate(1turn); } }

.mos-client-icon,
.mos-client-icon svg {
    display: inline-flex;
    flex: 0 0 var(--mos-icon-size);
    height: var(--mos-icon-size);
    width: var(--mos-icon-size);
}

.mos-client-icon svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: var(--mos-icon-stroke);
}

.mos-client-status {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-pill);
    color: var(--mos-color-text-muted);
    display: inline-flex;
    font-size: var(--mos-font-size-caption);
    font-weight: var(--mos-font-weight-semibold);
    gap: var(--mos-space-2);
    min-height: var(--mos-control-height-xs);
    padding-inline: var(--mos-space-3);
}

.mos-client-status__dot {
    background: currentColor;
    border-radius: var(--mos-radius-pill);
    height: var(--mos-space-2);
    width: var(--mos-space-2);
}

.mos-client-status--success { background: var(--mos-color-success-50); border-color: var(--mos-color-success-border); color: var(--mos-color-success-700); }
.mos-client-status--warning { background: var(--mos-color-warning-50); border-color: var(--mos-color-warning-border); color: var(--mos-color-warning-700); }
.mos-client-status--danger { background: var(--mos-color-danger-50); border-color: var(--mos-color-danger-border); color: var(--mos-color-danger-700); }
.mos-client-status--info { background: var(--mos-color-info-50); border-color: var(--mos-color-info-border); color: var(--mos-color-info-700); }

.mos-client-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--mos-space-4);
    justify-content: center;
    min-height: var(--mos-empty-state-min-height);
    padding: var(--mos-space-8);
    text-align: center;
}

.mos-client-empty__icon {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-card);
    color: var(--mos-color-text-subtle);
    display: inline-flex;
    height: var(--mos-space-12);
    justify-content: center;
    width: var(--mos-space-12);
}

.mos-client-empty__copy { display: grid; gap: var(--mos-space-2); max-width: var(--mos-empty-copy-max-width); }
.mos-client-empty h3,
.mos-client-empty p { margin: 0; }
.mos-client-empty h3 { color: var(--mos-color-text); font-size: var(--mos-font-size-body); font-weight: var(--mos-font-weight-semibold); }
.mos-client-empty p { color: var(--mos-color-text-muted); font-size: var(--mos-font-size-small); }

.mos-client-skeleton-group { display: grid; gap: var(--mos-space-3); }
.mos-client-skeleton {
    animation: mos-client-skeleton var(--mos-skeleton-duration) ease-in-out infinite;
    background: linear-gradient(90deg, var(--mos-color-surface-muted), var(--mos-color-border), var(--mos-color-surface-muted));
    background-size: var(--mos-skeleton-background-size);
    border-radius: var(--mos-radius-control);
    display: block;
    height: var(--mos-control-height-md);
}

@keyframes mos-client-skeleton { to { background-position-x: -200%; } }

.mos-client-stat {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    display: flex;
    gap: var(--mos-space-3);
    min-width: 0;
    padding: var(--mos-space-4);
}

.mos-client-stat__icon {
    align-items: center;
    background: var(--mos-color-surface);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-info-500);
    display: inline-flex;
    height: var(--mos-control-height-lg);
    justify-content: center;
    width: var(--mos-control-height-lg);
}

.mos-client-stat > div { display: grid; gap: var(--mos-space-1); min-width: 0; }
.mos-client-stat__label,
.mos-client-stat__note { color: var(--mos-color-text-muted); font-size: var(--mos-font-size-caption); }
.mos-client-stat__value { color: var(--mos-color-text); font-size: var(--mos-font-size-body); font-variant-numeric: var(--mos-tabular-nums); font-weight: var(--mos-font-weight-semibold); }

.mos-client-toasts {
    display: grid;
    gap: var(--mos-space-2);
    inset-block-start: var(--mos-space-4);
    inset-inline-end: var(--mos-space-4);
    max-width: var(--mos-empty-copy-max-width);
    position: fixed;
    z-index: var(--mos-z-toast);
}

.mos-client-toast {
    align-items: center;
    background: var(--mos-color-surface-raised);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    box-shadow: var(--mos-shadow-sm);
    color: var(--mos-color-text);
    display: flex;
    gap: var(--mos-space-3);
    padding: var(--mos-space-3) var(--mos-space-4);
    transition: opacity var(--mos-motion-fast), transform var(--mos-motion-fast);
}

.mos-client-toast--success { border-color: var(--mos-color-success-border); color: var(--mos-color-success-700); }
.mos-client-toast--danger { border-color: var(--mos-color-danger-border); color: var(--mos-color-danger-700); }
.mos-client-toast.is-leaving { opacity: 0; transform: translateY(calc(-1 * var(--mos-space-2))); }

.mos-client-dialog {
    background: transparent;
    border: 0;
    color: var(--mos-color-text);
    max-width: var(--mos-empty-copy-max-width);
    padding: 0;
    width: calc(100% - (2 * var(--mos-space-4)));
}

.mos-client-dialog::backdrop { background: var(--mos-color-overlay); }
.mos-client-dialog__card { box-shadow: var(--mos-shadow-md); }
.mos-client-dialog.is-fallback {
    align-items: center;
    background: var(--mos-color-overlay);
    display: flex;
    inset: 0;
    justify-content: center;
    max-width: none;
    position: fixed;
    width: 100%;
    z-index: var(--mos-z-toast);
}

.mos-client-copy-proxy {
    inset-inline-start: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
}

.mos-client-data-table {
    color: var(--mos-color-text);
    display: grid;
    gap: var(--mos-space-4);
    min-width: 0;
}

.mos-client-data-table__scroll {
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    isolation: isolate;
    min-width: 0;
    overflow: auto;
    overscroll-behavior: contain;
    position: relative;
}

.mos-client-data-table__loading {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    min-height: var(--mos-empty-state-min-height);
    padding: var(--mos-space-6);
}

.mos-client-data-table__mobile-sort { display: none; }

.mos-client-data-table__table {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    width: 100%;
}

.mos-client-data-table__caption {
    clip-path: inset(50%);
    height: var(--mos-border-width);
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: var(--mos-border-width);
}

.mos-client-data-table__heading,
.mos-client-data-table__cell {
    padding: var(--mos-space-3) var(--mos-space-4);
    text-align: start;
    vertical-align: middle;
}

.mos-client-data-table__heading {
    background: var(--mos-color-surface-raised);
    border-block-end: var(--mos-border-width) solid var(--mos-color-border-strong);
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
    font-weight: var(--mos-font-weight-semibold);
    inset-block-start: 0;
    letter-spacing: var(--mos-letter-spacing-caption);
    position: sticky;
    z-index: var(--mos-z-sticky-header);
}

.mos-client-data-table__cell {
    background: var(--mos-table-row-background, var(--mos-color-surface));
    border-block-end: var(--mos-border-width) solid var(--mos-color-border);
}

.mos-client-data-table__row {
    --mos-table-row-background: var(--mos-color-surface);
}

.mos-client-data-table__row:last-child .mos-client-data-table__cell {
    border-block-end: 0;
}

.mos-client-data-table--zebra .mos-client-data-table__row:nth-child(even) {
    --mos-table-row-background: var(--mos-color-surface-muted);
}

.mos-client-data-table__row:hover {
    --mos-table-row-background: var(--mos-color-surface-muted);
}

.mos-client-data-table__heading.is-numeric,
.mos-client-data-table__cell.is-numeric {
    font-variant-numeric: var(--mos-tabular-nums);
    text-align: end;
}

.mos-client-data-table__heading.is-centered,
.mos-client-data-table__cell.is-centered {
    text-align: center;
}

.mos-client-data-table__sort {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: inherit;
    gap: var(--mos-space-2);
    justify-content: flex-start;
    letter-spacing: inherit;
    padding: 0;
    text-align: inherit;
    width: 100%;
}

.mos-client-data-table__heading.is-numeric .mos-client-data-table__sort {
    justify-content: flex-end;
}

.mos-client-data-table__heading.is-centered .mos-client-data-table__sort {
    justify-content: center;
}

.mos-client-data-table__sort-indicator {
    color: var(--mos-color-text-subtle);
    flex: 0 0 auto;
    font-size: var(--mos-font-size-small);
}

.mos-client-data-table__value {
    min-width: 0;
}

.mos-client-data-table__heading.is-sticky-start,
.mos-client-data-table__cell.is-sticky-start {
    inset-inline-start: var(--mos-table-sticky-offset, 0);
    position: sticky;
}

.mos-client-data-table__heading.is-sticky-end,
.mos-client-data-table__cell.is-sticky-end {
    inset-inline-end: var(--mos-table-sticky-offset, 0);
    position: sticky;
}

.mos-client-data-table__cell.is-sticky-start,
.mos-client-data-table__cell.is-sticky-end {
    z-index: var(--mos-z-sticky-cell);
}

.mos-client-data-table__heading.is-sticky-start,
.mos-client-data-table__heading.is-sticky-end {
    background: var(--mos-color-surface-raised);
    z-index: var(--mos-z-sticky-corner);
}

.mos-client-data-table__heading.is-sticky-start,
.mos-client-data-table__cell.is-sticky-start {
    border-inline-end: var(--mos-border-width) solid var(--mos-color-border);
}

.mos-client-data-table__heading.is-sticky-end,
.mos-client-data-table__cell.is-sticky-end {
    border-inline-start: var(--mos-border-width) solid var(--mos-color-border);
}

.mos-client-data-table__empty {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
}

.mos-client-data-table.is-empty .mos-client-data-table__scroll {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
}

.mos-client-data-table.is-empty .mos-client-data-table__empty {
    border-block-start: 0;
    border-start-end-radius: 0;
    border-start-start-radius: 0;
    margin-block-start: calc(-1 * var(--mos-space-4));
}

.mos-client-data-table__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-2);
    justify-content: flex-end;
}

.mos-client-data-table__pages {
    align-items: center;
    display: flex;
    gap: var(--mos-space-1);
}

.mos-client-data-table__page,
.mos-client-data-table__ellipsis {
    align-items: center;
    background: transparent;
    border: var(--mos-border-width) solid transparent;
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text-muted);
    display: inline-flex;
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
    justify-content: center;
    min-height: var(--mos-control-height-sm);
    min-width: var(--mos-control-height-sm);
    padding: 0;
}

.mos-client-data-table__page {
    cursor: pointer;
}

.mos-client-data-table__page:hover {
    background: var(--mos-color-surface-muted);
    color: var(--mos-color-text);
}

.mos-client-data-table__page.is-current {
    background: var(--mos-color-red-50);
    border-color: var(--mos-color-red-500);
    color: var(--mos-color-text);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-client-data-table__page-status {
    color: var(--mos-color-text-muted);
    display: none;
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
}

@media (max-width: 575.98px) {
    .mos-client-card__header,
    .mos-client-card__footer { padding: var(--mos-space-4); }
    .mos-client-card__body { padding: var(--mos-space-4); }
    .mos-client-button { min-height: var(--mos-control-height-lg); }
    .mos-client-toasts { inset-inline: var(--mos-space-3); max-width: none; }

    .mos-client-data-table--mobile-cards .mos-client-data-table__scroll {
        border: 0;
        border-radius: 0;
        overflow: visible;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__table,
    .mos-client-data-table--mobile-cards .mos-client-data-table__table tbody {
        display: block;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__table thead { display: none; }

    .mos-client-data-table__mobile-sort {
        display: flex;
        gap: var(--mos-space-2);
        overflow-x: auto;
        padding-block-end: var(--mos-space-1);
    }

    .mos-client-data-table__mobile-sort > .mos-client-button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__row {
        background: var(--mos-table-row-background, var(--mos-color-surface));
        border: var(--mos-border-width) solid var(--mos-color-border);
        border-radius: var(--mos-radius-card);
        display: grid;
        margin-block-end: var(--mos-space-3);
        overflow: hidden;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__row:last-child {
        margin-block-end: 0;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__cell {
        align-items: start;
        border-block-end: var(--mos-border-width) solid var(--mos-color-border);
        display: grid;
        gap: var(--mos-space-3);
        grid-template-columns: minmax(0, var(--mos-table-label-width)) minmax(0, 1fr);
        padding: var(--mos-space-3) var(--mos-space-4);
        position: static;
        text-align: end;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__cell:last-child {
        border-block-end: 0;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__cell::before {
        color: var(--mos-color-text-muted);
        content: attr(data-label);
        font-size: var(--mos-font-size-caption);
        font-weight: var(--mos-font-weight-semibold);
        text-align: start;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__cell[data-label=""] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__cell[data-label=""]::before {
        display: none;
    }

    .mos-client-data-table--mobile-cards .mos-client-data-table__value {
        justify-self: end;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .mos-client-data-table__pagination {
        justify-content: space-between;
    }

    .mos-client-data-table__pages {
        display: none;
    }

    .mos-client-data-table__page-status {
        display: inline-flex;
    }
}

/* source: styles/motion.css */
/*
 * MosVPN client motion layer.
 *
 * Motion is reserved for interaction feedback and state changes. Durations,
 * spacing, shadows and opacity come from the shared design tokens so this
 * layer remains consistent across themes and viewport sizes.
 */

.mos-client-button {
    transition: background-color var(--mos-motion-fast),
        border-color var(--mos-motion-fast),
        box-shadow var(--mos-motion-fast),
        color var(--mos-motion-fast),
        opacity var(--mos-motion-fast),
        transform var(--mos-motion-fast);
}

.mos-client-button .mos-client-icon,
.mos-dashboard-v2__shortcut-arrow,
.mos-knowledge-v2__article-action,
.mos-order-v2__menu > summary .mos-client-icon {
    transition: transform var(--mos-motion-fast);
}

.mos-client-button:active:not(:disabled):not([aria-disabled="true"]),
.mos-order-v2__menu > summary:active,
.mos-knowledge-v2__chip:active,
.mos-order-v2__tab:active,
.mos-client-data-table__page:active {
    opacity: var(--mos-pressed-opacity);
    transform: translateY(var(--mos-border-width));
}

.mos-client-button[aria-busy="true"] {
    box-shadow: none;
    transform: none;
}

.mos-client-status {
    transition: background-color var(--mos-motion-fast),
        border-color var(--mos-motion-fast),
        color var(--mos-motion-fast);
}

.mos-client-status__dot {
    transition: background-color var(--mos-motion-fast),
        transform var(--mos-motion-fast);
}

.mos-dashboard-v2__device-meter-fill,
.mos-devices-v2__slot-meter-fill,
.mos-profile-v2__strength-segment,
.mos-traffic-v2__bar-segment {
    transition: background-color var(--mos-motion-fast),
        flex-basis var(--mos-motion-fast),
        opacity var(--mos-motion-fast),
        width var(--mos-motion-fast);
}

.mos-client-data-table__cell,
.mos-devices-v2__device,
.mos-order-v2__tab,
.mos-order-v2__tab-count,
.mos-knowledge-v2__chip,
.mos-profile-v2__switch,
.mos-profile-v2__switch-knob {
    transition: background-color var(--mos-motion-fast),
        border-color var(--mos-motion-fast),
        color var(--mos-motion-fast),
        opacity var(--mos-motion-fast),
        transform var(--mos-motion-fast);
}

.mos-dashboard-v2__shortcut,
.mos-knowledge-v2__article,
.mos-invite-v2__share-button {
    transition: background-color var(--mos-motion-fast),
        border-color var(--mos-motion-fast),
        box-shadow var(--mos-motion-fast),
        color var(--mos-motion-fast),
        transform var(--mos-motion-fast);
}

.mos-traffic-v2__bar {
    transition: box-shadow var(--mos-motion-fast), transform var(--mos-motion-fast);
}

.mos-dashboard-v2__traffic-ring {
    animation: mos-client-ring-in var(--mos-motion-emphasized) both;
    transform-origin: center;
}

.mos-node-v2__input,
.mos-node-v2__select,
.mos-knowledge-v2__search-input,
.mos-profile-v2__input,
.mos-ticket-v2__input {
    transition: background-color var(--mos-motion-fast),
        border-color var(--mos-motion-fast),
        box-shadow var(--mos-motion-fast),
        color var(--mos-motion-fast);
}

@media (hover: hover) and (pointer: fine) {
    .mos-client-button:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
        transform: translateY(calc(-1 * var(--mos-border-width)));
    }

    .mos-client-button--primary:hover,
    .mos-client-button--secondary:hover,
    .mos-client-button--danger:hover {
        box-shadow: var(--mos-shadow-xs);
    }

    .mos-client-button:hover:not([aria-busy="true"]) .mos-client-icon,
    .mos-order-v2__menu > summary:hover .mos-client-icon {
        transform: translateY(calc(-1 * var(--mos-border-width)));
    }

    .mos-client-status:hover .mos-client-status__dot {
        transform: scale(1.15);
    }

    .mos-dashboard-v2__shortcut:hover,
    .mos-invite-v2__share-button:hover {
        box-shadow: var(--mos-shadow-xs);
        transform: translateY(calc(-1 * var(--mos-border-width)));
    }

    .mos-dashboard-v2__shortcut:hover .mos-dashboard-v2__shortcut-arrow,
    .mos-knowledge-v2__article:hover .mos-knowledge-v2__article-action {
        transform: translateX(var(--mos-space-1));
    }

    .mos-traffic-v2__day:hover .mos-traffic-v2__bar {
        box-shadow: var(--mos-shadow-xs);
        transform: translateY(calc(-1 * var(--mos-border-width)));
    }
}

.mos-order-v2__menu[open] .mos-order-v2__menu-content {
    animation: mos-client-menu-in var(--mos-motion-fast) both;
    transform-origin: top right;
}

.mos-client-toast {
    animation: mos-client-toast-in var(--mos-motion-fast) both;
}

.mos-client-toast.is-leaving {
    animation: none;
}

.mos-client-dialog[open]::backdrop {
    animation: mos-client-fade-in var(--mos-motion-emphasized) both;
}

.mos-client-dialog[open] .mos-client-dialog__card,
.mos-client-dialog.is-fallback .mos-client-dialog__card {
    animation: mos-client-dialog-in var(--mos-motion-emphasized) both;
}

@keyframes mos-client-menu-in {
    from {
        opacity: 0;
        transform: translateY(calc(-1 * var(--mos-space-1)));
    }
}

@keyframes mos-client-toast-in {
    from {
        opacity: 0;
        transform: translateY(calc(-1 * var(--mos-space-2)));
    }
}

@keyframes mos-client-dialog-in {
    from {
        opacity: 0;
        transform: translateY(var(--mos-space-2));
    }
}

@keyframes mos-client-fade-in {
    from { opacity: 0; }
}

@keyframes mos-client-ring-in {
    from {
        opacity: 0;
        transform: scale(.94) rotate(-8deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    :where([data-mosvpn-client-v2-root], .mos-client-toasts, .mos-client-dialog),
    :where([data-mosvpn-client-v2-root], .mos-client-toasts, .mos-client-dialog) *,
    :where([data-mosvpn-client-v2-root], .mos-client-toasts, .mos-client-dialog)::before,
    :where([data-mosvpn-client-v2-root], .mos-client-toasts, .mos-client-dialog)::after,
    :where([data-mosvpn-client-v2-root], .mos-client-toasts, .mos-client-dialog) *::before,
    :where([data-mosvpn-client-v2-root], .mos-client-toasts, .mos-client-dialog) *::after {
        animation: none !important;
        scroll-behavior: auto !important;
        transition: none !important;
    }

    .mos-client-button,
    .mos-client-button .mos-client-icon,
    .mos-client-status__dot,
    .mos-dashboard-v2__shortcut,
    .mos-dashboard-v2__shortcut-arrow,
    .mos-invite-v2__share-button,
    .mos-knowledge-v2__article,
    .mos-knowledge-v2__article-action,
    .mos-order-v2__menu > summary,
    .mos-order-v2__menu-content,
    .mos-order-v2__tab,
    .mos-knowledge-v2__chip,
    .mos-client-data-table__page,
    .mos-traffic-v2__bar,
    .mos-client-toast,
    .mos-client-dialog__card {
        transform: none !important;
    }

    .mos-dashboard-v2__traffic-ring {
        animation: none !important;
    }
}

/* source: styles/pages/dashboard.css */
body.mos-dashboard-v2-is-active #main-container > .content > :not(.mos-dashboard-v2) {
    display: none !important;
}

.mos-dashboard-v2 {
    align-content: start;
}

.mos-dashboard-v2__header {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-dashboard-v2__header h1,
.mos-dashboard-v2__header p {
    margin: 0;
}

.mos-dashboard-v2__header h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-dashboard-v2__header > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
}

.mos-dashboard-v2__layout {
    align-items: start;
    display: grid;
    gap: var(--mos-space-6);
    grid-template-columns: minmax(0, 7fr) minmax(var(--mos-dashboard-side-min-width), 5fr);
}

.mos-dashboard-v2__primary,
.mos-dashboard-v2__side,
.mos-dashboard-v2__notices {
    display: grid;
    gap: var(--mos-space-6);
    min-width: 0;
}

.mos-dashboard-v2__package-card {
    border-color: var(--mos-color-border-strong);
}

.mos-dashboard-v2 .mos-client-status {
    align-self: flex-start;
}

.mos-dashboard-v2__package-card .mos-client-card__body {
    display: grid;
    gap: var(--mos-space-6);
}

.mos-dashboard-v2__package-card--empty .mos-client-card__body {
    padding: 0;
}

.mos-dashboard-v2__traffic {
    align-items: center;
    display: grid;
    gap: var(--mos-space-8);
    grid-template-columns: auto minmax(0, 1fr);
}

.mos-dashboard-v2__traffic-ring {
    --mos-dashboard-progress-color: var(--mos-color-success-500);
    align-items: center;
    aspect-ratio: 1;
    background: conic-gradient(
        var(--mos-dashboard-progress-color) var(--mos-dashboard-progress),
        var(--mos-color-surface-muted) var(--mos-dashboard-progress)
    );
    border-radius: var(--mos-radius-pill);
    display: flex;
    justify-content: center;
    padding: var(--mos-space-2);
    width: calc(var(--mos-space-12) * 3);
}

.mos-dashboard-v2__traffic-ring--warning {
    --mos-dashboard-progress-color: var(--mos-color-warning-500);
}

.mos-dashboard-v2__traffic-ring--danger {
    --mos-dashboard-progress-color: var(--mos-color-danger-500);
}

.mos-dashboard-v2__traffic-ring-center {
    align-content: center;
    aspect-ratio: 1;
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-pill);
    display: grid;
    justify-items: center;
    width: 100%;
}

.mos-dashboard-v2__traffic-ring-center strong {
    color: var(--mos-color-text);
    font-size: var(--mos-hero-value-size);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-bold);
    letter-spacing: var(--mos-letter-spacing-display);
    line-height: var(--mos-line-height-display);
}

.mos-dashboard-v2__traffic-ring-center span {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-dashboard-v2__details,
.mos-dashboard-v2__account-details,
.mos-dashboard-v2__last-device {
    display: grid;
    gap: var(--mos-space-3);
    margin: 0;
}

.mos-dashboard-v2__detail {
    align-items: baseline;
    border-bottom: var(--mos-border-width) solid var(--mos-color-border);
    display: flex;
    gap: var(--mos-space-4);
    justify-content: space-between;
    min-width: 0;
    padding-block-end: var(--mos-space-3);
}

.mos-dashboard-v2__detail:last-child {
    border-bottom: 0;
    padding-block-end: 0;
}

.mos-dashboard-v2__detail dt,
.mos-dashboard-v2__detail dd {
    margin: 0;
}

.mos-dashboard-v2__detail dt {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
}

.mos-dashboard-v2__detail dd {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-semibold);
    overflow-wrap: anywhere;
    text-align: end;
}

.mos-dashboard-v2__traffic-stats {
    display: grid;
    gap: var(--mos-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mos-dashboard-v2__alert {
    align-items: center;
    background: var(--mos-color-info-50);
    border: var(--mos-border-width) solid var(--mos-color-info-border);
    border-radius: var(--mos-radius-card);
    color: var(--mos-color-info-700);
    display: flex;
    gap: var(--mos-space-3);
    padding: var(--mos-space-3) var(--mos-space-4);
}

.mos-dashboard-v2__alert--warning {
    background: var(--mos-color-warning-50);
    border-color: var(--mos-color-warning-border);
    color: var(--mos-color-warning-700);
}

.mos-dashboard-v2__alert--danger {
    background: var(--mos-color-danger-50);
    border-color: var(--mos-color-danger-border);
    color: var(--mos-color-danger-700);
}

.mos-dashboard-v2__alert-icon {
    display: inline-flex;
    flex: 0 0 auto;
}

.mos-dashboard-v2__alert p {
    flex: 1 1 auto;
    font-size: var(--mos-font-size-small);
    margin: 0;
}

.mos-dashboard-v2__account-card .mos-client-card__body,
.mos-dashboard-v2__devices-card .mos-client-card__body,
.mos-dashboard-v2__shortcuts-card .mos-client-card__body {
    padding-block: var(--mos-space-5);
}

.mos-dashboard-v2__device-summary {
    display: grid;
    gap: var(--mos-space-4);
}

.mos-dashboard-v2__device-count {
    align-items: center;
    display: flex;
    gap: var(--mos-space-3);
}

.mos-dashboard-v2__device-count > div {
    display: grid;
    gap: var(--mos-space-1);
}

.mos-dashboard-v2__device-count span,
.mos-dashboard-v2__last-device dt {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-dashboard-v2__device-count strong {
    color: var(--mos-color-text);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-dashboard-v2__device-icon,
.mos-dashboard-v2__shortcut-icon,
.mos-dashboard-v2__quick-icon {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-info-500);
    display: inline-flex;
    flex: 0 0 var(--mos-control-height-lg);
    height: var(--mos-control-height-lg);
    justify-content: center;
    width: var(--mos-control-height-lg);
}

.mos-dashboard-v2__device-meter {
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-pill);
    display: block;
    height: var(--mos-space-2);
    overflow: hidden;
}

.mos-dashboard-v2__device-meter-fill {
    background: var(--mos-color-info-500);
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width var(--mos-motion-fast);
    width: var(--mos-dashboard-device-progress);
}

.mos-dashboard-v2__shortcuts {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-dashboard-v2__shortcut {
    align-items: center;
    border-radius: var(--mos-radius-card);
    color: var(--mos-color-text) !important;
    display: flex;
    gap: var(--mos-space-3);
    padding: var(--mos-space-3);
    text-decoration: none;
    transition: background-color var(--mos-motion-fast), color var(--mos-motion-fast);
}

.mos-dashboard-v2__shortcut:hover {
    background: var(--mos-color-surface-muted);
    color: var(--mos-color-text) !important;
}

.mos-dashboard-v2__shortcut-copy {
    display: grid;
    flex: 1 1 auto;
    gap: var(--mos-space-1);
    min-width: 0;
}

.mos-dashboard-v2__shortcut-copy strong {
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-dashboard-v2__shortcut-copy small {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-dashboard-v2__shortcut-arrow {
    color: var(--mos-color-text-subtle);
    display: inline-flex;
}

.mos-dashboard-v2__quick-steps {
    display: grid;
    gap: var(--mos-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
}

.mos-dashboard-v2__quick-step {
    align-items: center;
    display: grid;
    gap: var(--mos-space-3);
    grid-template-columns: auto auto minmax(0, 1fr);
}

.mos-dashboard-v2__quick-number {
    align-items: center;
    background: var(--mos-color-red-50);
    border-radius: var(--mos-radius-pill);
    color: var(--mos-color-red-700);
    display: inline-flex;
    font-size: var(--mos-font-size-caption);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-semibold);
    height: var(--mos-control-height-xs);
    justify-content: center;
    width: var(--mos-control-height-xs);
}

.mos-dashboard-v2__quick-step > div {
    display: grid;
    gap: var(--mos-space-1);
}

.mos-dashboard-v2__quick-step strong,
.mos-dashboard-v2__quick-step p {
    margin: 0;
}

.mos-dashboard-v2__quick-step strong {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-dashboard-v2__quick-step p {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-dashboard-v2__page-error {
    min-height: var(--mos-empty-state-min-height);
}

@media (max-width: 74.99875rem) {
    .mos-dashboard-v2__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .mos-dashboard-v2__side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mos-dashboard-v2__shortcuts-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 47.99875rem) {
    .mos-dashboard-v2__primary,
    .mos-dashboard-v2__side,
    .mos-dashboard-v2__notices {
        gap: var(--mos-space-4);
    }

    .mos-dashboard-v2__side {
        grid-template-columns: minmax(0, 1fr);
    }

    .mos-dashboard-v2__shortcuts-card {
        grid-column: auto;
    }

    .mos-dashboard-v2__traffic {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
    }

    .mos-dashboard-v2__details {
        width: 100%;
    }

    .mos-dashboard-v2__alert {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .mos-dashboard-v2__alert .mos-client-button {
        flex: 1 0 100%;
    }
}

@media (max-width: 29.99875rem) {
    .mos-dashboard-v2__traffic-stats {
        grid-template-columns: minmax(0, 1fr);
    }

    .mos-dashboard-v2__card .mos-client-card__header,
    .mos-dashboard-v2 .mos-client-card__header {
        align-items: stretch;
        flex-direction: column;
    }

    .mos-dashboard-v2 .mos-client-card__header > .mos-client-button,
    .mos-dashboard-v2 .mos-client-card__footer > .mos-client-button {
        width: 100%;
    }

    .mos-dashboard-v2__quick-step {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .mos-dashboard-v2__quick-icon {
        display: none;
    }
}

/* source: styles/pages/node.css */
body.mos-node-v2-is-active #main-container > .content > :not(.mos-node-v2) {
    display: none !important;
}

.mos-node-v2 {
    align-content: start;
}

.mos-node-v2__header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-4);
    justify-content: space-between;
}

.mos-node-v2__heading {
    display: grid;
    flex: 1 1 var(--mos-page-hero-copy-max-width);
    gap: var(--mos-space-2);
    min-width: var(--mos-space-0);
}

.mos-node-v2__heading h1,
.mos-node-v2__heading p,
.mos-node-v2__note,
.mos-node-v2__result-count,
.mos-node-v2__region-header h2,
.mos-node-v2__region-header p {
    margin: var(--mos-space-0);
}

.mos-node-v2__heading h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-node-v2__heading > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
    line-height: var(--mos-line-height-body);
}

.mos-node-v2__summary {
    display: grid;
    gap: var(--mos-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mos-search-width)), 1fr));
}

.mos-node-v2__notes {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-node-v2__note {
    align-items: flex-start;
    background: var(--mos-color-info-50);
    border: var(--mos-border-width) solid var(--mos-color-info-border);
    border-radius: var(--mos-radius-card);
    color: var(--mos-color-info-700);
    display: flex;
    font-size: var(--mos-font-size-small);
    gap: var(--mos-space-3);
    line-height: var(--mos-line-height-body);
    padding: var(--mos-space-3) var(--mos-space-4);
}

.mos-node-v2__note-icon {
    display: inline-flex;
    flex: 0 0 auto;
    margin-block-start: var(--mos-space-1);
}

.mos-node-v2__filters-card .mos-client-card__body {
    padding-block: var(--mos-space-4);
}

.mos-node-v2__filters {
    align-items: end;
    display: grid;
    gap: var(--mos-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mos-search-width)), 1fr));
}

.mos-node-v2__field {
    color: var(--mos-color-text-muted);
    display: grid;
    font-size: var(--mos-font-size-caption);
    font-weight: var(--mos-font-weight-semibold);
    gap: var(--mos-space-2);
    letter-spacing: var(--mos-letter-spacing-caption);
    min-width: var(--mos-space-0);
}

.mos-node-v2__search-control {
    position: relative;
}

.mos-node-v2__search-icon {
    color: var(--mos-color-text-subtle);
    display: inline-flex;
    inset-inline-start: var(--mos-space-3);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mos-node-v2__input,
.mos-node-v2__select {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border-strong);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text);
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-body);
    min-height: var(--mos-control-height-lg);
    width: 100%;
}

.mos-node-v2__input {
    padding-inline: var(--mos-control-height-md) var(--mos-space-3);
}

.mos-node-v2__select {
    padding-inline: var(--mos-space-3);
}

.mos-node-v2__input::placeholder {
    color: var(--mos-color-text-subtle);
}

.mos-node-v2__input:focus,
.mos-node-v2__select:focus {
    border-color: var(--mos-color-red-500);
    outline: var(--mos-focus-outline-width) solid var(--mos-color-red-500);
    outline-offset: var(--mos-focus-outline-offset);
}

.mos-node-v2__result-count {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
}

.mos-node-v2__regions {
    display: grid;
    gap: var(--mos-space-8);
}

.mos-node-v2__region {
    display: grid;
    gap: var(--mos-space-3);
    min-width: var(--mos-space-0);
}

.mos-node-v2__region-header {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-2) var(--mos-space-4);
    justify-content: space-between;
}

.mos-node-v2__region-header h2 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h2);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-node-v2__region-header p {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
}

.mos-node-v2__identity {
    align-items: center;
    display: inline-flex;
    gap: var(--mos-space-3);
    min-width: var(--mos-space-0);
}

.mos-node-v2__flag,
.mos-node-v2__location-icon {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-control);
    display: inline-flex;
    flex: 0 0 var(--mos-control-height-md);
    font-size: var(--mos-font-size-body);
    height: var(--mos-control-height-md);
    justify-content: center;
    width: var(--mos-control-height-md);
}

.mos-node-v2__location-icon {
    color: var(--mos-color-text-subtle);
}

.mos-node-v2__identity-copy {
    display: grid;
    gap: var(--mos-space-1);
    min-width: var(--mos-space-0);
}

.mos-node-v2__identity-copy strong {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
    overflow-wrap: anywhere;
}

.mos-node-v2__identity-copy small {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-node-v2__rate {
    color: var(--mos-color-text);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-medium);
}

.mos-node-v2__tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-1);
}

.mos-node-v2__tag {
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-pill);
    color: var(--mos-color-text-muted);
    display: inline-flex;
    font-size: var(--mos-font-size-caption);
    padding: var(--mos-space-1) var(--mos-space-2);
}

.mos-node-v2 .mos-client-data-table__cell[data-column-key="status"] .mos-client-data-table__value {
    display: inline-flex;
}

/* source: styles/pages/order.css */
body.mos-order-v2-is-active #main-container > .content > :not(.mos-order-v2) {
    display: none !important;
}

.mos-order-v2 {
    align-content: start;
}

.mos-order-v2__header {
    align-items: flex-end;
    display: flex;
    gap: var(--mos-space-6);
    justify-content: space-between;
}

.mos-order-v2__header-copy {
    display: grid;
    gap: var(--mos-space-2);
    min-width: var(--mos-space-0);
}

.mos-order-v2__header h1,
.mos-order-v2__header p {
    margin: var(--mos-space-0);
}

.mos-order-v2__header h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-order-v2__header-copy > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
}

.mos-order-v2__list .mos-client-card__body {
    display: grid;
    gap: var(--mos-space-5);
}

.mos-order-v2__tabs {
    border-block-end: var(--mos-border-width) solid var(--mos-color-border);
    display: flex;
    gap: var(--mos-space-1);
    min-width: var(--mos-space-0);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.mos-order-v2__tab {
    align-items: center;
    background: transparent;
    border: var(--mos-border-width) solid transparent;
    border-block-end-color: transparent;
    color: var(--mos-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-medium);
    gap: var(--mos-space-2);
    min-height: var(--mos-control-height-md);
    padding: var(--mos-space-2) var(--mos-space-3);
    transform: translateY(var(--mos-border-width));
}

.mos-order-v2__tab:hover {
    color: var(--mos-color-text);
}

.mos-order-v2__tab.is-active {
    border-block-end-color: var(--mos-color-red-500);
    color: var(--mos-color-red-600);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-order-v2__tab-count {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-pill);
    color: var(--mos-color-text-muted);
    display: inline-flex;
    font-size: var(--mos-font-size-caption);
    font-variant-numeric: var(--mos-tabular-nums);
    justify-content: center;
    min-height: var(--mos-control-height-xs);
    min-width: var(--mos-control-height-xs);
    padding-inline: var(--mos-space-2);
}

.mos-order-v2__tab.is-active .mos-order-v2__tab-count {
    background: var(--mos-color-red-50);
    color: var(--mos-color-red-700);
}

.mos-order-v2__table .mos-client-data-table__table {
    min-width: var(--mos-order-table-min-width);
}

.mos-order-v2__table .mos-client-data-table__row.is-pending {
    --mos-table-row-background: var(--mos-color-warning-50);
}

.mos-order-v2__trade {
    display: grid;
    gap: var(--mos-space-1);
    grid-template-columns: minmax(var(--mos-space-12), auto) auto;
    justify-content: start;
    min-width: var(--mos-space-0);
}

.mos-order-v2__trade-link {
    color: var(--mos-color-text) !important;
    font-family: var(--mos-font-family-mono);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-semibold);
    overflow-wrap: anywhere;
    text-decoration: none;
}

.mos-order-v2__trade-link:hover {
    color: var(--mos-color-red-600) !important;
    text-decoration: underline;
}

.mos-order-v2__trade .mos-client-copy-proxy,
.mos-order-v2__trade .mos-client-button {
    align-self: center;
}

.mos-order-v2__trade small {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
    grid-column: 1 / -1;
    overflow-wrap: anywhere;
}

.mos-order-v2__amount,
.mos-order-v2__date {
    color: var(--mos-color-text);
    font-variant-numeric: var(--mos-tabular-nums);
    white-space: nowrap;
}

.mos-order-v2__date-column {
    min-width: var(--mos-date-time-column-width);
}

.mos-order-v2__actions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--mos-space-2);
    justify-content: flex-end;
}

.mos-order-v2__actions .mos-client-button {
    white-space: nowrap;
}

.mos-order-v2__menu {
    position: relative;
}

.mos-order-v2__table .mos-client-data-table__cell.is-menu-open {
    z-index: calc(var(--mos-z-sticky-corner) + 2);
}

.mos-order-v2__menu > summary {
    align-items: center;
    background: transparent;
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: var(--mos-control-height-sm);
    justify-content: center;
    list-style: none;
    transition: background var(--mos-motion-fast), border-color var(--mos-motion-fast), color var(--mos-motion-fast);
    width: var(--mos-control-height-sm);
}

.mos-order-v2__menu > summary::-webkit-details-marker {
    display: none;
}

.mos-order-v2__menu > summary:hover,
.mos-order-v2__menu[open] > summary {
    background: var(--mos-color-surface-muted);
    border-color: var(--mos-color-border-strong);
    color: var(--mos-color-text);
}

.mos-order-v2__menu > summary:focus-visible {
    box-shadow: var(--mos-focus-ring);
    outline: var(--mos-focus-outline-width) solid transparent;
    outline-offset: var(--mos-focus-outline-offset);
}

.mos-order-v2__menu-content {
    background: var(--mos-color-surface-raised);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    box-shadow: var(--mos-shadow-md);
    display: grid;
    inset-block-start: calc(100% + var(--mos-space-1));
    inset-inline-end: var(--mos-space-0);
    padding: var(--mos-space-2);
    position: absolute;
    width: var(--mos-overflow-menu-width);
    z-index: calc(var(--mos-z-sticky-corner) + 1);
}

.mos-order-v2__menu-content .mos-client-button {
    justify-content: flex-start;
    width: 100%;
}

.mos-order-v2__cancel {
    color: var(--mos-color-danger-700) !important;
}

.mos-order-v2__cancel:hover {
    background: var(--mos-color-danger-50);
    color: var(--mos-color-danger-700) !important;
}

.mos-order-v2__error {
    min-height: var(--mos-empty-state-min-height);
}

@media (max-width: 47.99875rem) {
    .mos-order-v2__header {
        align-items: stretch;
        flex-direction: column;
        gap: var(--mos-space-4);
    }

    .mos-order-v2__header > .mos-client-button {
        align-self: flex-start;
    }
}

@media (max-width: 35.99875rem) {
    .mos-order-v2__list .mos-client-card__header {
        align-items: stretch;
        flex-direction: column;
    }

    .mos-order-v2__list .mos-client-card__header > .mos-client-button,
    .mos-order-v2__header > .mos-client-button {
        width: 100%;
    }

    .mos-order-v2__table .mos-client-data-table__table {
        min-width: var(--mos-space-0);
    }

    .mos-order-v2__table .mos-client-data-table__row.is-pending {
        border-color: var(--mos-color-warning-border);
    }

    .mos-order-v2__actions {
        flex-wrap: wrap;
        width: 100%;
    }

    .mos-order-v2__actions .mos-client-button {
        flex: 1 1 auto;
    }

    .mos-order-v2__menu {
        display: grid;
        flex: 1 1 100%;
        justify-items: end;
    }

    .mos-order-v2__menu-content {
        margin-block-start: var(--mos-space-2);
        position: static;
        width: 100%;
    }
}

/* source: styles/pages/devices.css */
body.mos-devices-v2-is-active #main-container > .content > :not(.mos-devices-v2) {
    display: none !important;
}

.mos-devices-v2__header {
    align-items: end;
    display: flex;
    gap: var(--mos-space-6);
    justify-content: space-between;
}

.mos-devices-v2__header-copy {
    display: grid;
    gap: var(--mos-space-2);
    max-width: var(--mos-page-hero-copy-max-width);
}

.mos-devices-v2__header h1,
.mos-devices-v2__header p {
    margin: var(--mos-space-0);
}

.mos-devices-v2__header h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-devices-v2__header-copy > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
}

.mos-devices-v2__slot-summary {
    display: grid;
    gap: var(--mos-space-3);
}

.mos-devices-v2__slot-summary > strong {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h2);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-semibold);
    line-height: var(--mos-line-height-heading);
}

.mos-devices-v2__slot-meter {
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-pill);
    display: block;
    height: var(--mos-space-2);
    overflow: hidden;
    width: 100%;
}

.mos-devices-v2__slot-meter-fill {
    background: var(--mos-color-success-500);
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width var(--mos-motion-fast);
    width: var(--mos-devices-slot-progress);
}

.mos-devices-v2__slot-meter.is-full .mos-devices-v2__slot-meter-fill {
    background: var(--mos-color-warning-500);
}

.mos-devices-v2__slot-meter.is-unlimited .mos-devices-v2__slot-meter-fill {
    background: var(--mos-color-info-500);
    opacity: var(--mos-disabled-opacity);
}

.mos-devices-v2__registered .mos-client-card__body {
    padding: var(--mos-space-0);
}

.mos-devices-v2__list {
    display: grid;
}

.mos-devices-v2__device {
    align-items: center;
    border-block-end: var(--mos-border-width) solid var(--mos-color-border);
    display: grid;
    gap: var(--mos-space-5);
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.35fr) minmax(0, 1fr) auto;
    padding: var(--mos-space-5) var(--mos-space-6);
}

.mos-devices-v2__device:last-child {
    border-block-end-width: var(--mos-space-0);
}

.mos-devices-v2__identity {
    align-items: center;
    display: flex;
    gap: var(--mos-space-3);
    min-width: 0;
}

.mos-devices-v2__platform-icon {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-info-500);
    display: inline-flex;
    flex: 0 0 var(--mos-control-height-lg);
    height: var(--mos-control-height-lg);
    justify-content: center;
    width: var(--mos-control-height-lg);
}

.mos-devices-v2__identity-copy {
    display: grid;
    gap: var(--mos-space-1);
    min-width: 0;
}

.mos-devices-v2__identity-copy strong {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-body);
    font-weight: var(--mos-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mos-devices-v2__identity-copy span,
.mos-devices-v2__identifier > span,
.mos-devices-v2__metadata dt {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-devices-v2__metadata {
    display: grid;
    gap: var(--mos-space-2);
    margin: var(--mos-space-0);
    min-width: 0;
}

.mos-devices-v2__metadata > div {
    align-items: baseline;
    display: flex;
    gap: var(--mos-space-3);
    justify-content: space-between;
    min-width: 0;
}

.mos-devices-v2__metadata dd,
.mos-devices-v2__metadata dt {
    margin: var(--mos-space-0);
}

.mos-devices-v2__metadata dd {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: end;
}

.mos-devices-v2__metadata time {
    cursor: help;
    font-variant-numeric: var(--mos-tabular-nums);
}

.mos-devices-v2__ip {
    font-variant-numeric: var(--mos-tabular-nums);
}

.mos-devices-v2__identifier {
    display: grid;
    gap: var(--mos-space-1);
    min-width: 0;
}

.mos-devices-v2__identifier-value {
    align-items: center;
    display: flex;
    gap: var(--mos-space-1);
    min-width: 0;
}

.mos-devices-v2__identifier code {
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
    overflow: hidden;
    padding: var(--mos-space-1) var(--mos-space-2);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mos-devices-v2__loading {
    display: grid;
    gap: var(--mos-space-6);
}

.mos-devices-v2__error {
    min-height: var(--mos-empty-state-min-height);
}

@media (max-width: 61.99875rem) {
    .mos-devices-v2__device {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }

    .mos-devices-v2__identifier {
        grid-column: 1 / 3;
    }
}

@media (max-width: 47.99875rem) {
    .mos-devices-v2__header {
        align-items: stretch;
        flex-direction: column;
        gap: var(--mos-space-4);
    }

    .mos-devices-v2__header .mos-client-button {
        width: 100%;
    }

    .mos-devices-v2__device {
        align-items: stretch;
        gap: var(--mos-space-4);
        grid-template-columns: minmax(0, 1fr);
        padding: var(--mos-space-4);
    }

    .mos-devices-v2__identifier {
        grid-column: auto;
    }

    .mos-devices-v2__device > .mos-client-button {
        width: 100%;
    }
}

@media (max-width: 29.99875rem) {
    .mos-devices-v2__slots .mos-client-card__header,
    .mos-devices-v2__registered .mos-client-card__header {
        align-items: stretch;
        flex-direction: column;
    }

    .mos-devices-v2__metadata > div {
        align-items: start;
        flex-direction: column;
        gap: var(--mos-space-1);
    }

    .mos-devices-v2__metadata dd {
        text-align: start;
    }
}

/* source: styles/pages/traffic.css */
body.mos-traffic-v2-is-active #main-container > .content > :not(.mos-traffic-v2) {
    display: none !important;
}

.mos-traffic-v2__header {
    align-items: end;
    display: flex;
    gap: var(--mos-space-6);
    justify-content: space-between;
}

.mos-traffic-v2__header-copy {
    display: grid;
    gap: var(--mos-space-2);
    max-width: var(--mos-page-hero-copy-max-width);
}

.mos-traffic-v2__header h1,
.mos-traffic-v2__header p {
    margin: var(--mos-space-0);
}

.mos-traffic-v2__header h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-traffic-v2__header-copy > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
}

.mos-traffic-v2__summary {
    display: grid;
    gap: var(--mos-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mos-traffic-v2__note {
    align-items: flex-start;
    background: var(--mos-color-info-50);
    border: var(--mos-border-width) solid var(--mos-color-info-border);
    border-radius: var(--mos-radius-card);
    color: var(--mos-color-info-700);
    display: flex;
    font-size: var(--mos-font-size-small);
    gap: var(--mos-space-3);
    margin: var(--mos-space-0);
    padding: var(--mos-space-3) var(--mos-space-4);
}

.mos-traffic-v2__note-icon {
    display: inline-flex;
    flex: 0 0 auto;
}

.mos-traffic-v2__chart-card .mos-client-card__body {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.mos-traffic-v2__legend {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-4);
}

.mos-traffic-v2__legend-item {
    align-items: center;
    color: var(--mos-color-text-muted);
    display: inline-flex;
    font-size: var(--mos-font-size-small);
    gap: var(--mos-space-2);
}

.mos-traffic-v2__legend-swatch {
    border-radius: var(--mos-radius-pill);
    display: inline-block;
    height: var(--mos-space-2);
    width: var(--mos-space-2);
}

.mos-traffic-v2__legend-swatch.is-upload,
.mos-traffic-v2__bar-segment.is-upload {
    background: var(--mos-color-info-500);
}

.mos-traffic-v2__legend-swatch.is-download,
.mos-traffic-v2__bar-segment.is-download {
    background: var(--mos-color-success-500);
}

.mos-traffic-v2__plot {
    align-items: stretch;
    display: flex;
    gap: var(--mos-space-2);
    min-height: var(--mos-dashboard-chart-min-height);
    min-width: 100%;
}

.mos-traffic-v2__day {
    align-items: center;
    display: flex;
    flex: 1 0 var(--mos-space-6);
    flex-direction: column;
    gap: var(--mos-space-2);
    justify-content: flex-end;
    min-width: var(--mos-space-6);
    outline: none;
}

.mos-traffic-v2__day:focus-visible .mos-traffic-v2__bar {
    box-shadow: var(--mos-focus-ring);
}

.mos-traffic-v2__bar {
    align-items: stretch;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-control);
    display: flex;
    flex-direction: column-reverse;
    height: calc(var(--mos-dashboard-chart-min-height) - var(--mos-space-12));
    justify-content: flex-start;
    overflow: hidden;
    width: var(--mos-space-4);
}

.mos-traffic-v2__bar-segment {
    display: block;
    flex: 0 0 var(--mos-traffic-bar-size);
    min-height: var(--mos-space-0);
    transition: flex-basis var(--mos-motion-fast);
}

.mos-traffic-v2__day-label {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
    font-variant-numeric: var(--mos-tabular-nums);
    min-height: var(--mos-space-4);
    white-space: nowrap;
}

.mos-traffic-v2__table-card .mos-client-card__body {
    padding: var(--mos-space-0);
}

.mos-traffic-v2__table .mos-client-data-table__table {
    min-width: var(--mos-complex-table-min-width);
}

.mos-traffic-v2__table time,
.mos-traffic-v2__charged {
    color: var(--mos-color-text);
    font-variant-numeric: var(--mos-tabular-nums);
    white-space: nowrap;
}

.mos-traffic-v2__rate {
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-pill);
    color: var(--mos-color-text-muted);
    cursor: help;
    display: inline-flex;
    font-size: var(--mos-font-size-caption);
    padding: var(--mos-space-1) var(--mos-space-2);
    white-space: nowrap;
}

.mos-traffic-v2__error {
    min-height: var(--mos-empty-state-min-height);
}

@media (max-width: 47.99875rem) {
    .mos-traffic-v2__header {
        align-items: stretch;
        flex-direction: column;
        gap: var(--mos-space-4);
    }

    .mos-traffic-v2__header .mos-client-button {
        width: 100%;
    }

    .mos-traffic-v2__summary {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 35.99875rem) {
    .mos-traffic-v2__chart-card .mos-client-card__header {
        align-items: stretch;
        flex-direction: column;
    }

    .mos-traffic-v2__table .mos-client-data-table__table {
        min-width: var(--mos-space-0);
    }

    .mos-traffic-v2__plot {
        gap: var(--mos-space-1);
    }
}

/* source: styles/pages/invite.css */
body.mos-invite-v2-is-active #main-container > .content > :not(.mos-invite-v2) {
    display: none !important;
}

.mos-invite-v2__header {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-invite-v2__header h1,
.mos-invite-v2__header p {
    margin: var(--mos-space-0);
}

.mos-invite-v2__header h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-invite-v2__header > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
    line-height: var(--mos-line-height-body);
}

.mos-invite-v2__primary-grid {
    align-items: stretch;
    display: grid;
    gap: var(--mos-space-6);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mos-dashboard-side-min-width)), 1fr));
}

.mos-invite-v2__primary-grid > .mos-client-card {
    height: 100%;
}

.mos-invite-v2__wallet-card .mos-client-card__body {
    display: grid;
    gap: var(--mos-space-4);
}

.mos-invite-v2__wallet-balance {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    display: flex;
    gap: var(--mos-space-4);
    padding: var(--mos-space-5);
}

.mos-invite-v2__wallet-icon {
    align-items: center;
    background: var(--mos-color-red-50);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-red-700);
    display: inline-flex;
    flex: 0 0 auto;
    height: var(--mos-control-height-lg);
    justify-content: center;
    width: var(--mos-control-height-lg);
}

.mos-invite-v2__wallet-copy {
    display: grid;
    gap: var(--mos-space-1);
    min-width: var(--mos-space-0);
}

.mos-invite-v2__wallet-copy span {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
}

.mos-invite-v2__wallet-copy strong {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h2);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-semibold);
    overflow-wrap: anywhere;
}

.mos-invite-v2__wallet-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-3);
}

.mos-invite-v2__wallet-note {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
    margin: var(--mos-space-0);
}

.mos-invite-v2__form {
    display: grid;
    gap: var(--mos-space-4);
}

.mos-invite-v2__form-balance {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-control);
    display: flex;
    gap: var(--mos-space-3);
    justify-content: space-between;
    padding: var(--mos-space-3) var(--mos-space-4);
}

.mos-invite-v2__form-balance span {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
}

.mos-invite-v2__form-balance strong {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-body);
    font-variant-numeric: var(--mos-tabular-nums);
}

.mos-invite-v2__form-field {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-invite-v2__form-field label {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-medium);
}

.mos-invite-v2__form-control {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border-strong);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text);
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-body);
    min-height: var(--mos-control-height-lg);
    min-width: var(--mos-space-0);
    padding: var(--mos-space-2) var(--mos-space-3);
    width: 100%;
}

.mos-invite-v2__form-control::placeholder {
    color: var(--mos-color-text-subtle);
}

.mos-invite-v2__form-control:focus-visible {
    border-color: var(--mos-color-red-500);
    box-shadow: var(--mos-focus-ring);
    outline: var(--mos-focus-outline-width) solid transparent;
    outline-offset: var(--mos-focus-outline-offset);
}

.mos-invite-v2__form-control[aria-invalid="true"] {
    border-color: var(--mos-color-danger-border);
}

.mos-invite-v2__form-error {
    color: var(--mos-color-danger-700);
    font-size: var(--mos-font-size-caption);
    min-height: var(--mos-space-4);
}

.mos-invite-v2__invite-card .mos-client-card__body,
.mos-invite-v2__stats-card .mos-client-card__body {
    display: grid;
    gap: var(--mos-space-5);
}

.mos-invite-v2__field {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-invite-v2__field-label,
.mos-invite-v2__share-label {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-caption);
    text-transform: uppercase;
}

.mos-invite-v2__field-control {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-control);
    display: grid;
    gap: var(--mos-space-2);
    grid-template-columns: minmax(var(--mos-space-0), 1fr) auto;
    padding: var(--mos-space-2);
}

.mos-invite-v2__field-value {
    background: transparent;
    border: var(--mos-space-0);
    color: var(--mos-color-text);
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-small);
    min-height: var(--mos-control-height-sm);
    min-width: var(--mos-space-0);
    padding-inline: var(--mos-space-2);
    text-overflow: ellipsis;
    width: 100%;
}

.mos-invite-v2__field-value.is-code {
    font-family: var(--mos-font-family-mono);
    font-size: var(--mos-font-size-body);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-caption);
}

.mos-invite-v2__field-value:focus {
    box-shadow: none;
    outline: none;
}

.mos-invite-v2__share {
    border-block-start: var(--mos-border-width) solid var(--mos-color-border);
    display: grid;
    gap: var(--mos-space-3);
    padding-block-start: var(--mos-space-5);
}

.mos-invite-v2__share-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-2);
}

.mos-invite-v2__share-button {
    flex: 1 1 auto;
}

.mos-invite-v2__flow-card .mos-client-card__body {
    padding-block: var(--mos-space-4);
}

.mos-invite-v2__steps {
    display: grid;
    gap: var(--mos-space-0);
    list-style: none;
    margin: var(--mos-space-0);
    padding: var(--mos-space-0);
}

.mos-invite-v2__step {
    align-items: flex-start;
    display: grid;
    gap: var(--mos-space-3);
    grid-template-columns: auto auto minmax(var(--mos-space-0), 1fr);
    padding-block: var(--mos-space-4);
}

.mos-invite-v2__step + .mos-invite-v2__step {
    border-block-start: var(--mos-border-width) solid var(--mos-color-border);
}

.mos-invite-v2__step-number,
.mos-invite-v2__step-icon {
    align-items: center;
    border-radius: var(--mos-radius-control);
    display: inline-flex;
    height: var(--mos-control-height-sm);
    justify-content: center;
    width: var(--mos-control-height-sm);
}

.mos-invite-v2__step-number {
    background: var(--mos-color-red-50);
    color: var(--mos-color-red-700);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-invite-v2__step-icon {
    background: var(--mos-color-surface-muted);
    color: var(--mos-color-text-muted);
}

.mos-invite-v2__step-copy {
    display: grid;
    gap: var(--mos-space-1);
    min-width: var(--mos-space-0);
}

.mos-invite-v2__step-copy strong {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-body);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-invite-v2__step-copy p {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
    line-height: var(--mos-line-height-body);
    margin: var(--mos-space-0);
}

.mos-invite-v2__stats-grid {
    display: grid;
    gap: var(--mos-space-4);
    grid-template-columns: repeat(3, minmax(var(--mos-space-0), 1fr));
}

.mos-invite-v2__zero-state {
    border-block-start: var(--mos-border-width) solid var(--mos-color-border);
    padding-block-start: var(--mos-space-2);
}

.mos-invite-v2__zero-state .mos-client-empty {
    min-height: var(--mos-empty-state-min-height);
    padding-block-end: var(--mos-space-2);
}

.mos-invite-v2__history-card .mos-client-card__body {
    padding: var(--mos-space-0);
}

.mos-invite-v2__history-loading {
    padding: var(--mos-space-6);
}

.mos-invite-v2__history-table .mos-client-data-table__table {
    width: 100%;
}

.mos-invite-v2__trade-no {
    color: var(--mos-color-text-muted);
    font-family: var(--mos-font-family-mono);
    overflow-wrap: anywhere;
}

.mos-invite-v2__commission {
    color: var(--mos-color-success-700);
    font-variant-numeric: var(--mos-tabular-nums);
    white-space: nowrap;
}

.mos-invite-v2__history-table time {
    color: var(--mos-color-text);
    font-variant-numeric: var(--mos-tabular-nums);
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .mos-invite-v2__primary-grid {
        gap: var(--mos-space-4);
        grid-template-columns: minmax(var(--mos-space-0), 1fr);
    }

    .mos-invite-v2__field-control {
        align-items: stretch;
        grid-template-columns: minmax(var(--mos-space-0), 1fr);
    }

    .mos-invite-v2__field-control .mos-client-button {
        width: 100%;
    }

    .mos-invite-v2__share-actions {
        display: grid;
        grid-template-columns: minmax(var(--mos-space-0), 1fr);
    }

    .mos-invite-v2__wallet-actions {
        align-items: stretch;
        display: grid;
        grid-template-columns: minmax(var(--mos-space-0), 1fr);
    }

    .mos-invite-v2__wallet-actions .mos-client-button {
        width: 100%;
    }

    .mos-invite-v2__stats-grid {
        grid-template-columns: minmax(var(--mos-space-0), 1fr);
    }

    .mos-invite-v2__history-card .mos-client-card__header {
        align-items: stretch;
        flex-direction: column;
    }

    .mos-invite-v2__history-card .mos-client-card__header > .mos-client-button {
        width: 100%;
    }

    .mos-invite-v2__step {
        grid-template-columns: auto minmax(var(--mos-space-0), 1fr);
    }

    .mos-invite-v2__step-icon {
        display: none;
    }
}

/* source: styles/pages/knowledge.css */
body.mos-knowledge-v2-is-active #main-container > .content > :not(.mos-knowledge-v2) {
    display: none !important;
}

body.mos-knowledge-v2-is-active > div > .ant-drawer,
body.mos-knowledge-v2-is-active > div > .ant-drawer-mask {
    display: none !important;
}

.mos-knowledge-v2 {
    align-content: start;
}

.mos-knowledge-v2__header,
.mos-knowledge-v2__category-header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-4);
    justify-content: space-between;
}

.mos-knowledge-v2__heading {
    display: grid;
    gap: var(--mos-space-2);
    max-width: var(--mos-page-hero-copy-max-width);
    min-width: var(--mos-space-0);
}

.mos-knowledge-v2__heading h1,
.mos-knowledge-v2__heading p,
.mos-knowledge-v2__category-header h2,
.mos-knowledge-v2__category-header span,
.mos-knowledge-v2__result-count,
.mos-knowledge-v2__article-description {
    margin: var(--mos-space-0);
}

.mos-knowledge-v2__heading h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-knowledge-v2__heading > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
    line-height: var(--mos-line-height-body);
}

.mos-knowledge-v2__filters-card .mos-client-card__body {
    padding-block: var(--mos-space-4);
}

.mos-knowledge-v2__filters {
    display: grid;
    gap: var(--mos-space-4);
}

.mos-knowledge-v2__search-field {
    color: var(--mos-color-text-muted);
    display: grid;
    font-size: var(--mos-font-size-caption);
    font-weight: var(--mos-font-weight-semibold);
    gap: var(--mos-space-2);
    letter-spacing: var(--mos-letter-spacing-caption);
    max-width: var(--mos-page-hero-copy-max-width);
}

.mos-knowledge-v2__search-control {
    display: block;
    position: relative;
}

.mos-knowledge-v2__search-icon {
    color: var(--mos-color-text-subtle);
    display: inline-flex;
    inset-inline-start: var(--mos-space-3);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mos-knowledge-v2__search-input {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border-strong);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text);
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-body);
    min-height: var(--mos-control-height-lg);
    padding-inline: var(--mos-control-height-md) var(--mos-space-3);
    width: 100%;
}

.mos-knowledge-v2__search-input::placeholder {
    color: var(--mos-color-text-subtle);
}

.mos-knowledge-v2__search-input:focus {
    border-color: var(--mos-color-red-500);
    outline: var(--mos-focus-outline-width) solid var(--mos-color-red-500);
    outline-offset: var(--mos-focus-outline-offset);
}

.mos-knowledge-v2__chip-group {
    display: flex;
    gap: var(--mos-space-2);
    max-width: 100%;
    overflow-x: auto;
    padding-block: var(--mos-space-1);
    scrollbar-width: thin;
}

.mos-knowledge-v2__chip {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border-strong);
    border-radius: var(--mos-radius-pill);
    color: var(--mos-color-text-muted);
    cursor: pointer;
    flex: 0 0 auto;
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
    min-height: var(--mos-control-height-sm);
    padding-inline: var(--mos-space-4);
    transition: background-color var(--mos-motion-fast), border-color var(--mos-motion-fast), color var(--mos-motion-fast);
}

.mos-knowledge-v2__chip:hover {
    background: var(--mos-color-surface-muted);
    color: var(--mos-color-text);
}

.mos-knowledge-v2__chip.is-active {
    background: var(--mos-color-red-500);
    border-color: var(--mos-color-red-500);
    color: var(--mos-color-neutral-0);
}

.mos-knowledge-v2__result-count {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
}

.mos-knowledge-v2__results,
.mos-knowledge-v2__category {
    display: grid;
    min-width: var(--mos-space-0);
}

.mos-knowledge-v2__results {
    gap: var(--mos-space-8);
}

.mos-knowledge-v2__category {
    gap: var(--mos-space-3);
}

.mos-knowledge-v2__category-header {
    align-items: baseline;
    gap: var(--mos-space-2) var(--mos-space-4);
}

.mos-knowledge-v2__category-header h2 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h2);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-knowledge-v2__category-header span {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
}

.mos-knowledge-v2__grid {
    display: grid;
    gap: var(--mos-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mos-search-width)), 1fr));
}

.mos-knowledge-v2__article {
    align-items: flex-start;
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    box-shadow: var(--mos-shadow-xs);
    color: var(--mos-color-text);
    display: flex;
    gap: var(--mos-space-4);
    min-height: var(--mos-stat-card-min-height);
    padding: var(--mos-space-5);
    text-decoration: none;
    transition: border-color var(--mos-motion-fast), box-shadow var(--mos-motion-fast), transform var(--mos-motion-fast);
}

.mos-knowledge-v2__article:hover {
    border-color: var(--mos-color-red-300);
    box-shadow: var(--mos-shadow-sm);
    color: var(--mos-color-text);
    transform: translateY(calc(-1 * var(--mos-space-1)));
}

.mos-knowledge-v2__article-icon {
    align-items: center;
    background: var(--mos-color-red-50);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-red-600);
    display: inline-flex;
    flex: 0 0 var(--mos-control-height-lg);
    height: var(--mos-control-height-lg);
    justify-content: center;
    width: var(--mos-control-height-lg);
}

.mos-knowledge-v2__article-content {
    align-self: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--mos-space-2);
    min-width: var(--mos-space-0);
}

.mos-knowledge-v2__article-meta,
.mos-knowledge-v2__platforms {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-2);
}

.mos-knowledge-v2__article-meta {
    color: var(--mos-color-text-subtle);
    font-size: var(--mos-font-size-caption);
    justify-content: space-between;
}

.mos-knowledge-v2__platform-badge {
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-pill);
    color: var(--mos-color-text-muted);
    font-weight: var(--mos-font-weight-semibold);
    padding: var(--mos-space-1) var(--mos-space-2);
}

.mos-knowledge-v2__article-title {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-body);
    font-weight: var(--mos-font-weight-semibold);
    line-height: var(--mos-line-height-heading);
    overflow-wrap: anywhere;
}

.mos-knowledge-v2__article-description {
    color: var(--mos-color-text-muted);
    display: -webkit-box;
    font-size: var(--mos-font-size-small);
    line-height: var(--mos-line-height-body);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mos-knowledge-v2__article-action {
    color: var(--mos-color-red-600);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
    margin-block-start: auto;
}

.mos-knowledge-v2__detail-header,
.mos-knowledge-v2__detail-heading {
    display: grid;
}

.mos-knowledge-v2__detail-header {
    gap: var(--mos-space-5);
    justify-items: start;
}

.mos-knowledge-v2__detail-heading {
    gap: var(--mos-space-2);
    max-width: var(--mos-page-hero-copy-max-width);
}

.mos-knowledge-v2__detail-heading h1,
.mos-knowledge-v2__detail-heading p,
.mos-knowledge-v2__detail-heading time,
.mos-knowledge-v2__article-body > :first-child,
.mos-knowledge-v2__article-body > :last-child {
    margin-block: var(--mos-space-0);
}

.mos-knowledge-v2__detail-heading h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-knowledge-v2__detail-heading time {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
}

.mos-knowledge-v2__detail-card {
    margin-inline: auto;
    max-width: var(--mos-page-hero-copy-max-width);
    width: 100%;
}

.mos-knowledge-v2__article-body {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-body);
    line-height: var(--mos-line-height-body);
    overflow-wrap: anywhere;
}

.mos-knowledge-v2__article-body h1,
.mos-knowledge-v2__article-body h2,
.mos-knowledge-v2__article-body h3,
.mos-knowledge-v2__article-body h4,
.mos-knowledge-v2__article-body h5,
.mos-knowledge-v2__article-body h6 {
    color: var(--mos-color-text);
    font-weight: var(--mos-font-weight-semibold);
    line-height: var(--mos-line-height-heading);
    margin-block: var(--mos-space-6) var(--mos-space-3);
}

.mos-knowledge-v2__article-body h1 { font-size: var(--mos-font-size-h1); }
.mos-knowledge-v2__article-body h2 { font-size: var(--mos-font-size-h2); }
.mos-knowledge-v2__article-body h3,
.mos-knowledge-v2__article-body h4,
.mos-knowledge-v2__article-body h5,
.mos-knowledge-v2__article-body h6 { font-size: var(--mos-font-size-body); }

.mos-knowledge-v2__article-body p,
.mos-knowledge-v2__article-body ul,
.mos-knowledge-v2__article-body ol,
.mos-knowledge-v2__article-body blockquote,
.mos-knowledge-v2__article-body pre,
.mos-knowledge-v2__article-body table {
    margin-block: var(--mos-space-4);
}

.mos-knowledge-v2__article-body ul,
.mos-knowledge-v2__article-body ol {
    padding-inline-start: var(--mos-space-6);
}

.mos-knowledge-v2__article-body li + li {
    margin-block-start: var(--mos-space-2);
}

.mos-knowledge-v2__article-body a {
    color: var(--mos-color-info-500);
    font-weight: var(--mos-font-weight-medium);
}

.mos-knowledge-v2__article-body code,
.mos-knowledge-v2__article-body pre {
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text);
    font-family: var(--mos-font-family-mono);
}

.mos-knowledge-v2__article-body code {
    padding: var(--mos-space-1) var(--mos-space-2);
}

.mos-knowledge-v2__article-body pre {
    overflow-x: auto;
    padding: var(--mos-space-4);
}

.mos-knowledge-v2__article-body pre code {
    background: transparent;
    border: 0;
    padding: var(--mos-space-0);
}

.mos-knowledge-v2__article-body blockquote {
    border-inline-start: var(--mos-space-1) solid var(--mos-color-info-border);
    color: var(--mos-color-text-muted);
    padding-inline-start: var(--mos-space-4);
}

.mos-knowledge-v2__article-body img,
.mos-knowledge-v2__article-body video {
    border-radius: var(--mos-radius-card);
    height: auto;
    max-width: 100%;
}

.mos-knowledge-v2__article-body table {
    border-collapse: collapse;
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.mos-knowledge-v2__article-body th,
.mos-knowledge-v2__article-body td {
    border: var(--mos-border-width) solid var(--mos-color-border);
    padding: var(--mos-space-3);
    text-align: start;
}

.mos-knowledge-v2__article-body th {
    background: var(--mos-color-surface-muted);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-knowledge-v2__article-body .v2board-no-access {
    background: var(--mos-color-warning-50);
    border: var(--mos-border-width) solid var(--mos-color-warning-border);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-warning-700);
    padding: var(--mos-space-4);
}

@media (max-width: 47.99875rem) {
    .mos-knowledge-v2__article {
        min-height: auto;
        padding: var(--mos-space-4);
    }

    .mos-knowledge-v2__article-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .mos-knowledge-v2__detail-card .mos-client-card__body {
        padding: var(--mos-space-4);
    }
}

/* source: styles/pages/downloads.css */
body.mos-downloads-v2-is-active #main-container > .content > :not(.mos-downloads-v2) {
    display: none !important;
}

.mos-downloads-v2__hero {
    align-items: center;
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-panel);
    box-shadow: var(--mos-shadow-xs);
    display: grid;
    gap: var(--mos-space-8);
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: var(--mos-page-hero-min-height);
    overflow: hidden;
    padding: var(--mos-space-8);
    position: relative;
}

.mos-downloads-v2__hero::before {
    background: linear-gradient(135deg, var(--mos-color-red-50), transparent);
    content: '';
    inset: var(--mos-space-0);
    pointer-events: none;
    position: absolute;
}

.mos-downloads-v2__hero-copy {
    display: grid;
    gap: var(--mos-space-3);
    max-width: var(--mos-page-hero-copy-max-width);
    position: relative;
    z-index: var(--mos-z-sticky-cell);
}

.mos-downloads-v2__hero h1,
.mos-downloads-v2__hero p,
.mos-downloads-v2__platform h2,
.mos-downloads-v2__platform p,
.mos-downloads-v2__help h2,
.mos-downloads-v2__help p {
    margin: var(--mos-space-0);
}

.mos-downloads-v2__hero h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-downloads-v2__lead {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
    line-height: var(--mos-line-height-body);
}

.mos-downloads-v2__trust {
    align-items: center;
    color: var(--mos-color-success-700);
    display: flex;
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
    gap: var(--mos-space-2);
}

.mos-downloads-v2__hero-art {
    align-items: center;
    background: var(--mos-color-red-500);
    border-radius: var(--mos-radius-panel);
    display: flex;
    height: calc(var(--mos-space-12) * 2);
    justify-content: center;
    position: relative;
    width: calc(var(--mos-space-12) * 2);
    z-index: var(--mos-z-sticky-cell);
}

.mos-downloads-v2__hero-art img {
    height: var(--mos-space-12);
    object-fit: contain;
    width: var(--mos-space-12);
}

.mos-downloads-v2__signal {
    border: var(--mos-border-width) solid var(--mos-color-red-200);
    border-radius: var(--mos-radius-pill);
    inset: calc(-1 * var(--mos-space-3));
    position: absolute;
}

.mos-downloads-v2__signal--two {
    inset: calc(-1 * var(--mos-space-6));
    opacity: var(--mos-disabled-opacity);
}

.mos-downloads-v2__grid {
    display: grid;
    gap: var(--mos-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mos-downloads-v2__platform {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-panel);
    box-shadow: var(--mos-shadow-xs);
    display: grid;
    gap: var(--mos-space-5);
    grid-template-rows: 1fr auto auto;
    min-width: var(--mos-space-0);
    padding: var(--mos-space-6);
    transition: border-color var(--mos-motion-fast), box-shadow var(--mos-motion-fast), transform var(--mos-motion-fast);
}

.mos-downloads-v2__platform-header {
    align-items: flex-start;
    display: flex;
    gap: var(--mos-space-4);
}

.mos-downloads-v2__platform-icon {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    color: var(--mos-color-text);
    display: flex;
    flex: 0 0 calc(var(--mos-space-12) + var(--mos-space-4));
    height: calc(var(--mos-space-12) + var(--mos-space-4));
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: calc(var(--mos-space-12) + var(--mos-space-4));
}

.mos-downloads-v2__platform-icon img {
    filter: var(--mos-platform-icon-filter, none);
    height: var(--mos-space-8);
    width: var(--mos-space-8);
}

.mos-downloads-v2__platform-name {
    clip: rect(var(--mos-space-0), var(--mos-space-0), var(--mos-space-0), var(--mos-space-0));
    clip-path: inset(50%);
    height: var(--mos-border-width);
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: var(--mos-border-width);
}

.mos-downloads-v2__platform-copy {
    display: grid;
    gap: var(--mos-space-2);
    min-width: var(--mos-space-0);
}

.mos-downloads-v2__platform h2,
.mos-downloads-v2__help h2 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h2);
    font-weight: var(--mos-font-weight-semibold);
    line-height: var(--mos-line-height-heading);
}

.mos-downloads-v2__platform-copy p,
.mos-downloads-v2__help-copy p {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
    line-height: var(--mos-line-height-body);
}

.mos-downloads-v2__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-3);
}

.mos-downloads-v2__actions .mos-client-button {
    flex: 1 1 auto;
}

.mos-downloads-v2__version {
    color: var(--mos-color-text-subtle);
    font-size: var(--mos-font-size-caption);
}

.mos-downloads-v2__help {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-panel);
    display: grid;
    gap: var(--mos-space-4);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--mos-space-5) var(--mos-space-6);
}

.mos-downloads-v2__help-icon {
    align-items: center;
    background: var(--mos-color-surface);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-red-500);
    display: flex;
    height: var(--mos-control-height-lg);
    justify-content: center;
    width: var(--mos-control-height-lg);
}

.mos-downloads-v2__help-copy {
    display: grid;
    gap: var(--mos-space-1);
}

@media (hover: hover) and (pointer: fine) {
    .mos-downloads-v2__platform:hover {
        border-color: var(--mos-color-border-strong);
        box-shadow: var(--mos-shadow-sm);
        transform: translateY(calc(-1 * var(--mos-border-width)));
    }
}

@media (max-width: 61.99875rem) {
    .mos-downloads-v2__hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .mos-downloads-v2__hero-art {
        display: none;
    }
}

@media (max-width: 47.99875rem) {
    .mos-downloads-v2__grid {
        gap: var(--mos-space-4);
        grid-template-columns: minmax(0, 1fr);
    }

    .mos-downloads-v2__hero,
    .mos-downloads-v2__platform {
        padding: var(--mos-space-5);
    }

    .mos-downloads-v2__help {
        align-items: stretch;
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--mos-space-4);
    }

    .mos-downloads-v2__help .mos-client-button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 23.99875rem) {
    .mos-downloads-v2__platform-header {
        align-items: stretch;
        flex-direction: column;
    }

    .mos-downloads-v2__actions,
    .mos-downloads-v2__actions .mos-client-button {
        width: 100%;
    }
}

html[data-mosvpn-theme="dark"] .mos-downloads-v2__platform-icon,
html.mosvpn-dark .mos-downloads-v2__platform-icon {
    --mos-platform-icon-filter: invert(1);
}

@media (prefers-reduced-motion: reduce) {
    .mos-downloads-v2__platform {
        transition: none;
    }
}

/* source: styles/pages/profile.css */
body.mos-profile-v2-is-active #main-container > .content > :not(.mos-profile-v2) {
    display: none !important;
}

.mos-profile-v2 {
    align-content: start;
}

.mos-profile-v2__header {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-profile-v2__header h1,
.mos-profile-v2__header p,
.mos-profile-v2__section-heading h3,
.mos-profile-v2__section-heading p,
.mos-profile-v2__setting-copy p,
.mos-profile-v2__strength p,
.mos-profile-v2__field-messages p,
.mos-profile-v2__form-error {
    margin: var(--mos-space-0);
}

.mos-profile-v2__header h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-profile-v2__header > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
}

.mos-profile-v2__layout {
    align-items: start;
    display: grid;
    gap: var(--mos-space-6);
    grid-template-columns: minmax(var(--mos-space-0), 1fr) minmax(var(--mos-space-0), 1fr);
}

.mos-profile-v2__column {
    display: grid;
    gap: var(--mos-space-6);
    min-width: var(--mos-space-0);
}

.mos-profile-v2 .mos-client-card__body,
.mos-profile-v2__form,
.mos-profile-v2__settings {
    display: grid;
    gap: var(--mos-space-5);
}

.mos-profile-v2__section-heading {
    display: grid;
    gap: var(--mos-space-1);
}

.mos-profile-v2__section-heading h3 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-body);
    font-weight: var(--mos-font-weight-semibold);
    line-height: var(--mos-line-height-heading);
}

.mos-profile-v2__section-heading p {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-small);
}

.mos-profile-v2__field {
    display: grid;
    gap: var(--mos-space-2);
    min-width: var(--mos-space-0);
}

.mos-profile-v2__field > label {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-profile-v2__input {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border-strong);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text);
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-body);
    min-height: var(--mos-control-height-lg);
    min-width: var(--mos-space-0);
    padding: var(--mos-space-2) var(--mos-space-3);
    width: 100%;
}

.mos-profile-v2__input::placeholder {
    color: var(--mos-color-text-subtle);
}

.mos-profile-v2__input[readonly] {
    background: var(--mos-color-surface-muted);
    color: var(--mos-color-text-muted);
    cursor: default;
}

.mos-profile-v2__input[aria-invalid="true"] {
    border-color: var(--mos-color-danger-500);
}

.mos-profile-v2__input:disabled {
    cursor: not-allowed;
    opacity: var(--mos-disabled-opacity);
}

.mos-profile-v2__input-group {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(var(--mos-space-0), 1fr) auto;
}

.mos-profile-v2__input-group .mos-profile-v2__input {
    border-end-end-radius: var(--mos-space-0);
    border-start-end-radius: var(--mos-space-0);
}

.mos-profile-v2__input-group > span {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border-strong);
    border-inline-start: var(--mos-space-0);
    border-end-end-radius: var(--mos-radius-control);
    border-start-end-radius: var(--mos-radius-control);
    color: var(--mos-color-text-muted);
    display: inline-flex;
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
    padding-inline: var(--mos-space-3);
}

.mos-profile-v2__field-messages {
    display: grid;
    gap: var(--mos-space-1);
}

.mos-profile-v2__field-help,
.mos-profile-v2__strength p {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-profile-v2__field-error,
.mos-profile-v2__form-error {
    color: var(--mos-color-danger-700);
    font-size: var(--mos-font-size-small);
}

.mos-profile-v2__form-error {
    background: var(--mos-color-danger-50);
    border: var(--mos-border-width) solid var(--mos-color-danger-border);
    border-radius: var(--mos-radius-control);
    padding: var(--mos-space-3);
}

.mos-profile-v2__setting {
    align-items: center;
    border-block-start: var(--mos-border-width) solid var(--mos-color-border);
    display: flex;
    gap: var(--mos-space-4);
    justify-content: space-between;
    padding-block-start: var(--mos-space-4);
}

.mos-profile-v2__setting-copy {
    display: grid;
    gap: var(--mos-space-1);
    min-width: var(--mos-space-0);
}

.mos-profile-v2__setting-copy strong {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-profile-v2__setting-copy p {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-profile-v2__switch {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border-strong);
    border-radius: var(--mos-radius-pill);
    cursor: pointer;
    display: flex;
    flex: 0 0 var(--mos-control-height-lg);
    justify-content: flex-start;
    min-height: var(--mos-control-height-xs);
    padding: var(--mos-space-1);
    transition: background-color var(--mos-motion-fast), border-color var(--mos-motion-fast);
    width: var(--mos-control-height-lg);
}

.mos-profile-v2__switch.is-on {
    background: var(--mos-color-red-500);
    border-color: var(--mos-color-red-500);
    justify-content: flex-end;
}

.mos-profile-v2__switch:disabled {
    cursor: not-allowed;
    opacity: var(--mos-disabled-opacity);
}

.mos-profile-v2__switch-knob {
    aspect-ratio: 1;
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-pill);
    box-shadow: var(--mos-shadow-xs);
    display: block;
    height: calc(var(--mos-control-height-xs) - (var(--mos-space-1) * 2));
}

.mos-profile-v2__strength {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-profile-v2__strength-heading {
    align-items: center;
    display: flex;
    font-size: var(--mos-font-size-caption);
    gap: var(--mos-space-3);
    justify-content: space-between;
}

.mos-profile-v2__strength-heading span {
    color: var(--mos-color-text-muted);
}

.mos-profile-v2__strength-heading strong {
    color: var(--mos-color-text);
    font-weight: var(--mos-font-weight-semibold);
}

.mos-profile-v2__strength-meter {
    display: grid;
    gap: var(--mos-space-1);
    grid-template-columns: repeat(4, minmax(var(--mos-space-0), 1fr));
}

.mos-profile-v2__strength-segment {
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-pill);
    height: var(--mos-space-1);
}

.mos-profile-v2__strength.is-score-1 .mos-profile-v2__strength-segment.is-active {
    background: var(--mos-color-danger-500);
}

.mos-profile-v2__strength.is-score-2 .mos-profile-v2__strength-segment.is-active {
    background: var(--mos-color-warning-500);
}

.mos-profile-v2__strength.is-score-3 .mos-profile-v2__strength-segment.is-active {
    background: var(--mos-color-info-500);
}

.mos-profile-v2__strength.is-score-4 .mos-profile-v2__strength-segment.is-active {
    background: var(--mos-color-success-500);
}

.mos-profile-v2__form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-3);
    justify-content: flex-end;
}

.mos-profile-v2__balance {
    align-items: center;
    background: var(--mos-color-surface-muted);
    border: var(--mos-border-width) solid var(--mos-color-border);
    border-radius: var(--mos-radius-card);
    display: flex;
    gap: var(--mos-space-4);
    padding: var(--mos-space-5);
}

.mos-profile-v2__balance-icon {
    align-items: center;
    background: var(--mos-color-surface);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-red-600);
    display: inline-flex;
    flex: 0 0 var(--mos-control-height-lg);
    height: var(--mos-control-height-lg);
    justify-content: center;
    width: var(--mos-control-height-lg);
}

.mos-profile-v2__balance > div {
    display: grid;
    gap: var(--mos-space-1);
    min-width: var(--mos-space-0);
}

.mos-profile-v2__balance span {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-caption);
}

.mos-profile-v2__balance strong {
    color: var(--mos-color-text);
    font-size: var(--mos-hero-value-size);
    font-variant-numeric: var(--mos-tabular-nums);
    font-weight: var(--mos-font-weight-bold);
    letter-spacing: var(--mos-letter-spacing-display);
    line-height: var(--mos-line-height-display);
    overflow-wrap: anywhere;
}

.mos-profile-v2__deposit {
    border-block-start: var(--mos-border-width) solid var(--mos-color-border);
    padding-block-start: var(--mos-space-5);
}

.mos-profile-v2__page-error {
    min-height: var(--mos-empty-state-min-height);
}

@media (max-width: 61.99875rem) {
    .mos-profile-v2__layout {
        grid-template-columns: minmax(var(--mos-space-0), 1fr);
    }
}

@media (max-width: 35.99875rem) {
    .mos-profile-v2 .mos-client-card__header {
        align-items: stretch;
        flex-direction: column;
    }

    .mos-profile-v2 .mos-client-card__header > .mos-client-button,
    .mos-profile-v2__form-actions .mos-client-button {
        width: 100%;
    }

    .mos-profile-v2__setting {
        align-items: flex-start;
    }

    .mos-profile-v2__balance {
        align-items: flex-start;
    }

    .mos-profile-v2__balance strong {
        font-size: var(--mos-stat-value-size);
    }
}

/* source: styles/pages/ticket.css */
body.mos-ticket-v2-is-active #main-container > .content > :not(.mos-ticket-v2) {
    display: none !important;
}

.mos-ticket-v2__header {
    align-items: end;
    display: flex;
    gap: var(--mos-space-6);
    justify-content: space-between;
}

.mos-ticket-v2__header-copy {
    display: grid;
    gap: var(--mos-space-2);
    max-width: var(--mos-page-hero-copy-max-width);
}

.mos-ticket-v2__header h1,
.mos-ticket-v2__header p {
    margin: var(--mos-space-0);
}

.mos-ticket-v2__header h1 {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-h1);
    font-weight: var(--mos-font-weight-semibold);
    letter-spacing: var(--mos-letter-spacing-heading);
    line-height: var(--mos-line-height-heading);
}

.mos-ticket-v2__header-copy > p:last-child {
    color: var(--mos-color-text-muted);
    font-size: var(--mos-font-size-body);
}

.mos-ticket-v2__empty {
    min-height: var(--mos-page-hero-min-height);
}

.mos-ticket-v2__empty-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mos-space-3);
    justify-content: center;
}

.mos-ticket-v2__list .mos-client-card__body {
    display: grid;
    gap: var(--mos-space-4);
}

.mos-ticket-v2__open-note {
    background: var(--mos-color-info-50);
    border: var(--mos-border-width) solid var(--mos-color-info-border);
    border-radius: var(--mos-radius-card);
    color: var(--mos-color-info-700);
    font-size: var(--mos-font-size-small);
    margin: var(--mos-space-0);
    padding: var(--mos-space-3) var(--mos-space-4);
}

.mos-ticket-v2__table .mos-client-data-table__table {
    min-width: var(--mos-complex-table-min-width);
}

.mos-ticket-v2__table .mos-client-data-table__row.has-new-reply {
    --mos-table-row-background: var(--mos-color-success-50);
}

.mos-ticket-v2__id {
    background: var(--mos-color-surface-muted);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text);
    font-family: var(--mos-font-family-mono);
    font-size: var(--mos-font-size-small);
    font-variant-numeric: var(--mos-tabular-nums);
    padding: var(--mos-space-1) var(--mos-space-2);
}

.mos-ticket-v2__subject {
    color: var(--mos-color-text);
    font-weight: var(--mos-font-weight-semibold);
    overflow-wrap: anywhere;
}

.mos-ticket-v2__table time {
    color: var(--mos-color-text);
    cursor: help;
    font-variant-numeric: var(--mos-tabular-nums);
    white-space: nowrap;
}

.mos-ticket-v2__actions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--mos-space-2);
    justify-content: flex-end;
}

.mos-ticket-v2__actions .mos-client-button {
    white-space: nowrap;
}

.mos-ticket-v2__form {
    display: grid;
    gap: var(--mos-space-4);
}

.mos-ticket-v2__field {
    display: grid;
    gap: var(--mos-space-2);
}

.mos-ticket-v2__field label {
    color: var(--mos-color-text);
    font-size: var(--mos-font-size-small);
    font-weight: var(--mos-font-weight-medium);
}

.mos-ticket-v2__input {
    background: var(--mos-color-surface);
    border: var(--mos-border-width) solid var(--mos-color-border-strong);
    border-radius: var(--mos-radius-control);
    color: var(--mos-color-text);
    font-family: var(--mos-font-family);
    font-size: var(--mos-font-size-body);
    min-height: var(--mos-control-height-lg);
    padding: var(--mos-space-2) var(--mos-space-3);
    width: 100%;
}

.mos-ticket-v2__textarea {
    line-height: var(--mos-line-height-body);
    min-height: var(--mos-page-hero-min-height);
    resize: vertical;
}

.mos-ticket-v2__input:focus-visible {
    border-color: var(--mos-color-red-500);
    box-shadow: var(--mos-focus-ring);
    outline: var(--mos-focus-outline-width) solid transparent;
    outline-offset: var(--mos-focus-outline-offset);
}

.mos-ticket-v2__input[aria-invalid="true"] {
    border-color: var(--mos-color-danger-border);
}

.mos-ticket-v2__field-error {
    color: var(--mos-color-danger-700);
    font-size: var(--mos-font-size-caption);
    min-height: var(--mos-space-4);
}

.mos-ticket-v2__error {
    min-height: var(--mos-empty-state-min-height);
}

@media (max-width: 47.99875rem) {
    .mos-ticket-v2__header {
        align-items: stretch;
        flex-direction: column;
        gap: var(--mos-space-4);
    }

    .mos-ticket-v2__header > .mos-client-button {
        width: 100%;
    }
}

@media (max-width: 35.99875rem) {
    .mos-ticket-v2__list .mos-client-card__header {
        align-items: stretch;
        flex-direction: column;
    }

    .mos-ticket-v2__list .mos-client-card__header > .mos-client-button {
        width: 100%;
    }

    .mos-ticket-v2__empty-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .mos-ticket-v2__empty-actions .mos-client-button,
    .mos-ticket-v2__actions .mos-client-button {
        width: 100%;
    }

    .mos-ticket-v2__table .mos-client-data-table__table {
        min-width: var(--mos-space-0);
    }

    .mos-ticket-v2__table .mos-client-data-table__row.has-new-reply {
        border-color: var(--mos-color-success-border);
    }

    .mos-ticket-v2__actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }
}