@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmmono/v16/aFTU7PB1QTsUX8KYhh0.ttf) format('truetype'); } @font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/dmmono/v16/aFTR7PB1QTsUX8KYvumzIYQ.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhTg.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAkJxhTg.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4E.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4QK1C4E.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4e6yC4E.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4deyC4E.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bCyC4E.ttf) format('truetype'); } :root{ --maincolor:#FFFFFF; --primarycolor:#E95420; --secondarycolor:#fbf1e8; --tertiarycolor: #00004db8;  --sidebarbackground:#CCC; --linkcolor:#b71c1c; --linkcoloralternate:#f44336; --white:#FFFFFF; --black:#000000; --codecolor:#b04200; --titlecolor:#595959; --navbar-height-base: 52px; --navbar-height-big: 96px; --site-width: 960px; --page-width: 800px; --navbar-height-verybig: 278px; --navbar-width-max: 1300px; --sf-light: #2cd4d9; --sf-dark: #00004d; --sf-medium:#5333ED; --sf-blue: #55a3ff; --sf-blue-dark: #3c81dc; --main-blue: rgba(85, 163, 255, 1); --light-blue: rgba(85, 163, 255, 0.4); --dark-blue: rgba(59, 113, 177, 1); --vlgray: rgba(0,0,0,0.05); --lgray: rgba(0,0,0,0.15); --text-gray: rgba(0, 0, 0, 0.5); --responsive-width-min: 850px; --responsive-width-med: 1200px; --responsive-width-max: 1470px; --text-border-padding: 80px; --sf-text:#424242; --sf-body-background: #f5f0e8; --sf-font-display: 'Outfit', sans-serif; --sf-font-body: 'DM Sans', sans-serif; --sf-blue-new: #3fb0ff; --sf-teal: #2cd4d9; --sf-blue-rgb: 63,176,255; --sf-teal-rgb: 44,212,217; --sf-brand-grad: linear-gradient(135deg, #3fb0ff 0%, #2cd4d9 100%); --sf-on-dark: #fff; --sf-on-dark-high: rgba(255,255,255,.88); --sf-on-dark-mid: rgba(255,255,255,.65); --sf-on-dark-low: rgba(255,255,255,.45); --sf-on-dark-muted: rgba(255,255,255,.3); --sf-on-dark-border: rgba(255,255,255,.12); --sf-on-dark-surface: rgba(255,255,255,.06); --sf-footer-bg: #060620; --sf-navy: #00004d; --sf-navy-deep: #080830; --sf-header-glass: rgba(6,6,32,0.92); --sf-container-max: 1240px; --sf-grid-color: rgba(11,26,58,.0175); } @font-face { font-family: "proxima-nova"; src: url("/assets/css/proxima-nova.woff2") format('woff2'), url("/assets/css/proxima-nova.woff") format('woff'); } @font-face { font-family: "proxima-nova-thin"; src: url("/assets/css/proxima-nova-thin.woff2") format('woff2'), url("/assets/css/proxima-nova-thin.woff") format('woff'); } .sf-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: white; } .sf-logo-icon { width: 30px; height: 30px; flex-shrink: 0; } .sf-logo-text { font-family: var(--sf-font-display); font-size: 20px; font-weight: 600; color: white; letter-spacing: -0.02em; } body { font-family: 'DM Sans', proxima-nova-thin, Open Sans, sans-serif; margin: 0; height: auto;  width: 100%;  padding-top: calc(var(--navbar-height-base) + 12px); background-color: var(--sf-body-background);  background-image: linear-gradient(var(--sf-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--sf-grid-color) 1px, transparent 1px); background-size: 48px 48px; position: relative; }  body::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50vh; background: linear-gradient( to bottom, var(--sf-body-background) 40%, transparent 100% ); z-index: 3;  pointer-events: none; } body * { scroll-margin-top: calc(var(--navbar-height-big) + 10px);  } .page { margin:auto; max-width: var(--page-width); line-height: 1.6; box-sizing: border-box; min-height: calc(100vh - 55px); position: relative; z-index: 5;  } .three-columns-layout { position: relative; z-index: 5;  } .site-footer { margin:auto; max-width: var(--site-width); width: var(--site-width); padding-left: 20px; padding-right: 20px; box-sizing: border-box; background: transparent; text-align: center;  background-image: -webkit-linear-gradient(-0deg,#00004d 0%,#5333ed 49%,#2cd4d9 100%); background-repeat: no-repeat; background-attachment: fixed; padding-top: 10px; } html, body {  margin: 0; } .footer-wrap {  background-image: -webkit-linear-gradient(-0deg,#00004d 0%,#5333ed 49%,#2cd4d9 100%); background-repeat: no-repeat; background-attachment: fixed;  width: 100%; height: 234px;  z-index: 2; position: absolute; } .page {   } .push {  height: 1px; } .small {  } .site-footer p { color: white;  } .site-footer a {   color: #b7cbff; text-decoration: none; }  .site-footer a:hover { text-decoration: underline; } @media screen and (max-width: 1470px) { .page, .site-footer { margin-right: 0; max-width: calc(100% - 300px);  } .index .page, .index .site-footer { margin-left: auto; margin-right: auto;  max-width: var(--page-width); } } @media screen and (max-width: 1200px) { .page, .index .page, .site-footer, .index .site-footer { max-width: 100%; width: auto; } } .listingblock { overflow-x: auto; } p, .paragraph, caption, .imageblock .title, .videoblock .title, li, li::marker, .stemblock, .ulist .title { color: #424242; font-family: proxima-nova-thin, Open Sans, sans-serif; letter-spacing: 0.3px; line-height: 24px; font-size: 16px; } .ulist.no-bullet ul,.ulist.none ul { list-style-type: none; } caption, .imageblock .title, .videoblock .title { font-size: 14px; font-style: italic; }  .btn-tooltip { position: relative; opacity:0; z-index: 10; color:white; background-color:rgba(0,0,0, 0.5); text-align: center; padding: 5px 5px; border-radius: 6px; max-width:300px; white-space: nowrap;  left:0%; margin-left: -50%; transition: all 0.3s; transition-delay: 1s; visibility:hidden; } .btn-tooltip[active] { opacity:1; visibility:visible; transition-delay: 0s; } .btn-tooltip.right { top:-100%; left:200%; }  kbd {  font-size: 13px; display: inline-block; font-weight: 400; padding: 3px 8px; padding-top: 4px; margin: 0 2px; line-height: 12px; vertical-align: 1px; border-radius: 4px; border:1px solid #d1d5da; box-shadow: inset 0px -1px 0px #d1d5da; background-color: #fafbfc !important; color: rgb(68, 77, 86);; } .admonitionblock.tip kbd, .admonition-inline.tip kbd { color: #0088ffc2; border-color: #0088ffc2; box-shadow: inset 0px -1px 0px #0088ff47; }  code.cmd, .listingblock.cmd {  border-radius: 4px; display: inline-flex; padding: 3px 10px 3px 0; margin:0; line-height: 1.4; color: rgba(255, 255, 255, 0.7); background-color: rgba(0,0,0,0.7); background-color: var(--secondarycolor); color:var(--codecolor); } code.cmd { color: hsl(205deg 3% 30%); background-color: hsl(0deg 0% 100%); border: 1px solid hsl(0deg 0% 90%); padding: 15px 25px 15px 15px; border-radius: 15px; width: 100%; box-sizing: border-box; cursor: text; } code.cmd a, code.cmd a:hover, code.cmd a:visited, code.cmd a:focus { color: hsl(205deg 3% 30%); text-decoration: none; } .listingblock.cmd { display: flex; border: none; padding: 1px 20px 1px 20px; } code.cmd > span { background-color: transparent; }  code.cmd .command { cursor: text; margin: 0 0 0 10px; overflow-wrap: anywhere; } .cmd-wrapper { display: flex; justify-content: center; margin: 0.3em 0 1.7em; }  table.file-content { padding: 0; border: 1px solid black; border-collapse: collapse; background-color: #FBE6C2; } table.file-content td { border: 1px solid #F48B29; padding: 10px 10px; } .text-button { border: none; background: inherit; color: var(--text-gray); transition: color 0.2s; font-size: 14px; cursor: pointer; } .text-button:hover { text-decoration: underline; color: var(--main-blue); } .right-align { display: block; width: 100%; text-align: right; } .borderless img { border:none; } .bordered img, .bordered video { border: 1px solid rgba(0, 0, 0, 0.1); } .copy-content { opacity: 0.7; } .copy-content:hover { opacity: 1; } .listingblock { position: relative; } .listingblock .copy-content { position: absolute; right: 0; margin-right: 15px; margin-top: 8px; visibility: hidden; } .copy-content:hover { opacity: 1; } .listingblock .copy-content .copy-confirmation { position: relative; right: 40px; bottom: 5px;  } .copy-content button { background: white; border: 1px solid rgb(174 77 19 / 50%); border-radius: 5px; width: 30px; height: 30px; color: rgb(174 77 19 / 70%); } .cmd-wrapper .copy-content button { margin: 0; padding: 0; width: 20px; height: 20px; } .cmd-wrapper .copy-content { visibility: hidden; margin-left: 10px; display: inline-flex; justify-content: center; } .cmd-wrapper:hover .copy-content { visibility: visible; } .cmd-wrapper .copy-content .copy-confirmation { position: static; margin-left: 5px;  } .cmd-wrapper .copy-content .copy-confirmation[active=false] { display: block; } .cmd-wrapper .copy-content .copy-confirmation[active=true] { display: inline; } .copy-content button:active { filter: brightness(0.95); } .listingblock:hover .copy-content { visibility: visible; } .article .page a:not([class]), .article .page a[class=""] { padding-bottom: 0; position: relative; text-decoration: none; background-image: linear-gradient( hsl(0deg,0%,40%), hsl(0deg,0%,40%) ); background-size: 92% 1px; background-position: 50% 100%; background-repeat: no-repeat; display: inline-flex; transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1); align-items: center; gap: 4px; } .article .page a:not([class]), .article .page a[class=""], .article .page a:not([class]):hover, .article .page a[class=""]:hover, .article .page a:not([class]):visited, .article .page a[class=""]:visited { color: hsl(225deg,3%,30%); } .article .page a:not([class]):hover, .article .page a[class=""]:hover { background-size: 100% 1px; }  button.contact { border: none; min-height: 30px; cursor: pointer; } button.contact, a.contact, .page a.contact, .page a.contact:visited { background-color: var(--sf-blue); border-radius: 3px; color: white; padding-left: 10px; padding-right: 10px; text-decoration: none; transition: background-color .3s ease; white-space: pre; } button.contact:hover, a.contact:hover, .page a.contact:hover { background-color: var(--sf-blue-dark); text-decoration: none; } .relative-anchor { position: relative; width: 0; height: 0; top: 0; left: 0; } .back-to-collection { text-decoration: none;  color: var(--sf-blue-dark); display: flex; flex-direction: row; align-items: center;  justify-content: center; gap: 10px; font-size: 11px;   position: absolute;  width: 40px; height: 40px; top:25px; left: 25px;  background: transparent; border-radius: 20px; transition: background-color 0.4s; } .back-to-collection svg { transform: translateY(3px); color: var(--titlecolor); width: 36px; height: 36px;  } .back-to-collection:hover {   background-color: rgba(0,0,0,0.1); } .btn-tooltip.back { transition-delay: 0.7s; font-weight: normal; font-size: 12px; }  @media screen and (max-width: 900px) { .back-to-collection { position: static; width: auto; height: auto; margin: 10px auto 0; justify-content: flex-start; padding-left: 20px; } .relative-anchor { position: relative; width: auto; height: auto; } } .input.copy-confirmation { padding: 5px 10px; font-family: 'proxima-nova-thin', Open Sans; font-size: 11pt; font-weight: normal;  color: white; background-color: #3e497e; border-radius: 3px; transition: opacity 0.3s; z-index: 99; } .input.copy-confirmation::before { content: " "; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #3e497e transparent transparent transparent; position: absolute; transform: translate(15px, 22px); }  .three-columns-layout { display: grid; grid-template-columns: 1fr 800px 1fr; } .three-columns-layout .page { margin: 0; } @media screen and (max-width:1500px) { .three-columns-layout { grid-template-columns: 1fr 800px 1fr; } } @media screen and (max-width:1300px) { .three-columns-layout { grid-template-columns: 1fr auto; } .three-columns-layout > *:nth-child(3) { display: none; } } @media screen and (max-width:1100px) { .three-columns-layout { grid-template-columns: 100%; margin-right: 0; } }  .sf-hero-gradient { position: absolute; top: 0; left: 0; right: 0; height: 262px; background: linear-gradient(120deg, rgb(6,16,64) 0%, rgb(26,93,184) 49%, rgb(42,175,196) 100%); z-index: 4; pointer-events: none; } .sf-hero-gradient::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle, rgba(255,255,255,0.18) 1px, transparent 1px); background-size: 24px 24px; pointer-events: none; -webkit-mask-image: radial-gradient(600px 200px at 50% 150px, black 15%, transparent 75%); mask-image: radial-gradient(600px 200px at 50% 150px, black 15%, transparent 75%); }  .docs-page .sf-hero-gradient { height: calc(var(--navbar-height-big) + 12px); } .docs-page .title-big { color: var(--titlecolor); } .docs-page .page-spacer { background-color: var(--sf-body-background); }  body { padding-top: calc(var(--navbar-height-base) + 12px); } body * { scroll-margin-top: calc(var(--navbar-height-big) + 10px); }  .title-big { color: white; position: relative; z-index: 5; text-align: center; font-size: 32px; line-height: 1.2; padding-bottom: 38px; margin-top: 40px; } .article .title-big { margin-bottom: 30px; }  .title-big span { display: block; text-align: center; margin-top: 8px; font-size: 20px; color: rgba(255,255,255,0.75); }  .navbar-background { position: fixed; height: var(--navbar-height-base); width: 100%; background-color: transparent; z-index: 10; top: 0; left: 0; padding: 6px 0; transition: box-shadow 0.35s ease, height 0.3s ease, border-color 0.35s ease; overflow: visible; border-bottom: none; } .navbar-background.scrolled { background-color: var(--sf-header-glass); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: none; border-bottom: none; padding: 0; }  .compact-title { display: none; font-family: var(--sf-font-display); font-size: 15px; font-weight: 600; color: white; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 500px; opacity: 0; transform: translateY(4px); transition: opacity 0.35s ease, transform 0.35s ease; cursor: pointer; } .compact-title:hover { opacity: 0.75; } .navbar { margin: auto; } .navbar.row-primary { height: var(--navbar-height-base); }  .navbar-background.compact { height: 36px; padding: 0; } .navbar-background.compact .sf-logo { transform: scale(0.75); transform-origin: left center; } .navbar-background.compact .menu-bar-list.level1 { display: grid; align-items: center; } .navbar-background.compact .level1 .menu-bar { grid-row: 1; grid-column: 1; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; } .navbar-background.compact .compact-title { grid-row: 1; grid-column: 1; display: block; opacity: 1; transform: translateY(0); align-self: center; justify-self: end; margin-right: 10px; } .navbar-background.compact ~ .row-secondary.scrolled { top: 36px; }  .navbar.row-secondary { height: calc(var(--navbar-height-big) - var(--navbar-height-base)); background-color: transparent; z-index: 8; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: none; } .navbar.row-secondary .navbar-panel { border-bottom: 1px solid rgba(255,255,255,0.12); transition: border-color 0.35s ease; } .navbar.row-secondary.scrolled { background-color: rgba(255,255,255,0.92); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 1px 0 0 rgba(0,0,0,0.1); } .navbar.row-secondary.scrolled .navbar-panel { border-color: transparent; } .navbar-panel { margin: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; max-width: var(--navbar-width-max); padding: 0 40px; } @media screen and (min-width:950px) and (max-width: 1300px) { .navbar-panel {    max-width: 950px; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 1400px) { .navbar-panel {  } } .sf-logo-mobile { display: none; } .sf-logo { margin-top: auto; margin-bottom: auto; transition: transform 0.3s ease; } .menu-bar-list { display:flex; flex-flow: row wrap; align-items: center; } .menu-bar { display: flex; justify-content: flex-end; align-items: center; box-sizing: border-box; margin: 16px auto; } .menu-bar li { color: var(--sf-on-dark-high); } .menu-item { padding: 5px 2px; list-style-type: none; display: inline-block; box-sizing: border-box; margin: auto 2px; } .nav-separator { display: flex; align-items: center; list-style: none; padding: 0 4px; } .nav-separator::before { content: ''; width: 1px; height: 16px; background: var(--sf-on-dark-muted); }  .nav-external-icon { width: 8px; height: 8px; margin-left: 3px; opacity: 0.5; vertical-align: baseline; position: relative; top: -2px; } .level1 .menu-item:hover > *, .level1 .menu-item.active > * { background: rgba(255,255,255,0.12); color: white; border-radius: 100px; }  @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } .menu-item > * { transition: all .3s; box-sizing: border-box; font-family: var(--sf-font-body); text-transform: none; font-size: 14px; font-weight: 500; letter-spacing: normal; line-height: 1.6; color: inherit; text-decoration: none; padding: 6px 14px; border-radius: 100px; }   .level2 .menu-item > * { padding: 3px 6px; margin: 0; color: rgba(255,255,255,0.65); text-transform: uppercase; font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 500; letter-spacing: 1.1px; transition: color 0.35s ease; }  .row-secondary.scrolled .level2 .menu-item > * { color: rgba(0,0,0,0.45); } .row-secondary.scrolled .level2 .menu-item:hover > * { color: #55a3ff; } .row-secondary.scrolled .level2 .menu-item.active { background: rgba(85, 163, 255, 0.1); } .row-secondary.scrolled .level2 .menu-item.active a { color: #55a3ff; } .menu-bar-list.level2 { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;  -ms-overflow-style: none;  } .menu-bar-list.level2::-webkit-scrollbar { display: none;  } .level2 .menu-bar { display: flex; margin: 0; padding-left: 0; align-items: flex-end; flex-shrink: 0; margin-left: auto;  } .level2 .menu-bar[active] { display: flex; } .level2 .menu-item { text-transform:none; display: flex; align-items: center; border-radius: 100px; background: transparent; transition: background-color 0.35s ease; padding: 3px 2px; }   .level2 .menu-item::before { content: '·'; color: var(--sf-on-dark-muted); font-size: 16px; pointer-events: none; display: flex; align-items: center; justify-content: center; width: 6px; margin: 0 6px; flex-shrink: 0; } .level2 .menu-item:first-child::before { content: ''; visibility: hidden; } .row-secondary.scrolled .level2 .menu-item::before { color: rgba(0,0,0,0.25); }  .level2 .menu-item.active::before { content: ''; height: 6px; border-radius: 50%; font-size: 0; background-color: var(--sf-teal); box-shadow: 0 0 8px rgba(44, 212, 217, 0.12); animation: blink 2s infinite; visibility: visible; }  .row-secondary.scrolled .level2 .menu-item.active::before { background-color: #55a3ff; box-shadow: 0 0 8px rgba(85, 163, 255, 0.2); animation: none; color: transparent; } .minimized .level2 .menu-item::before { display: none; }  .level2 .menu-item.active { background: rgba(255,255,255,0.12); } .level2 .menu-item.active a { color: var(--sf-teal); }  .scrolled .level2 .menu-item:hover a { color: #55a3ff; } .level2 .menu-item:hover > * { color: #55a3ff; }  .row-secondary { position: -webkit-sticky; position: sticky; top: calc(var(--navbar-height-base) + 12px); } .row-secondary .navbar-panel { display: flex; padding-left: 0; padding-right: 0; } .row-secondary .navbar-panel .docs-home { flex-grow: 1; } .row-secondary .navbar-panel .search { max-width: 250px; flex-grow: 2; } .row-secondary .navbar-panel > * { flex-grow: 6; }  .rewind-top { max-width:24px; width: 0; height:24px; border-radius: 4px; margin: 5px 0; background: transparent; display: none; opacity: 0;     position: relative; left: 24px;  transition: all 0.3s; border: 1px solid rgba(255, 255, 255, 0.1); } .rewind-top.scrolled {  display: block; opacity: 1; } .rewind-top::before { content: ""; width:24px; height:24px; display: block; background: url("/assets/images/chevron-up.svg") no-repeat; } .rewind-top:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .rewind-top:active { box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); background: rgba(0,0,0,0.005); }   .page-stats { margin:auto; transform: translate(0, -26px); text-align:center; opacity: 0.6; display:flex; justify-content: stretch; width:40%; } .page-stats .date { margin: 0 auto; display: inline-flex; } .page-stats .date .text {  font-weight:bold; font-size: 12px; } .page-stats .date .icon {  margin-right:5px; height: 20px; width:auto; border:none; } .scrolled .page-stats { visibility:hidden; }  .navbar .aa-InputWrapper, .navbar .aa-InputWrapperPrefix, .navbar .aa-Input { max-height:24px; } .navbar form { max-height: 30px; } :root { --aa-search-input-height: 24px; } .search { background: none; position: relative; display: inline-block;   font-family: proxima-nova-thin, Helvetica; } .searchbox form { border-radius: 5px; margin: 0; }  .searchbox input, .searchbox form { background-color: transparent; box-shadow: none; transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, font-family 0.25s ease, font-size 0.25s ease, letter-spacing 0.25s ease; } .searchbox input { border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.65); font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 500; letter-spacing: 1.1px; text-transform: uppercase; } .searchbox input::placeholder { color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 1.1px; font-size: 11px; } .searchbox form::before { filter: brightness(3); opacity: 0.5; } .searchbox input:focus { background-color: white; box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%); border-color: #0075ff; color: rgba(0,0,0,0.8); font-family: var(--sf-font-body); font-size: 14px; font-weight: 400; letter-spacing: normal; text-transform: none; } .searchbox input:focus::placeholder { color: rgba(0,0,0,0.4); } .searchbox:has(input:focus) form::before { filter: none; opacity: 0.5; }  .row-secondary.scrolled .searchbox input { border-color: rgba(0,0,0,0.15); color: rgba(0,0,0,0.5); } .row-secondary.scrolled .searchbox input::placeholder { color: rgba(0,0,0,0.35); } .row-secondary.scrolled .searchbox form::before { filter: none; opacity: 0.6; } .row-secondary.scrolled .searchbox input:focus { background-color: white; border-color: #0075ff; font-family: var(--sf-font-body); font-size: 14px; font-weight: 400; letter-spacing: normal; text-transform: none; } .search-results { position: absolute;  margin: 0; padding: 0; min-width: 243px; }  .page-load { display: none; margin: 0 10px; max-width: 20px; max-height: 20px; width: 20px; height: 20px; transform: scale(0.4); } .page-load.active { display: inline-block; } .items-list { display: flex; flex-direction: column; background: white; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 5px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); } .items-list .item { text-decoration: none; padding: 5px; display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; } .items-list .item .title { font-size: 14px; color:black; max-width: 30em; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .items-list .item .groups { font-size: 12px; color:gray;  } .items-list .item .groups .divider::after { content: "/"; margin-left: 3px; margin-right: 3px; } .items-list .item .groups::before { content: " in ";    margin-left: 0.3em; } .items-list .item:hover { background: rgba(0,0,0,0.1); } .items-list svg { color:gray; opacity: 0; } .items-list .item:hover svg { opacity: 1; } .docs-home { text-decoration: none; color:inherit; } .minimized { display: none; transition: all 0.2s; z-index: 99; position: sticky; top: 44px; width: 100%; background-color: var(--sf-header-glass); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--sf-on-dark-border); }      .minimized.unfolded {     } .minimized .menu-bar { display: flex; flex-flow: column wrap; justify-content: center; background: transparent; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .minimized .level2 .menu-item > * { color: var(--sf-on-dark-mid); } .minimized .level2 .menu-item.active > * { color: var(--sf-blue-new); } .minimized .level2 .menu-item.active a::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: var(--sf-blue-new); margin-right: 10px; vertical-align: middle; } .minimized .level1 .menu-item > * { color: var(--sf-on-dark-high); }  .minimized .menu-bar.level2 > * { border-bottom: 1px solid rgba(100, 100, 100, 0.25); width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } .minimized .menu-bar.level2 :last-child { border: none; } .minimized .menu-bar.level1 { display: none; background: rgba(255,255,255,0.04); } .minimized .menu-bar.level2 { background: transparent; color: var(--sf-on-dark-mid); padding-inline-start: 0; } .hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 36px; height: 36px; background: transparent; border: 1px solid var(--sf-on-dark-border); border-radius: 8px; cursor: pointer; padding: 0; margin: auto 10px; } .hamburger-line { display: block; width: 18px; height: 2px; background: white; border-radius: 1px; transition: transform 0.3s, opacity 0.3s; } .hamburger.unfolded .line1 { transform: translateY(7px) rotate(45deg); } .hamburger.unfolded .line2 { opacity: 0; } .hamburger.unfolded .line3 { transform: translateY(-7px) rotate(-45deg); } @media screen and (max-width:980px) { .row-secondary .navbar-panel .search, .sf-logo { margin-left: 10px; } } @media screen and (max-width: 900px) { html { overflow-x: hidden; } body { padding-top: var(--navbar-height-base); overflow-x: hidden; } img, video, iframe, table { max-width: 100%; } .row-primary { display: none; } .row-secondary, .navbar.row-secondary.scrolled { position: fixed; top: 0; left: 0; right: 0; z-index: 100; } .row-secondary .navbar-panel .search { max-width: 100%; }  .sf-logo-mobile { display: flex; align-items: center; flex-shrink: 0; margin-left: 12px; color: white; } .sf-logo-mobile .sf-logo-icon { width: 26px; height: 26px; } /* do not take a share of the free space (.navbar-panel > * grows), it belongs to the search box */ .row-secondary .navbar-panel > .sf-logo-mobile { flex: 0 0 auto; } .sf-logo-mobile + .search { margin-left: 10px !important; }  .row-secondary .navbar-panel > .search { flex: 0 1 460px; min-width: 0; } .row-secondary .navbar-panel > .menu-bar-list.level2 { flex: 1 1 0; min-width: 0; } .row-secondary .navbar-panel > .hamburger { flex: 0 0 auto; width: 44px; } .hamburger { display: flex; } .menu-bar-list.level2 .menu-bar { display: none; } .minimized.unfolded { display: inherit; } .minimized .menu-bar { display: flex; flex-direction: column; padding: 0; margin: 0; list-style: none; } .minimized .menu-bar.level1 { display: flex; flex-direction: column; border-bottom: 1px solid rgba(255,255,255,0.08); } .minimized .menu-bar.level1 > * { border-bottom: 1px solid var(--sf-on-dark-border); width: 100%; padding: 0; } .minimized .menu-bar.level1 :last-child { border-bottom: none; } .minimized .menu-bar.level1 a { display: block; padding: 14px 24px; font-size: 15px; font-weight: 500; color: var(--sf-on-dark-high); text-decoration: none; } .minimized .menu-bar.level1 li:hover a, .minimized .menu-bar.level1 li a:hover { background: rgba(255,255,255,0.06); } .minimized .menu-bar.level2 { padding-top: 4px; } .minimized .menu-bar.level2 > * { border-bottom: 1px solid var(--sf-on-dark-border); width: 100%; padding: 0; } .minimized .menu-bar.level2 :last-child { border-bottom: none; } .minimized .menu-bar.level2 a { display: block; padding: 12px 24px; font-size: 14px; color: var(--sf-on-dark-mid); text-decoration: none; } .minimized .menu-bar.level2 li:hover a, .minimized .menu-bar.level2 li a:hover { background: rgba(255,255,255,0.06); color: var(--sf-on-dark-high); }  .navbar.row-secondary { background-color: var(--sf-header-glass); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom-color: var(--sf-on-dark-border); } .searchbox input { border-color: var(--sf-on-dark-border); color: var(--sf-on-dark-mid); } .searchbox input:focus { color: rgba(0, 0, 0, 0.8); background-color: white; } .searchbox input::placeholder { color: var(--sf-on-dark-low); } .searchbox form::before { filter: brightness(1.5); } .rewind-top { position: fixed; left: auto; right: 34px; top: 100%; } .three-columns-layout.unfolded { filter: blur(10px); }  body * { scroll-margin-top: calc(var(--navbar-height-base) + 10px); }  .minimized { position: fixed; top: var(--navbar-height-base); left: 0; right: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }  .compact-title { max-width: 60vw; }  .search-results { min-width: auto; width: 100%; left: 0; right: 0; }  .sf-hero-gradient { height: 165px; } }  /* ================================================================ * Footer — Dark theme matching sim-flow.com * ================================================================ */ .footer { position: relative; z-index: 5; color: var(--sf-on-dark); overflow: hidden; background: radial-gradient(ellipse 60% 50% at 85% 0%, rgba(20,12,50,.65) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 50% 50%, rgba(8,18,55,.5) 0%, transparent 70%), var(--sf-footer-bg); margin-top: 0; padding: 0; }  .footer-streamlines { position: absolute; inset: 0; z-index: 1; pointer-events: none; } .fsl { fill: none; stroke-linecap: round; stroke-width: 1.5; stroke-dasharray: 800; stroke-dashoffset: 800; animation: flowDash 14s ease-in-out infinite; } .fsl-1 { stroke: rgba(var(--sf-blue-rgb), 0.1); } .fsl-2 { stroke: rgba(var(--sf-teal-rgb), 0.07); animation-delay: 4s; animation-duration: 16s; } .fsl-3 { stroke: rgba(var(--sf-blue-rgb), 0.06); animation-delay: 7s; animation-duration: 18s; } @keyframes flowDash { 0% { stroke-dashoffset: 800; } 100% { stroke-dashoffset: -800; } }  .footer-card { position: relative; z-index: 2; border-top: 1px solid var(--sf-on-dark-border); } .footer-card-content { position: relative; z-index: 3; padding: 100px 40px 86px; max-width: var(--sf-container-max); margin: 0 auto; }  .footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; } .footer-headline { font-family: var(--sf-font-display); font-size: 32px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.12; color: var(--sf-on-dark-mid); margin: 0; } .footer-headline em { font-style: italic; font-weight: 400; background: var(--sf-brand-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }  .footer-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; align-self: start; padding-top: 8px; } .footer-col h3 { font-family: var(--sf-font-display); font-size: 11px; font-weight: 600; color: var(--sf-on-dark-low); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; text-align: left; } .footer-col ul { list-style: none; margin: 0; padding: 0; } .footer-col li { margin-bottom: 10px; letter-spacing: normal; font-family: var(--sf-font-body); line-height: 1.6; } .footer-col a { font-family: var(--sf-font-body); font-size: 14px; font-weight: 400; color: var(--sf-on-dark-mid); text-decoration: none; letter-spacing: normal; line-height: 1.6; transition: color .25s, transform .25s; position: relative; display: inline-block; } .footer-col a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: linear-gradient(90deg, var(--sf-blue-new), var(--sf-teal)); transition: width .3s cubic-bezier(.23,1,.32,1); } .footer-col a:hover { color: var(--sf-on-dark); transform: translateX(3px); } .footer-col a:hover::after { width: 100%; }  .footer-disclaimer { position: relative; z-index: 2; max-width: var(--sf-container-max); margin: 0 auto; padding: 16px 40px 0; } .footer-disclaimer p { font-family: var(--sf-font-body); font-size: 11px; color: var(--sf-on-dark-muted); text-align: center; line-height: 1.5; margin: 0; opacity: 0.7; }  .footer-bottom { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 28px 40px; max-width: var(--sf-container-max); margin: 0 auto; border-top: 1px solid var(--sf-on-dark-surface); gap: 24px; } .footer-bottom-left { display: flex; align-items: center; gap: 16px; } .footer-logo-sm { display: flex; align-items: center; gap: 8px; font-family: var(--sf-font-display); font-size: 16px; font-weight: 600; color: var(--sf-on-dark-mid); letter-spacing: -0.01em; text-decoration: none; transition: color .3s; } .footer-logo-sm:hover { color: var(--sf-on-dark); } .footer-social { display: flex; gap: 8px; } .footer-social a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--sf-on-dark-low); background: rgba(255,255,255,0.03); border: 1px solid var(--sf-on-dark-surface); text-decoration: none; transition: .3s cubic-bezier(.23,1,.32,1); transition-property: color, background, border-color, transform, box-shadow; } .footer-social a:hover { color: var(--sf-on-dark); background: rgba(var(--sf-blue-rgb), 0.1); border-color: rgba(var(--sf-blue-rgb), 0.25); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--sf-blue-rgb), .15); } .footer-social svg { width: 14px; height: 14px; } .footer-bottom-right { display: flex; align-items: center; gap: 16px; } .footer-copy { font-family: var(--sf-font-body); font-size: 12px; color: var(--sf-on-dark-muted); white-space: nowrap; }  @media (max-width: 900px) { .footer-cols { grid-template-columns: repeat(2, 1fr); } .footer-top { grid-template-columns: 1fr; gap: 28px; } }  @media (max-width: 640px) { .footer-card-content { padding: 40px 20px 28px; } .footer-top { grid-template-columns: 1fr; gap: 28px; } .footer-headline { font-size: 28px; } .footer-cols { grid-template-columns: repeat(2, 1fr); gap: 20px; } .footer-disclaimer { padding: 16px 20px 0; } .footer-bottom { flex-direction: column; gap: 14px; align-items: flex-start; padding: 28px 20px; } .footer-bottom-right { justify-content: flex-start; gap: 12px; } }  @media (max-width: 640px) { .title-big { font-size: 24px; margin-top: 20px; padding-bottom: 40px; } .title-big span { font-size: 16px; } }  @media (min-width: 641px) and (max-width: 900px) { .sf-hero-gradient { height: 200px; } }  .ais-SearchBox, .ais-SearchBox * { box-sizing: border-box; } .ais-SearchBox-form { position: relative; display: flex; width: 100%; height: 2.5rem; font-size: .875rem; line-height: 1.25rem; background-color: #fff; } .ais-SearchBox-form::before { content: ""; position: absolute; top: 50%; left: 1rem; width: 1rem; height: 1rem; margin-top: -.5rem; background: transparent url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") repeat scroll 0 0; } .ais-SearchBox-input { -webkit-appearance: none; appearance: none; flex: 1 1 0%; max-width: 100%; padding-left: 2.5rem; font: inherit; color: #23263b; caret-color: #5a5e9a; background-color: #fff; border: 1px solid #d6d6e7; border-radius: 3px; box-shadow: inset 0 1px 4px 0 rgba(119,122,175,.3); } .ais-SearchBox-input::placeholder { color: #5a5e9a; } .ais-SearchBox-input:focus { border-color: #3c4fe0; box-shadow: 0 1px 0 0 rgba(35,38,59,.05); outline: none; } .ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration { display: none; } .ais-SearchBox-submit { display: none; } @media (max-width: 767px) { .ais-SearchBox-input { font-size: 1rem; } }  .search-root { position: relative; } .search-root .ais-SearchBox-form { position: relative; } .searchbox input { padding-right: 34px; } .searchbox input::-webkit-search-cancel-button { display: none; }  .searchbox input:not(:placeholder-shown) { font-family: var(--sf-font-body); font-size: 14px; font-weight: 400; letter-spacing: normal; text-transform: none; } .search-shortcut { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font: 500 10px/1 'DM Mono', monospace; color: var(--sf-on-dark-low);  background: transparent !important; margin: 0; box-shadow: none; border: 1px solid var(--sf-on-dark-border); border-radius: 4px; padding: 3px 6px; pointer-events: none; } .search-root:focus-within .search-shortcut { display: none; } .row-secondary.scrolled .search-shortcut { color: rgba(0,0,0,0.35); border-color: rgba(0,0,0,0.15); } .search-clear { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); border: 0; background: none; padding: 2px 7px; border-radius: 4px; font-size: 18px; line-height: 1; color: rgba(0,0,0,0.45); cursor: pointer; } .search-clear:hover { background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.75); } .search-root:not(:focus-within) .search-clear { color: var(--sf-on-dark-mid); } .row-secondary.scrolled .search-root:not(:focus-within) .search-clear { color: rgba(0,0,0,0.45); }  .search-panel { position: absolute; top: calc(100% + 8px); left: 0; z-index: 20; width: min(680px, calc(100vw - 32px)); max-height: min(72vh, 680px); display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(11,26,58,0.08); border-radius: 12px; box-shadow: 0 24px 48px -12px rgba(0,0,77,0.28), 0 4px 12px rgba(0,0,77,0.08); overflow: hidden; font-family: var(--sf-font-body); color: var(--sf-text); text-align: left; animation: search-panel-in 0.12s ease-out; } @keyframes search-panel-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } } .search-panel-body { overflow-y: auto; overscroll-behavior: contain; padding: 6px 8px 8px; } .search-group + .search-group { margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(11,26,58,0.06); } .search-group-title { padding: 10px 10px 6px; font: 500 10.5px/1 'DM Mono', monospace; letter-spacing: 1.1px; text-transform: uppercase; color: rgba(11,26,58,0.45); } .search-item { display: flex; flex-direction: column; gap: 3px; padding: 8px 10px; border-radius: 8px; color: inherit; text-decoration: none; } .search-item:hover, .search-item:focus { color: inherit; text-decoration: none; } .search-item.active { background: rgba(var(--sf-blue-rgb), 0.10); } .search-tutorials { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 4px; } .search-tutorial { gap: 6px; padding: 6px; } .search-thumb { display: block; aspect-ratio: 16 / 10; background: #f4f6fa; border-radius: 6px; overflow: hidden; } .search-thumb img { width: 100%; height: 100%; object-fit: contain; } .search-tutorial-title { font: 600 13px/1.3 var(--sf-font-display); color: var(--titlecolor); } .search-tutorial-step { font-size: 12px; line-height: 1.35; color: rgba(66,66,66,0.8); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .search-tutorial-step::before { content: "Step: "; color: rgba(11,26,58,0.45); } .search-document { padding: 2px 0; } .search-breadcrumb { font: 500 10px/1.2 'DM Mono', monospace; letter-spacing: 0.8px; text-transform: uppercase; color: rgba(11,26,58,0.45); } .search-breadcrumb:empty { display: none; } .search-title { font: 600 15px/1.3 var(--sf-font-display); color: var(--titlecolor); } .search-snippet { font-size: 13px; line-height: 1.5; color: rgba(66,66,66,0.85); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .search-section { margin-left: 12px; padding-left: 14px; border-left: 2px solid rgba(11,26,58,0.08); border-radius: 0 8px 8px 0; } .search-section.active { border-left-color: var(--sf-blue-new); } .search-section-title { font-size: 13.5px; font-weight: 500; color: var(--titlecolor); } .search-more { margin-left: 28px; padding: 2px 0 6px; font-size: 12px; color: rgba(11,26,58,0.45); } .search-panel mark {  background-color: rgba(var(--sf-teal-rgb), 0.22) !important; box-shadow: inset 0 -1.5px 0 rgba(var(--sf-teal-rgb), 0.9); border-radius: 2px; padding: 0 1px; color: inherit;  font: inherit; letter-spacing: inherit; border: 0; } .search-math { font-family: 'Times New Roman', serif; } .search-empty, .search-status { padding: 18px 12px; font-size: 14px; } .search-empty p { margin: 0; } .search-hint { margin-top: 6px !important; font-size: 13px; color: rgba(66,66,66,0.75); } .search-hint a { color: var(--sf-blue-dark); } .search-status { color: rgba(66,66,66,0.7); } .search-panel-footer { display: flex; gap: 16px; padding: 8px 14px; border-top: 1px solid rgba(11,26,58,0.06); background: #fafbfd; font-size: 11.5px; color: rgba(11,26,58,0.5); } .search-panel-footer kbd { box-shadow: none; margin-right: 3px; padding: 2px 5px; font: 500 10px/1 'DM Mono', monospace; color: rgba(11,26,58,0.6); background: #fff; border: 1px solid rgba(11,26,58,0.15); border-bottom-width: 2px; border-radius: 4px; }  @media (hover: none) { .search-shortcut, .search-panel-footer { display: none; } }  @media screen and (max-width: 900px) { .search-panel { position: fixed; top: 50px; left: 8px; right: 8px; width: auto; max-height: calc(100dvh - 60px); } .search-tutorials { grid-template-columns: repeat(2, 1fr); } }  @media screen and (max-width: 600px) { .search-tutorials { grid-template-columns: 1fr; gap: 2px; } .search-tutorial { display: grid; grid-template-columns: 76px 1fr; column-gap: 12px; align-items: center; padding: 6px 8px; } .search-tutorial .search-thumb { grid-row: span 2; } .search-tutorial-title, .search-tutorial-step { align-self: end; } .search-tutorial-step { align-self: start; -webkit-line-clamp: 1; } } .section .copy-link, .sect2 h3 .copy-link { display: inline-block;   margin-left: 0px;   transform: translateY(2px); padding: 1px;  opacity: 0; transition: opacity 0.3s; } .section h2:hover .copy-link, .sect2 h3:hover .copy-link {   opacity: 1; } .copy-link:hover {  border-radius: 3px;   background-color: rgba(0, 0, 0, 0.1); } @keyframes dissmiss { from {opacity: 1;} to {opacity: 0;} } .copy-confirmation[active=true]::after { content: "Copied!"; font-size: 12px; display: inline-block; animation-name: dissmiss; animation-duration: 0.5s; opacity: 0; position: relative; width: 0; max-width: 0; } .scroll-navigation { margin-top: 80px; } .scroll-navigation .list { margin-left: 50px; display: flex; flex-flow:column nowrap; align-items: stretch; transition: all 0.4s;  position:sticky; position: -webkit-sticky; top: calc(var(--navbar-height-big) + 10px); } @media screen and (min-width:1470px) { .scroll-navigation .list { width: auto; } } .scroll-navigation.right {   } .scroll-navigation.right .list { border-left: 1px solid rgba(0,0,0,0.15); } .scroll-navigation.left {   border-left: 1px solid rgba(0,0,0,0.15); } .scroll-navigation.left-flip { left:5%; border-right: 1px solid rgba(0,0,0,0.15); direction: rtl; } .scroll-navigation.small {   } .scroll-show-target { opacity: 0; } .scroll-show-target[active] { opacity: 1; } .scroll-action { border: none; background-color: inherit; padding: 0; font-size: 12px; height: 25px; flex-grow:1; height: 30px;  text-align: left; display:flex; align-items: center; color: #424242; font-weight: lighter; cursor: pointer; } .scroll-action:focus { outline:none; } .scroll-action:hover, .scroll-action[active] { font-weight: bold; } .scroll-action::before { content: ""; width: 4px; height: 30px; background-color: #55a3ff; position: relative; display:inline-block; color: #55a3ff; transition: all 0.4s; opacity: 0; border-radius: 3px; } .right .scroll-action::before { left:-2px; margin-right: 14px; } .left .scroll-action::before { left:-2px; margin-right: 14px; } .left-flip .scroll-action::before { left:2px; margin-right: 14px; } .left-flip .scroll-action.level2::before { left: 27px; } .scroll-action:hover::before { opacity: 0; } .scroll-action[active]:hover::before { opacity: 1; } .scroll-action[active]::before { opacity: 1; } @keyframes unfold-subsections { 0% { height: 0; opacity: 0; display: none; } 80% { height: 0; opacity: 0; display: inherit; } 100% { height: auto; opacity: 1; display: inherit; } } .scroll-group .scroll-group.level2 { opacity: 0; display:none; } .scroll-group.opened .scroll-group.level2 { opacity: 1; height:auto; display: inherit; animation: unfold-subsections 0.3s; } .scroll-action.level2 { font-size: 11px; height: 25px; } .scroll-action.level2::before { margin-right: 24px; } .scroll-top-page { opacity: 0; position: fixed; bottom: 20px; width: 30px; height: 30px; border-radius: 15px;  background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 1px 3px rgb(0 0 0 / 20%); text-align: center; transition: color 0.4s; } .scroll-top-page:hover { box-shadow: 0 1px 3px rgb(0 0 0 / 40%); } .scroll-top-page:active { box-shadow: 0 1px 3px rgb(0 0 0 / 20%); background: rgba(200, 200, 200, 0.5); } .scroll-top-page.right { right: calc(50% - var(--site-width) / 2 - 90px); } .scroll-top-page.left{ left: 50px; } .scroll-top-page.left-flip{ left: calc(50% - var(--site-width) / 2 - 90px); } .scroll-top-page button { margin-top:3px; border: none; background:transparent; width: 25px; height: 25px;  background-image: url("/assets/images/chevron-up.svg?20px"); } .scroll-top-page img { border: none; }  .navigation-buttons { margin-left: 50px;      display:flex; column-gap: 3px; flex-flow:row wrap;   z-index: 3; position:absolute; bottom: 20px; } .navigation-buttons[active] { opacity: 1; } .navigation-buttons > * { width:32px; height:32px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; margin: 5px 0;    background: linear-gradient(to top, rgb(245, 245, 245) 0%, white 20%); transition: all 0.2s; display: block; } .navigation-buttons .up:active, .navigation-buttons .down:active {  box-shadow: inset 0 0 3px rgba(0,0,0, 1); } .navigation-buttons > .up:hover, .navigation-buttons > .down:hover {  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .navigation-buttons > .up:active, .navigation-buttons > .down:active {   box-shadow: inset 0 0 3px rgba(0,0,0, 0.15); } .navigation-buttons > *::before { content: ""; width:32px; height:32px; position:relative; display: block; left: 4px; top: 4px; } .navigation-buttons .up::before { background: url("/assets/images/chevron-up.svg") no-repeat; } .navigation-buttons .down::before { background: url("/assets/images/chevron-down.svg") no-repeat; } .navigation-buttons .up.page-start::before { background: url("/assets/images/chevron-up-end.svg") no-repeat; } .navigation-buttons .down.page-end { margin-right: 50px; } .navigation-buttons .down.page-end::before { background: url("/assets/images/chevron-down-end.svg") no-repeat; } .navigation-buttons .up:hover::before, .navigation-buttons .down:hover::before { filter: brightness(50%); } @media screen and (max-width: 1550px) { .navigation-buttons .up.page-start { display: none; } .navigation-buttons .down.page-end { display: none; } } @media screen and (max-width: 1470px) { .navigation-buttons {    } .navigation-buttons > * { background: linear-gradient(to top, rgb(245, 245, 245) 0%, white 20%); } } @media screen and (max-width: 1200px) { .navigation-buttons {  display: none; } } .directory-navigation { transition: top 0.4s; margin-top: 20px; }  .directory-navigation .list { display: block; max-width: 300px; margin: 0 auto; font-family: "Open Sans", proxima-nova-thin, Arial, sans-serif; position:sticky; position: -webkit-sticky; top: calc(var(--navbar-height-big) + 10px); } .doc-link { display: flex; align-items: center; text-decoration: none; color: var(--sf-text); font-size: 14px; transition: color 0.4s; background: transparent; border: none; text-align: left; max-width: 300px; padding: 5px 0 5px 13px } .directory-navigation h3 { margin-block-start: 0.5em; margin-block-end: 0.3em; font-size: 18px; } .doc-link.active { padding-left: 0; color: #55a3ff; font-weight: bold;   } .doc-link.active::before { content: ""; width: 6px; height: 6px; border-radius: 3px; background-color: #55a3ff; display: inline-block; margin-right: 5px; text-align: center; } .doc-link.active:hover { text-decoration: none; } .doc-link:hover { text-decoration: underline; color:#55a3ff; }  .directory-navigation .selected-title { display: none; } .directory-navigation.subdirs .list {  padding-left: 20px; padding-right: 20px; padding-top: 5px; }    .directory-navigation.subdirs .foldable-group .group-title { font-weight: normal; font-size: 12pt;  } .foldable-group .toggle, .back-index .toggle { background-color: transparent; border: none; cursor: pointer; } .foldable-group .toggle:hover, .back-index .toggle:hover { background-color: rgba(255,255,255,.5); } .foldable-group .fold-icon { transition: all 0.3s; transform: rotateX(180deg); } .foldable-group.folded .fold-icon { transform: rotateX(0); } @media screen and (max-width: 1100px) { .directory-navigation { margin: 12px auto; padding: 0 16px; width: 100%; max-width: 480px; box-sizing: border-box;  } .directory-navigation .list { width: 100%; }  .directory-navigation.subdirs .list { padding-left: 0; padding-right: 0; }  .directory-navigation .back-index .toggle, .directory-navigation .back-index .toggle:hover { padding: 0; background: none; } .directory-navigation .selected-title { display: block; white-space: nowrap; margin-left: 0px; color: var(--titlecolor); min-width: 0; overflow: hidden; text-overflow: ellipsis; } .directory-navigation .selected-title::before { content: "›"; padding: 0 8px; color: rgba(11,26,58,0.35); } .directory-navigation .title { white-space: nowrap; width: calc(100% - 10px); cursor: pointer; margin: 0; display: inline-block; margin-top: 5px; margin-bottom: 5px;  background-color: white; border: 1px solid rgba(11,26,58,0.12); color: rgba(11,26,58,0.55); border-radius: 8px; font-size: 15px; padding: 8px 4px 8px 12px; display: flex; align-items: center; box-sizing: border-box; width: 100%; } .directory-navigation .title:hover {  border-color: var(--sf-blue-new); } .directory-navigation .title::after { position: relative; display: inline-block; content: " ";   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(101,172,255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-position: right 0 top 2px; width: 20px; height: 20px; margin-left: auto; margin-right: 10px; flex-shrink: 0;   } .directory-navigation .list { width: auto; max-width: none; position: static; }  .directory-navigation .dir-content { display: none; position: relative; margin: 6px auto 0; padding: 4px 0; background-color: white; border: 1px solid rgba(11,26,58,0.12); border-radius: 8px; box-shadow: 0 16px 32px -16px rgba(0,0,77,0.25); overflow: hidden; width: 100%; } .dir-content.unfolded { display: block; } .dir-content > * + * { border-top: 1px solid rgba(11,26,58,0.06); } .directory-navigation .foldable-group .toggle { padding: 10px 12px 10px 14px; } .directory-navigation .foldable-group .toggle:hover { background-color: rgba(var(--sf-blue-rgb), 0.06); } .directory-navigation.subdirs .foldable-group .group-title { margin: 0; text-align: left; font-family: var(--sf-font-display); font-size: 15px; font-weight: 600; color: var(--titlecolor); } .directory-navigation .subdir-content { padding-bottom: 6px; } .directory-navigation .doc-link { max-width: none; padding: 8px 14px 8px 26px; font-size: 14px; color: rgba(66,66,66,0.9); } .directory-navigation .doc-link:hover { text-decoration: none; color: var(--titlecolor); background-color: rgba(var(--sf-blue-rgb), 0.06); } .directory-navigation .doc-link.active { padding: 8px 14px 8px 26px; font-weight: 600; color: var(--sf-blue-dark); background-color: rgba(var(--sf-blue-rgb), 0.10); box-shadow: inset 3px 0 0 var(--sf-blue-new); } .directory-navigation .doc-link.active::before { display: none; } } h1, h2 { color:var(--titlecolor); font-family: proxima-nova,sans-serif; display:block; text-align:center; } .scroll-navigation {margin-top: 0;} .directory-navigation {margin-top: 0;} h3, h4, h5, h6 { color:var(--titlecolor); font-family: proxima-nova,sans-serif; text-align:left; } h3, h4 { font-size: 18px; } .page-content h3, .page-content h4, .page-content h5, .page-content h6 { border-bottom: 1px solid #e5e5e5; } h5, h6 { font-size: 18px; margin-bottom: 20px; } p { margin-block-start: 0; margin-block-end: 0; } .paragraph, .paragraph p, .ulist p { font-size: 15px; line-height: 1.7;  letter-spacing: 0.09px; } .paragraph { margin-top: 1em; margin-bottom: 1em; } .ulist, .olist { margin-top: 0; margin-bottom: 1em; } .solvers .ulist { margin-top: 0; margin-bottom: 0; } .solvers .paragraph { margin-top: 1em; margin-bottom: 0; } .stemblock .content { margin: auto; } div.preambleContent { text-align: center; } .preambleContent img, .preambleContent video { margin: auto -45px; max-width: calc(100% + 90px); } div.preambleContent img { display: block; max-height: 600px; width: auto; height: auto; } .ulist ul { margin-block-start: 0; margin-block-end: 0; padding-left: 15px; } ol { padding-inline-start: 1.5em; } #toc.toc2 a:link{color:white;} .olist .title { font-family: Open Sans!important; color: #424242; font-size: 14px;  line-height: 2; } .olist ol { margin-top: 0; padding-left: 20px; } code { background-color: hsl(205deg 99.49% 97.59%); color: #06314d; border-radius: 4px; font-size: 13px; padding: 5px 8px; border: 1px solid #d4eeff; } .listingblock { background-color: var(--secondarycolor); border-radius: 5px; } .listingblock .content {  padding-left: 10px; padding-right: 10px; }  .admonitionblock.warning table { color: #5bb553; } #toc.toc2{background-color:#2C001E;color:white;} #toc.toc2.a{color:white;} #toctitle{color:#E95420;} img { max-width: 100%; border: none; height: auto; margin: auto; } .imageblock img { margin: auto; max-width: 100%; height: auto; } .imageblock, .videoblock { text-align:center; margin-top: 10px; margin-bottom:20px; } .imageblock .title, .videoblock .title { width: 80%; margin: auto; } .frontImage img { border: none; } div.frontImage { margin: auto; } .geometryContainer { border:none; font-family: proxima-nova,monospace; background-color:#d2dcff; color:#0432c7; transition: 0.3s; padding:3px; padding-left:5px; padding-right:5px; border-radius:4px; cursor: pointer; } .geometryContainer:focus { border:none; } .geometryContainer:focus { border:none; } .geometryContainer:hover { background-color:#557ce0; color:white; } .geometryContainer .geometryFile { padding-left:3px; } span.inputContainer { margin-top:3px; margin-bottom:3px; line-height:2; } span.inputContainer * > i { padding:3px; background-color: var(--secondarycolor) !important; color:var(--codecolor); font-family: monospace; font-style: normal; font-size: 13px; } span.inputNameContainer { min-width: 150px; display: inline-block; } i.inputValue { border-radius:3px; margin-left:5px; margin-right:5px; cursor: pointer; } i.inputName {  }  video { max-width: 100%; } table { width: 100%; } kbd { border:1px solid #d1d5da; border-radius: 6px; vertical-align: middle; background-color: #fafbfc; box-shadow: inset 0px -1px 0px #d1d5da; font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; display: inline-block; padding: 3px 5px; box-sizing: border-box; line-height:12px; color:rgb(68, 77, 86); } b.button { font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; display: inline-block; padding: 3px 5px; box-sizing: border-box; line-height:12px; vertical-align: 20%; border-radius: 4px; border:1px solid var(--codecolor); box-shadow: inset 0px -1px 0px #c7254e8f; background-color: var(--secondarycolor) !important; color:var(--codecolor); } .inputName .MathJax { font-size: 13pt; } mark { padding:3px; background-color: var(--secondarycolor) !important; color:var(--codecolor); font-family: monospace; font-style: normal; } .section {  padding-left: var(--text-border-padding); padding-right: var(--text-border-padding); padding-bottom: 100px; }  @media screen and (min-width: 901px) { .section .paragraph { text-align: justify; } } #section-0 { margin-top: 0px; } .section h2 { border-bottom: 1px solid rgba(0,0,0,0.1); text-align: left;  padding-bottom: 10px; } .section .paragraph, .section .ulist, .section .olist, .section table {    } .section table {  } @media screen and (max-width:830px) { .section .paragraph, .section .ulist, .section .olist, .section table { margin: auto; } h2,h3,h4 { margin-left: auto; } .section { padding-left: calc(var(--text-border-padding) / 2); padding-right: calc(var(--text-border-padding) / 2); }  .imageblock img { max-width: 100%; } } .section .sect2 { margin: 60px auto; } .section .sect3 { margin: 40px auto; } .page-content { padding-top: 20px; } ol { padding-inline-start: 1em; } .listingblock { display: flex; flex-direction: row; justify-content: flex-start; margin: 20px 0 20px 20px; padding: 10px 20px; background-color: var(--secondarycolor);  background-color: #f3faff; border: 1px solid #d4edff; } .listingblock code { border: none; background-color: transparent; } .ulist .ulist { margin: auto 0; } body { background-color: var(--sf-body-background); } .tableblock { margin: 10px auto 20px auto; } table.tableblock { border-collapse: collapse;    } td.tableblock { border-collapse: collapse; border-bottom: 1px solid #00004db8;  padding: 7px; } td.tableblock p { padding: 0; margin: 0; font-size: 14px; } th.tableblock {  background-color: var(--tertiarycolor); color: var(--white); text-align: left; padding: 7px; padding-right: 0;  line-height: 1; } .tableblock caption { text-align: left; padding-left: 7px;  } :root { --ug-site-width: 800px; } .page h1 { background-color: var(--sf-body-background);  margin: 0; padding: 18px 20px 15px 20px; line-height: 1.7; font-size: 28px; text-align: center; } .page { max-width: var(--ug-site-width); padding: 0; background: transparent; } .page-content {  background-color: white; padding: 0 45px 30px 45px; } @media screen and (max-width: 800px) { .page-content { padding: 0 15px 30px 15px; } .preambleContent img, .preambleContent video { margin: auto -15px; max-width: calc(100% + 30px); } table.tableblock { display: block; overflow-x: auto; } .section .paragraph { text-align: left; } .listingblock { margin-left: 0; padding: 10px; } span.inputNameContainer { min-width: auto; } } .page-content .section { padding: 0; } .section .sect2 { margin: 0; } .section h2, .section h3, .section h4, .section h5, .section h6 { border-bottom: 1px solid #e5e5e5; } .section h2 { padding-top: 20px; padding-bottom: 10px;  margin: 0 0 20px 0; } .admonitionblock table { font-size: 14px; font-weight: normal; font-family: proxima-nova-thin, Open Sans, sans-serif; color: #424242; } .admonitionblock {  border-radius: 5px; padding: 10px 10px; margin: 0; border: none; background-color: rgba(25, 25, 28, 0.05); } .admonitionblock .icon { display: none; } .admonitionblock .content {  font-weight: lighter; } .admonitionblock .icon .title { display: none; } .admonitionblock.tip .icon, .admonitionblock.note .icon { display: table-cell;  width: 24px; height: 24px; min-width: 24px; min-height: 24px; background-repeat: no-repeat; background-position: top left; color:#424242; opacity: 0.7; padding-right: 7px;  } .admonitionblock.tip .icon { background-image: url("/assets/images/bookmark.svg"); } .admonitionblock.note .icon { background-image: url("/assets/images/notebook.svg"); } span.image { vertical-align: sub; } .page h1 { text-align: left; } .page-content { padding-bottom: 0; }  .section::after, .sect2::before { width: calc(100% + 90px); content: " "; display: block; background-color: var(--sf-body-background); margin: 0 -45px; margin-top: 40px; } .section::after { height: 30px; } .section .sect2 { margin: 0; } .sect2::before { height: 10px; } .solvers code { border: 1px solid #ccc; background-color: transparent; color: rgb(0, 0, 0, 0.5); padding: 2px 4px; font-weight: bold; } .listingblock.upper { } .listingblock.bottomMargin, .admonitionblock.bottomMargin { margin-bottom: 2em; } .section h5, .section h6 { border: none; } @media screen and (max-width: 800px) { .section::after, .sect2::before { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } } .downloadContainer, .multiDownloadContainer { border:none; font-family: monospace, proxima-nova, sans-serif; font-size: 14px; transition: 0.3s; padding:3px; padding-left:5px; padding-right:5px; border-radius:4px; text-decoration: none; } .downloadContainer { cursor: pointer; } .downloadContainer:focus, .multiDownloadContainer:focus { border:none; } .multiDownloadContainer { display: inline-flex; line-height: 1.6; padding: 0; padding-left: 5px; } .multiDownloadContainer .file { padding-left: 5px; padding-right: 5px; text-decoration: none; cursor: pointer; transition: all 0.3s; } .downloadContainer .file::after, .multiDownloadContainer .file::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 3px; transform: translateY(2px); }  .geometry.downloadContainer { background-color:#d2dcff; } .geometry.downloadContainer, .geometry.multiDownloadContainer { color:#0432c7; text-decoration: none; white-space: nowrap; } a.geometry.downloadContainer { color:#0432c7; } .page .geometry.downloadContainer:hover, .page .geometry.multiDownloadContainer:hover { text-decoration: none; } .geometry.downloadContainer span { margin-left: 5px; padding-left: 5px; border-left: 1px solid #0432c7; } .geometry.downloadContainer:hover span { border-left: 1px solid white; } .geometry.downloadContainer:hover { background-color:#557ce0; color:white; } .geometry.multiDownloadContainer .file { background-color:#d2dcff; margin: 0 3px; padding: 0 7px; border-radius: 4px; color:#0432c7; } .geometry.downloadContainer .file::after, .geometry.multiDownloadContainer .file::after { content: ""; background: url("/assets/images/geometry-file-download.svg") no-repeat center center; background-size: contain; filter: brightness(0) saturate(100%) invert(35%) sepia(34%) saturate(1120%) hue-rotate(195deg) brightness(94%) contrast(95%); } .geometry.downloadContainer:hover .file::after, .geometry.multiDownloadContainer .file:hover::after { filter: brightness(0) invert(1); } .geometry.multiDownloadContainer .file:hover { background-color:#557ce0; color:white; text-decoration: none!important; }  .page .genericFile.downloadContainer { background-color:#d2dcff; } .page .genericFile.downloadContainer, .page .genericFile.multiDownloadContainer { color:#0432c7; text-decoration: none; white-space: nowrap; } .genericFile.downloadContainer span { margin-left: 5px; padding-left: 5px; border-left: 1px solid #0432c7; } .genericFile.downloadContainer:hover span { border-left: 1px solid white; } .page .genericFile.downloadContainer:hover, .page .genericFile.downloadContainer:hover { background-color:#557ce0; color:white; text-decoration: none!important; } .genericFile.multiDownloadContainer .file { background-color:#d2dcff; margin: 0 3px; padding: 0 7px; border-radius: 4px; color:#0432c7; } .genericFile.downloadContainer .file::after, .genericFile.multiDownloadContainer .file::after { content: ""; background: url("/assets/images/geometry-file-download.svg") no-repeat center center; background-size: contain; filter: brightness(0) saturate(100%) invert(35%) sepia(34%) saturate(1120%) hue-rotate(195deg) brightness(94%) contrast(95%); } .genericFile.downloadContainer:hover .file::after, .genericFile.multiDownloadContainer .file:hover::after { filter: brightness(0) invert(1); } .genericFile.multiDownloadContainer .file:hover { background-color:#557ce0; color:white; } .number-circle { display: inline-block; border-radius: 50%; width: 1.4em; height: 1.4em; line-height: 1.4em; text-align: center; background-color: rgba(99, 121, 253, 1); color: white; } @media screen and (max-width: 920px) { .geometry.downloadContainer, .geometry.multiDownloadContainer, .page .genericFile.downloadContainer, .page .genericFile.multiDownloadContainer { white-space: normal; } .multiDownloadContainer { flex-wrap: wrap; } } .solvers .this-solver { letter-spacing: 1px; font-family: proxima-nova-thin, Open Sans, sans-serif; font-size: 14px; padding: 2px 9px; border-radius: 5px; font-weight: normal; background-color: #ebebeb; border: none; } .solvers code, .solvers .external-solver a { letter-spacing: 1px; font-family: proxima-nova-thin, Open Sans, sans-serif; font-size: 14px; padding: 1px 5px; border-radius: 4px; font-weight: normal; } .solvers code { border: 1px solid #dcdcdc; color: #000; } .solvers .external-solver a, .solvers .external-solver a:visited { border: 1px solid #d0efff; background-color: #e8f5ff; color: #1799ff; transition: all 0.3s; } .solvers .external-solver a:hover { text-decoration: none; color: #fff; border-color: #3abaff; background-color: #3abaff; } .solvers .paragraph p, .solver .ulist p { letter-spacing: 0; } .solvers #_features + div > .ulist:first-child ul, .solvers #_features + div > .ulist:nth-child(2) > ul { margin-bottom: 16px; } .solvers #_what_can_be_calculated + div .paragraph p, .solvers #_what_cannot_be_calculated + div .paragraph p, .solvers #_tutorial + div .paragraph p, .solvers #_validation_cases + div .paragraph p { font-size: 16px; margin-bottom: 2px; } .solvers #_tutorial + div .paragraph p a, .solvers #_validation_cases + div .paragraph p a { border-left: 1px solid #b0ccff; padding: 0 12px; margin: 7px 0 3px; display: inline-block; color: #0d56ad; transition: all 0.4s; } .solvers #_tutorial + div .paragraph p a:hover, .solvers #_validation_cases + div .paragraph p a:hover { text-decoration: none; background-color: #eaf1ff; } .solvers #_tutorial + div .ulist ul, .solvers #_validation_cases + div .ulist ul { margin: 0; padding: 0 0 0 14px; list-style-type: none; } .solvers #_tutorial + div .ulist ul li, .solvers #_validation_cases + div .ulist ul li { font-size: 15px; } .solvers #_alternative_solvers + div .paragraph p { margin-bottom: 20px; } .solvers #_alternative_solvers + div .ulist { margin-bottom: 30px; } .solvers #_alternative_solvers + div .ulist { list-style-type: none; padding: 0; margin: 0; } .solvers #_alternative_solvers + div strong a { border-radius: 5px; padding: 2px 8px; font-weight: normal; font-size: 14px; border: 1px solid #d7e8ff; background-color: #ecf4ff; color: #000; transition: all 0.3s; margin-right: 8px; } .solvers #_alternative_solvers + div strong a:hover { text-decoration: none; border-color: #608dff; background-color: #6296ff; color: #fff; } .solvers .sgc-intro ul { padding: 10px 0 0 30px; } .solvers .sgc-intro ul li { font-size: 14px; } .solvers .sgc-intro .paragraph p { border: 1px solid #e2e2e2; margin: 30px 0 20px; padding: 15px 35px 20px; line-height: 1.7; border-left: 4px solid #68a1f8; border-radius: 4px; font-size: 14px; } .solvers .sgc-intro .sgc-info-title { display: block; font-size: 17px; font-weight: 700; } .solvers .info-panel { padding: 15px 20px; margin: 25px 0 10px; border: 1px solid #e2e2e2; border-left: 4px solid #62b7f9; border-radius: 4px; } .solvers .info-panel .paragraph { margin: 0; } .solvers .info-panel .paragraph p { line-height: 1.5; font-size: 14px; } .solvers .info-panel .info-panel-title { display: block; line-height: 1.5; font-size: 14px; font-weight: bold; } .solvers .sgc-one-column .paragraph p {  border-bottom: none; padding: 10px; text-align: center; font-size: 14px; margin-top: 25px; } .solvers .sgc-one-column ul { padding: 0; margin: 0; list-style-type: none;  margin-bottom: -1px; } .solvers .sgc-one-column li { display: flex; border: 1px solid #e2e2e2; border-bottom: none; font-size: 13px; background-color: #fff; } .solvers .sgc-one-column li:last-child { border-bottom: 1px solid #e2e2e2; } .solvers .universal li .solver {width: 220px; } .solvers .incompressible li .solver {width: 155px; } .solvers .compressible li .solver {width: 190px; } .solvers .heat-transfer li .solver {width: 220px; } .solvers .free-surface-vof li .solver {width: 200px; } .solvers .phase-change li .solver {width: 250px; } .solvers .dispersed li .solver {width: 155px; } .solvers .species li .solver { width: 210px; } .solvers .sgc-one-column li .solver { padding: 12px 5px 12px 20px;  display: flex; align-items: center; flex: 0 0 auto; } .solvers .sgc-one-column li .desc { padding: 12px 10px; } .solvers .sgc-one-column li .solver a { font-size: 13px; padding: 0 10px;   line-height: 1.7; border: 1px solid #dbdbdb; border-radius: 4px; transition: all 0.3s;  background-color: #f0f0f0; color: #414141; } .solvers .sgc-one-column li .solver a:hover { text-decoration: none; color: #fff; border-color: #3abaff; background-color: #3abaff; } .solvers .sgc-one-column li .desc code { margin: 0 3px; font-size: 12px; } .solvers .sgc-legend ul { list-style-type: none; padding: 0; margin: 0; margin-top: 20px; } .solvers .sgc-legend li { font-size: 12px; font-style: italic; } .solvers .sgc-legend-additional p { margin: 20px 0 0 0; padding: 0; font-style: italic; line-height: 1; font-size: 13px; } .solvers .sgc-legend-additional > .ulist > ul { margin: 0; padding: 10px 0 0 20px; list-style-type: circle; } .solvers .sgc-legend-additional > .olist + .ulist > ul { margin: 0; padding: 0 0 0 35px; list-style-type: circle; } .ulist > ul > li > .ulist > ul { padding: 0 0 0 25px; } .solvers .sgc-legend-additional ul li { font-size: 12px; font-style: italic; } .solvers .sgc-legend-additional ol { margin: 20px 0 0 0; padding: 0; list-style-type: none; } .solvers .sgc-legend-additional ol > li { font-style: italic; line-height: 1.6; font-size: 13px; padding: 3px; } .solvers .sgc-legend-additional ol li { } .solvers .sgc-legend li .solver {} .solvers .sgc-legend li .desc {} .results-list li { font-size: 14px; } .result-fields-table { border: 1px solid #e0e0e0; } .result-fields-table tr { border-color: #e3e3e3; } .result-fields-table td { font-size: 13px; padding: 10px 15px; border-color: #e3e3e3; } .result-fields-table td mark { background-color: #f0f0f0 !important; padding: 3px 5px; margin: 0 1px; border-radius: 2px; color: #414141; } .result-fields-table td:first-child { } .result-fields-table td:last-child { } @media screen and (max-width: 800px) {  .solvers .sgc-one-column li { flex-direction: column; align-items: flex-start; } .solvers .sgc-one-column li .solver { width: auto !important; padding: 10px 15px 5px; } .solvers .sgc-one-column li .desc { padding: 5px 15px 10px; }  .result-fields-table { overflow-x: auto; }  .solvers .sgc-intro .paragraph p { padding: 12px 15px; }  .solvers .info-panel { padding: 12px 12px; margin: 15px 0 8px; }  .solvers .sgc-one-column li .solver a { padding: 6px 12px; font-size: 14px; }  .solvers .sgc-legend li, .solvers .sgc-legend-additional ul li, .solvers .sgc-legend-additional ol > li { font-size: 14px; } }