#sv-area-simple .sv-area__pref, #sv-area .sv-area__pref { color: var(--color-primary); background-color: var(--color-primary-alt); border-radius: var(--radius-m); border: 2px solid var(--color-primary); padding: 0 var(--size-4-2); display: inline-block; white-space: nowrap; }

#sv-area table th .sv-area__pref { display: flow; }

#sv-area table td { text-align: center; font-size: var(--font-xs); }

#sv-area table td ul { display: flex; flex-wrap: wrap; }

#sv-area table td ul li { position: relative; font-size: var(--font-xs); }

#sv-area table td ul li::after { content: "|"; color: var(--color-thin); margin: 0 var(--size-4-1); }

#sv-flow ul.sv-flow__ul { counter-reset: step-counter; list-style-type: none; }

#sv-flow ul.sv-flow__ul li.sv-flow__li { display: flex; align-items: start; position: relative; }

#sv-flow ul.sv-flow__ul li.sv-flow__li:first-child { margin-top: var(--size-4-4); }

#sv-flow ul.sv-flow__ul li.sv-flow__li:not(:last-child) { padding-bottom: var(--size-4-4); margin-bottom: var(--size-4-4); border-bottom: 1px var(--border-alt-style) var(--divider-color); }

#sv-flow ul.sv-flow__ul li.sv-flow__li::before { counter-increment: step-counter; content: "STEP." counter(step-counter); margin: var(--size-4-1) var(--size-4-4) var(--size-4-4) 0; padding: 0 var(--size-4-2); background-color: var(--color-primary-alt); border-radius: var(--radius-s); border: var(--border-style) var(--color-primary) var(--border-strong); color: var(--color-primary); font-size: var(--font-xs); font-weight: var(--weight-bold); }

#sv-flow ul.sv-flow__ul li.sv-flow__li .sv-flow__li-in h3 { font-size: var(--font-m); font-weight: 500; margin-bottom: var(--size-4-2); text-decoration: underline; }

#sv-repair-models .support__desc { margin-bottom: 2rem; }

#sv-repair-models table tbody th { white-space: nowrap; }

#sv-repair-models table tbody td:nth-child(2) ul { display: flex; flex-direction: column; gap: 0.5rem; max-width: 150px; }

#sv-repair-models table tbody td:nth-child(2) ul li { white-space: nowrap; border: 2px solid var(--color-muted); border-radius: var(--radius-s); }

#sv-repair-models table tbody td:nth-child(3) { vertical-align: middle; min-width: 250px; }

#sv-repair-models table tbody td:nth-child(3) ul { display: flex; flex-wrap: wrap; }

#sv-repair-models table tbody td:nth-child(3) ul li:not(:last-child)::after { content: "|"; margin-right: 0.5rem; margin-left: 0.5rem; color: var(--divider-color); }

#sv-repair-price .sv-repair-price__calc { display: flex; gap: var(--size-4-2); overflow: auto; align-items: center; }

#sv-repair-price .sv-repair-price__calc span { font-size: var(--font-s); border-radius: var(--radius-s); white-space: nowrap; padding: var(--size-4-1) var(--size-4-2); }

#sv-repair-price .sv-repair-price__calc span:first-child { border: var(--color-primary) solid 2px; background-color: var(--color-primary); color: var(--color-white); }

#sv-repair-price .sv-repair-price__calc span:not(:first-child) { font-weight: var(--weight-bold); border: var(--color-faint) solid 2px; background-color: var(--color-thin); color: var(--color-black); }

@media (max-width: 1200px) { #sv-repair-price .sv-repair-price__calc { gap: var(--size-4-1); } }