.mojnet-home-view {
    min-width: 0;
}

.mojnet-home-view-switcher {
    position: relative;
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    width: min(280px, 100%);
    max-width: 100%;
    gap: 0;
    padding: 3px;
    border: 2px solid #050505;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(5, 5, 5, .18);
    box-sizing: border-box;
}

.mojnet-home-view-switcher::before {
    position: absolute;
    z-index: 0;
    top: 3px;
    bottom: 3px;
    left: 3px;
    width: calc(50% - 3px);
    border-radius: 999px;
    background: #d8232a;
    box-shadow: 0 5px 16px rgba(216, 35, 42, .34), 0 0 18px rgba(216, 35, 42, .16);
    content: "";
    pointer-events: none;
    transition: transform .46s cubic-bezier(.22, 1, .36, 1), box-shadow .26s ease;
}

.mojnet-home-view-switcher[data-mojnet-home-view-state="business"]::before {
    transform: translateX(100%);
}

.mojnet-home-view-switcher__button {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #050505;
    font: 900 14px/1 "Barlow", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .22s ease, transform .18s cubic-bezier(.2, .8, .2, 1);
}

.mojnet-home-view-switcher__button.is-active {
    color: #fff;
}

.mojnet-home-view-switcher--compact {
    width: min(156px, 100%);
    padding: 2px;
    border-width: 1px;
    box-shadow: 0 5px 14px rgba(5, 5, 5, .14);
}

.mojnet-home-view-switcher--compact::before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    width: calc(50% - 2px);
    box-shadow: 0 3px 10px rgba(216, 35, 42, .3), 0 0 12px rgba(216, 35, 42, .14);
}

.mojnet-home-view-switcher--compact .mojnet-home-view-switcher__button {
    min-height: 28px;
    padding: 0 7px;
    font-size: 10px;
}

.mojnet-home-view-switcher__button:focus-visible,
.mojnet-home-view__error button:focus-visible {
    outline: 2px solid #d8232a;
    outline-offset: 2px;
}

.mojnet-home-view-switcher__button:disabled {
    cursor: wait;
    opacity: .65;
}

.mojnet-home-view-switcher__button:active {
    transform: scale(.97);
}

@media (hover: hover) and (pointer: fine) {
    .mojnet-home-view-switcher__button:not(.is-active):hover {
        background: #f2f2f0;
        transform: translateY(-1px);
    }
}

.mojnet-home-view__panel {
    min-width: 0;
}

.mojnet-home-view__panel[data-mojnet-home-view-panel="business"] {
    display: none;
}

.mojnet-home-view.is-business .mojnet-home-view__panel[data-mojnet-home-view-panel="business"],
html.mojnet-home-view-business-loading .mojnet-home-view__panel[data-mojnet-home-view-panel="business"] {
    display: block;
}

.mojnet-home-view__panel[hidden] {
    display: none !important;
}

html.mojnet-home-view-business-loading .mojnet-home-view__panel[data-mojnet-home-view-panel="private"] {
    display: none !important;
}

@media (max-width: 375px) {
    .mojnet-home-view-switcher--regular .mojnet-home-view-switcher__button {
        padding: 0 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mojnet-home-view-switcher__button,
    .mojnet-home-view-switcher::before {
        transition: none;
    }
}