.dm-version-title-topic {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    vertical-align: middle;
}

.dm-version-switcher-host {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin-left: 0.375rem;
    color: #f3fff3;
    font: 600 0.7rem/1.2 Segoe UI, Arial, sans-serif;
    white-space: nowrap;
    flex: 0 0 auto;
    visibility: hidden;
}

.dm-version-switcher-host[hidden] {
    display: none !important;
}

.dm-version-switcher-host.is-ready {
    visibility: visible;
}

.dm-version-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.dm-version-select {
    min-width: 7.5rem;
    height: 1.5rem;
    padding: 0 1.85rem 0 0.75rem;
    border: 1px solid rgba(226, 245, 226, 0.35);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(56, 126, 60, 0.98), rgba(43, 108, 47, 0.98));
    color: #f8fff8;
    font: 700 0.72rem/1 Segoe UI, Arial, sans-serif;
    box-shadow: 0 2px 8px rgba(28, 80, 35, 0.2);
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #f8fff8 50%),
        linear-gradient(135deg, #f8fff8 50%, transparent 50%),
        linear-gradient(180deg, rgba(56, 126, 60, 0.98), rgba(43, 108, 47, 0.98));
    background-position:
        calc(100% - 0.95rem) calc(50% - 0.1rem),
        calc(100% - 0.65rem) calc(50% - 0.1rem),
        0 0;
    background-size: 0.32rem 0.32rem, 0.32rem 0.32rem, 100% 100%;
    background-repeat: no-repeat;
}

.dm-version-select:focus {
    outline: none;
    border-color: rgba(244, 255, 244, 0.55);
    box-shadow:
        0 2px 8px rgba(28, 80, 35, 0.2),
        0 0 0 2px rgba(226, 245, 226, 0.28) inset;
}

.dm-version-select::-moz-focus-inner {
    border: 0;
}

.dm-version-select:hover {
    border-color: rgba(244, 255, 244, 0.5);
}

.dm-version-select option {
    background: #f4fbf3;
    color: #17351b;
    font-weight: 600;
}

.dm-version-select option:checked {
    background: #2f7a35;
    color: #f8fff8;
}

@media (max-width: 76.1875em) {
    .dm-version-title-topic {
        gap: 0.5rem;
    }
}

@media (max-width: 44.9375em) {
    .dm-version-switcher-host {
        margin-left: 0.25rem;
    }

    .dm-version-select {
        min-width: 6.75rem;
    }
}