/* Exact canonical f2e0657 component: scoped rules and local variables. */
@property --cabinet-plans-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.cabinet-plans {
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
  --dur-1: 120ms; --dur-2: 200ms; --dur-3: 320ms; --dur-4: 480ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --spring: cubic-bezier(0.34, 1.36, 0.64, 1);
  --pad: 16px;
  --maxw: 1200px;
  --col: 820px;          
  --r-card: 16px;

  --bg: #F5F5F7;
  --card-bg: #FFFFFF;
  --card-line: rgba(0, 0, 0, .10);
  --surface-1: #FFFFFF;
  --fill: rgba(0, 0, 0, .05);
  --fill-2: rgba(0, 0, 0, .08);
  --thumb: #FFFFFF;
  --pre-on: rgba(0, 0, 0, .07);   
  
  --sheet: rgba(255, 255, 255, .96);
  --pop: #FFFFFF;
  --header: rgba(245, 245, 247, .76);
  --line: rgba(0, 0, 0, .08);
  --line-strong: rgba(0, 0, 0, .14);
  --text-1: #1D1D1F;
  --text-2: #6E6E73;
  --text-3: #6E6E73;
  
  --tab-off: #5A5A5F;
  --accent: #0F766E;
  --accent-soft: #CCFBF1;
  --on-accent-soft: #115E59;
  --accent-glow: rgba(15, 118, 110, .22);
  --cta-bg: #1D1D1F;
  --cta-fg: #FFFFFF;
  --cta-hover: #000000;
  --warn: #B45309;
  --danger: #C62828;
  --sh-rest: 0 1px 2px rgba(0, 0, 0, .04);
  --sh-hover: 0 12px 32px -12px rgba(0, 0, 0, .14);
  --sh-pop: 0 20px 48px -28px rgba(15, 118, 110, .30);
  --sh-pop-phone: 0 12px 32px -20px rgba(15, 118, 110, .24);
  --sh-sheet: 0 30px 80px -20px rgba(0, 0, 0, .28);
  --sh-thumb: 0 1px 2px rgba(0, 0, 0, .10), 0 3px 8px -2px rgba(0, 0, 0, .10);
  --hl: inset 0 1px 0 rgba(255, 255, 255, 0);
  --range-thumb: #FFFFFF;
}
:root:not([data-theme="light"]) .cabinet-plans {
  --bg: #0B0C0E;
  --card-bg: rgba(255, 255, 255, .03);
  --card-line: rgba(255, 255, 255, .11);
  --surface-1: rgba(255, 255, 255, .04);
  --fill: rgba(255, 255, 255, .07);
  --fill-2: rgba(255, 255, 255, .11);
  --thumb: rgba(255, 255, 255, .16);
  --pre-on: rgba(255, 255, 255, .16);
  --sheet: rgba(24, 26, 29, .88);
  --pop: #1B1C20;
  --header: rgba(11, 12, 14, .74);
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .16);
  --text-1: #F5F5F7;
  --text-2: #A1A1A6;
  --text-3: #8E8E93;
  --tab-off: #A1A1A6;
  --accent: #5EEAD4;
  --accent-soft: rgba(94, 234, 212, .14);
  --on-accent-soft: #5EEAD4;
  --accent-glow: rgba(94, 234, 212, .26);
  --cta-bg: #F5F5F7;
  --cta-fg: #0B0C0E;
  --cta-hover: #FFFFFF;
  --warn: #FBBF24;
  --danger: #FF8A80;
  --sh-rest: 0 0 0 transparent;
  --sh-hover: 0 24px 48px -16px rgba(0, 0, 0, .6);
  --sh-pop: 0 24px 56px -32px rgba(94, 234, 212, .30);
  --sh-pop-phone: 0 12px 32px -20px rgba(94, 234, 212, .26);
  --sh-sheet: 0 30px 80px -20px rgba(0, 0, 0, .7);
  --sh-thumb: 0 1px 2px rgba(0, 0, 0, .35);
  --hl: inset 0 1px 0 rgba(255, 255, 255, .05);
  --range-thumb: #F5F5F7;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .cabinet-plans {
    --bg: #0B0C0E; --card-bg: rgba(255,255,255,.03); --card-line: rgba(255,255,255,.11); --surface-1: rgba(255,255,255,.04);
    --fill: rgba(255,255,255,.07); --fill-2: rgba(255,255,255,.11); --thumb: rgba(255,255,255,.16); --pre-on: rgba(255,255,255,.16);
    --sheet: rgba(24,26,29,.88); --pop: #1B1C20; --header: rgba(11,12,14,.74);
    --line: rgba(255,255,255,.08); --line-strong: rgba(255,255,255,.16);
    --text-1: #F5F5F7; --text-2: #A1A1A6; --text-3: #8E8E93; --tab-off: #A1A1A6;
    --accent: #5EEAD4; --accent-soft: rgba(94,234,212,.14); --on-accent-soft: #5EEAD4; --accent-glow: rgba(94,234,212,.26);
    --cta-bg: #F5F5F7; --cta-fg: #0B0C0E; --cta-hover: #FFFFFF;
    --warn: #FBBF24; --danger: #FF8A80;
  }
}
.cabinet-plans *, .cabinet-plans *::before, .cabinet-plans *::after { box-sizing: border-box; }
.cabinet-plans button { font: inherit; color: inherit; }
.cabinet-plans button { background: none; border: 0; padding: 0; margin: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.cabinet-plans a { color: inherit; }
.cabinet-plans :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.cabinet-plans .num { font-variant-numeric: tabular-nums; }
.cabinet-plans .sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cabinet-plans svg.i { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.cabinet-plans [hidden] { display: none !important; }
.cabinet-plans .btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 44px; padding: 0 20px; border-radius: 12px; font-size: 15px; font-weight: 600; line-height: 1; letter-spacing: -0.005em;
  white-space: nowrap; text-decoration: none; user-select: none;
  transition: background-color var(--dur-1) var(--ease-out), color var(--dur-1), box-shadow var(--dur-1), transform var(--dur-1) var(--ease-out), opacity var(--dur-2);
}
.cabinet-plans .btn:active:not([aria-disabled="true"]) { transform: scale(.97); }
.cabinet-plans .btn-primary { background: var(--cta-bg); color: var(--cta-fg); }
.cabinet-plans .btn-primary:hover:not([aria-disabled="true"]) { background: var(--cta-hover); }
.cabinet-plans .btn-outline { box-shadow: inset 0 0 0 1px var(--line-strong); color: var(--text-1); }
.cabinet-plans .btn-outline:hover:not([aria-disabled="true"]) { background: var(--fill); }
.cabinet-plans .btn-ghost { color: var(--text-1); background: var(--fill); }
.cabinet-plans .btn-ghost:hover:not([aria-disabled="true"]) { background: var(--fill-2); }
.cabinet-plans .btn-danger { color: var(--danger); box-shadow: inset 0 0 0 1px var(--line-strong); }
.cabinet-plans .btn-danger:hover { background: var(--fill); }
.cabinet-plans .btn-sm { height: 36px; padding: 0 14px; font-size: 14px; }
.cabinet-plans .btn-sm::after { content: ""; position: absolute; inset: -4px 0; }
.cabinet-plans .btn-lg { height: 50px; font-size: 16px; }
.cabinet-plans .btn[aria-disabled="true"] { cursor: default; }
.cabinet-plans .btn-muted, .cabinet-plans .btn-muted:hover { background: var(--fill) !important; color: var(--text-2) !important; box-shadow: none !important; }
.cabinet-plans .btn .spinner { width: 16px; height: 16px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: spin 700ms linear infinite; }
.cabinet-plans .btn.busy { pointer-events: none; opacity: .8; }
.cabinet-plans .rail {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: var(--col); margin: 0 auto;
  outline-offset: 6px;
}
.cabinet-plans .slot { display: flex; min-width: 0; }
.cabinet-plans .plan {
  --ring: var(--card-line); --elev: var(--sh-rest);
  position: relative; isolation: isolate; flex: 1; min-width: 0;
  display: flex; flex-direction: column; padding: 24px; border-radius: var(--r-card);
  background: var(--card-bg);
  box-shadow: var(--hl), inset 0 0 0 1px var(--ring), var(--elev);
  transition: transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);
}
.cabinet-plans .plan.pro {
  --ring: color-mix(in srgb, var(--accent) 36%, var(--card-line)); --elev: var(--sh-pop);
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 42%), var(--card-bg);
}
@keyframes cabinet-plans-rise { from { opacity: 0; transform: translateY(12px); } }
.cabinet-plans .plan::before {
  content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; padding: 1px; pointer-events: none;
  background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%), color-mix(in srgb, var(--accent) 70%, transparent), transparent 70%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  opacity: 0; transition: opacity var(--dur-2);
}
.cabinet-plans .plan.pro::after {
  content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; padding: 1px; pointer-events: none;
  background: conic-gradient(from var(--cabinet-plans-angle), transparent 0deg 230deg, var(--accent) 320deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  opacity: 0;
}
.cabinet-plans .plan.pro.sweep::after { animation: cabinet-plans-sweep 1300ms var(--ease-in-out) 420ms 1 both; }
@keyframes cabinet-plans-sweep { 0% { --cabinet-plans-angle: 0deg; opacity: 0; } 15% { opacity: 1; } 80% { opacity: 1; } 100% { --cabinet-plans-angle: 360deg; opacity: 0; } }
.cabinet-plans .plan.pulse { animation: cabinet-plans-pulse 900ms var(--ease-out); }
@keyframes cabinet-plans-pulse { 0% { box-shadow: var(--hl), inset 0 0 0 1px var(--ring), var(--elev), 0 0 0 0 var(--accent-glow); } 40% { box-shadow: var(--hl), inset 0 0 0 1px var(--accent), var(--elev), 0 0 0 6px var(--accent-glow); } 100% { box-shadow: var(--hl), inset 0 0 0 1px var(--ring), var(--elev), 0 0 0 0 transparent; } }
@media (hover: hover) and (pointer: fine) {
.cabinet-plans .plan:hover { transform: translateY(-2px); --elev: var(--sh-hover); --ring: var(--line-strong); }
.cabinet-plans .plan.pro:hover { --elev: var(--sh-pop); --ring: color-mix(in srgb, var(--accent) 55%, var(--card-line)); }
.cabinet-plans .plan:hover::before { opacity: 1; }
}
.cabinet-plans .plan-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; min-height: 38px; }
.cabinet-plans .plan-ic { width: 32px; height: 32px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; color: var(--text-1); }
.cabinet-plans .plan-n { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-top: 14px; min-height: 32px; }
.cabinet-plans .plan-name { margin: 0; font-family: var(--serif); font-size: 26px; line-height: 32px; font-weight: 500; letter-spacing: -0.01em; }
.cabinet-plans .plan-cap { margin: 2px 0 0; font-size: 14px; line-height: 20px; color: var(--text-2); }
.cabinet-plans .st {
  display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px;
  font-size: 12px; line-height: 1; font-weight: 600; white-space: nowrap; background: var(--fill); color: var(--text-1);
  animation: cabinet-plans-chip-in 360ms var(--spring) backwards;
}
.cabinet-plans .st svg.i { width: 13px; height: 13px; stroke-width: 2.2; }
.cabinet-plans .st.yours { background: var(--accent-soft); color: var(--on-accent-soft); }
.cabinet-plans .st.sched, .cabinet-plans .st.wait { background: transparent; box-shadow: inset 0 0 0 1px var(--line-strong); }
.cabinet-plans .st.warn { background: color-mix(in srgb, var(--warn) 18%, transparent); color: var(--warn); }
@keyframes cabinet-plans-chip-in { from { opacity: 0; transform: scale(.85); } }
.cabinet-plans .seg {
  --n: 2; position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; padding: 3px; border-radius: 999px;
  background: var(--fill);
}
.cabinet-plans .seg-thumb {
  position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc((100% - 6px) / var(--n)); border-radius: 999px;
  background: var(--thumb); box-shadow: var(--sh-thumb);
  transform: translateX(calc(var(--si, 0) * 100%)); transition: transform 420ms var(--spring);
}
.cabinet-plans .seg button {
  position: relative; z-index: 1; height: 32px; min-width: 48px; padding: 0 12px; border-radius: 999px;
  font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-2); white-space: nowrap;
  transition: color var(--dur-2);
}
.cabinet-plans .seg button::after { content: ""; position: absolute; inset: -6px 0; }
.cabinet-plans .seg button[aria-checked="true"] { color: var(--text-1); }
.cabinet-plans .seg button:hover { color: var(--text-1); }
.cabinet-plans .seg .dot { position: absolute; left: 50%; bottom: 3px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--accent); }
.cabinet-plans .seg .dot.ring-dot { background: transparent; box-shadow: inset 0 0 0 1px var(--accent); }
.cabinet-plans .amt { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 10px; margin-top: 22px; min-width: 0; }
.cabinet-plans .big { font-size: 56px; line-height: 56px; font-weight: 600; letter-spacing: -0.035em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cabinet-plans .roll { display: inline-flex; }
.cabinet-plans .rc { display: inline-grid; }
.cabinet-plans .rc > span { grid-area: 1 / 1; }
.cabinet-plans .roll .rc.x .ro { animation: cabinet-plans-roll-out 160ms var(--ease-in) both; animation-delay: var(--d, 0ms); }
.cabinet-plans .roll .rc.x .rn { animation: cabinet-plans-roll-in 220ms var(--ease-out) both; animation-delay: calc(var(--d, 0ms) + 40ms); }
.cabinet-plans .roll.down .rc.x .ro { animation-name: cabinet-plans-roll-out-down; }
.cabinet-plans .roll.down .rc.x .rn { animation-name: cabinet-plans-roll-in-down; }
@keyframes cabinet-plans-roll-out { to { opacity: 0; transform: translateY(-.32em); } }
@keyframes cabinet-plans-roll-in { from { opacity: 0; transform: translateY(.32em); } }
@keyframes cabinet-plans-roll-out-down { to { opacity: 0; transform: translateY(.32em); } }
@keyframes cabinet-plans-roll-in-down { from { opacity: 0; transform: translateY(-.32em); } }
.cabinet-plans .unit { font-size: 17px; line-height: 22px; font-weight: 600; color: var(--text-1); letter-spacing: -0.01em; white-space: nowrap; }
.cabinet-plans .price { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; min-height: 24px; margin: 8px 0 0; font-size: 15px; line-height: 20px; font-weight: 500; color: var(--text-2); font-variant-numeric: tabular-nums; }
.cabinet-plans .badge {
  display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px;
  background: var(--accent-soft); color: var(--on-accent-soft); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .01em;
}
.cabinet-plans .badge.pop { animation: cabinet-plans-badge-pop 480ms var(--spring) backwards; }
@keyframes cabinet-plans-badge-pop { from { opacity: 0; transform: scale(.8); } }
.cabinet-plans .plan .cta { width: 100%; margin-top: 22px; height: 44px; font-size: 15px; }
.cabinet-plans .incl { margin-top: 22px; }
.cabinet-plans .incl-h { margin: 0 0 10px; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--text-1); }
.cabinet-plans .incl ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cabinet-plans .incl li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 20px; color: var(--text-2); }
.cabinet-plans .incl li svg.i { width: 16px; height: 16px; margin-top: 2px; color: var(--text-3); stroke-width: 2; }
.cabinet-plans .incl li .m { color: var(--text-1); font-weight: 600; font-variant-numeric: tabular-nums; }
.cabinet-plans .dots { display: none; }
:root[data-tab0="once"] main[aria-busy="true"] #panelSub .cabinet-plans { display: none; }
:root[data-tab0="once"] main[aria-busy="true"] #panelOnce[hidden] .cabinet-plans { display: block !important; }
:root[data-tab0="once"] main[aria-busy="true"] #tabs .cabinet-plans { --ti: 1; }
:root[data-tab0="once"] main[aria-busy="true"] #tabSub .cabinet-plans { color: var(--tab-off); }
:root[data-tab0="once"] main[aria-busy="true"] #tabOnce .cabinet-plans { color: var(--text-1); }
.cabinet-plans .amt-field {
  display: inline-flex; align-items: baseline; flex: none; min-width: calc(5ch + 28px); min-height: 64px; padding: 4px 14px; border-radius: 16px;
  background: var(--fill); box-shadow: inset 0 0 0 1px var(--line);
  font-size: 48px; line-height: 56px; font-weight: 600; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;
  transition: box-shadow var(--dur-1), background-color var(--dur-1); cursor: text;
}
.cabinet-plans .amt-field:hover { box-shadow: inset 0 0 0 1px var(--line-strong); }
.cabinet-plans .amt-field:focus-within { box-shadow: inset 0 0 0 1px var(--line-strong), 0 0 0 2px var(--accent); }
.cabinet-plans .amt-field:has(#amt[aria-invalid="true"]) { box-shadow: inset 0 0 0 1px var(--danger); }
.cabinet-plans .amt-field:has(#amt[aria-invalid="true"]):focus-within { box-shadow: inset 0 0 0 1px var(--danger), 0 0 0 2px var(--accent); }
.cabinet-plans .amt-field .cur { font: inherit; letter-spacing: inherit; font-variant-numeric: tabular-nums; }
.cabinet-plans .amt-field .cur { color: var(--text-3); margin-right: 2px; }
@media (min-width: 640px) {
.cabinet-plans { --pad: 24px; }
}
@media (min-width: 1080px) {
.cabinet-plans { --pad: 32px; }
}
@media (max-width: 559px) {
.cabinet-plans .rail {
    grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(calc(100% - 72px), 340px); gap: 12px; justify-content: start;
    max-width: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none;
    padding: 16px var(--pad) 32px; margin: -16px calc(-1 * var(--pad)) -32px; scroll-padding-inline: var(--pad);
    -webkit-overflow-scrolling: touch;
  }
.cabinet-plans .rail::-webkit-scrollbar { display: none; }
.cabinet-plans .slot { scroll-snap-align: start; }
.cabinet-plans .slot:last-child { scroll-snap-align: end; }
.cabinet-plans .dots { display: flex; justify-content: center; gap: 6px; margin-top: 18px; }
.cabinet-plans .dots i { width: 6px; height: 6px; border-radius: 3px; background: var(--line-strong); transition: width var(--dur-2) var(--ease-out), background-color var(--dur-2); }
.cabinet-plans .dots i.on { width: 18px; background: var(--text-1); }
}
@media (max-width: 639px) {
.cabinet-plans .plan { padding: 20px; }
.cabinet-plans .plan.pro { --elev: var(--sh-pop-phone); }
.cabinet-plans .amt { margin-top: 20px; }
.cabinet-plans .big { font-size: 48px; line-height: 48px; }
.cabinet-plans .plan .cta { margin-top: 20px; }
.cabinet-plans .incl { margin-top: 20px; }
.cabinet-plans .plan .seg button { font-size: 15px; font-weight: 600; }
.cabinet-plans .amt-field { font-size: 40px; line-height: 48px; min-height: 56px; }
}
@media (max-width: 559px) {
.cabinet-plans .plan > :is(.plan-cap, .amt, .price, .incl) { transition: opacity var(--dur-2) var(--ease-out); }
.cabinet-plans .slot.peek > .plan > :is(.plan-cap, .amt, .price, .incl) { opacity: .15; }
@supports (animation-timeline: view()) {
.cabinet-plans .slot { view-timeline: --slot inline; }
.cabinet-plans .plan > :is(.plan-cap, .amt, .price, .incl) { animation: cabinet-plans-rail-focus linear both; animation-timeline: --slot; }
}
}
@keyframes cabinet-plans-rail-focus {
  entry 0% { opacity: .15; }
  entry 50% { opacity: .15; }
  entry 100% { opacity: 1; }
  exit 0% { opacity: 1; }
  exit 50% { opacity: .15; }
  exit 100% { opacity: .15; }
}
@media (max-width: 359px) {
.cabinet-plans .rail { grid-auto-columns: calc(100% - 60px); }
.cabinet-plans .plan { padding: 16px; }
.cabinet-plans .plan .seg button { min-width: 42px; padding: 0 9px; }
.cabinet-plans .big { font-size: 40px; line-height: 40px; }
.cabinet-plans .amt-field { font-size: 36px; }
}
@media (max-width: 299px) {
.cabinet-plans .rail { grid-auto-columns: calc(100% - 44px); }
}
@media (prefers-reduced-motion: reduce) {
.cabinet-plans *, .cabinet-plans *::before, .cabinet-plans *::after { animation-duration: 1ms !important; animation-delay: 0ms !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
.cabinet-plans .btn .spinner { animation-duration: 900ms !important; }
.cabinet-plans .slot, .cabinet-plans .plan > :is(.plan-cap, .amt, .price, .incl) { animation: none !important; }
.cabinet-plans .roll .rc.x > span { animation: none !important; }
.cabinet-plans .plan.pro.sweep::after { animation: none !important; }
}
:root[data-viewonly] #app .btn-primary .cabinet-plans { opacity: .45; pointer-events: none; }
:root[data-viewonly] #app .plan .btn .cabinet-plans { opacity: .45; pointer-events: none; }

.cabinet-plans { font-family: var(--font); font-size: 15px; line-height: 22px; font-weight: 400; color: var(--text-1); font-optical-sizing: auto; -webkit-font-smoothing: antialiased; margin: 8px 0 28px; }
.cabinet-plans *, .cabinet-plans *::before, .cabinet-plans *::after { box-sizing: border-box; }
.cabinet-plans .plan-name { font-family: var(--serif); font-weight: 500; }
.cabinet-plans .incl li { margin: 0; }
.cabinet-plans .btn { border: 0; clip-path: none; font-family: var(--font); }
.cabinet-plans .btn-outline { background: transparent; }
.cabinet-plans .seg { border: 0; }
.cabinet-plans .seg button { display: block; text-align: center; align-items: normal; gap: normal; }