.vx-next-sidebar {
    --vx-side-ink: #214860;
    --vx-side-muted: #638198;
    --vx-side-line: #d9e7f1;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 16px 16px;
    color: var(--vx-side-ink);
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}
.sidebar:has([data-next-sidebar]) { box-sizing: border-box; background: #eef5fa; border-inline-start: 1px solid #dce8f1; }
.sidebar:not(.rightsidebar):has([data-next-sidebar]) { border-inline-start: 0; border-inline-end: 1px solid #dce8f1; }
.vx-next-sidebar *, .vx-next-sidebar *::before, .vx-next-sidebar *::after { box-sizing: border-box; }
.vx-next-sidebar h2 { margin: 0; padding: 0; color: var(--vx-side-ink); font-size: 16px; font-weight: 600; line-height: 1.35; }
.vx-next-sidebar p { margin: 0; padding: 0; color: var(--vx-side-muted); font-size: 13px; line-height: 1.45; }
.vx-next-sidebar a { border: 0; color: #31668e; text-decoration: none; overflow-wrap: anywhere; }
.vx-next-sidebar a:hover { color: #0066ad; text-decoration: none; }
.vx-next-sidebar a:focus-visible, .vx-next-sidebar button:focus-visible { outline: 2px solid #0679dd; outline-offset: 3px; }
.vx-next-sidebar__icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; color: #779dbb; }
.vx-next-sidebar .vx-next-sidebar__search { flex: 0 0 auto; margin: 0 0 12px; padding: 0; }
.vx-next-sidebar .vx-next-sidebar__search-button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 9px 12px; border: 1px solid #cbdfea; border-radius: 11px; background: #fff; color: #2c709f; font-size: 14px; font-weight: 500; line-height: 1.4; }
.vx-next-sidebar .vx-next-sidebar__search-button:hover, .vx-next-sidebar .vx-next-sidebar__search-button[aria-expanded=true] { border-color: #91bede; background: #f6fbff; color: #0966af; }
.vx-next-sidebar .vx-next-sidebar__section { margin: 0 0 12px; padding: 12px; border: 1px solid #cfdfec; border-radius: 14px; background: linear-gradient(150deg, #f2f8ff, #fff 65%); box-shadow: 0 3px 9px #1c527206; }
.vx-next-sidebar__section > h2 { display: flex; align-items: center; gap: 8px; min-height: 28px; margin-bottom: 8px; }
.vx-next-sidebar__section > h2 > span:last-child { min-width: 0; }
.vx-next-sidebar__section-mark { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid #d9eafa; border-radius: 8px; background: #e8f3ff; }
.vx-next-sidebar__section-mark .vx-next-sidebar__icon { color: #438bc0; }
.vx-next-sidebar__actions { display: grid; gap: 2px; }
.vx-next-sidebar .vx-next-sidebar__row { display: flex; align-items: center; justify-content: flex-start; gap: 9px; min-height: 32px; padding: 6px; border: 0; border-radius: 6px; background: transparent; color: #315f80; font-size: 14px; font-weight: 400; line-height: 1.4; text-align: left; }
.vx-next-sidebar__row > span { min-width: 0; }
.vx-next-sidebar .vx-next-sidebar__primary { background: #eaf4ff; color: #1b70ac; }
.vx-next-sidebar .vx-next-sidebar__primary .vx-next-sidebar__icon { color: #3f89bd; }
.vx-next-sidebar .vx-next-sidebar__row:hover { background: #dfedfa; color: #0966af; }
.vx-next-sidebar .vx-next-sidebar__row:focus-visible { outline-offset: -2px; }
.vx-next-sidebar__comparison-links { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 6px; }
.vx-next-sidebar__comparison-links > a { display: flex; align-items: center; justify-content: center; min-height: 34px; padding: 7px 5px; border: 1px solid #d8e7f3; border-radius: 7px; background: #f6faff; color: #31678e; font-size: 14px; line-height: 1.4; text-align: center; overflow-wrap: normal; }
.vx-next-sidebar__comparison-links > .vx-next-sidebar__comparison-wide { grid-column: 1 / -1; }
.vx-next-sidebar__comparison-links > a:hover { border-color: #a3c9e5; background: #e7f3ff; color: #0966af; }
.vx-next-sidebar .vx-next-sidebar__plan { position: relative; margin: 0 0 12px; padding: 14px; border: 1px solid #bcdcf1; border-radius: 14px; background: radial-gradient(ellipse at 95% 5%, #ffffffa6, #ffffff00 65%), linear-gradient(125deg, #e4f2ff, #dceffb); box-shadow: 0 4px 12px #12567d08; }
.vx-next-sidebar__plan-heading { display: flex; align-items: center; justify-content: space-between; gap: 4px; min-height: 68px; margin: -3px -5px 10px 0; }
.vx-next-sidebar__plan-copy { flex: 1 1 auto; min-width: 0; }
.vx-next-sidebar__plan h2 { margin: 0 0 5px; color: #204a65; font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -.2px; }
.vx-next-sidebar__plan p { max-width: 165px; color: #477795; font-size: 13px; }
.vx-next-sidebar__plan-art { display: block; flex: 0 0 68px; width: 68px; height: 68px; background: url('/themes/vuzopedia/assets/admission/images/plan-illustrations.webp') 0% 0% / 300% 100% no-repeat; mix-blend-mode: multiply; }
.vx-next-sidebar__plan--representative .vx-next-sidebar__plan-art { background-position-x: 50%; }
.vx-next-sidebar__plan--representative h2 { font-size: 19px; }
.vx-next-sidebar__plan .vx-admission-plan-entry, .vx-next-sidebar__plan form { display: block; width: 100%; margin: 0; padding: 0; }
.vx-next-sidebar__plan .vx-admission-plan-entry button,
.vx-next-sidebar__plan .vx-admission-plan-saved,
.vx-next-sidebar__plan .vx-admission-direct-plan,
.vx-next-sidebar__plan .pc-plan-continue,
.vx-next-sidebar__plan .vx-next-sidebar__plan-link {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 40px; width: 100%; margin: 0; padding: 9px 8px;
    border: 1px solid #0879dc; border-radius: 8px;
    background: #0879dc; box-shadow: 0 3px 7px #0074cf14; color: #fff;
    font: inherit; font-size: 14px; font-weight: 600; line-height: 1.35;
    text-align: center; text-decoration: none; white-space: normal; cursor: pointer;
}
.vx-next-sidebar__plan .vx-admission-plan-entry button:hover,
.vx-next-sidebar__plan .vx-admission-plan-saved:hover,
.vx-next-sidebar__plan .vx-admission-direct-plan:hover,
.vx-next-sidebar__plan .pc-plan-continue:hover,
.vx-next-sidebar__plan .vx-next-sidebar__plan-link:hover { border-color: #0568c0; background: #0568c0; color: #fff; text-decoration: none; }
.vx-next-sidebar__plan .material-icons { font-size: 18px; flex: 0 0 auto; }
.vx-next-sidebar__plan button:disabled { opacity: .65; cursor: default; }
.vx-next-sidebar__plan small { display: block; margin-top: 6px; color: #5b7d96; font-size: 12px; line-height: 1.4; text-align: center; }
.vx-next-sidebar .vx-next-sidebar__links { display: grid; gap: 0; margin: 0; }
.vx-next-sidebar__knowledge .vx-next-sidebar__links > a { display: block; min-height: 30px; padding: 5px 6px; border-radius: 6px; font-size: 14px; line-height: 1.4; }
.vx-next-sidebar__knowledge .vx-next-sidebar__links > a:hover { background: #e8f3ff; color: #0966af; }
.vx-next-sidebar__knowledge .vx-next-sidebar__links .vx-next-sidebar__all-knowledge { position: relative; min-height: 32px; margin-top: 12px; padding: 7px 6px; border: 0; border-radius: 6px; color: #347faf; font-size: 13px; }
.vx-next-sidebar__all-knowledge::before { position: absolute; top: -7px; right: 0; left: 0; border-top: 1px solid #dce9f3; content: ''; pointer-events: none; }
.vx-next-sidebar .vx-next-sidebar__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.vx-next-sidebar__footer > a { display: flex; align-items: center; gap: 5px; min-height: 30px; padding: 2px 0; color: #6d8aa0; font-size: 12px; line-height: 1.4; }
.vx-next-sidebar__footer > a:hover { color: #176da9; }
.vx-next-sidebar__footer .vx-next-sidebar__icon { flex-basis: 14px; width: 14px; height: 14px; }
.vx-next-sidebar-dialog { width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 16px; border: 1px solid #cbdfea; border-radius: 12px; background: #fff; box-shadow: 0 12px 48px #0b122044; color: #183b55; overflow: auto; }
.vx-next-sidebar-dialog::backdrop { background: #0b122080; }
.vx-next-sidebar-dialog__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.vx-next-sidebar-dialog h2 { margin: 0; font-size: 20px; line-height: 1.4; font-weight: 600; }
.vx-next-sidebar-dialog__heading button { width: 40px; height: 40px; padding: 0; border: 0; border-radius: 6px; background: #f0f6fa; color: #183b55; font-size: 26px; line-height: 1; cursor: pointer; }
.vx-next-sidebar-dialog nav { display: grid; }
.vx-next-sidebar-dialog nav a { padding: 12px; border-radius: 6px; color: #0966af; font-size: 15px; line-height: 1.45; text-decoration: none; }
.vx-next-sidebar-dialog nav a:hover { background: #eff7fd; }
.vx-next-sidebar-dialog a:focus-visible, .vx-next-sidebar-dialog button:focus-visible { outline: 2px solid #0679dd; outline-offset: 2px; }
@media (min-width: 1052px) {
    .sidebar:has([data-next-sidebar]) { position: sticky; top: var(--vx-next-sidebar-top, 0px) !important; min-height: 0; height: calc(100dvh - var(--vx-next-sidebar-top, 0px)); max-height: calc(100dvh - var(--vx-next-sidebar-top, 0px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #bdd3e5 transparent; }
    .sidebar:has([data-next-sidebar]) .sidebarComp { display: flex; flex-direction: column; min-height: 100% !important; }
    .sidebar:has([data-next-sidebar]) .sidebarNextStepArea { display: flex; flex: 1 0 auto; flex-direction: column; }
    .sidebar:has([data-next-sidebar]) .vx-next-sidebar { display: flex; flex: 1 0 auto; flex-direction: column; }
    .sidebar:has([data-next-sidebar]) .vx-next-sidebar > section { flex: 0 0 auto; }
}