/* Site classes do the typography (.h2, .h4, .txt, .second-color, .mark, .toggle). Only tables, the info icon and the dialog are defined here, with values from global.css. */
.sm-block{--sm-acc:#9000ed;--sm-line:#e8e9eb;--sm-fill:rgba(29,35,59,.05);--sm-row:rgba(144,0,237,.03);--sm-bg:#fffeff}
html.dark .sm-block{--sm-acc:#a85bf6;--sm-line:rgba(255,254,255,.1);--sm-fill:rgba(255,254,255,.05);--sm-row:rgba(255,254,255,.03);--sm-bg:#1d233b}
.sm-block .h2{margin-bottom:16px;scroll-margin-top:116px}
.sm-block .accent-txt{max-width:656px;margin-bottom:32px}
.sm-block .mark{font-weight:600}
.sm-covers .accent-txt svg{width:22px;height:22px;vertical-align:-4px}
.sm-block .scroll-container+p{margin-top:16px;max-width:80ch}
.sm-block table{width:100%;border-collapse:collapse;min-width:760px}
.sm-block th,.sm-block td{padding:12px 16px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--sm-line)}
.sm-block th{font-weight:600;background:var(--sm-bg);position:sticky;top:0;z-index:1}
.sm-block th:not(:first-child),.sm-block td:not(:first-child){text-align:center}
.sm-block tbody tr:nth-child(even){background:var(--sm-row)}
.sm-block .sm-s{font-size:14px;line-height:18px}
/* covers: tabs follow .toggle from the site */
.sm-covers .toggle{margin-bottom:16px;max-width:100%;overflow-x:auto;scrollbar-width:none;scroll-margin-top:116px}
.sm-covers .toggle::-webkit-scrollbar{display:none}
.sm-covers .toggle__item{text-decoration:none;white-space:nowrap;scroll-margin-top:116px}
.sm-covers [role=tabpanel]{scroll-margin-top:116px}
.sm-covers [role=tabpanel][hidden]{display:none}
.sm-covers [role=tabpanel]>p{margin-bottom:16px}
.sm-covers [role=tabpanel] table{min-width:900px}
.sm-covers [role=tabpanel] th{background:var(--sm-fill)}
.sm-covers [role=tabpanel] th:first-child{border-radius:12px 0 0 0}
.sm-covers [role=tabpanel] th:last-child{border-radius:0 12px 0 0}
.sm-covers [role=tabpanel] td{padding:6px 16px}
.sm-covers [role=tabpanel] td:first-child{width:58%}
.sm-covers [role=tabpanel] td:not(:first-child){line-height:1}
.sm-covers [role=tabpanel] td .mark{font-weight:700}
.sm-covers .sm-lbl{display:flex;gap:8px;align-items:center;font-size:14px;line-height:18px;white-space:nowrap}
.sm-covers .sm-lbl .sm-s{font-size:12px}
.sm-covers .sm-lbl .sm-s::before{content:" – "}
.sm-covers .sm-lbl button{flex:0 0 auto;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--sm-acc);cursor:pointer;display:inline-flex;transition:color 250ms cubic-bezier(.4,0,.2,1)}
.sm-covers .sm-lbl button svg{width:20px;height:20px;display:block}
.sm-covers .sm-lbl button:hover,.sm-covers .sm-lbl button:focus-visible{color:currentColor;outline:none}
@media (max-width:767px){
  .sm-covers [role=tabpanel] table{min-width:0}
  .sm-covers [role=tabpanel] td:first-child,.sm-covers [role=tabpanel] th:first-child{position:sticky;left:0;z-index:2;background:var(--sm-bg);width:200px;min-width:200px;max-width:200px}
  .sm-covers [role=tabpanel] th:first-child{background:var(--sm-fill);z-index:3}
  .sm-covers [role=tabpanel] td:not(:first-child){min-width:84px}
  .sm-covers .sm-lbl{white-space:normal;align-items:flex-start}
  .sm-covers .sm-lbl .sm-s::before{content:" "}
  .sm-covers .sm-lbl .sm-s{display:block}
}
/* covers: dialog follows site modals */
.sm-dlg{border:none;border-radius:16px;padding:0;max-width:680px;width:calc(100% - 32px);background:#fffeff;color:#1d233b;box-shadow:0 8px 16px 0 rgba(96,46,132,.15);font-family:"Manrope",sans-serif;letter-spacing:.02em;--sm-fill:rgba(29,35,59,.05)}
html.dark .sm-dlg{background:#1d233b;color:#fffeff;--sm-fill:rgba(255,254,255,.05)}
.sm-dlg::backdrop{background:rgba(0,0,0,.2);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sm-dlg>div{padding:24px 32px 32px;position:relative}
.sm-dlg h3{margin:0 40px 8px 0}
.sm-dlg p{margin-bottom:16px}
.sm-dlg p+div{display:grid;gap:8px}
.sm-dlg p+div>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 16px;background:var(--sm-fill);border-radius:12px}
.sm-dlg .sm-off{opacity:.55}
.sm-dlg button{position:absolute;top:4px;right:4px;width:48px;height:48px;padding:14px;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:60px}
.sm-dlg button svg{width:20px;height:20px;display:block}
.sm-dlg button:hover{background:var(--sm-fill)}
.sm-plans table{table-layout:fixed}
.sm-plans th{padding:0 8px;border-bottom:none;width:20%}
.sm-plans th:first-child{width:40%}
.sm-plans .sm-plan{padding:16px 8px;border-bottom:3px solid var(--sm-line)}
.sm-plans .sm-featured{border-bottom-color:var(--sm-acc)}
.sm-plans .sm-plan .h4{margin-top:4px}
.sm-plans .sm-plan .txt{margin-top:2px}
.sm-plans td .sm-s{display:block;margin-top:2px}
@media (max-width:767px){
  .sm-plans table{table-layout:auto;min-width:0}
  .sm-plans th:first-child{width:140px;min-width:140px}
  .sm-plans th{width:150px;min-width:150px}
  .sm-plans .sm-plan{padding:12px 4px}
  .sm-plans td:first-child,.sm-plans th:first-child{position:sticky;left:0;z-index:2;background:var(--sm-bg)}
  .sm-plans td:not(:first-child){min-width:150px;font-size:14px;line-height:18px}
}