@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,.025); } @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%; 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; } }  .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%); }  .article .sf-hero-gradient { height: 226px; }  .docs-page .sf-hero-gradient { height: calc(var(--navbar-height-big) + 12px); } .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; padding-bottom: 38px; margin-top: 40px; }  .article .title-big { margin-top: 40px; margin-bottom: 30px; }  .has-subtitle .sf-hero-gradient { height: 262px; } .has-subtitle .title-big { margin-top: 40px; } .title-big span { 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 { 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: 6px 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 a { color: #55a3ff; } .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; display: flex; align-items: center; }  .level2 .menu-item::before { content: '·'; color: var(--sf-on-dark-muted); font-size: 16px; margin-right: 4px; pointer-events: none; } .level2 .menu-item:first-child::before { display: none; } .row-secondary.scrolled .level2 .menu-item::before { color: rgba(0,0,0,0.25); }  .level2 .menu-item.active::before { content: ''; width: 6px; 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; flex-shrink: 0; margin-right: 6px; }  .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 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 .level1 .menu-item > * { color: var(--sf-on-dark-high); } @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: 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) { body { padding-top: var(--navbar-height-base); } .row-primary { display: none; } .row-secondary, .navbar.row-secondary.scrolled { top: 0; } .row-secondary .navbar-panel .search { max-width: 100%; } .hamburger { display: flex; } .menu-bar-list.level2 .menu-bar { display: none; } .minimized.unfolded { display: inherit; } .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 var(--sf-on-dark-border); width: 100%; padding: 10px 10%; } .minimized .menu-bar.level1 :last-child { border: none; } .minimized .menu-bar { padding-inline-start: 0; } .minimized .menu-bar > * { padding: 0 10%; padding-top: 10px; } .minimized .menu-bar.level2 > * { padding-left: 10%; border-bottom: 1px solid var(--sf-on-dark-border); } .minimized .menu-bar.level2 :last-child { border: none; } .minimized .menu-bar.level1 li:hover a, .minimized .menu-bar.level1 li a:hover { background: rgba(255,255,255,0.06); }  .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); } } /* ================================================================ * 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-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; } .footer-copy { font-family: var(--sf-font-body); font-size: 12px; color: var(--sf-on-dark-muted); white-space: nowrap; }  @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-bottom { flex-direction: column; gap: 14px; align-items: flex-start; padding: 28px 20px; } .footer-bottom-right { justify-content: flex-start; gap: 12px; } } .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}@charset "UTF-8"; .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f115"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f121"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f122"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-9-16 { padding-top: 177.7777777778%; } .video-js.vjs-1-1 { padding-top: 100%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1 !important; visibility: visible !important; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) { background: none; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; pointer-events: none; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .vjs-button > .vjs-icon-placeholder { display: block; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.3333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em;  -webkit-touch-callout: none;  -webkit-user-select: none;   -moz-user-select: none;  -ms-user-select: none;  user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; z-index: 1; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; z-index: 1; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .video-js .vjs-volume-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip { display: block; font-size: 1em; visibility: visible; } .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip { left: 1em; top: -12px; } .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { font-size: 1em; } .video-js .vjs-volume-control .vjs-mouse-display { display: none; position: absolute; width: 100%; height: 1px; background-color: #000; z-index: 1; } .video-js .vjs-volume-horizontal .vjs-mouse-display { width: 1px; height: 100%; } .vjs-no-flex .vjs-volume-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-volume-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-volume-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { align-items: center; cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: ""; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " "; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-chapters-button, .video-js.vjs-layout-small .vjs-descriptions-button, .video-js.vjs-layout-small .vjs-captions-button, .video-js.vjs-layout-small .vjs-subtitles-button, .video-js.vjs-layout-small .vjs-audio-button, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-chapters-button, .video-js.vjs-layout-x-small .vjs-descriptions-button, .video-js.vjs-layout-x-small .vjs-captions-button, .video-js.vjs-layout-x-small .vjs-subtitles-button, .video-js.vjs-layout-x-small .vjs-audio-button, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-chapters-button, .video-js.vjs-layout-tiny .vjs-descriptions-button, .video-js.vjs-layout-tiny .vjs-captions-button, .video-js.vjs-layout-tiny .vjs-subtitles-button, .video-js.vjs-layout-tiny .vjs-audio-button, .video-js.vjs-layout-tiny .vjs-volume-control { display: none; } .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover { width: auto; width: initial; } .video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button { display: none; } .video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer { flex: auto; display: block; } .video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; } .video-js *:focus:not(:focus-visible) { outline: none; }  .vjs-theme-sea .vjs-big-play-button{width:103px;height:79px;-o-object-fit:contain;object-fit:contain;background-color:hsla(0,0%,100%,.25);border:none;line-height:79px;top:50%;left:50%;border-radius:30px;margin:-51.5px auto 0 -39.5px}.vjs-theme-sea .vjs-control-bar{height:4em;background-color:hsla(0,0%,100%,.4)}.vjs-theme-sea .vjs-button:hover{color:#4176bc;background:linear-gradient(0deg,#d0ddee,#fff)}.vjs-theme-sea .vjs-button>.vjs-icon-placeholder:before{line-height:2.2}.vjs-theme-sea .vjs-time-control{line-height:4em}.vjs-theme-sea .vjs-picture-in-picture-control,.vjs-theme-sea .vjs-volume-panel{display:none}.vjs-theme-sea .vjs-progress-control .vjs-play-progress{background-color:rgba(65,118,188,.9)}.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before{display:none}.vjs-theme-sea .vjs-progress-control .vjs-slider{background-color:rgba(65,118,188,.1)}.vjs-theme-sea .vjs-progress-control .vjs-load-progress div{background:hsla(0,0%,100%,.5)}.vjs-theme-sea .vjs-progress-control .vjs-progress-holder{margin:0;height:100%}.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip{background-color:rgba(65,118,188,.5);color:#fff}.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{background-color:hsla(0,0%,100%,.7);color:#4176bc}  .videoblock .content { 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) 75%), linear-gradient( -45deg,transparent 75%,var(--bg-dot-color) 75%); background-size: 4px 4px; background-position: -2px -2px,0 2px,0 0,2px 0; padding: 20px 0; text-align: center; } .video-js { background: transparent; } .video-js .vjs-control-bar { max-height: 10px; } .vjs-has-started .vjs-big-play-button { display: inherit; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button { background: rgb(99 148 219 / 89%); box-sizing: border-box; transition: all 0.4s; box-shadow: 0 0 5px 1px rgba(100 100 100 / 50%); } .video-js .vjs-big-play-button:hover { box-shadow: 0 0 0 0 transparent; transform: scale(0.95); } .video-js .vjs-mouse-display, .video-js .vjs-play-progress .vjs-time-tooltip { display: none !important; } .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: 20px auto; padding-top:20px; padding-bottom: 20px;  } .directory-navigation .list { width: 100%; } .directory-navigation .selected-title { display: inherit; margin-left: 0px; } .directory-navigation .selected-title::before { content: ":"; padding-right: 10px; } .directory-navigation .title { white-space: nowrap; width: calc(100% - 10px); cursor: pointer; margin: 0; display: inline-block; margin-top: 5px; margin-bottom: 5px; color: white;  border: 1px solid #65acff; color: #65acff; border-radius: 5px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; } .directory-navigation .title:hover {  border-color: #499dff; } .directory-navigation .title::after { position: relative; display: inline-block; content: " ";  background-image: url("data:image/svg+xml;utf8, <svg stroke="rgb(101, 172, 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: right 0 top 2px; width: 20px; height: 20px; margin-left: 10px; margin-right: 10px;   } .directory-navigation .list { width: auto; max-width: none; } .directory-navigation .dir-content { display: none; position: relative; margin: auto; border-radius: 5px; background-color: #65acff; } .directory-navigation .doc-link.active { padding: 5px 0 5px 13px; } .directory-navigation .doc-link.active::before { display: none; } .dir-content > * { border-top: 1px solid white; padding-right: 0px; } .dir-content:nth-child(1) { border-top: none; color:black; } .dir-content {  width: 100%; } .dir-content.unfolded { display: block; } .directory-navigation .doc-link {  max-width: none; color: white; } .directory-navigation .doc-link:hover { text-decoration: none; background-color: #499dff; } } h1, h2 { color:var(--titlecolor); font-family: proxima-nova,sans-serif; display:block; text-align:center; } .title-big { font-size: 28px; margin-bottom: 30px; width: var(--page-width); margin-left: auto; margin-right: auto; text-align: center; padding-left: 20px; box-sizing: border-box; } @media screen and (max-width: 1300px) { .title-big { margin-right: 0; } } .title-big span { display: block; text-align: center; margin-top: 10px; font-size: 22px; } .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; } .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); min-width: 80%; 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; } } @media screen and (max-width: 1100px) { .title-big { } } .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; } .title-big { text-align: left; } .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; } .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; } .videoblock { display: flex; flex-direction: column-reverse; } .boundary-conditions h1 { margin-top: 40px; margin-bottom: 60px; } .boundary-conditions h2.title { position: relative; padding-top: 25px; } .boundary-conditions h2 > span.cloud-title { position: absolute; top: -15px; left: -8px; padding: 3px 8px; font-size: 14px; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 4px; font-weight: normal; color: #7f7f7f; } .boundary-conditions .this-bc, .boundary-conditions code { 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; } .boundary-conditions code { letter-spacing: 1px; font-family: proxima-nova-thin, Open Sans, sans-serif; font-size: 14px; padding: 1px 5px; border-radius: 4px; font-weight: normal; } .boundary-conditions code { color: #000; background-color: #e7e7e7; } .boundary-conditions .page a, .boundary-conditions .page a:visited { text-decoration: none; color: #424242; border-bottom: 1px solid #424242; transition: all 0.3s; font-weight: 400; } .boundary-conditions .page a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.09);  font-weight: 400; } .boundary-conditions .paragraph p, .solver .ulist p { letter-spacing: 0; } .boundary-conditions #_features + div > .ulist:first-child ul, .boundary-conditions #_features + div > .ulist:nth-child(2) > ul { margin-bottom: 16px; } .boundary-conditions #_what_can_be_calculated + div .paragraph p, .boundary-conditions #_what_cannot_be_calculated + div .paragraph p, .boundary-conditions #_tutorial + div .paragraph p, .boundary-conditions #_validation_cases + div .paragraph p { font-size: 16px; margin-bottom: 2px; } .boundary-conditions #_tutorial + div .paragraph p a, .boundary-conditions #_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; } .boundary-conditions #_tutorial + div .paragraph p a:hover, .boundary-conditions #_validation_cases + div .paragraph p a:hover { text-decoration: none; background-color: #eaf1ff; } .boundary-conditions #_tutorial + div .ulist ul, .boundary-conditions #_validation_cases + div .ulist ul { margin: 0; padding: 0 0 0 14px; list-style-type: none; } .boundary-conditions #_tutorial + div .ulist ul li, .boundary-conditions #_validation_cases + div .ulist ul li { font-size: 15px; } .boundary-conditions #_alternative_solvers + div .paragraph p { margin-bottom: 20px; } .boundary-conditions #_alternative_solvers + div .ulist { margin-bottom: 30px; } .boundary-conditions #_alternative_solvers + div .ulist { list-style-type: none; padding: 0; margin: 0; } .boundary-conditions #_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; } .boundary-conditions #_alternative_solvers + div strong a:hover { text-decoration: none; border-color: #608dff; background-color: #6296ff; color: #fff; } .boundary-conditions .bcg-intro { margin: 40px 0; } .boundary-conditions .bcg-intro ul { padding: 10px 0 0 30px; } .boundary-conditions .bcg-intro ul li { font-size: 14px; } .boundary-conditions .bcg-intro .frame { 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; } .boundary-conditions .bcg-intro .frame .paragraph { margin: 0; } .boundary-conditions .bcg-intro .bcg-info-title { display: block; font-size: 17px; font-weight: 700; } .boundary-conditions .info-panel { padding: 15px 20px; margin: 25px 0 10px; border: 1px solid #e2e2e2; border-left: 4px solid #62b7f9; border-radius: 4px; } .boundary-conditions .info-panel .paragraph { margin: 0; } .boundary-conditions .info-panel .paragraph p { line-height: 1.5; font-size: 14px; } .boundary-conditions .info-panel .info-panel-title { display: block; line-height: 1.5; font-size: 14px; font-weight: bold; } .boundary-conditions .sgc-one-column .paragraph p {  border-bottom: none; padding: 10px; text-align: center; font-size: 14px; margin-top: 25px; } .boundary-conditions .sgc-one-column ul { padding: 0; margin: 0; list-style-type: none;  margin-bottom: -1px; } .boundary-conditions .sgc-one-column li { display: flex; border: 1px solid #e2e2e2; border-bottom: none; font-size: 13px; background-color: #fff; } .boundary-conditions .sgc-one-column li:last-child { border-bottom: 1px solid #e2e2e2; } .boundary-conditions .universal li .solver {width: 220px; } .boundary-conditions .incompressible li .solver {width: 155px; } .boundary-conditions .compressible li .solver {width: 190px; } .boundary-conditions .heat-transfer li .solver {width: 220px; } .boundary-conditions .free-surface-vof li .solver {width: 200px; } .boundary-conditions .phase-change li .solver {width: 250px; } .boundary-conditions .dispersed li .solver {width: 155px; } .boundary-conditions .species li .solver { width: 210px; } .boundary-conditions .sgc-one-column li .desc { padding: 12px 10px; } .boundary-conditions .bc-alt a, .boundary-conditions .bc-alt a:visited { 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; } .boundary-conditions .bc-alt a:hover { text-decoration: none; color: #fff; border-color: #3abaff; background-color: #3abaff; } .boundary-conditions .sgc-one-column li .desc code { margin: 0 3px; font-size: 12px; } .boundary-conditions .sgc-legend ul { list-style-type: none; padding: 0; margin: 0; margin-top: 20px; } .boundary-conditions .sgc-legend li { font-size: 12px; font-style: italic; } .boundary-conditions .sgc-legend-additional p { margin: 20px 0 0 0; padding: 0; font-style: italic; line-height: 1; font-size: 13px; } .boundary-conditions .sgc-legend-additional > .ulist > ul { margin: 0; padding: 10px 0 0 20px; list-style-type: circle; } .boundary-conditions .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; } .boundary-conditions .sgc-legend-additional ul li { font-size: 12px; font-style: italic; } .boundary-conditions .sgc-legend-additional ol { margin: 20px 0 0 0; padding: 0; list-style-type: none; } .boundary-conditions .sgc-legend-additional ol > li { font-style: italic; line-height: 1.6; font-size: 13px; padding: 3px; } .boundary-conditions th { font-weight: 400; } .bc-table { border: 1px solid #e0e0e0; } .bc-table tr { border-color: #e3e3e3; } .bc-table td { font-size: 13px; padding: 20px 15px; border-color: #e3e3e3; } .bc-table td mark { background-color: #f0f0f0 !important; padding: 3px 5px; margin: 0 1px; border-radius: 2px; color: #414141; } .bc-table th.tableblock { background-color: #e3e3e3; color: #424242; padding: 10px 15px; font-size: 14px; } .boundary-conditions .bc-alt { padding: 12px 0; display: flex; align-items: center; flex: 0 0 auto; } .boundary-conditions .bc-alt a, .boundary-conditions .bc-alt a:visited, .boundary-conditions .tutorial-table a, .boundary-conditions .tutorial-table a:visited { 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; font-weight: 400; display: inline-block; } .boundary-conditions .bc-alt a:hover, .boundary-conditions .tutorial-table a:hover { text-decoration: none; color: #fff; border-color: #3abaff; background-color: #3abaff; } .boundary-conditions .tutorial-table { margin-top: 40px; }