*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;overflow-y:scroll}body,h1,h2,h3,h4,p,pre,figure,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5rem}@font-face{font-family:jetbrainsmono;font-style:normal;font-weight:400;src:url(../fonts/jetbrainsmono/JetBrainsMono-Light.woff2)format("woff2");font-display:swap}@font-face{font-family:jetbrainsmono;font-style:italic;font-weight:400;src:url(../fonts/jetbrainsmono/JetBrainsMono-Italic.woff2)format("woff2");font-display:swap}@font-face{font-family:jetbrainsmono;font-style:normal;font-weight:700;src:url(../fonts/jetbrainsmono/JetBrainsMono-SemiBold.woff2)format("woff2");font-display:swap}@font-face{font-family:jetbrainsmono;font-style:italic;font-weight:700;src:url(../fonts/jetbrainsmono/JetBrainsMono-BoldItalic.woff2)format("woff2");font-display:swap}:root{font-family:var(--font-family);font-feature-settings:"liga" on,"calt" on;font-weight:350;font-size:100%;--font-family:"Inter var", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--color-brand:56.6% 0.194 147.7;--color-brand-300:0.84 0.0699 157.51;--color-brand-200:0.91 0.0406 157.72;--color-brand-100:0.98 0.0107 158.85;--color-background:1 0 0;--color-foreground:0 0 0;--color-shadow:0.86 0 0;--color-footer-text:0 0 0 / 65%;--color-product-title:0.64 0 0;--color-tabs-inactive-border:0 0 0 / 20%;--margin-content-h1:2.5rem 0 0 0;--margin-content-h2:2.5rem 0 0 0;--margin-content-h3:1.5rem 0 0 0;--margin-content-h4:1rem 0 0 0;--margin-list:0.5rem 0 0.5rem 1.15rem;--margin-list-item:0.5rem 0 0.5rem 0;--color-list-bullet:var(--color-codeblock-border);--color-list-char:var(--color-codeblock-border);--margin-codeblock:1.5rem -1rem;--color-inline_codeblock-border:0.85 0 0;--color-inline_codeblock-background:0.98 0 0;--color-codeblock-border:0.63 0 0;--color-codeblock-background:1 0 0;--color-codeblock-highlight:0.99 0.0479 105.97;--codeblock-comment-diff:2rem;--codeblock-comment-space-between:10px;--codeblock-horizontal-line-length:2rem;--codeblock-horizontal-line-overflow:0.25rem;--codeblock-horizontal-padding:1rem;--codeblock-border-thickness:1px;--codeblock-code-section-padding-left:1rem;--codeblock-line-box-side-length:4px;--margin-callout:1rem -1rem;--color-callout-warning:0.65 0.188 24;--color-callout-warning-shadow:0.65 0.188 24 / 20%;--color-callout-caution:0.8 0.1613 71.21;--color-callout-caution-shadow:0.8 0.1613 71.21 / 20%;--color-callout-important:0.36 0 0;--color-callout-important-shadow:0.23 0 0 / 7.06%;--color-divider:0.85 0 0;--margin-table:2rem 0;--table-top-bottom-spacing:2rem;--table-row-space-between:1.5rem;--table-min-column-spacing-narrow:1.5rem;--table-min-column-spacing-wide:0.75rem;--table-header-bottom-spacing:1rem;--table-line-height:1px;--details-margin:0.5rem 0rem;--margin-tab-group:1rem -1rem 0 -1rem;--overflow-gutter-extension:1rem;--grid-content:minmax(34rem, 50rem);--grid-content-mobile:minmax(20rem, 50rem);--grid-side-callout:minmax(18rem, 26rem);--grid-column-gutter:3.5rem;--flow-gap:1rem;--font-step--3:clamp(0.5064rem, 0.5044rem + 0.0098vw, 0.512rem);--font-step--2:clamp(0.6076rem, 0.5964rem + 0.0563vw, 0.64rem);--font-step--1:clamp(0.7292rem, 0.7045rem + 0.1232vw, 0.8rem);--font-step-0:clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem);--font-step-1:clamp(1.05rem, 0.9804rem + 0.3478vw, 1.25rem);--font-step-2:clamp(1.26rem, 1.1548rem + 0.5261vw, 1.5625rem);--font-step-3:clamp(1.512rem, 1.3586rem + 0.7672vw, 1.9531rem);--font-step-4:clamp(1.8144rem, 1.5963rem + 1.0904vw, 2.4414rem);--font-step-5:clamp(2.1773rem, 1.8731rem + 1.5208vw, 3.0518rem);--space-3xs:clamp(0.25rem, 0.2283rem + 0.1087vw, 0.3125rem);--space-2xs:clamp(0.5rem, 0.4783rem + 0.1087vw, 0.5625rem);--space-xs:clamp(0.75rem, 0.7065rem + 0.2174vw, 0.875rem);--space-s:clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);--space-m:clamp(1.5rem, 1.4348rem + 0.3261vw, 1.6875rem);--space-l:clamp(2rem, 1.913rem + 0.4348vw, 2.25rem);--space-xl:clamp(3rem, 2.8696rem + 0.6522vw, 3.375rem);--space-2xl:clamp(4rem, 3.8261rem + 0.8696vw, 4.5rem);--space-3xl:clamp(6rem, 5.7391rem + 1.3043vw, 6.75rem);--space-3xs-2xs:clamp(0.25rem, 0.1413rem + 0.5435vw, 0.5625rem);--space-2xs-xs:clamp(0.5rem, 0.3696rem + 0.6522vw, 0.875rem);--space-xs-s:clamp(0.75rem, 0.6196rem + 0.6522vw, 1.125rem);--space-s-m:clamp(1rem, 0.7609rem + 1.1957vw, 1.6875rem);--space-m-l:clamp(1.5rem, 1.2391rem + 1.3043vw, 2.25rem);--space-l-xl:clamp(2rem, 1.5217rem + 2.3913vw, 3.375rem);--space-xl-2xl:clamp(3rem, 2.4783rem + 2.6087vw, 4.5rem);--space-2xl-3xl:clamp(4rem, 3.0435rem + 4.7826vw, 6.75rem);--space-s-l:clamp(1rem, 0.5652rem + 2.1739vw, 2.25rem);--grid-max-width:69.75rem;--grid-min-width:34rem;--grid-gutter:var(--space-s-l, clamp(1rem, 0.4975rem + 2.5126vw, 2.25rem));--grid-columns:12;--header-height:4rem;--sidebar-width:24rem;--sidebar-item-padding-lr:0.75rem;--sidebar-item-padding-tb:0.25rem;--content-max-width:88rem;--main-col:minmax(34rem, 50rem);--side-col:minmax(18rem, 26rem)}@supports(font-variation-settings:normal){:root{--font-family:InterVariable, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
      sans-serif}h1,h2,h3,h4,h5,h6,.breadcrumb{font-variation-settings:"wght" 500}}h1,h2,h3,h4,h5,h6,.breadcrumb{font-weight:500}html{scroll-behavior:smooth;font-optical-sizing:auto;font-weight:300;font-style:normal}html:has(api-container){scroll-behavior:auto}h1,h2,h3,h4,h5,h6{scroll-margin-top:1.5rem}p{font-weight:350}ul,ol{padding:0;margin:var(--margin-list)}ul li,ol li{margin:var(--margin-list-item)}ul li::marker{color:oklch(var(--color-list-bullet))}ol li::marker{color:oklch(var(--color-list-char))}ul ul,ul ol,ol ul,ol ol{padding:0 0 0 1rem}ul li:last-child,ol li:last-child{margin-block-end:0}.grid-container{display:grid;grid-template-columns:var(--sidebar-width)1fr;grid-template-rows:var(--header-height)1fr auto;grid-template-areas:"sidebar header" "sidebar content" "sidebar footer";min-height:100vh;min-width:var(--grid-min-width);@media(max-width:68rem){grid-template-columns: 1fr; grid-template-areas: "header" "content" "footer"; .text-content{margin-block-start:1rem}.breadcrumb-layout{border-bottom:1px solid oklch(var(--color-divider));align-items:center;padding:var(--space-xs)0}}.content { padding: 0 var(--space-l) 2rem; } .header__logo { display: none; } .header__logo-small { display: none; }}.grid-container:has(.homepage){grid-template-columns:1fr;grid-template-areas:"header" "content" "footer";.header__logo { display: unset; } .sidebar, .header__product-selector, .header__sidebar__panel, .header__logo-small { display: none; }}.grid-container:has(.search){grid-template-columns:1fr;grid-template-areas:"header" "content" "footer";.sidebar { display: none; } .header__logo { display: unset; }}.header{grid-area:header;display:flex;padding:0 var(--space-s);border-bottom:1px solid oklch(var(--color-divider));background:rgba(255,255,255,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:2;.header-container { display: flex; flex-direction: row; justify-content: space-around; align-items: center; width: 100%; .header__img { height: 2rem; padding-inline-start: 12px; } .header__search { display: block; width: 14rem; } .header__product-selector { width: 10rem; background: rgba(0, 0, 0, 0); color: oklch(var(--color-foreground)); text-decoration-color: oklch(var(--color-brand) / 0.3); & button:hover * { color: oklch(var(--color-brand)); } .product-selector__button { display: flex; align-items: center; background: rgba(0, 0, 0, 0); border: none; width: 16rem; font-weight: 500; cursor: pointer; color: oklch(var(--color-foreground)); text-decoration-color: oklch(var(--color-brand) / 0.3); transition: color 0.15s ease-in-out; } } .header__f5sites { li.nav-item-explore { margin: 0; position: relative; display: inline-block; } .dropdown-button { padding: 0.5rem 0.5rem; border: none; text-align: center; text-decoration: none; cursor: pointer; } .dropdown-content { position: absolute; background-color: oklch(var(--color-background)); border: oklch(var(--color-foreground)) 1px solid; box-shadow: 3px 3px 0px oklch(var(--color-shadow)); z-index: 1; right: 0; display: none; width: 400px; max-width: 80vw; margin-block-start: 0.5rem; ul { padding: 20px 10px; margin: 0.5rem 1rem; li:first-child { margin-block-start: 0; } } } } > ul { padding: 0; } } ul { list-style: none; }}.content{.last-modified { margin: 1rem 0 0 0; font-size: 0.875rem; }}.footer{grid-area:footer;padding:var(--space-l);margin-block-start:auto;border-top:1px solid oklch(var(--color-divider))}#sidebar-panel:checked~.grid-container{grid-template-columns:1fr;grid-template-areas:"header" "content" "footer";.sidebar { display: none; } .header__sidebar__panel { display: flex; align-self: center; } .header { .header__logo-small { display: unset; } }}.header__sidebar__panel,.sidebar__panel{cursor:pointer;color:oklch(var(--color-foreground));label { cursor: pointer; } :hover { color: oklch(var(--color-brand)); }}.header__sidebar__panel{display:none}.sidebar{grid-area:sidebar;position:fixed;top:0;left:0;width:var(--sidebar-width);height:calc(110vh - var(--header-height));border-right:1px solid oklch(var(--color-divider));overflow:hidden;background:oklch(var(--color-background));box-sizing:border-box;transform:translateX(0);padding:0 0 var(--space-s)var(--space-s);.sidebar__container { display: grid; grid-template-rows: var(--header-height) 1fr; height: 100%; .sidebar__header { display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; background: oklch(var(--color-background)); z-index: 1; padding: 0 2.25rem 0 var(--sidebar-item-padding-lr); .sidebar__img { height: 2rem; } } .sidebar__content__wrapper { flex-grow: 1; overflow-y: auto; min-height: 0; width: calc(var(--sidebar-width) - 1rem); scrollbar-gutter: stable; display: flex; flex-direction: column; } } .sidebar__search { display: none; }}@media(max-width:68rem){#sidebar-panel:checked~.grid-container{.sidebar { z-index: 11; display: block; transform: translateX(0); border-bottom: 1px solid oklch(var(--color-divider)); position: fixed; top: 0; left: 0; .sidebar__content__wrapper { display: flex; flex-direction: column; } .sidebar__search { display: unset; width: calc(var(--sidebar-width) - 4rem); margin-inline-start: 1rem; } }}.header{.header__logo-small { display: unset; img { margin: 0; } } .header-container { .header__search { display: none; } }}.header__product-selector{display:none}.header__sidebar__panel{display:flex;align-items:center}.sidebar{grid-area:sidebar;position:absolute;top:0;left:0;bottom:0;width:var(--sidebar-width,16rem);transform:translateX(-100%)}}.footer-layout{display:grid;grid-template-columns:1fr;font-size:.875rem;gap:24px}.footer-f5-trademark{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.footer-f5-trademark p{margin:0;color:oklch(var(--color-footer-text))}.footer-useful-links{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.footer-useful-links a{color:oklch(var(--color-footer-text));text-decoration:none}@media(min-width:814px){.footer-layout{display:grid;grid-template-columns:1fr 1fr;font-size:.875rem}.footer-useful-links{gap:4px}}nav{display:flex;align-items:center;.logo { height: 3rem; width: 3rem; } .links a { margin: 0 0 0 1rem; }}.homepage{--content-max-width:120rem;margin:0 2rem;line-height:1.5rem; *{ margin-inline-start: 0; padding-inline-start: 0; } .homepage-section { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 500px)); gap: 1.5rem; justify-content: center; max-width: 100rem; margin: 0 auto; padding: 1rem; .headerlink { cursor: default; pointer-events: none; &::before { display: none; } } > * { grid-column: 1 / -1; } > p { grid-column: 1; } }}[data-grid=wide]{grid-column:1}[data-grid=first-third]{grid-column:1}[data-grid=last-third]{grid-column:1}[data-grid=quarter]{grid-column:1}[data-grid=third]{grid-column:1}[data-grid=half]{grid-column:1}@media(min-width:55rem){[data-grid=wide]{grid-column:1/-1}[data-grid=first-third]{grid-column:1/4}[data-grid=first-two-thirds]{grid-column:1/8}[data-grid=last-third]{grid-column:8/-1}[data-grid=quarter]{grid-column:span 3}[data-grid=third]{grid-column:span 4}[data-grid=half]{grid-column:span 6}[data-grid=breakout]{grid-column:1/-1;width:calc(100vw - var(--sidebar-width) - 4rem);position:relative;left:50%;right:50%;margin-left:calc(-1 * (50vw - var(--sidebar-width)/2 - 2rem));margin-right:calc(-1 * (50vw - var(--sidebar-width)/2 - 2rem));max-width:calc(100vw - var(--sidebar-width) - 4rem)}@media(max-width:68rem){[data-grid=breakout]{width:100vw;margin-left:-50vw;margin-right:-50vw;max-width:100vw}}}.content{grid-area:content;justify-self:center;padding:0 var(--space-l)2rem;max-width:var(--content-max-width);width:100%;& > *, & > ul, & > ol { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--flow-gap) var(--space-m); ol:has(.code-content), ul:has(.code-content) { min-width: 0; max-width: 100%; } > *:not([data-grid]), > li:not([data-grid]) { grid-column: 1; } @media (min-width: 55rem) { max-width: var(--content-max-width); grid-template-columns: repeat(var(--grid-columns), 1fr); > *:not([data-grid]), > li:not([data-grid]) { grid-column: 1 / 8; } } }}.content .content__redocly{border-top:1px solid oklch(var(--color-divider));border-bottom:1px solid oklch(var(--color-divider)); #api-component { z-index: 0; position: relative; display: block; max-width: 100%; .redoc-wrap .menu-content { top: 4rem !important; left: 0; } }}#searchbox{width:24rem;display:none;grid-column:1}.breadcrumb-layout{padding-block-start:1rem}main{margin:0 var(--space-s)var(--space-s)}@media(min-width:88em){.header__logo{display:unset}.navbar atomic-search-interface{margin:0;display:block}}.list-page{--flow-gap:0.5rem;--margin-content-h1:0;h2 { font-size: 1.5rem; } hr { margin-block: 1rem; }}.list-page.text-content{grid-template-rows:calc(70px + var(--flow-gap))max-content}.QSIUserDefinedHTML{z-index:1;width:100% !important; *{ width: 100% !important; }}atomic-search-interface#search-v2{position:relative;z-index:1;display:inline-block !important;width:95vw;grid-column:1/-1;--atomic-primary:oklch(var(--color-brand));--atomic-primary-ring:oklch(var(--color-brand));--atomic-primary-light:oklch(var(--color-brand));--atomic-border-radius-lg:0;--atomic-border-radius-md:0;--atomic-border-radius:0;--atomic-font-family:var(--font-family);atomic-search-box { z-index: 0; } atomic-search-layout { grid-template-areas: "atomic-section-search" "atomic-section-status" "atomic-section-facets" "atomic-section-main"; grid-template-columns: minmax(50%, 100%) !important; @media (min-width: 1024px) { &:has(atomic-search-box) { grid-template-areas: "atomic-section-search atomic-section-status" "atomic-section-facets atomic-section-main  " "atomic-section-facets .                    " !important; } grid-template-areas: "atomic-section-facets atomic-section-status" "atomic-section-facets atomic-section-main  " "atomic-section-facets .                    " !important; grid-template-columns: minmax(17rem, 24rem) minmax(50%, 100%) !important; column-gap: calc(1.5rem + 2rem) !important; } atomic-layout-section[section="status"] { margin: var(--atomic-layout-spacing-y) 0; max-width: 100%; display: block; width: 100%; .atomic-full-summary-and-sort { display: flex; flex-direction: column; align-items: start; gap: 1rem; justify-content: space-between; @media (min-width: 480px) { flex-direction: row; align-items: center; } atomic-query-summary { &::part(duration) { display: inline-block !important; } } atomic-refine-toggle { display: none; @media (max-width: 1024px) { display: block; } } } } atomic-layout-section[section="search"] { width: 100% !important; max-width: 100% !important; } atomic-layout-section[section="facets"] { margin: var(--atomic-layout-spacing-y) 0; } }}atomic-search-interface#search-standalone-header{height:fit-content;.header-search-box { &::part(wrapper) { border-radius: 0; border-color: oklch(var(--color-foreground)); } &::part(suggestions-wrapper) { border-radius: 0; border-color: oklch(var(--color-foreground)); width: calc(100% + 2px); margin-inline-start: -1px; } &::part(submit-button-wrapper) { --atomic-primary: var(--atomic-neutral-dark); } }}body:not(:has(.main-layout)) header atomic-search-interface{display:block}@media(max-width:88rem){body:has(.sidebar-layout) header atomic-search-interface{display:block}}.product-selector{z-index:11;display:none;position:absolute;top:0;margin-block-start:calc(var(--header-height) - 1rem);padding:1rem 1.5rem;background-color:oklch(var(--color-background));border:oklch(var(--color-foreground))1px solid;box-shadow:3px 3px oklch(var(--color-shadow))}.product-name{padding-inline-end:var(--space-s)}.product-selector-button-icon{color:#000;svg { color: black; stroke: currentColor; }}button:has(~.product-selector[style*=block])>.product-selector-button-icon{transition:transform .1s ease-in-out;transform:rotate(90deg)}button:has(~.product-selector[style*=none])>.product-selector-button-icon{transition:transform .1s ease-in-out;transform:rotate(0)}.product-selector p{font-size:.75rem;color:oklch(var(--color-product-title));display:inline}.product-selector ul{padding-inline-start:0;margin-block-start:0;list-style-type:none}.product-selector a{text-decoration:none;color:oklch(var(--color-foreground));font-size:1rem}nav.sidebar.sidebar__mobile-open{display:block}.sidebar{grid-area:sidebar;color:oklch(var(--color-foreground)/.75);display:flex;flex-direction:column;height:100%;.sidebar__container, .sidebar__container button, .sidebar__container ul, .sidebar__container li { margin: 0; padding: 0; list-style: none; font-weight: 400; font-size: 0.875rem; } .sidebar__container { width: var(--sidebar-width); } .sidebar__container button { padding: var(--sidebar-item-padding-tb) var(--sidebar-item-padding-lr); justify-content: space-between; } .sidebar__content { padding: 0.5rem 0 0.4rem 0; } .sidebar__ul { padding-inline-start: 0; } .sidebar__children { padding-inline-start: 1rem; } .sidebar__toggle { display: flex; align-items: center; gap: 0.25rem; cursor: pointer; background: none; border: none; width: 100%; text-align: left; padding: 0.25rem 0.5rem; border-radius: 5px 0 0 5px; font-weight: 500; color: oklch(var(--color-foreground)); &:hover { background-color: oklch(var(--color-brand) / 0.06); color: oklch(var(--color-brand) / 1); } } .sidebar__container button.sidebar__toggle--ancestor { font-weight: 600; } .sidebar__chevron { display: flex; align-items: flex-end; } .sidebar__chevron svg { stroke-width: 1.5; width: 1rem; height: 1rem; } .sidebar__chevron--open { transform: rotate(90deg); } .sidebar__toggle:not(:has(.sidebar__chevron)) { padding-inline-start: 2rem; } .sidebar__link { display: block; padding: var(--sidebar-item-padding-tb) var(--sidebar-item-padding-lr); margin: 2px 0 2px 0; border-radius: 5px 0 0 5px; color: oklch(0 0 0 / 0.75); text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; &:hover { background-color: oklch(var(--color-brand) / 0.08); color: oklch(var(--color-brand)); } } .sidebar__link--current, .sidebar__toggle.sidebar__link--current { color: oklch(var(--color-brand) / 1); background-color: oklch(var(--color-brand) / 0.1); font-weight: 600; display: flex; box-sizing: border-box; } .sidebar__toc { #TableOfContents { padding: 0 0.75rem 0 0; margin: 0.5rem 0.25rem 0.5rem 0.875rem; border-left: 1px solid oklch(var(--color-divider)); color: oklch(var(--color-foreground) / 0.75); &[hidden] { display: none; } a { color: oklch(var(--color-foreground)); text-decoration: none; } &:empty { display: none; } li { padding: 0.25rem 0.75rem; } li:empty { display: none; } li:first-child { padding-block-start: 0; } ul ul li:first-child { padding-block-start: 0.75rem; } li:last-child { padding-block-end: 0; } } }}details summary{margin:var(--details-margin);color:oklch(var(--color-brand));transition:text-decoration-color .15s ease-in-out;text-decoration:underline;text-decoration-color:oklch(var(--color-brand)/.3);& ~ * { margin-block-start: 1rem; } &:hover { text-decoration-color: oklch(var(--color-brand) / 0.8); cursor: pointer; }}p{margin:0;line-height:1.5rem}.breadcrumb-layout{position:relative;background-color:#fff;.sidebar__mobile__toggle { display: none; }}.breadcrumb{color:oklch(var(--color-foreground));text-decoration:none;font-size:.875rem;margin:0}.breadcrumb .active{font-weight:600}.breadcrumb ol{list-style:none;padding:0;display:block;> * { display: inline; line-height: 25px; }}.breadcrumb li:after{padding:0 .25rem;content:"\E1D7"}a{color:oklch(var(--color-brand));text-decoration-color:oklch(var(--color-brand)/.3);transition:text-decoration-color .15s ease-in-out}a:hover{text-decoration-color:oklch(var(--color-brand)/.8)}.content{h1 { margin: var(--margin-content-h1); font-size: var(--font-step-3); } h2 { margin: var(--margin-content-h2); font-size: var(--font-step-2); } h3 { margin: var(--margin-content-h3); font-size: var(--font-step-1); } h4 { margin: var(--margin-content-h4); } p { font-size: var(--font-step-0); } h2:target, h3:target, h4:target, h5:target, h6:target { color: oklch(var(--color-brand)); .headerlink::before { display: block !important; } } h2:has(a), h3:has(a), h4:has(a), h5:has(a), h6:has(a) { width: calc(100% + 1rem); margin-inline-start: -1rem; padding-inline-start: 1rem; position: relative; } h2:has(a):hover { .headerlink::before { display: block; } } h3:has(a):hover { .headerlink::before { display: block; } } h4:has(a):hover { .headerlink::before { display: block; } } h5:has(a):hover { .headerlink::before { display: block; } } h6:has(a):hover { .headerlink::before { display: block; } }}.headerlink{text-decoration:none;color:oklch(var(--color-foreground))}.headerlink::before{position:absolute;content:"#";margin-inline-start:-1.5rem;opacity:20%;display:none;bottom:0;color:oklch(var(--color-brand))}.card-layout{display:flex;flex-direction:column;gap:1.5rem;margin-block-start:.5rem;.card-section { display: flex; flex-direction: column; gap: 1.5rem; &.featured-section { .card-section-content > *:nth-child(n + 4 of a.card) { display: none; } } .card-section-title { font-weight: 500; font-size: var(--font-step-2); display: block; } .card-section-content { display: flex; flex-direction: column; gap: 1rem; &.card-grid { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: 1.5rem; @media (max-width: 55rem) { grid-template-columns: 1fr; } .card { border: 1px solid oklch(var(--color-codeblock-border)); box-shadow: 3px 3px 0px oklch(var(--color-shadow)); padding: 1rem; order: 2; } } .card { color: oklch(var(--color-foreground)); text-decoration: none; .card-container { display: flex; flex-direction: column; gap: 0.5rem; } .card-header { display: flex; flex-direction: row; gap: 1rem; align-items: center; color: oklch(var(--color-brand)); img.card-brand-icon { height: 1.5rem; width: auto; } h2 { padding: 0; margin: 0; font-size: var(--font-step-1); } } } } }}.homepage .card-layout{margin-block-end:3rem;gap:3rem;.card-section { .card-section-content.card-grid { grid-template-columns: 1fr; @media (min-width: 70rem) { grid-template-columns: repeat(12, 1fr); grid-auto-rows: 1fr; } .card { padding: 1rem 2rem 2rem 2rem; .card-container { .card-header { justify-content: flex-start; .lucide, .card-brand-icon { height: 40px; width: auto; } } } &:hover { box-shadow: 3px 3px 0px oklch(var(--color-brand) / 0.4); text-decoration-color: oklch(var(--color-background)); border: 1px solid oklch(var(--color-brand) / 0.8); } } } }}.list-header-container{display:flex;gap:1.5rem;align-items:center;justify-content:start;img { width: auto; height: 3.5rem; }}table{position:relative;z-index:0;td { padding: var(--table-row-space-between) 0; } th { font-weight: bold; text-align: start; vertical-align: top; padding-block-end: var(--table-header-bottom-spacing); } tr { position: relative; } tr::after { content: ""; position: absolute; border-bottom: var(--table-line-height) solid oklch(var(--color-divider)); bottom: 0; left: calc(-1 * var(--overflow-gutter-extension)); width: calc(100% + (2 * var(--overflow-gutter-extension))); }}.table{margin:var(--margin-table)}.md-table-scroll-x{overflow-x:auto;width:100%}.narrow table{min-width:100%;margin:var(--table-top-bottom-spacing)0;border-collapse:collapse}.wide table{margin:var(--table-top-bottom-spacing)0;border-collapse:collapse}.narrow table th,.narrow table td{padding-inline-start:var(--table-min-column-spacing-narrow)}.wide table th,.wide table td{padding-inline-start:var(--table-min-column-spacing-wide)}table th:first-child,table td:first-child{padding-inline-start:0}table hr{color:oklch(var(--color-divider));border:none;border-bottom:var(--table-line-height)solid oklch(var(--color-divider))}blockquote{border:1px solid oklch(var(--color-foreground));padding:1rem;height:fit-content;margin:var(--margin-callout);box-shadow:3px 3px oklch(var(--color-shadow));&:has(.code-block) .code-block:not(:has(.single-line)) { margin:0; } .callout-content { margin:0; }}blockquote[data-grid=last-third]{margin-block-start:0}@media(max-width:55rem){blockquote[data-grid=last-third]{margin:var(--margin-callout)}}blockquote.note{position:relative;z-index:0}blockquote.note:before{content:attr(data-title);font-size:1rem;font-weight:600;font-variation-settings:"wght" 600;position:absolute;margin:-1.625rem 0 0 -.25rem;padding:0 .25rem;display:block;background-color:oklch(var(--color-background));z-index:999}blockquote p{margin:0 auto var(--flow-gap)}blockquote p:last-child{margin:0 auto}@media(min-width:67rem){blockquote.side-callout{align-self:start}}blockquote>div>*{margin:0 0 var(--flow-gap)}blockquote ol,blockquote ul{margin:0 0 1rem 1rem}li>blockquote{margin:var(--flow-gap)0 0}blockquote.call-out{--padding:0.75rem;padding:var(--padding);.call-out-type { display: block; font-weight: 500; margin: calc(-1 * var(--padding)) calc(-1 * var(--padding)) var(--padding) calc(-1 * var(--padding)); padding: 0.25rem var(--padding); } br { display: none; }}blockquote.caution{--color-shadow:var(--color-callout-caution-shadow);border:1px solid oklch(var(--color-callout-caution));.call-out-type { background-color: oklch(var(--color-callout-caution-shadow)); border-bottom: 1px solid oklch(var(--color-callout-caution)); } .call-out-type .lucide { color: oklch(var(--color-callout-caution)); }}blockquote.warning{--color-shadow:var(--color-callout-warning-shadow);border:1px solid oklch(var(--color-callout-warning));.call-out-type { background-color: oklch(var(--color-callout-warning-shadow)); border-bottom: 1px solid oklch(var(--color-callout-warning)); } .call-out-type .lucide { color: oklch(var(--color-callout-warning)); }}blockquote.important{--color-shadow:var(--color-callout-important-shadow);border:1px solid oklch(var(--color-callout-important));.call-out-type { background-color: oklch(var(--color-callout-important-shadow)); border-bottom: 1px solid oklch(var(--color-callout-important)); }}li:has(>div>blockquote){blockquote { margin: 0; } div:has(blockquote) { margin-block-end: 0.5rem; }}.tabs-container{width:calc(100% + 2rem);margin:var(--margin-tab-group);input[type="radio"] { display: none; } .tab-labels { display: flex; position: relative; overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; white-space: nowrap; margin: 0; padding-inline-start: 1rem; li { list-style: none; border-bottom: 1px solid oklch(var(--color-tabs-inactive-border)); padding: 0.25rem 0.75rem; margin: 0; position: relative; label { cursor: pointer; } } &::before { content: ""; position: absolute; display: block; bottom: 0; left: 0; width: 1rem; border-bottom: 1px solid oklch(var(--color-tabs-inactive-border)); } &::after { content: ""; position: relative; bottom: 0; left: 0; right: 0; width: 100%; border-bottom: 1px solid oklch(var(--color-tabs-inactive-border)); } } .tab-contents { padding-block: 1rem; .tab-content { display: none; width: 100%; padding: 0.5rem 1rem; --flow-gap: 2rem; & > * { margin: 0 0 var(--flow-gap) 0; } > :last-child { margin-block-end: 0; } } }}code{font-family:jetbrainsmono,monospace}code:not(pre code){border:solid 1px oklch(var(--color-inline_codeblock-border));border-radius:.25rem;padding:0 .25rem;background-color:oklch(var(--color-inline_codeblock-background));font-size:.875rem}a code:not(pre code){border:solid 1px oklch(var(--color-brand)/.3);border-bottom:solid 2px oklch(var(--color-brand)/.3)}a code:not(pre code):hover{border:solid 1px oklch(var(--color-brand)/.8);border-bottom:solid 2px oklch(var(--color-brand)/.8)}a:has(code:not(pre code)){text-decoration:none}.highlight{padding:0 var(--codeblock-horizontal-padding);position:relative;flex:1;code { font-size: var(--font-step--1); .cl { position: relative; } } table { width: calc(100% + var(--codeblock-horizontal-padding)); } .lntd:first-child pre code { span { margin-inline-start: -1rem; padding-inline-start: 1rem; width: calc(100% + 1rem); } } pre code .line { display: inline; } pre code .line.hl { display: block; }}.code-block{position:relative;margin:var(--margin-codeblock);tr::after { display:none; } .line .w { text-decoration:none!important; } .code-type { display:inline-block; height:1.5rem; border-top:1px solid oklch(var(--color-codeblock-border)); border-left:1px solid oklch(var(--color-codeblock-border)); border-right:1px solid oklch(var(--color-codeblock-border)); text-transform:uppercase; padding:0.15rem 0.5rem; font-size:0.75rem; z-index:2; margin:0 0 -1px 0; } .code-container { box-shadow:3px 3px 0px oklch(var(--color-shadow)); &:hover { .code-copy-button { display:block; } } .code-copy-button { background-color:oklch(var(--color-background)); border:1px solid oklch(var(--color-foreground)); padding:4px 6px; cursor:pointer; font-size:12px; color:oklch(var(--color-foreground)); display:none; position:absolute; margin-block-start:8px; right:1rem; z-index:1; --color-codeblock-shadow:0 0 0; box-shadow:0px 2px 0px oklch(var(--color-codeblock-shadow)/0.15); &:hover { box-shadow:0px 2px 0px oklch(var(--color-brand)/0.3); } &:focus { outline:none; box-shadow:0px 2px 0px oklch(var(--color-brand)/0.8); } } .code-content { border:1px solid oklch(var(--color-codeblock-border)); overflow-x:scroll; scrollbar-width:none; line-height:150%; padding:1rem 0; &.single-line { display:flex; align-items:center; overflow-x:scroll; line-height:1; } } }}ol .code-block,ul .code-block{margin:.75rem 0}.highlight code .hl{width:fit-content;min-width:100%;display:block;background-color:oklch(var(--color-codeblock-highlight))}.catalog{.catalog__table { padding-block-end: 2rem; }}.banner{margin-block-start:1rem}figure{margin:0}img,.figure-bitmap{display:inline-block;width:auto;max-width:100%;height:auto;max-height:100%}.f5-logo-footer{height:32px;width:32px}hr{width:calc(100% + 2rem);margin-inline-start:-1rem;border:1px solid oklch(var(--color-divider))}.lucide{width:1.8ch;height:1.8ch;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:square;stroke-linejoin:square;vertical-align:sub;margin:0}.skip-link{position:fixed;top:0;left:0;background-color:oklch(var(--color-background));color:oklch(var(--color-foreground));padding:1rem;font-size:1rem;border:2px solid oklch(var(--color-foreground));z-index:1000;text-decoration:none;border-radius:0;box-shadow:3px 3px oklch(var(--color-shadow));opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}@media print{.qualtrics-feedback{visibility:hidden}}.not-found-container{display:flex;flex-direction:column;margin-block-start:10vh;.info-header { font-size: var(--font-step-2); } .info-desc { display: flex; flex-direction: column; gap: var(--space-3xs); font-size: var(--font-step--1); }}