: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: 70px; --navbar-height-big: 115px; --site-width: 960px; --page-width: 800px; --navbar-height-verybig: 278px; --navbar-width-max: 1187px; --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: #f6f8fa; } @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: block; height: 62px; width: 130px; color: #fff; font-size: 20px; text-decoration: none; font-weight: 400; background-image: url(/assets/images/simflow-logo-cfd.png); background-repeat: no-repeat; background-position: 0; text-indent: -9999px; } body { font-family: proxima-nova-thin, Open Sans, sans-serif; margin: 0; height: auto;  width: 100%;  } body * { scroll-margin-top: var(--navbar-height-base); } .page { margin:auto; max-width: var(--page-width); line-height: 1.6; box-sizing: border-box; min-height: calc(100vh - 55px); } .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%; 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; } .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; } } .navbar-background {  height: var(--navbar-height-big); width:100%; background-image: -webkit-linear-gradient(-0deg,#00004d 0%,#5333ed 49%,#2cd4d9 100%);  background-repeat: no-repeat; background-attachment: fixed; z-index:1; top:0; left:0; transition: transform .3s;   overflow: visible;   border-bottom: 1px solid lightgray; } .navbar-background.small { transform: translate(0, calc(var(--navbar-height-base) * -1)); box-shadow: 0px 5px 5px rgba(7, 4, 91, 0.5); border-bottom: none; } .navbar { margin: auto; } .navbar.row-primary { padding-top:2px; height: var(--navbar-height-base); } .navbar.row-secondary { height: calc(var(--navbar-height-big) - var(--navbar-height-base) - 2px); background-color: white; transition: all 0.5s ease-out; } @supports (backdrop-filter: none) or (-webkit-backdrop-filter: none) { .navbar.row-secondary { background-color: rgba(255 255 255 / 90%); backdrop-filter: blur(5px); } } .small .navbar.row-secondary { background-color: rgba(255,255,255, 0); } .navbar-panel {  margin: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; max-width: var(--navbar-width-max); } @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 { /* margin-top: calc(0.5 * var(--navbar-height-big) - 0.5 * var(--navbar-height-base)); */ margin-top: auto; margin-bottom: auto; transition: margin-top 0.3s; } .small .sf-logo { margin-top: 0; } .menu-bar-list { display:flex; flex-flow: row wrap; margin-top: 2px;  } .menu-bar { display: flex; justify-content: flex-end; align-items: center; box-sizing: border-box; margin: 16px auto; } .menu-bar li { color:#fff; } .menu-item { padding: 5px 2px; list-style-type: none; display: inline-block; box-sizing: border-box; margin: auto 2px; } #book-a-meeting a { border: 2px solid #fff; border-radius: 70px; text-transform: none; } .level1 .menu-item:hover > *, .level1 .menu-item.active > *, .small .menu-item:hover > *, .small .menu-item.active > * { background: white; color:#55a3ff; border-radius: 7px; } .level2 .menu-item::after { position: relative; content: ""; bottom: -9px; display: block; border-top: 3px solid transparent; border-radius: 3px 3px 0 0; left: 0; right: 0; transition: border-color 0.2s; } .minimized .menu-item::after { display: none; } .level2 .menu-item.active::after, .level2 .menu-item:hover.active::after { border-color: #55a3ff; } .level2 .menu-item:hover::after { border-color: #b8d8ff; } #docs > * { border: 2px solid white; border-radius: 70px; } .menu-item > * { transition: all .3s; box-sizing: border-box; font-family:proxima-nova, Helvetica;  text-transform:uppercase; font-size:14px; font-weight: 700; color:inherit; text-decoration:inherit; padding: 6px 11px; text-decoration:none; }  .level2 .menu-item > * { padding: 6px 6px; margin: 0; color:rgba(0,0,0,0.5);  text-transform: none; font-size: 15px; } .small .level2 .menu-item a { padding: 3px 6px; } .small .level2 .menu-item > *{ color: white; } /* .small > * */ .menu-bar-list.level2 { display: flex; justify-content: flex-end; } .level2 .menu-bar { display: flex; margin: 0; align-items: flex-end; } .level2 .menu-bar[active] { display: flex; } .level2 .menu-item { text-transform:none; } .small .level2 .menu-item:hover a, .level2 .menu-item.active a { color: #55a3ff;     } .level2 .menu-item:hover > * { color: #55a3ff; } .row-secondary { position: -webkit-sticky; position: sticky; top:0px; border-bottom: 1px solid rgba(0,0,0,0.15); z-index: 3; } .row-secondary .navbar-panel { display: flex; } .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.small {  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; } .small .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.15s; } .small .searchbox input { border-color: rgba(255,255,255,0.3); } .small .searchbox input { color: rgba(255, 255, 255, 0.5); } .small .searchbox input:focus { color: rgba(0, 0, 0, 0.8); } .searchbox input:focus { background-color: white; box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%); border-color: #0075ff; } .small .searchbox form::before { filter: brightness(1.5);  } .small .searchbox input::placeholder { filter: brightness(1.5); } .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; box-shadow: 0 5px 5px rgba(0,0,0,0.2); position: -webkit-sticky; position: sticky; top: 44px; width: 100%; }      .minimized.unfolded {     } .minimized .menu-bar { display: flex; flex-flow: column wrap; justify-content: center; background: gray; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .small .minimized .level2 .menu-item > *{ color: rgba(0, 0, 0, 0.5); } .small .minimized .level2 .menu-item.active > * { color:#55a3ff; } @media screen and (min-width:500px) { .minimized .menu-bar.level1 { display: grid; grid-template-columns: 1fr 1fr 1fr; } .minimized .level1 .menu-item { margin: auto; } .minimized #docs { grid-column: 1 / 4; } } @media screen and (max-width:500px) and (min-width:350px) { .minimized .menu-bar.level1 { grid-template-columns: 1fr 1fr; margin: auto; } .minimized .level1 .menu-item { margin: auto; } .minimized #docs { grid-column: 1 / 3; } } .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-image: -webkit-linear-gradient(-0deg,#00004d 0%,#5333ed 49%,#2cd4d9 100%); } .minimized .menu-bar.level2 { background: rgba(255, 255, 255, 1); color:rgba(0,0,0,0.5); padding-inline-start: 0; } .hamburger { max-width: 30px; min-height: 30px;  height: 30px; background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; display: none; margin: auto 10px; } .hamburger.unfolded { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .small .hamburger { border-color: rgba(255, 255, 255, 0.3); } .small .hamburger.unfolded { box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3); } .hamburger svg { stroke: rgba(0, 0, 0, 0.3); } .hamburger.unfolded svg { stroke: rgba(0, 0, 0, 0.5); } .small .hamburger svg { stroke: rgba(255, 255, 255, 0.8); } .small .hamburger.unfolded svg { stroke: rgba(255, 255, 255, 1.0); } @media screen and (max-width:980px) { .row-secondary .navbar-panel .search, .sf-logo { margin-left: 10px; } } @media screen and (max-width:865px) { .navbar-panel .sf-logo { display: none; } .row-secondary .navbar-panel .search {  max-width: 100%; } .hamburger { display: inherit; } .menu-bar-list.level1 { width: 100%; margin: 16px 0; display: block; } .menu-bar-list.level1 .menu-bar { justify-content: space-evenly; padding-inline-start: 0; } .menu-bar-list.level2 .menu-bar { display: none; } .minimized.unfolded { display: inherit; } .rewind-top { position: fixed; left: auto; right: 34px; top: 100%; } .three-columns-layout.unfolded { filter: blur(10px); } } @media screen and (max-width: 720px) { .row-primary { display: none; } .minimized .menu-bar.level1 { display: grid; } .navbar.row-secondary { background-color: transparent; background-image: -webkit-linear-gradient(-0deg,#00004d 0%,#5333ed 49%,#2cd4d9 100%); background-repeat: no-repeat; background-attachment: fixed; } .minimized .menu-bar { padding-inline-start: 0; } .minimized .menu-bar > * { padding: 0 10%; padding-top:10px; } .minimized .menu-bar.level1 { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;   } .minimized .menu-bar.level1 > * { border-bottom: 1px solid rgba(255, 255, 255, 0.25);  width: 100%; padding-top: 10px; padding-bottom: 10px; } .minimized .menu-bar.level1 :last-child { border: none; } .minimized .menu-bar.level2 > * { padding-left: 10%; } #docs > * { border: none;  background-color: transparent; display: inline; } #docs a::after { content: " "; display: inline; background-image: url("data:image/svg+xml;utf8, <svg stroke="rgb(85, 163, 255)"viewbox="0 0 24 24"fill=none height=24 stroke-linecap=round stroke-linejoin=round stroke-width=2 width=24 xmlns=http://www.w3.org/2000/svg><path d="M0 0h24v24H0z"fill=none stroke=none /><polyline points="6 9 12 15 18 9"/></svg>"); background-position-x: right; background-position-y: -3px; background-repeat: no-repeat; width: 24px; height: 24px; z-index: 99; padding-left: 30px; } .minimized .menu-bar.level1 li:hover a, .minimized .menu-bar.level1 li a:hover { background: transparent; } .minimized .menu-bar.level2 li a {  }  /* .navbar-background, .navbar-background.small { transform: translate(0, calc(var(--navbar-height-base) * -1)); box-shadow: 0px 5px 5px rgba(7, 4, 91, 0.5); border-bottom: none; } */ .searchbox input { border-color: rgba(255,255,255,0.3); } .searchbox input { color: rgba(255, 255, 255, 0.5); } .searchbox input:focus { color: rgba(0, 0, 0, 0.8); } .searchbox form::before { filter: brightness(1.5); } .searchbox input::placeholder { filter: brightness(1.5); } .hamburger { border-color: rgba(255, 255, 255, 0.3); } .hamburger svg { stroke: rgba(255, 255, 255, 0.8); } .hamburger.unfolded { box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3); } .hamburger.unfolded svg { stroke: rgba(255, 255, 255, 0.8); } } footer { margin-top: 30px; padding: 230px 0 120px 0; background-color: #eefaff; position: relative; } footer .wave { position: absolute; top: 0; height: 220px; width: 100%; left: 0; z-index: 1; fill: #f6f8fa; } .footer-content { max-width: 1150px; padding: 0 15px; margin: 0 auto; } .footer-up { display: flex; flex-direction: row; justify-content: space-between; padding: 0 0 100px 0; } .footer-description { width: 40%; } .footer-description img { margin-top: 50px; border: none; } .footer-logo { padding: 5px 0 5px 45px; background-image: url("/assets/images/simflow-logo.svg"); background-repeat: no-repeat; background-position: -18px -7px; background-size: 71px, contain; } .footer-logo h4 { font-size: 25px; margin: 0; padding: 0; line-height: 1; text-align: left; } .footer-logo span { font-size: 16px; display: block; } .footer-menu { width: 50%; display: flex; flex-direction: row; justify-content: space-between; } .footer-menu-column { display: flex; flex-direction: column; } .footer-menu-title { color: #000; margin-bottom: 10px; font-size: 15px; font-weight: 600; } .footer-menu-nav { list-style: none; margin: 0; padding: 0; font-size: 15px; } .footer-menu-nav li { margin:0; padding: 4px 0; } .footer-menu-nav li a { color: rgba(0,0,0,0.7); text-decoration: none; } .footer-menu-nav li a:hover { box-shadow: rgb(166 228 250) 0px -0.5em 0px 0px inset; transition: box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .footer-disclaimer p { font-size: 10px; color: rgba(0,0,0,0.5); text-align: center; padding: 6px 0; letter-spacing: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); } .footer-bottom { display: flex; flex-direction: row; justify-content: space-between; margin-top: 15px; padding-top: 20px; } .copyrights p { font-size: 14px; color: rgba(0,0,0,0.7); } @media screen and (max-width: 650px) { .footer-up, .footer-bottom, .footer-menu { flex-direction: column; } .footer-up > * { padding-bottom: 20px; } .footer-menu >* { padding-bottom: 20px; } .footer-bottom { flex-flow: column wrap; align-items: center; } } .social { display: flex; align-items: center; flex-direction: row; gap: 20px; } .social-ico { display:block; width: 22px; height:22px; } .social-ico svg { width: 100%; height: 100%; } .social svg { fill: #4b4b4b; transition: all 0.3s; } .social-tw:hover svg { fill: #4a99e9; } .social-yt:hover svg { fill: #ea3323; } .social-fb:hover svg { fill: #3975ea; } .social-in:hover svg { fill: #2d64bc; } .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; } .ais-Breadcrumb-list,.ais-CurrentRefinements-list,.ais-HierarchicalMenu-list,.ais-Hits-list,.ais-InfiniteHits-list,.ais-InfiniteResults-list,.ais-Menu-list,.ais-NumericMenu-list,.ais-Pagination-list,.ais-RatingMenu-list,.ais-RefinementList-list,.ais-Results-list,.ais-ToggleRefinement-list{margin:0;padding:0;list-style:none}.ais-ClearRefinements-button,.ais-CurrentRefinements-delete,.ais-CurrentRefinements-reset,.ais-GeoSearch-redo,.ais-GeoSearch-reset,.ais-HierarchicalMenu-showMore,.ais-InfiniteHits-loadMore,.ais-InfiniteHits-loadPrevious,.ais-InfiniteResults-loadMore,.ais-Menu-showMore,.ais-RangeInput-submit,.ais-RefinementList-showMore,.ais-SearchBox-reset,.ais-SearchBox-submit,.ais-VoiceSearch-button{padding:0;overflow:visible;font:inherit;line-height:normal;color:inherit;background:none;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ais-ClearRefinements-button::-moz-focus-inner,.ais-CurrentRefinements-delete::-moz-focus-inner,.ais-CurrentRefinements-reset::-moz-focus-inner,.ais-GeoSearch-redo::-moz-focus-inner,.ais-GeoSearch-reset::-moz-focus-inner,.ais-HierarchicalMenu-showMore::-moz-focus-inner,.ais-InfiniteHits-loadMore::-moz-focus-inner,.ais-InfiniteHits-loadPrevious::-moz-focus-inner,.ais-InfiniteResults-loadMore::-moz-focus-inner,.ais-Menu-showMore::-moz-focus-inner,.ais-RangeInput-submit::-moz-focus-inner,.ais-RefinementList-showMore::-moz-focus-inner,.ais-SearchBox-reset::-moz-focus-inner,.ais-SearchBox-submit::-moz-focus-inner,.ais-VoiceSearch-button::-moz-focus-inner{padding:0;border:0}.ais-ClearRefinements-button[disabled],.ais-CurrentRefinements-delete[disabled],.ais-CurrentRefinements-reset[disabled],.ais-GeoSearch-redo[disabled],.ais-GeoSearch-reset[disabled],.ais-HierarchicalMenu-showMore[disabled],.ais-InfiniteHits-loadMore[disabled],.ais-InfiniteHits-loadPrevious[disabled],.ais-InfiniteResults-loadMore[disabled],.ais-Menu-showMore[disabled],.ais-RangeInput-submit[disabled],.ais-RefinementList-showMore[disabled],.ais-SearchBox-reset[disabled],.ais-SearchBox-submit[disabled],.ais-VoiceSearch-button[disabled]{cursor:default}.ais-HierarchicalMenu-showMore,.ais-InfiniteHits-loadMore,.ais-InfiniteHits-loadPrevious,.ais-Menu-showMore,.ais-RefinementList-showMore{overflow-anchor:none}.ais-Breadcrumb-item,.ais-Breadcrumb-list,.ais-Pagination-list,.ais-PoweredBy,.ais-RangeInput-form,.ais-RatingMenu-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ais-GeoSearch,.ais-GeoSearch-map{height:100%}.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list{margin-left:1em}.ais-PoweredBy-logo{display:block;height:1.2em;width:auto}.ais-RatingMenu-starIcon{display:block;width:20px;height:20px}.ais-SearchBox-input::-ms-clear,.ais-SearchBox-input::-ms-reveal{display:none;width:0;height:0}.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-RangeSlider .rheostat{overflow:visible;margin-top:40px;margin-bottom:40px}.ais-RangeSlider .rheostat-background{height:6px;top:0;width:100%}.ais-RangeSlider .rheostat-handle{margin-left:-12px;top:-7px}.ais-RangeSlider .rheostat-background{position:relative;background-color:#fff;border:1px solid #aaa}.ais-RangeSlider .rheostat-progress{position:absolute;top:1px;background-color:#333}.rheostat-handle{position:relative;z-index:1;width:20px;height:20px;background-color:#fff;border:1px solid #333;border-radius:50%;cursor:-webkit-grab;cursor:grab}.rheostat-marker{margin-left:-1px;position:absolute;width:1px;height:5px;background-color:#aaa}.rheostat-marker--large{height:9px}.rheostat-value{padding-top:15px}.rheostat-tooltip,.rheostat-value{margin-left:50%;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.rheostat-tooltip{top:-22px}[class^=ais-]{box-sizing:border-box}.ais-VoiceSearch-button:disabled,[class^=ais-][class$="--disabled"],[class^=ais-][class$="--disabled"] *{cursor:not-allowed}.ais-ClearRefinements-button,.ais-GeoSearch-redo,.ais-GeoSearch-reset,.ais-HierarchicalMenu-showMore,.ais-InfiniteHits-loadMore,.ais-InfiniteHits-loadPrevious,.ais-Menu-showMore,.ais-Pagination-link,.ais-RangeInput-submit,.ais-RefinementList-showMore,.ais-VoiceSearch-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:linear-gradient(-180deg,#fff,#fcfcfd);border:1px solid #d6d6e7;border-radius:3px;box-shadow:0 1px 0 0 rgba(35,38,59,.05);color:#23263b;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;font-weight:400;height:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.25rem;padding:0 1rem;place-items:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ais-GeoSearch-redo,.ais-GeoSearch-reset,.ais-HierarchicalMenu-showMore,.ais-Menu-showMore,.ais-RefinementList-showMore{height:1.5rem}.ais-HierarchicalMenu-showMore,.ais-Menu-showMore,.ais-RefinementList-showMore{margin-top:1rem}.ais-ClearRefinements-button:hover,.ais-GeoSearch-redo:hover,.ais-GeoSearch-reset:hover,.ais-HierarchicalMenu-showMore:hover,.ais-InfiniteHits-loadMore:hover,.ais-InfiniteHits-loadPrevious:hover,.ais-Menu-showMore:hover,.ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover,.ais-RangeInput-submit:hover,.ais-RefinementList-showMore:hover,.ais-VoiceSearch-button:hover{background-image:linear-gradient(-180deg,#fff,#f5f5fa);border-color:#d6d6e7}.ais-ClearRefinements-button:focus,.ais-GeoSearch-redo:focus,.ais-GeoSearch-reset:focus,.ais-HierarchicalMenu-showMore:focus,.ais-InfiniteHits-loadMore:focus,.ais-InfiniteHits-loadPrevious:focus,.ais-Menu-showMore:focus,.ais-RangeInput-submit:focus,.ais-RefinementList-showMore:focus,.ais-VoiceSearch-button:focus{background-image:linear-gradient(-180deg,#fff,#f5f5fa);border-color:#3c4fe0;box-shadow:0 0 0 1px #3c4fe0,0 2px 0 1px rgba(35,38,59,.05);outline:medium none currentcolor}.ais-ClearRefinements-button:active,.ais-GeoSearch-redo:active,.ais-GeoSearch-reset:active,.ais-HierarchicalMenu-showMore:active,.ais-InfiniteHits-loadMore:active,.ais-InfiniteHits-loadPrevious:active,.ais-Menu-showMore:active,.ais-Pagination-item--selected .ais-Pagination-link,.ais-Pagination-link:active,.ais-RefinementList-showMore:active,.ais-VoiceSearch-button:active{border-color:#d6d6e7;box-shadow:inset 0 1px 4px 0 rgba(119,122,175,.4),inset 0 1px 1px 0 rgba(119,122,175,.4),0 1px 0 0 rgba(35,38,59,.05)}.ais-ClearRefinements-button:disabled[disabled],.ais-GeoSearch-redo--disabled,.ais-GeoSearch-reset--disabled,.ais-InfiniteHits-loadMore:disabled[disabled],.ais-InfiniteHits-loadPrevious:disabled[disabled],.ais-Pagination-item--disabled .ais-Pagination-link,.ais-VoiceSearch-button:disabled{background-image:linear-gradient(-180deg,#fff,#f5f5fa);border-color:#efeff5;box-shadow:none;color:#b6b7d5}.ais-HierarchicalMenu-showMore--disabled[disabled],.ais-Menu-showMore--disabled[disabled],.ais-RefinementList-showMore--disabled[disabled]{display:none}.ais-HierarchicalMenu-item,.ais-Menu-item,.ais-NumericMenu-label,.ais-RatingMenu-item,.ais-RefinementList-item,.ais-ToggleRefinement-label{display:block;font-size:.875rem;line-height:1.75rem}.ais-HierarchicalMenu-link,.ais-Menu-link,.ais-RatingMenu-link,.ais-RefinementList-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ais-Breadcrumb-link,.ais-HierarchicalMenu-link,.ais-Menu-link,.ais-RatingMenu-link{color:inherit;text-decoration:none}.ais-Breadcrumb-link:hover{text-decoration:underline}.ais-HierarchicalMenu-label,.ais-Menu-label,.ais-RefinementList-labelText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ais-HierarchicalMenu-item--selected>.ais-HierarchicalMenu-link>.ais-HierarchicalMenu-label,.ais-Menu-item--selected .ais-Menu-label,.ais-RatingMenu-item--selected,.ais-RefinementList-item--selected{font-weight:600}.ais-HierarchicalMenu-count,.ais-Menu-count,.ais-RatingMenu-count,.ais-RefinementList-count,.ais-ToggleRefinement-count{background:#f5f5fa none repeat scroll 0 0;border:1px solid #b6b7d5;border-radius:99999px;color:#23263b;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;font-size:.75rem;font-weight:400;line-height:1rem;margin-left:.5rem;overflow:hidden;padding:0 .25rem}.ais-HierarchicalMenu-noResults,.ais-Menu-noResults,.ais-RefinementList-noResults{color:#5a5e9a;font-size:.875rem;line-height:1.25rem;margin-top:1rem}.ais-HitsPerPage-select,.ais-MenuSelect-select,.ais-SortBy-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg height=24 width=14 xmlns=http://www.w3.org/2000/svg><g fill=none fill-rule=evenodd stroke=%23777aaf stroke-width=2><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'),linear-gradient(-180deg,#fff,#fcfcfd);background-position:right 1rem center,0 0;background-repeat:no-repeat;background-size:10px,auto;border:1px solid #d6d6e7;border-radius:3px;box-shadow:0 1px 0 0 rgba(35,38,59,.05);color:#23263b;cursor:pointer;font:inherit;height:2.5rem;outline:medium none currentcolor;padding:0 2.5rem 0 1rem;position:relative;width:100%}.ais-HitsPerPage-select:-moz-focusring,.ais-HitsPerPage-select::-moz-focus-inner,.ais-SortBy-select:-moz-focusring,.ais-SortBy-select::-moz-focus-inner{color:transparent;outline:medium none currentcolor}.ais-HitsPerPage-select>option:not(:checked),.ais-SortBy-select>option:not(:checked){color:#23263b}.ais-HitsPerPage-select>option:disabled,.ais-SortBy-select>option:disabled{color:#b6b7d5}.ais-HitsPerPage-select:hover,.ais-SortBy-select:hover{background-image:url('data:image/svg+xml;utf8,<svg height=24 width=14 xmlns=http://www.w3.org/2000/svg><g fill=none fill-rule=evenodd stroke=%23777aaf stroke-width=2><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'),linear-gradient(-180deg,#fcfcfd,#f5f5fa);border-color:#d6d6e7}.ais-HitsPerPage-select:focus,.ais-SortBy-select:focus{background-image:url('data:image/svg+xml;utf8,<svg height=24 width=14 xmlns=http://www.w3.org/2000/svg><g fill=none fill-rule=evenodd stroke=%23777aaf stroke-width=2><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'),linear-gradient(-180deg,#fff,#f5f5fa);border-color:#3c4fe0;box-shadow:0 0 0 1px #3c4fe0,0 2px 0 0 rgba(35,38,59,.05)}.ais-HitsPerPage-select:disabled,.ais-SortBy-select:disabled{background-image:url('data:image/svg+xml;utf8,<svg height=24 width=14 xmlns=http://www.w3.org/2000/svg><g fill=none fill-rule=evenodd stroke=%23b6b7d5 stroke-width=2><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'),linear-gradient(-180deg,#fff,#f5f5fa);border-color:#efeff5;box-shadow:none;color:#b6b7d5;cursor:not-allowed}.ais-Panel{margin-bottom:2rem}.ais-Panel-header{margin-bottom:1rem;text-transform:uppercase}.ais-Panel-footer,.ais-Panel-header{color:#5a5e9a;font-size:.75rem;font-weight:600;line-height:1rem}.ais-Panel-footer{margin-top:1rem}.ais-Panel--collapsible{position:relative}.ais-Panel--collapsible .ais-Panel-collapseButton{background:none;border:none;padding:0;position:absolute;right:0;top:0}.ais-Panel--collapsed .ais-Panel-body,.ais-Panel--collapsed .ais-Panel-footer{display:none}.ais-SearchBox-form{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.875rem;height:2.5rem;line-height:1.25rem;position:relative;width:100%}.ais-SearchBox-form:before{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;content:"";height:1rem;left:1rem;margin-top:-.5rem;position:absolute;top:50%;width:1rem}.ais-SearchBox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #d6d6e7;border-radius:3px;box-shadow:inset 0 1px 4px 0 rgba(119,122,175,.3);caret-color:#5a5e9a;color:#23263b;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;font:inherit;max-width:100%;padding-left:2.5rem}.ais-SearchBox-input::-webkit-input-placeholder{color:#5a5e9a}.ais-SearchBox-input:-ms-input-placeholder{color:#5a5e9a}.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:medium none currentcolor}.ais-SearchBox-input:disabled{background:transparent linear-gradient(-180deg,#fff,#f5f5fa) repeat scroll 0 0;border-color:#efeff5;box-shadow:none;cursor:not-allowed}.ais-SearchBox-input:disabled::-webkit-input-placeholder{color:#b6b7d5;pointer-events:none}.ais-SearchBox-input:disabled:-ms-input-placeholder{color:#b6b7d5;pointer-events:none}.ais-SearchBox-input:disabled::placeholder{color:#b6b7d5;pointer-events: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{-webkit-appearance:none;appearance:none}.ais-SearchBox-loadingIndicator,.ais-SearchBox-reset{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;fill:#484c7a;height:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}.ais-SearchBox-reset:focus{background:#b6b7d5;fill:#fff;outline:0}.ais-RefinementList-searchBox .ais-SearchBox-loadingIndicator,.ais-RefinementList-searchBox .ais-SearchBox-reset{right:.5rem}.ais-SearchBox-loadingIndicator[hidden],.ais-SearchBox-reset[hidden],.ais-SearchBox-submit{display:none}.ais-Menu-searchBox,.ais-RefinementList-searchBox{margin-bottom:.5rem}.ais-Menu-searchBox .ais-SearchBox-form,.ais-RefinementList-searchBox .ais-SearchBox-form{height:2rem}.ais-Menu-searchBox .ais-SearchBox-form:before,.ais-RefinementList-searchBox .ais-SearchBox-form:before{left:.5rem}.ais-Menu-searchBox .ais-SearchBox-input,.ais-RefinementList-searchBox .ais-SearchBox-input{padding-left:2rem}.ais-VoiceSearch-button{color:#5a5e9a;height:48px;width:48px}.ais-VoiceSearch-button svg{color:currentcolor}.ais-Highlight-highlighted,.ais-Snippet-highlighted{background-color:rgba(84,104,255,.1);color:#5468ff;font-style:normal}.ais-Hits-item,.ais-InfiniteHits-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;box-shadow:0 0 0 1px rgba(35,38,59,.05),0 1px 3px 0 rgba(35,38,59,.15);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.875rem;font-weight:400;line-height:1.25rem;padding:1.5rem}.ais-Hits-item:first-of-type,.ais-InfiniteHits-item:first-of-type{border-radius:3px 3px 0 0}.ais-Hits-item:last-of-type,.ais-InfiniteHits-item:last-of-type{border-radius:0 0 3px 3px}.ais-Hits-item:only-of-type,.ais-InfiniteHits-item:only-of-type{border-radius:3px}.ais-InfiniteHits-loadMore,.ais-InfiniteHits-loadPrevious{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem auto}.ais-GeoSearch{position:relative}.ais-GeoSearch-control{left:3.75rem;position:absolute;top:1rem}.ais-GeoSearch-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5fa;border:1px solid #b6b7d5;border-radius:3px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.5;min-height:1.5rem;padding:.25rem .5rem}.ais-GeoSearch-label,.ais-GeoSearch-redo,.ais-GeoSearch-reset{white-space:nowrap}.ais-GeoSearch-reset{bottom:1.25rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ais-GeoSearch-input,.ais-RefinementList-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-position:50%;background-size:180%;border:1px solid currentcolor;border-radius:3px;box-shadow:inset 0 1px 4px 0 rgba(119,122,175,.4);color:#d6d6e7;cursor:inherit;height:1rem;margin:0 .5rem 0 0;min-width:1rem}.ais-GeoSearch-input:checked,.ais-RefinementList-item--selected .ais-RefinementList-checkbox{background-image: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%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");background-size:14px;border-color:currentcolor;box-shadow:inset 0 1px 0 0 rgba(35,38,59,.05);color:#3c4fe0}.ais-GeoSearch-input:focus,.ais-RefinementList-checkbox:focus{outline:medium none currentcolor}.ais-GeoSearch-input:checked:focus,.ais-RefinementList-item--selected .ais-RefinementList-checkbox:focus{box-shadow:inset 0 1px 0 0 rgba(35,38,59,.05),0 0 0 1px currentcolor}.ais-NumericMenu-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.ais-NumericMenu-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #d6d6e7;border-radius:50%;box-shadow:inset 0 1px 4px 0 rgba(119,122,175,.3);height:16px;margin:0 .5rem 0 0;outline:0;position:relative;width:16px}.ais-NumericMenu-radio:checked,.ais-NumericMenu-radio:focus{border-color:#3c4fe0;box-shadow:0 1px 0 0 rgba(35,38,59,.05)}.ais-NumericMenu-radio:focus{box-shadow:0 0 0 1px #3c4fe0,0 1px 0 0 rgba(35,38,59,.05)}.ais-NumericMenu-radio:checked:after{background:#3c4fe0;border-radius:50%;bottom:4px;content:"";left:4px;position:absolute;right:4px;top:4px}.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list{margin-left:1.5rem}.ais-HierarchicalMenu-link:before{background-image: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%23b6b7d5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2218%2015%2012%209%206%2015%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");background-repeat:no-repeat;content:"";display:inline-block;height:1rem;margin-right:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1rem}.ais-HierarchicalMenu-item--selected>.ais-HierarchicalMenu-link:before{background-image: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%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E")}.ais-RatingMenu-starIcon{margin-right:.25rem;fill:#5a5e9a;position:relative;width:16px}.ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon{fill:#b6b7d5}.ais-RatingMenu-item--disabled .ais-RatingMenu-count,.ais-RatingMenu-item--disabled .ais-RatingMenu-label{color:#b6b7d5}.ais-ClearRefinements-button{width:100%}.ais-CurrentRefinements-list{display:inline-grid;gap:1rem;grid-auto-flow:column}.ais-CurrentRefinements-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5fa;border:1px solid #b6b7d5;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.5;min-height:1.5rem;padding:.05rem .5rem}.ais-CurrentRefinements-category{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:.5rem}.ais-CurrentRefinements-delete{color:#9698c3;height:100%;margin-left:.25rem;outline-width:0}.ais-ToggleRefinement-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ais-ToggleRefinement-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(65,66,71,.08);background:#f5f5fa;border-radius:9999px;box-shadow:inset 0 1px 4px 0 rgba(119,122,175,.4);height:18px;pointer-events:none;position:relative;width:32px}.ais-ToggleRefinement-checkbox:checked{background:#3c4fe0;box-shadow:inset 0 1px 4px 0 rgba(35,38,59,.1)}.ais-ToggleRefinement-checkbox:focus{outline:0}.ais-ToggleRefinement-checkbox:after{background:linear-gradient(-180deg,#fff,#f5f5fa);border-radius:9999px;box-shadow:1px 1px 1px 0 rgba(35,38,59,.05);content:"";height:16px;left:1px;position:absolute;top:1px;transition:all .1s ease-in-out;width:16px}.ais-ToggleRefinement-checkbox:checked:after{-webkit-transform:translateX(14px);transform:translateX(14px)}.ais-RangeInput-input{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #d6d6e7;border-radius:3px;box-shadow:inset 0 1px 4px 0 rgba(119,122,175,.3);caret-color:#5a5e9a;color:#23263b;cursor:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.875rem;height:2rem;line-height:1.25rem;min-width:0;overflow:hidden;padding:0 1rem;position:relative}.ais-RangeInput-input:focus{border-color:#3c4fe0;box-shadow:0 1px 0 0 rgba(35,38,59,.05);outline:0}.ais-RangeInput-separator{margin:0 .5rem}.ais-RangeInput-submit{margin-left:.5rem}.ais-RangeSlider .rheostat{margin:40px 6px}.ais-RangeSlider .rheostat-horizontal{cursor:pointer;width:calc(100% - 15px)}.ais-RangeSlider .rheostat-background{background-color:transparent;border:none;border-radius:3px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.1),0 .5px 0 0 hsla(0,0%,100%,.05);height:4px}.ais-RangeSlider .rheostat-progress{background-color:#3c4fe0;border-radius:3px;height:4px;max-width:100%;top:0}.ais-RangeSlider .rheostat-tooltip{font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ais-RangeSlider .rheostat-handle{background-color:#fff;background-image:linear-gradient(-180deg,#fff,#fcfcfd);border:1px solid #d6d6e7;border-radius:2px;box-shadow:0 1px 0 0 rgba(35,38,59,.05);height:24px;margin-left:-6px;top:-11px;width:12px}.ais-RangeSlider .rheostat-handle:after,.ais-RangeSlider .rheostat-handle:before{background-color:#d6d6e7;content:"";height:12px;position:absolute;top:6px;width:1px}.ais-RangeSlider .rheostat-handle:before{left:4px}.ais-RangeSlider .rheostat-handle:after{right:4px}.ais-RangeSlider .rheostat-marker{background-color:#d6d6e7}.ais-Pagination-item:first-child>.ais-Pagination-link{border-radius:3px 0 0 3px}.ais-Pagination-item+.ais-Pagination-item>.ais-Pagination-link{border-radius:0;margin-left:-1px}.ais-Pagination-item:last-child>.ais-Pagination-link{border-radius:0 3px 3px 0}.ais-Pagination-item{display:inline-block}.ais-Pagination-item--selected .ais-Pagination-link{font-weight:700}.ais-Breadcrumb-link,.ais-Breadcrumb-separator{color:#5a5e9a}.ais-Breadcrumb-separator{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 .5rem}.ais-Breadcrumb-item--selected{font-weight:600}.ais-Breadcrumb-item--selected .ais-Breadcrumb-separator{font-weight:400}@media (max-width:767px){.ais-RangeInput-input,.ais-SearchBox-input{font-size:1rem}}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s} .cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left: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: 65px; } @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; } } .copy-tooltip { position: relative; display: inline-block; } .copy-tooltiptext { visibility: hidden; min-width: 60px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 2px 5px; position: absolute; z-index: 1;  top: 120%; left: 50%; margin-left: -30px; opacity: 0; transition: opacity 0.3s; transition-delay: 0.5s; } .copy-tooltip[active=true] .copy-tooltiptext { visibility: visible; opacity: 1; } .copy-tooltip:hover .copy-tooltiptext { visibility: visible; opacity: 1; } .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; } :root {    --bg-dot-color: #e2ecf2; --how-normal-text-color: hsl(225deg,3%,30%); --how-dark-text-color: hsl(0deg,0%,0%); --how-a-underline-color: hsl(0deg,0%,40%); --how-bg-blue-color: hsl(205deg 100% 98.6% / 0.6 ); --how-text-blue-color: hsl(205deg, 60%, 30%); --how-border-blue-color: hsl(205deg, 100%, 91.89%); --how-a-underline-blue-color: hsl(205deg, 33%, 45%); } h1, h2 {color:var(--titlecolor);font-family: proxima-nova,sans-serif; display:block; text-align:center;} h3,h4,h5,h6{color:var(--titlecolor);font-family: proxima-nova,sans-serif; text-align:center;} .title-big span { display: block; text-align: center; font-size: 20px; }   .scroll-navigation.right { top: 73px; } p { margin-block-start: 0; margin-block-end: 0; } .olist ol p { line-height: 30px; letter-spacing: 0; } div.paragraph p { margin-top: 0.5em; margin-bottom: 0.5em; line-height: 30px; letter-spacing: 0; } .stemblock .content { margin: auto; } ol { padding-inline-start: 1.5em; } #toc.toc2 a:link{color:white;} .olist code, .olist em, em.label { background-color: var(--secondarycolor) !important; color:var(--codecolor); font-family: monospace; font-size: 14px; padding: 3px 6px; border-radius: 5px; } .olist em { font-style: normal; } em { font-style: italic; } .admonitionblock table{ font-size: 14px; } .admonitionblock.tip, .admonition-inline.tip { opacity: 0.5; } .admonitionblock.tip:hover, .admonition-inline.tip:hover { opacity: 1; } .admonition-inline.tip, .admonitionblock.tip > * { color: #0088ffc2; } .admonitionblock.warning table { color: #5bb553; }  th{background-color: var(--tertiarycolor);color:var(--white) !important;} #toc.toc2{background-color:#2C001E;color:white;} #toc.toc2.a{color:white;} #toctitle{color:#E95420;} img { border: 1px solid rgba(0, 0, 0, 0.1); } .frontImage img, .frontImage video { border: none; max-width: 100%; height: auto; } div.frontImage { margin: auto; } .page-content { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; scroll-snap-type: y mandatory; } .tutorial-slide {  margin-bottom: 0px; display: block; scroll-snap-align: start; }  .slide-content { display: flex; flex-direction: column; align-items: center; margin-bottom: 50px; } .slide-content > div { width: 60%; } li img { width: 100%; height: auto; } .slide-content div.imageblock, .frontImage { width: 100%; padding: 50px 0; } .slide-content div.imageblock, .slide-content div.carousel-wrapper { background-image: linear-gradient(45deg,var(--bg-dot-color) 25%,transparent 25%), linear-gradient(-45deg,var(--bg-dot-color) 25%,transparent 25%), linear-gradient(45deg,transparent 75%,var(--bg-dot-color) 100%), linear-gradient(-45deg,transparent 75%,var(--bg-dot-color) 75%); background-size: 2px 2px; background-position: -2px -2px,0 2px,0 0,2px 0; box-shadow: inset 0 60px 40px -40px white; margin-bottom: -50px; } .slide-content div.imageblock .content { width: auto; max-width: 100%; display: block; text-align: center; margin: auto 20px;  } .slide-content div.imageblock img { max-width: 100%; height: auto; } .tutorial-slide h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 20px; } span.inputContainer { margin-top:3px; margin-bottom:3px; line-height:2; } span.inputContainer * > i { padding: 3px 7px; background-color: var(--secondarycolor); color:var(--codecolor); font-family: monospace; font-style: normal; font-size: 90%; transition: all 0.2s; border-radius: 3px; } span.inputContainer .inputNameContainer .prefix { margin-right: 5px; } span.inputContainer * > i.inputValue:hover { background-color: #ef4570; color: #fff; } span.inputContainer * > i.inputValue:active { background-color: #d82854; } span.inputNameContainer { margin-right: 10px; display: inline-block; } i.inputValue { border-radius:3px; margin-left:5px; margin-right:5px; cursor: pointer; display: inline; } i.inputName {  }  video { max-width: 100%; }  b.button { font-size: 13px; display: inline-block; font-weight: 400; padding: 3px 10px; margin: 0 2px; line-height: 13px; vertical-align: 1px; font-family: monospace; border-radius: 5px; border:1px solid hsl(0deg 0% 85%); background-color: hsl(0deg 0% 95%); color: hsl(0deg 0% 20%); } .inputName .MathJax { font-size: 10pt; }  body { background-color: #f8f8f8; } div.tutorial-slide { border-radius: 7px; background-color: white;  margin-bottom: 50px;  border: 1px solid rgb(211, 211, 211); box-shadow: 0 1px 0 rgb(0 0 0 / 25%); } .tutorial-slide h2 { margin-left:40px; margin-right:40px; } div.frontImage { text-align: center; } .frontImage video { margin: auto; } .page-content { margin-top: 25px; } .thin.navigation-buttons { display: none; position: fixed; top: 50%; flex-direction: column; right: 5%; height: 88px; } @media screen and (max-width:1300px) { .three-columns-layout { display: grid; grid-template-columns: minmax(1fr,40px) var(--page-width) 1fr;  } .three-columns-layout > *:nth-child(0) { display: inherit; } .three-columns-layout > *:nth-child(3) { display: none; } .thin.navigation-buttons { display: flex; } } @media screen and (max-width: 1100px) { .three-columns-layout { display: grid; grid-template-columns: minmax(1fr,20px) var(--page-width) 1fr; } } @media screen and (max-width: 1200px) { .page, .index .page, .site-footer, .index .site-footer { max-width: var(--page-width); }  .navigation-buttons { display: inherit; } } @media screen and (max-width: 920px) { .three-columns-layout { grid-template-columns: auto; } div.tutorial-slide { border-radius: 0; border-right: none; border-left: none;   width: 100%; } .page, .index .page, .site-footer, .index .site-footer { max-width: 100%; } } @media screen and (max-width: 920px) { .navigation-buttons { display: none; } .thin.navigation-buttons { background-color: rgba(255, 255, 255, 0.9);  box-shadow: 0 0 15px 10px white; } }  .slide-content ol { list-style: none;    position: relative; z-index: 1; padding-left: 3rem; } .slide-content ol {   } .slide-content ol::before {  } .slide-content li {  margin: 0;  padding: .3rem 0 .3rem .5rem; position: relative; box-sizing: border-box; display: list-item; text-align: -webkit-match-parent; } .slide-content ol > li::before {  content: counter(list-item); background: #6487ff; min-width: 1.8rem; height: 1.8rem; line-height: 1.8rem; border-radius: 50%; color: white; margin-right: 0.5rem;  box-sizing: border-box; font-size: 1rem; font-weight: 400; font-family: 'proxima-nova-thin'; left: -2rem; position: absolute; text-align: center; padding-top: 1px; top: 0.3rem; } .slide-content ol > li::after {  background: rgba(0, 0, 0, 0.08); content: ""; left: -1.125rem;  height: calc(100% - 3.2rem); position: absolute; top: 2.5rem; width: 0.125rem; z-index: -2; box-sizing: border-box;  } .slide-content .internal-list-item { width: 1.8rem; height: 1.8rem; line-height: 1.8rem; background-color: #6487ff; font-family: 'proxima-nova-thin'; font-size: 1rem;  margin-right: 0.5rem; box-sizing: border-box; border-radius: 50%; display: inline-block; text-align: center; color: white; transform: translateY(-1px); } /********** How To Section ***********/ .how-to-new .page .ulist ul:not(:has(ul)) { margin: 0; margin-bottom: 25px; padding: 0; padding-left: 5px; } .how-to-new .ulist .title { margin-top: 20px; margin-bottom: 10px; } .how-to-new .page .ulist li, .how-to-new .page .ulist li:not(:has(ul)) { list-style: none; position: relative; margin: 0 0 0.7em; padding: 2px 0 0 0; padding-inline-start: 1.675em; }  .how-to-new .page .ulist li::before, .how-to-new .page .ulist li:not(:has(ul))::before { content: ""; width: .375em; height: .375em; position: absolute; top: calc(.875em - .1875em); left: .5em; border-radius: 50%; background-color: var(--how-normal-text-color); }  .how-to-new .page .ulist ul:has(ul) { list-style: none; margin: 0 0 20px 5px; padding: 0; } .how-to-new .page .ulist ul:has(ul) li { margin-top: 10px; } .how-to-new .page .ulist ul:has(ul) ul li { margin: 0; } .how-to-new .page .ulist ul:has(ul) ul { margin-left: 5px; padding-left: 5px; position: relative; } .how-to-new .page .ulist ul:has(ul) ul li { list-style: none; position: relative; padding-left: 0.75rem; font-size: 15px; } .how-to-new .page .ulist ul:has(ul) ul::before { content: ""; position: absolute; left: 0; top: 0.2em; bottom: 0.2em; width: 2px; background: hsl(0, 0%, 60%); border-radius: 2px; opacity: 0.4; } .how-to-new .page a, .how-to-new .page a:visited, .how-to-new .page a:focus, .how-to-new .page a:hover { color: var(--how-normal-text-color); text-decoration: none; list-style: none; } .how-to-new .page a, .how-to-new .page .ulist ul li a { padding-bottom: 2px; position: relative; text-decoration: none; background-image: linear-gradient( var(--how-a-underline-color), var(--how-a-underline-color) ); background-size: 0% 1px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size 0.4s ease-out; transition: background-size 0.35s cubic-bezier(0.65, 0, 0.35, 1); display: inline-flex; align-items: center; gap: 4px; } .how-to-new .page a:hover, .how-to-new .page .ulist ul li a:hover { background-size: 100% 1px; } .how-to-new .page a::after, .how-to-new .ulist ul li a::after { content: ""; display: inline-block; width: 11px; height: 11px; margin: 0 6px 0 2px; background-image: url("/assets/images/text-link.svg"); background-size: contain; background-repeat: no-repeat; opacity: 0; transform: translateX(-3px) scale(0.9); transition: opacity 0.3s ease, transform 0.3s ease; } .how-to-new .page:hover a::after, .how-to-new .page:hover .ulist ul li a::after { opacity: 1; transform: translateX(0) scale(1); } .how-to-new .page a:hover::after, .how-to-new .page .ulist ul li a:hover::after { transform: translateX(0) scale(1.1); } .how-to-new .page .ulist ul li ul li::before { content: ""; display: none; } .how-to-new, .how-to-new .page p, .how-to-new .page a, .how-to-new .page .ulist ul li a, .how-to-new .page li { color: var(--how-normal-text-color); } .how-to-new .page strong, .how-to-new .page .ulist .title, .how-to-new .page .ulist ul li strong a, .how-to-new .page .ulist ul li strong a:visited, .how-to-new .page .ulist ul li strong a:focus, .how-to-new .page .ulist ul li strong a:hover { color: var(--how-dark-text-color); } .how-to-new .admonitionblock.tip, .how-to-new .admonition-inline.tip { background-color: var(--how-bg-blue-color); opacity: 1; color: var(--how-text-blue-color); border: 1px solid var(--how-border-blue-color); padding: 3px 20px 3px 12px; border-radius: 8px; margin-top: 25px; } .how-to-new .admonitionblock.tip p, .how-to-new .admonition-inline.tip p { color: var(--how-text-blue-color); line-height: 1.6; font-size: 15px; text-align: justify; padding-left: 60px; } .how-to-new .admonitionblock.tip p a, .how-to-new .admonition-inline.tip p a { color: var(--how-text-blue-color); } .how-to-new .page .admonitionblock.tip p a, .how-to-new .page .admonition-inline.tip p a { background-image: linear-gradient( var(--how-a-underline-blue-color), var(--how-a-underline-blue-color) ); } .how-to-new, .how-to-new *, .how-to-new *::before, .how-to-new *::after { box-sizing: border-box; }  .sidebarblock { margin: 30px 0; //font-family: 'Inter', sans-serif; } .sidebarblock details { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 0; margin: 0; overflow: hidden; }  .sidebarblock details:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }  .sidebarblock details:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }  .sidebarblock details + details { border-top: none; } .sidebarblock summary.title { padding: 12px 20px 12px 40px; cursor: pointer; position: relative; list-style: none; user-select: none; transition: background-color 0.3s ease; //border-radius: 8px; } .sidebarblock details[open] summary.title { background-color: hsl(0 0% 97% / 0.8); } .sidebarblock summary.title:hover { background-color: hsl(0 0% 97% / 0.9); } .sidebarblock summary.title::after { content: '▸'; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; font-size: 14px; color: #555; } .sidebarblock details[open] summary.title::after { transform: translateY(-50%) rotate(90deg); } .sidebarblock details .content { max-height: 0; opacity: 0; padding: 0 20px; overflow: hidden; //transition: max-height 0.5s ease, opacity 0.5s ease, padding 0.5s ease; } .sidebarblock details[open] .content { max-height: 500px; opacity: 1; padding: 14px 20px; } .sidebarblock .paragraph p { margin: 0; line-height: 1.6; color: #333; font-size: 15px; } .sidebarblock details[open] { //box-shadow: 0 4px 12px rgba(0,0,0,0.12); //transform: translateY(-2px); } .sidebarblock details summary::-webkit-details-marker { display: none; } .how-to-new .listingblock { border: 1px solid hsl(0 0% 90% / 1); padding: 2px 15px; border-radius: 15px; margin: 20px 0 3px 0; } .how-to-new span > img { border: none; vertical-align: middle; display: inline-block;  height: 2em; width: auto; }:root { --primary-color: #0078d4; --text-color: #333; --bg-color: #f9f9f9; --card-bg: #ffffff; --transition-speed: 0.4s; --bg-dot-color: #e2e8f0; } div.carousel-widget {  overflow: visible; display: flex; flex-direction: column; width: 100%; } .carousel-wrapper { position: relative; align-items: center; display: flex; flex-direction: column; }  .carousel-viewport { position: relative; overflow: hidden;  } .carousel-track { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; transition: transform var(--transition-speed) ease-in-out; } .carousel-slide { min-width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .carousel-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; }  .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--primary-color); box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: all 0.2s; z-index: 10; } .carousel-btn:hover { background: white; transform: translateY(-50%) scale(1.1); } .carousel-btn.prev { left: 20px; } .carousel-btn.next { right: 20px; }  .carousel-content { padding: 24px; text-align: center; } .step-indicator { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); z-index: 20; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; color: #555; font-weight: 600; background-color: rgba(255, 255, 255, 0.9); padding: 2px 8px; border-radius: 12px; pointer-events: none; } .step-title { font-size: 1.5rem; margin: 0 0 12px 0; color: var(--text-color); } .step-description { font-size: 1rem; line-height: 1.6; color: #555; margin-bottom: 24px; text-align: left; display: inline-block; } .step-description .number-circle { margin-right: 4px; }  .controls-container { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 8px; } .autoplay-btn { position: relative; background: none; border: none; width: 32px; height: 32px; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; } .autoplay-btn .icon { position: absolute; font-size: 14px; color: #888; transition: color 0.2s; z-index: 1; pointer-events: none; } .autoplay-btn:hover .icon { color: var(--primary-color); } .autoplay-btn.is-paused .icon { padding-left: 3px;  } .autoplay-btn.is-paused .progress-ring__circle { stroke: transparent; } .progress-ring { transform: rotate(-90deg); } .progress-ring__bg { transition: stroke 0.2s, fill 0.2s; } .autoplay-btn:hover .progress-ring__bg { stroke: var(--primary-color); fill: #f0f8ff; } .progress-ring__circle {  } .carousel-dots { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); z-index: 20; display: flex; justify-content: center; gap: 8px; } .dot { width: 10px; height: 10px; border-radius: 50%; background-color: #ddd; cursor: pointer; transition: background-color 0.3s; } .dot.active { background-color: var(--primary-color); transform: scale(1.2); }  .img-placeholder { width: 100%; height: 100%; background: #e0e0e0; display: flex; align-items: center; justify-content: center; color: #999; font-size: 1.2rem; }