/* input(26143,1): run-time error CSS1019: Unexpected token, found '}' */ @charset "UTF-8"; /*! * MWF (Moray) v2.8.1 * Copyright (c) Microsoft Corporation. All rights reserved. * Copyright 2011-2022 The Bootstrap Authors and Twitter, Inc. * Copyright ©2022 W3C® (MIT, ERCIM, Keio, Beihang). */ /* stylelint-disable value-list-comma-space-after */ /* stylelint-disable value-list-comma-newline-after */ @font-face { font-family: MWF-FLUENT-ICONS; src: url("../../../node_modules/@ms-onecloud/moray-reimagine/dist/fonts/MWFFluentIcons.woff2") format("woff2"), url("../../../node_modules/@ms-onecloud/moray-reimagine/dist/fonts/MWFFluentIcons.woff") format("woff"), url("../../../node_modules/@ms-onecloud/moray-reimagine/dist/fonts/MWFFluentIcons.ttf") format("truetype"); } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("ttf"); font-weight: 400; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("ttf"); font-weight: 100; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("ttf"); font-weight: 200; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("ttf"); font-weight: 600; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("ttf"); font-weight: 700; } /* prettier-ignore */ /* stylelint-disable-line declaration-no-important */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; background-color: #fff; } html:not([dir=rtl]) body { text-align: left; } html[dir=rtl] body { text-align: right; } a[href]:focus, area[href]:focus, input:focus, select:focus, textarea:focus, button:focus, iframe:focus, [tabindex]:focus, [contentEditable=true]:focus { outline: 0.1875rem dotted currentColor; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; } html:not([dir=rtl]) dd { margin-left: 0; } html[dir=rtl] dd { margin-right: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #0067b8; } pre, code, kbd, samp { font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 1.5rem; padding-bottom: 1.5rem; color: #000; caption-side: bottom; } html:not([dir=rtl]) caption { text-align: left; } html[dir=rtl] caption { text-align: right; } th { text-align: inherit; } label { display: inline-block; } button { border-radius: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; font-size: inherit; line-height: inherit; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 0.75rem; padding-left: 0.75rem; } @media (min-width: 1084px) { .container { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 1400px) { .container { max-width: 1600px; } } .container-fluid, .container-xl { width: 100%; margin-right: auto; margin-left: auto; padding-right: 0.75rem; padding-left: 0.75rem; } @media (min-width: 1084px) { .container-fluid, .container-xl { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 1400px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1600px; } } .row { display: flex; flex-wrap: wrap; margin-right: -0.75rem; margin-left: -0.75rem; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } html:not([dir=rtl]) .offset-1 { margin-left: 8.33333%; } html[dir=rtl] .offset-1 { margin-right: 8.33333%; } html:not([dir=rtl]) .offset-2 { margin-left: 16.66667%; } html[dir=rtl] .offset-2 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-3 { margin-left: 25%; } html[dir=rtl] .offset-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-4 { margin-left: 33.33333%; } html[dir=rtl] .offset-4 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-5 { margin-left: 41.66667%; } html[dir=rtl] .offset-5 { margin-right: 41.66667%; } html:not([dir=rtl]) .offset-6 { margin-left: 50%; } html[dir=rtl] .offset-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-7 { margin-left: 58.33333%; } html[dir=rtl] .offset-7 { margin-right: 58.33333%; } html:not([dir=rtl]) .offset-8 { margin-left: 66.66667%; } html[dir=rtl] .offset-8 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-9 { margin-left: 75%; } html[dir=rtl] .offset-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-10 { margin-left: 83.33333%; } html[dir=rtl] .offset-10 { margin-right: 83.33333%; } html:not([dir=rtl]) .offset-11 { margin-left: 91.66667%; } html[dir=rtl] .offset-11 { margin-right: 91.66667%; } @media (min-width: 540px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } html:not([dir=rtl]) .offset-sm-0 { margin-left: 0; } html[dir=rtl] .offset-sm-0 { margin-right: 0; } html:not([dir=rtl]) .offset-sm-1 { margin-left: 8.33333%; } html[dir=rtl] .offset-sm-1 { margin-right: 8.33333%; } html:not([dir=rtl]) .offset-sm-2 { margin-left: 16.66667%; } html[dir=rtl] .offset-sm-2 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-sm-3 { margin-left: 25%; } html[dir=rtl] .offset-sm-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-sm-4 { margin-left: 33.33333%; } html[dir=rtl] .offset-sm-4 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-sm-5 { margin-left: 41.66667%; } html[dir=rtl] .offset-sm-5 { margin-right: 41.66667%; } html:not([dir=rtl]) .offset-sm-6 { margin-left: 50%; } html[dir=rtl] .offset-sm-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-sm-7 { margin-left: 58.33333%; } html[dir=rtl] .offset-sm-7 { margin-right: 58.33333%; } html:not([dir=rtl]) .offset-sm-8 { margin-left: 66.66667%; } html[dir=rtl] .offset-sm-8 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-sm-9 { margin-left: 75%; } html[dir=rtl] .offset-sm-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-sm-10 { margin-left: 83.33333%; } html[dir=rtl] .offset-sm-10 { margin-right: 83.33333%; } html:not([dir=rtl]) .offset-sm-11 { margin-left: 91.66667%; } html[dir=rtl] .offset-sm-11 { margin-right: 91.66667%; } } @media (min-width: 860px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } html:not([dir=rtl]) .offset-md-0 { margin-left: 0; } html[dir=rtl] .offset-md-0 { margin-right: 0; } html:not([dir=rtl]) .offset-md-1 { margin-left: 8.33333%; } html[dir=rtl] .offset-md-1 { margin-right: 8.33333%; } html:not([dir=rtl]) .offset-md-2 { margin-left: 16.66667%; } html[dir=rtl] .offset-md-2 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-md-3 { margin-left: 25%; } html[dir=rtl] .offset-md-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-md-4 { margin-left: 33.33333%; } html[dir=rtl] .offset-md-4 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-md-5 { margin-left: 41.66667%; } html[dir=rtl] .offset-md-5 { margin-right: 41.66667%; } html:not([dir=rtl]) .offset-md-6 { margin-left: 50%; } html[dir=rtl] .offset-md-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-md-7 { margin-left: 58.33333%; } html[dir=rtl] .offset-md-7 { margin-right: 58.33333%; } html:not([dir=rtl]) .offset-md-8 { margin-left: 66.66667%; } html[dir=rtl] .offset-md-8 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-md-9 { margin-left: 75%; } html[dir=rtl] .offset-md-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-md-10 { margin-left: 83.33333%; } html[dir=rtl] .offset-md-10 { margin-right: 83.33333%; } html:not([dir=rtl]) .offset-md-11 { margin-left: 91.66667%; } html[dir=rtl] .offset-md-11 { margin-right: 91.66667%; } } @media (min-width: 1084px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } html:not([dir=rtl]) .offset-lg-0 { margin-left: 0; } html[dir=rtl] .offset-lg-0 { margin-right: 0; } html:not([dir=rtl]) .offset-lg-1 { margin-left: 8.33333%; } html[dir=rtl] .offset-lg-1 { margin-right: 8.33333%; } html:not([dir=rtl]) .offset-lg-2 { margin-left: 16.66667%; } html[dir=rtl] .offset-lg-2 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-lg-3 { margin-left: 25%; } html[dir=rtl] .offset-lg-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-lg-4 { margin-left: 33.33333%; } html[dir=rtl] .offset-lg-4 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-lg-5 { margin-left: 41.66667%; } html[dir=rtl] .offset-lg-5 { margin-right: 41.66667%; } html:not([dir=rtl]) .offset-lg-6 { margin-left: 50%; } html[dir=rtl] .offset-lg-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-lg-7 { margin-left: 58.33333%; } html[dir=rtl] .offset-lg-7 { margin-right: 58.33333%; } html:not([dir=rtl]) .offset-lg-8 { margin-left: 66.66667%; } html[dir=rtl] .offset-lg-8 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-lg-9 { margin-left: 75%; } html[dir=rtl] .offset-lg-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-lg-10 { margin-left: 83.33333%; } html[dir=rtl] .offset-lg-10 { margin-right: 83.33333%; } html:not([dir=rtl]) .offset-lg-11 { margin-left: 91.66667%; } html[dir=rtl] .offset-lg-11 { margin-right: 91.66667%; } } @media (min-width: 1400px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } html:not([dir=rtl]) .offset-xl-0 { margin-left: 0; } html[dir=rtl] .offset-xl-0 { margin-right: 0; } html:not([dir=rtl]) .offset-xl-1 { margin-left: 8.33333%; } html[dir=rtl] .offset-xl-1 { margin-right: 8.33333%; } html:not([dir=rtl]) .offset-xl-2 { margin-left: 16.66667%; } html[dir=rtl] .offset-xl-2 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-xl-3 { margin-left: 25%; } html[dir=rtl] .offset-xl-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-xl-4 { margin-left: 33.33333%; } html[dir=rtl] .offset-xl-4 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-xl-5 { margin-left: 41.66667%; } html[dir=rtl] .offset-xl-5 { margin-right: 41.66667%; } html:not([dir=rtl]) .offset-xl-6 { margin-left: 50%; } html[dir=rtl] .offset-xl-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-xl-7 { margin-left: 58.33333%; } html[dir=rtl] .offset-xl-7 { margin-right: 58.33333%; } html:not([dir=rtl]) .offset-xl-8 { margin-left: 66.66667%; } html[dir=rtl] .offset-xl-8 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-xl-9 { margin-left: 75%; } html[dir=rtl] .offset-xl-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-xl-10 { margin-left: 83.33333%; } html[dir=rtl] .offset-xl-10 { margin-right: 83.33333%; } html:not([dir=rtl]) .offset-xl-11 { margin-left: 91.66667%; } html[dir=rtl] .offset-xl-11 { margin-right: 91.66667%; } } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 600; line-height: 1.2; } h6, .h6 { font-size: 1.0625rem; margin-bottom: 0.5rem; } @media (min-width: 1084px) { h6, .h6 { font-size: 1.125rem; margin-bottom: 0.5rem; } } @media (min-width: 1400px) { h6, .h6 { font-size: 1.1875rem; margin-bottom: 0.5rem; } } h5, .h5 { font-size: 1.125rem; margin-bottom: 0.5rem; } @media (min-width: 1084px) { h5, .h5 { font-size: 1.1875rem; margin-bottom: 0.5rem; } } @media (min-width: 1400px) { h5, .h5 { font-size: 1.3125rem; margin-bottom: 0.5rem; } } h4, .h4 { font-size: 1.1875rem; margin-bottom: 0.5rem; } @media (min-width: 1084px) { h4, .h4 { font-size: 1.3125rem; margin-bottom: 0.5rem; } } @media (min-width: 1400px) { h4, .h4 { font-size: 1.5rem; margin-bottom: 0.75rem; } } h3, .h3 { font-size: 1.3125rem; margin-bottom: 0.5rem; } @media (min-width: 1084px) { h3, .h3 { font-size: 1.5rem; margin-bottom: 0.75rem; } } @media (min-width: 1400px) { h3, .h3 { font-size: 1.8125rem; margin-bottom: 1rem; } } h2, .h2 { font-size: 1.5rem; margin-bottom: 0.75rem; } @media (min-width: 1084px) { h2, .h2 { font-size: 1.8125rem; margin-bottom: 1rem; } } @media (min-width: 1400px) { h2, .h2 { font-size: 2.3125rem; margin-bottom: 1.25rem; } } h1, .h1 { font-size: 1.8125rem; margin-bottom: 1rem; } @media (min-width: 1084px) { h1, .h1 { font-size: 2.3125rem; margin-bottom: 1.25rem; } } @media (min-width: 1400px) { h1, .h1 { font-size: 3.125rem; margin-bottom: 1.5rem; } } .display-4 { font-size: 2.3125rem; margin-bottom: 1.25rem; } @media (min-width: 1084px) { .display-4 { font-size: 3.125rem; margin-bottom: 1.5rem; } } @media (min-width: 1400px) { .display-4 { font-size: 4.4375rem; margin-bottom: 1.75rem; } } .display-3 { font-size: 3.125rem; margin-bottom: 1.5rem; } @media (min-width: 1084px) { .display-3 { font-size: 4.4375rem; margin-bottom: 1.75rem; } } @media (min-width: 1400px) { .display-3 { font-size: 6.5625rem; margin-bottom: 2rem; } } .display-2 { font-size: 4.4375rem; margin-bottom: 1.75rem; } @media (min-width: 1084px) { .display-2 { font-size: 6.5625rem; margin-bottom: 2rem; } } @media (min-width: 1400px) { .display-2 { font-size: 10rem; margin-bottom: 2.25rem; } } .display-1 { font-size: 6.5625rem; margin-bottom: 2rem; } @media (min-width: 1084px) { .display-1 { font-size: 10rem; margin-bottom: 2.25rem; } } @media (min-width: 1400px) { .display-1 { font-size: 15.5625rem; margin-bottom: 2.5rem; } } .lead { font-weight: 400; } @media (min-width: 1084px) { .lead { font-size: 1.25rem; } } small, .small { font-size: 0.875rem; font-weight: inherit; } .base { font-size: 1rem; } @media (min-width: 1084px) { .large { font-size: 1.125rem; } } mark, .mark { background-color: #ffb900; box-shadow: 0 0 0 0.2em #ffb900; color: #000; } code { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #000; background-color: #f2f2f2; border-radius: 0.1rem; word-wrap: break-word; } a > code { color: inherit; } .theme-dark a > code { color: inherit; } .theme-dark code { background-color: #171717; color: #fff; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #505050; border-radius: 0.1rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; } pre code { font-size: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .initialism { font-size: 90%; text-transform: uppercase; } .btn { display: inline-block; font-weight: 600; border: 0.125rem solid transparent; position: relative; border-radius: 0.125rem; background-color: inherit; color: inherit; text-decoration: none; padding: 0.625rem 0.75rem; font-size: 1rem; line-height: 1; cursor: pointer; } .btn:disabled, .btn.disabled { cursor: default; opacity: 0.3; } .btn:focus { outline: 0.1875rem dotted currentColor; outline-offset: -0.375rem; } html:not([dir=rtl]) .btn.glyph-prepend { padding-left: calc(0.75rem + 1.4375em); } html[dir=rtl] .btn.glyph-prepend { padding-right: calc(0.75rem + 1.4375em); } html:not([dir=rtl]) .btn.glyph-append { padding-right: calc(0.75rem + 1.4375em); } html[dir=rtl] .btn.glyph-append { padding-left: calc(0.75rem + 1.4375em); } .btn::before, .btn::after { font-family: "MWF-FLUENT-ICONS"; position: absolute; top: 50%; margin-top: -0.5em; } html:not([dir=rtl]) .btn::before { left: 0.75rem; } html[dir=rtl] .btn::before { right: 0.75rem; } html:not([dir=rtl]) .btn::after { right: 0.75rem; } html[dir=rtl] .btn::after { left: 0.75rem; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary, .theme-dark .btn-primary-alt, .btn-brand, .theme-dark .btn-brand { background-color: #0067b8; color: #fff !important; } .btn-primary:hover, .theme-dark .btn-primary-alt:hover, .btn-brand:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .active.btn-primary, .theme-dark .active.btn-primary-alt, .active.btn-brand { background-color: #fff; color: #0067b8 !important; border-color: currentColor; background-image: linear-gradient(rgba(0, 103, 184, 0.15), rgba(0, 103, 184, 0.15)); } .btn-primary:disabled, .theme-dark .btn-primary-alt:disabled, .btn-brand:disabled, .disabled.btn-primary, .theme-dark .disabled.btn-primary-alt, .disabled.btn-brand { box-shadow: none; background-image: none; } .btn-inverted-primary, .theme-dark .btn-inverted-primary-alt, .btn-inverted-brand, .theme-dark .btn-inverted-brand { background-color: #fff; color: #0067b8 !important; } .btn-inverted-primary:hover, .theme-dark .btn-inverted-primary-alt:hover, .btn-inverted-brand:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .active.btn-inverted-primary, .theme-dark .active.btn-inverted-primary-alt, .active.btn-inverted-brand { background-color: #0067b8; color: #fff !important; border-color: currentColor; background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); } .btn-inverted-primary:disabled, .theme-dark .btn-inverted-primary-alt:disabled, .btn-inverted-brand:disabled, .disabled.btn-inverted-primary, .theme-dark .disabled.btn-inverted-primary-alt, .disabled.btn-inverted-brand { box-shadow: none; background-image: none; } .btn-outline-primary, .theme-dark .btn-outline-primary-alt, .btn-outline-brand, .theme-dark .btn-outline-brand { background-color: transparent; color: #0067b8 !important; border-color: currentColor; } .btn-outline-primary:hover, .theme-dark .btn-outline-primary-alt:hover, .btn-outline-brand:hover { background-image: linear-gradient(rgba(0, 103, 184, 0.15), rgba(0, 103, 184, 0.15)); } .active.btn-outline-primary, .theme-dark .active.btn-outline-primary-alt, .active.btn-outline-brand { background-color: #0067b8; color: #fff !important; border-color: transparent; } .btn-outline-primary:disabled, .theme-dark .btn-outline-primary-alt:disabled, .btn-outline-brand:disabled, .disabled.btn-outline-primary, .theme-dark .disabled.btn-outline-primary-alt, .disabled.btn-outline-brand { background-image: none; } .btn-faint-primary, .theme-dark .btn-faint-primary-alt, .btn-faint-brand, .theme-dark .btn-faint-brand { background-color: transparent; color: #0067b8 !important; background-image: linear-gradient(rgba(0, 103, 184, 0.15), rgba(0, 103, 184, 0.15)); } .btn-faint-primary:hover, .theme-dark .btn-faint-primary-alt:hover, .btn-faint-brand:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: none; } .active.btn-faint-primary, .theme-dark .active.btn-faint-primary-alt, .active.btn-faint-brand { color: #fff !important; background-color: #0067b8; } .btn-faint-primary:disabled, .theme-dark .btn-faint-primary-alt:disabled, .btn-faint-brand:disabled, .disabled.btn-faint-primary, .theme-dark .disabled.btn-faint-primary-alt, .disabled.btn-faint-brand { box-shadow: none; background-image: linear-gradient(rgba(0, 103, 184, 0.15), rgba(0, 103, 184, 0.15)); } .btn-inverted-brand-dark, .theme-dark .btn-inverted-brand-dark { background-color: #fff; color: #243a5e !important; } .btn-inverted-brand-dark:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .active.btn-inverted-brand-dark { background-color: #243a5e; color: #fff !important; border-color: currentColor; background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); } .btn-inverted-brand-dark:disabled, .disabled.btn-inverted-brand-dark { box-shadow: none; background-image: none; } .btn-outline-brand-dark, .theme-dark .btn-outline-brand-dark { background-color: transparent; color: #243a5e !important; border-color: currentColor; } .btn-outline-brand-dark:hover { background-image: linear-gradient(rgba(36, 58, 94, 0.15), rgba(36, 58, 94, 0.15)); } .active.btn-outline-brand-dark { background-color: #243a5e; color: #fff !important; border-color: transparent; } .btn-outline-brand-dark:disabled, .disabled.btn-outline-brand-dark { background-image: none; } .btn-faint-brand-dark, .theme-dark .btn-faint-brand-dark { background-color: transparent; color: #243a5e !important; background-image: linear-gradient(rgba(36, 58, 94, 0.15), rgba(36, 58, 94, 0.15)); } .btn-faint-brand-dark:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: none; } .active.btn-faint-brand-dark { color: #fff !important; background-color: #243a5e; } .btn-faint-brand-dark:disabled, .disabled.btn-faint-brand-dark { box-shadow: none; background-image: linear-gradient(rgba(36, 58, 94, 0.15), rgba(36, 58, 94, 0.15)); } .btn-inverted-brand-light, .theme-dark .btn-inverted-brand-light { background-color: #000; color: #50e6ff !important; } .btn-inverted-brand-light:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .active.btn-inverted-brand-light { background-color: #50e6ff; color: #000 !important; border-color: currentColor; background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); } .btn-inverted-brand-light:disabled, .disabled.btn-inverted-brand-light { box-shadow: none; background-image: none; } .btn-outline-brand-light, .theme-dark .btn-outline-brand-light { background-color: transparent; color: #50e6ff !important; border-color: currentColor; } .btn-outline-brand-light:hover { background-image: linear-gradient(rgba(80, 230, 255, 0.15), rgba(80, 230, 255, 0.15)); } .active.btn-outline-brand-light { background-color: #50e6ff; color: #000 !important; border-color: transparent; } .btn-outline-brand-light:disabled, .disabled.btn-outline-brand-light { background-image: none; } .btn-faint-brand-light, .theme-dark .btn-faint-brand-light { background-color: transparent; color: #50e6ff !important; background-image: linear-gradient(rgba(80, 230, 255, 0.15), rgba(80, 230, 255, 0.15)); } .btn-faint-brand-light:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: none; } .active.btn-faint-brand-light { color: #000 !important; background-color: #50e6ff; } .btn-faint-brand-light:disabled, .disabled.btn-faint-brand-light { box-shadow: none; background-image: linear-gradient(rgba(80, 230, 255, 0.15), rgba(80, 230, 255, 0.15)); } .theme-dark .btn-primary, .btn-primary-alt { background-color: #3aa0fa; color: #000 !important; } .theme-dark .btn-primary:hover, .btn-primary-alt:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .theme-dark .active.btn-primary, .active.btn-primary-alt { background-color: #000; color: #3aa0fa !important; border-color: currentColor; background-image: linear-gradient(rgba(58, 160, 250, 0.15), rgba(58, 160, 250, 0.15)); } .theme-dark .btn-primary:disabled, .btn-primary-alt:disabled, .theme-dark .disabled.btn-primary, .disabled.btn-primary-alt { box-shadow: none; background-image: none; } .theme-dark .btn-inverted-primary, .btn-inverted-primary-alt { background-color: #000; color: #3aa0fa !important; } .theme-dark .btn-inverted-primary:hover, .btn-inverted-primary-alt:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .theme-dark .active.btn-inverted-primary, .active.btn-inverted-primary-alt { background-color: #3aa0fa; color: #000 !important; border-color: currentColor; background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); } .theme-dark .btn-inverted-primary:disabled, .btn-inverted-primary-alt:disabled, .theme-dark .disabled.btn-inverted-primary, .disabled.btn-inverted-primary-alt { box-shadow: none; background-image: none; } .theme-dark .btn-outline-primary, .btn-outline-primary-alt { background-color: transparent; color: #3aa0fa !important; border-color: currentColor; } .theme-dark .btn-outline-primary:hover, .btn-outline-primary-alt:hover { background-image: linear-gradient(rgba(58, 160, 250, 0.15), rgba(58, 160, 250, 0.15)); } .theme-dark .active.btn-outline-primary, .active.btn-outline-primary-alt { background-color: #3aa0fa; color: #000 !important; border-color: transparent; } .theme-dark .btn-outline-primary:disabled, .btn-outline-primary-alt:disabled, .theme-dark .disabled.btn-outline-primary, .disabled.btn-outline-primary-alt { background-image: none; } .theme-dark .btn-faint-primary, .btn-faint-primary-alt { background-color: transparent; color: #3aa0fa !important; background-image: linear-gradient(rgba(58, 160, 250, 0.15), rgba(58, 160, 250, 0.15)); } .theme-dark .btn-faint-primary:hover, .btn-faint-primary-alt:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: none; } .theme-dark .active.btn-faint-primary, .active.btn-faint-primary-alt { color: #000 !important; background-color: #3aa0fa; } .theme-dark .btn-faint-primary:disabled, .btn-faint-primary-alt:disabled, .theme-dark .disabled.btn-faint-primary, .disabled.btn-faint-primary-alt { box-shadow: none; background-image: linear-gradient(rgba(58, 160, 250, 0.15), rgba(58, 160, 250, 0.15)); } .theme-dark .btn-secondary, .theme-dark .btn-inverse, .btn-light, .theme-dark .btn-light { background-color: #fff; color: #000 !important; } .theme-dark .btn-secondary:hover, .theme-dark .btn-inverse:hover, .btn-light:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .theme-dark .active.btn-secondary, .theme-dark .active.btn-inverse, .active.btn-light { background-color: #000; color: #fff !important; border-color: currentColor; background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); } .theme-dark .btn-secondary:disabled, .theme-dark .btn-inverse:disabled, .btn-light:disabled, .theme-dark .disabled.btn-secondary, .theme-dark .disabled.btn-inverse, .disabled.btn-light { box-shadow: none; background-image: none; } .theme-dark .btn-inverted-secondary, .theme-dark .btn-inverted-inverse, .btn-inverted-light, .theme-dark .btn-inverted-light { background-color: #000; color: #fff !important; } .theme-dark .btn-inverted-secondary:hover, .theme-dark .btn-inverted-inverse:hover, .btn-inverted-light:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .theme-dark .active.btn-inverted-secondary, .theme-dark .active.btn-inverted-inverse, .active.btn-inverted-light { background-color: #fff; color: #000 !important; border-color: currentColor; background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); } .theme-dark .btn-inverted-secondary:disabled, .theme-dark .btn-inverted-inverse:disabled, .btn-inverted-light:disabled, .theme-dark .disabled.btn-inverted-secondary, .theme-dark .disabled.btn-inverted-inverse, .disabled.btn-inverted-light { box-shadow: none; background-image: none; } .theme-dark .btn-outline-secondary, .theme-dark .btn-outline-inverse, .btn-outline-light, .theme-dark .btn-outline-light { background-color: transparent; color: #fff !important; border-color: currentColor; } .theme-dark .btn-outline-secondary:hover, .theme-dark .btn-outline-inverse:hover, .btn-outline-light:hover { background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); } .theme-dark .active.btn-outline-secondary, .theme-dark .active.btn-outline-inverse, .active.btn-outline-light { background-color: #fff; color: #000 !important; border-color: transparent; } .theme-dark .btn-outline-secondary:disabled, .theme-dark .btn-outline-inverse:disabled, .btn-outline-light:disabled, .theme-dark .disabled.btn-outline-secondary, .theme-dark .disabled.btn-outline-inverse, .disabled.btn-outline-light { background-image: none; } .theme-dark .btn-faint-secondary, .theme-dark .btn-faint-inverse, .btn-faint-light, .theme-dark .btn-faint-light { background-color: transparent; color: #fff !important; background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); } .theme-dark .btn-faint-secondary:hover, .theme-dark .btn-faint-inverse:hover, .btn-faint-light:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: none; } .theme-dark .active.btn-faint-secondary, .theme-dark .active.btn-faint-inverse, .active.btn-faint-light { color: #000 !important; background-color: #fff; } .theme-dark .btn-faint-secondary:disabled, .theme-dark .btn-faint-inverse:disabled, .btn-faint-light:disabled, .theme-dark .disabled.btn-faint-secondary, .theme-dark .disabled.btn-faint-inverse, .disabled.btn-faint-light { box-shadow: none; background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); } .btn-secondary, .btn-inverse, .btn-dark, .theme-dark .btn-dark { background-color: #000; color: #fff !important; } .btn-secondary:hover, .btn-inverse:hover, .btn-dark:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .active.btn-secondary, .active.btn-inverse, .active.btn-dark { background-color: #fff; color: #000 !important; border-color: currentColor; background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); } .btn-secondary:disabled, .btn-inverse:disabled, .btn-dark:disabled, .disabled.btn-secondary, .disabled.btn-inverse, .disabled.btn-dark { box-shadow: none; background-image: none; } .btn-inverted-secondary, .btn-inverted-inverse, .btn-inverted-dark, .theme-dark .btn-inverted-dark { background-color: #fff; color: #000 !important; } .btn-inverted-secondary:hover, .btn-inverted-inverse:hover, .btn-inverted-dark:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .active.btn-inverted-secondary, .active.btn-inverted-inverse, .active.btn-inverted-dark { background-color: #000; color: #fff !important; border-color: currentColor; background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); } .btn-inverted-secondary:disabled, .btn-inverted-inverse:disabled, .btn-inverted-dark:disabled, .disabled.btn-inverted-secondary, .disabled.btn-inverted-inverse, .disabled.btn-inverted-dark { box-shadow: none; background-image: none; } .btn-outline-secondary, .btn-outline-inverse, .btn-outline-dark, .theme-dark .btn-outline-dark { background-color: transparent; color: #000 !important; border-color: currentColor; } .btn-outline-secondary:hover, .btn-outline-inverse:hover, .btn-outline-dark:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); } .active.btn-outline-secondary, .active.btn-outline-inverse, .active.btn-outline-dark { background-color: #000; color: #fff !important; border-color: transparent; } .btn-outline-secondary:disabled, .btn-outline-inverse:disabled, .btn-outline-dark:disabled, .disabled.btn-outline-secondary, .disabled.btn-outline-inverse, .disabled.btn-outline-dark { background-image: none; } .btn-faint-secondary, .btn-faint-inverse, .btn-faint-dark, .theme-dark .btn-faint-dark { background-color: transparent; color: #000 !important; background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); } .btn-faint-secondary:hover, .btn-faint-inverse:hover, .btn-faint-dark:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: none; } .active.btn-faint-secondary, .active.btn-faint-inverse, .active.btn-faint-dark { color: #fff !important; background-color: #000; } .btn-faint-secondary:disabled, .btn-faint-inverse:disabled, .btn-faint-dark:disabled, .disabled.btn-faint-secondary, .disabled.btn-faint-inverse, .disabled.btn-faint-dark { box-shadow: none; background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); } .btn-brand-light { background-color: #50e6ff; color: #243a5e !important; } .btn-brand-light:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .btn-brand-light.active { background-color: #243a5e; color: #50e6ff !important; border-color: currentColor; background-image: linear-gradient(rgba(80, 230, 255, 0.15), rgba(80, 230, 255, 0.15)); } .btn-brand-light:disabled, .btn-brand-light.disabled { box-shadow: none; background-image: none; } .btn-brand-dark { background-color: #243a5e; color: #50e6ff !important; } .btn-brand-dark:hover { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .btn-brand-dark.active { background-color: #50e6ff; color: #243a5e !important; border-color: currentColor; background-image: linear-gradient(rgba(36, 58, 94, 0.15), rgba(36, 58, 94, 0.15)); } .btn-brand-dark:disabled, .btn-brand-dark.disabled { box-shadow: none; background-image: none; } .btn-link { background: transparent; border-radius: 0; color: #0067b8; text-decoration: underline; } .theme-dark .btn-link { color: #3aa0fa; } .btn-link.inactive { opacity: 1; text-decoration: none; color: #757575; cursor: default; } .theme-dark .btn-link.inactive { color: #d2d2d2; } .btn-lg, .btn-group-lg > .btn { padding: 0.8125rem 0.75rem; font-size: 1.125rem; line-height: 1; } .btn-sm, .btn-group-sm > .btn { padding: 0.5625rem 0.75rem; font-size: 0.875rem; line-height: 1; } .btn-block { display: block; width: 100%; text-align: center; } .btn-block + .btn-block { margin-top: 0.5rem; } .btn-collapse { background: transparent; } .btn-collapse:hover { box-shadow: none; } .btn-collapse::before { font-family: "MWF-FLUENT-ICONS"; content: "\e70d"; font-size: 1em; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } @media (prefers-reduced-motion: reduce) { .btn-collapse::before { transition: none; } } html:not([dir=rtl]) .btn-collapse[aria-expanded=false]::before { transform: rotate(-90deg); } html[dir=rtl] .btn-collapse[aria-expanded=false]::before { transform: rotate(90deg); } html:not([dir=rtl]) .btn-collapse { padding-left: calc(0.75rem + 1.4375em); } html[dir=rtl] .btn-collapse { padding-right: calc(0.75rem + 1.4375em); } .accordion { margin-bottom: 0; } html:not([dir=rtl]) .accordion { padding-left: 0; } html[dir=rtl] .accordion { padding-right: 0; } ul.accordion { list-style-type: none; } .accordion .accordion-header { margin-bottom: 0; border-top: 0.0625rem solid #d2d2d2; line-height: 1.5; } .theme-dark .accordion .accordion-header { border-color: #757575; } .accordion .btn-collapse { width: 100%; padding: 1.5rem 1.25rem; line-height: inherit; } .accordion .btn-collapse::before { line-height: 1.5625rem; top: auto; margin-top: auto; } html:not([dir=rtl]) .accordion .btn-collapse { text-align: left; padding-left: 2.5625rem; } html[dir=rtl] .accordion .btn-collapse { text-align: right; padding-right: 2.5625rem; } .accordion .accordion-body { padding-bottom: 1.5rem; } html:not([dir=rtl]) .accordion .accordion-body { text-align: left; padding-left: 2.5625rem; } html[dir=rtl] .accordion .accordion-body { text-align: right; padding-right: 2.5625rem; } .accordion.accordion-backplate .accordion-header { border: 0; } .accordion.accordion-backplate .btn-collapse { padding: 1rem 0.75rem; border-radius: 0.25rem; color: rgba(0, 0, 0, 0.9); } .theme-dark .accordion.accordion-backplate .btn-collapse { color: rgba(255, 255, 255, 0.9); } html:not([dir=rtl]) .accordion.accordion-backplate .btn-collapse { padding-left: 3.5625rem; } html[dir=rtl] .accordion.accordion-backplate .btn-collapse { padding-right: 3.5625rem; } html:not([dir=rtl]) .accordion.accordion-backplate .btn-collapse::before { left: calc((3.5625rem - 1em) / 2); } html[dir=rtl] .accordion.accordion-backplate .btn-collapse::before { right: calc((3.5625rem - 1em) / 2); } .accordion.accordion-backplate .btn-collapse[aria-expanded=true] { background: rgba(210, 210, 210, 0.3); } .theme-dark .accordion.accordion-backplate .btn-collapse[aria-expanded=true] { background: rgba(117, 117, 117, 0.3); } .accordion.accordion-backplate .accordion-body { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgba(0, 0, 0, 0.7); } .theme-dark .accordion.accordion-backplate .accordion-body { color: rgba(255, 255, 255, 0.7); } html:not([dir=rtl]) .accordion.accordion-backplate .accordion-body { padding-left: 3.5625rem; } html[dir=rtl] .accordion.accordion-backplate .accordion-body { padding-right: 3.5625rem; } .action-trigger { border: none; padding: 0; background: transparent; border-radius: 0; display: inline-block; font-weight: 600; position: relative; color: #0067b8; text-decoration: underline; outline-offset: 0.25rem; cursor: pointer; } .theme-dark .action-trigger { color: #3aa0fa; } .action-trigger:disabled, .action-trigger.disabled { cursor: default; opacity: 0.3; } .action-trigger.inactive { cursor: default; text-decoration: none; color: #757575; } .theme-dark .action-trigger.inactive { color: #d2d2d2; } html:not([dir=rtl]) .action-trigger.glyph-prepend { padding-left: 1.4375em; } html[dir=rtl] .action-trigger.glyph-prepend { padding-right: 1.4375em; } html:not([dir=rtl]) .action-trigger.glyph-append { padding-right: 1.4375em; } html[dir=rtl] .action-trigger.glyph-append { padding-left: 1.4375em; } .action-trigger.glyph-prepend, .action-trigger.glyph-append { text-decoration: none; } .action-trigger::before, .action-trigger::after { font-family: "MWF-FLUENT-ICONS"; position: absolute; top: 50%; margin-top: -0.4375em; } html:not([dir=rtl]) .action-trigger::before { left: 0; } html[dir=rtl] .action-trigger::before { right: 0; } html:not([dir=rtl]) .action-trigger::after { right: 0; } html[dir=rtl] .action-trigger::after { left: 0; } a.action-trigger.disabled, fieldset:disabled a.action-trigger { pointer-events: none; } .alert { border: 0.0625rem solid transparent; border-radius: 0.125rem; min-height: 3.625rem; position: relative; display: flex; padding: 1rem 1.5rem; background-color: #e6e6e6; color: #000; } .alert a { color: #0067b8; } .theme-dark .alert { background-color: #505050; color: #fff; } .theme-dark .alert a { color: #fff; } .alert.glyph-prepend::before { font-size: 1.25rem; margin-top: 0.125rem; } html:not([dir=rtl]) .alert.glyph-prepend::before { padding-right: 0.75rem; } html[dir=rtl] .alert.glyph-prepend::before { padding-left: 0.75rem; } .alert .glyph-prepend { margin-top: 0.125rem; } html:not([dir=rtl]) .alert .glyph-prepend { padding-right: 0.75rem; } html[dir=rtl] .alert .glyph-prepend { padding-left: 0.75rem; } .alert .glyph-prepend::before { font-size: 1.25rem; } .alert.alert-full-bleed { border-radius: 0; display: flex; justify-content: center; } .alert.alert-full-bleed .alert-content { max-width: 1600px; } @media (min-width: 540px) { .alert .alert-content { max-width: 39rem; } } @media (min-width: 860px) { .alert .alert-content { max-width: 40rem; } } @media (min-width: 1084px) { .alert .alert-content { max-width: 48rem; } } @media (min-width: 1400px) { .alert .alert-content { max-width: 59rem; } } .alert .alert-content > :last-child { margin-bottom: 0 !important; } .alert .close { position: absolute; padding: 0.5rem; color: inherit; top: 0.75rem; } html:not([dir=rtl]) .alert .close { right: 0.75rem; } html[dir=rtl] .alert .close { left: 0.75rem; } .alert hr, .alert .divider { margin: 0.75rem 0 0.5rem; } html:not([dir=rtl]) .alert-dismissible { padding-right: 4rem; } html[dir=rtl] .alert-dismissible { padding-left: 4rem; } .area-heading > :last-child > :last-child { margin-bottom: 0; } .area-heading > :last-child > :last-child h1, .area-heading > :last-child > :last-child .h1, .area-heading > :last-child > :last-child h2, .area-heading > :last-child > :last-child .h2, .area-heading > :last-child > :last-child h3, .area-heading > :last-child > :last-child .h3, .area-heading > :last-child > :last-child h4, .area-heading > :last-child > :last-child .h4, .area-heading > :last-child > :last-child h5, .area-heading > :last-child > :last-child .h5, .area-heading > :last-child > :last-child h6, .area-heading > :last-child > :last-child .h6, .area-heading > :last-child > :last-child p, .area-heading > :last-child > :last-child .link-group { margin-bottom: 0; } .back-to-top { padding: 0.75rem; pointer-events: none; } @-webkit-keyframes button-hide { from { z-index: 0; } to { z-index: -1; } } @keyframes button-hide { from { z-index: 0; } to { z-index: -1; } } .back-to-top.hide { opacity: 0; -webkit-animation: 0s cubic-bezier(0.19, 1, 0.22, 1) 1s button-hide; animation: 0s cubic-bezier(0.19, 1, 0.22, 1) 1s button-hide; } .back-to-top.sticky { transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1); flex-direction: row; } @media (prefers-reduced-motion: reduce) { .back-to-top.sticky { transition: none; } } @media (max-width: 859.98px) { .back-to-top.sticky { position: static; } } .back-to-top .btn { pointer-events: auto; width: 100%; text-align: center; background-color: #fff; color: #000; } .back-to-top .btn span { display: inline-flex; } html:not([dir=rtl]) .back-to-top .btn .glyph-prepend::before { margin-right: 0.5rem; } html[dir=rtl] .back-to-top .btn .glyph-prepend::before { margin-left: 0.5rem; } .theme-dark .back-to-top .btn { background-color: #000; color: #fff; } @media (min-width: 540px) { .back-to-top .btn { width: auto; } } .badge { display: inline-block; padding: 0.375em 0.75em; font-size: 1rem; font-weight: 600; line-height: 1; text-decoration: none; vertical-align: top; max-width: 100%; overflow-wrap: break-word; word-break: break-word; } .badge:empty { display: none; } .badge:focus { outline: 0.1875rem dotted currentColor; outline-offset: -0.375rem; } .btn.btn-badge { border-width: 0.0625rem; border-radius: 0; padding: 0.3125rem 0.75rem; background-color: transparent; color: #000 !important; border-color: currentColor; } .btn.btn-badge:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); } .btn.btn-badge.active { background-color: #000; color: #fff !important; border-color: transparent; } .btn.btn-badge:disabled, .btn.btn-badge.disabled { background-image: none; } .theme-dark .btn.btn-badge { background-color: transparent; color: #fff !important; border-color: currentColor; } .theme-dark .btn.btn-badge:hover { background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); } .theme-dark .btn.btn-badge.active { background-color: #fff; color: #000 !important; border-color: transparent; } .theme-dark .btn.btn-badge:disabled, .theme-dark .btn.btn-badge.disabled { background-image: none; } .btn.btn-badge.btn.btn-badge-remove { padding: 0 0.875rem; } .btn.btn-badge.btn.btn-badge-remove::before { content: "\e894"; } html:not([dir=rtl]) .btn.btn-badge.btn.btn-badge-remove { border-left: none; } html:not([dir=rtl]) .btn.btn-badge.btn.btn-badge-remove::before { left: 0.4375rem; } html[dir=rtl] .btn.btn-badge.btn.btn-badge-remove { border-right: none; } html[dir=rtl] .btn.btn-badge.btn.btn-badge-remove::before { right: 0.3125rem; } .btn.btn-badge .glyph-prepend { display: inline-block; } .btn.btn-badge .glyph-prepend::before { vertical-align: bottom; } html:not([dir=rtl]) .btn.btn-badge .glyph-prepend::before { padding: 0 0.5rem 0 0.25rem; } html[dir=rtl] .btn.btn-badge .glyph-prepend::before { padding: 0 0.25rem 0 0.5rem; } .btn.btn-badge .btn-badge-img { max-width: 1.5rem; padding: 0 0.25rem; vertical-align: bottom; } html:not([dir=rtl]) .btn.btn-badge .btn-badge-img { margin-right: 0.25rem; } html[dir=rtl] .btn.btn-badge .btn-badge-img { margin-left: 0.25rem; } .btn.btn-badge.text-truncate { max-width: 9rem; } .btn.btn-badge.btn.btn-badge[type=button] { border-width: 0.0625rem; } .blockquote { padding: 0.75rem 1.5rem; border-style: solid; background: #f2f2f2; border-color: #757575; } .theme-dark .blockquote { background: #171717; border-color: #d2d2d2; } html:not([dir=rtl]) .blockquote { border-width: 0 0 0 0.125rem; } html[dir=rtl] .blockquote { border-width: 0 0.125rem 0 0; } .blockquote.light-weight { background: transparent; color: #757575; } .theme-dark .blockquote.light-weight { color: #d2d2d2; } html:not([dir=rtl]) .blockquote.text-center { border-left: 0; } html[dir=rtl] .blockquote.text-center { border-right: 0; } html:not([dir=rtl]) .blockquote.text-right { border-width: 0 0.125rem 0 0; } html[dir=rtl] .blockquote.text-right { border-width: 0 0 0 0.125rem; } .blockquote-content:last-child { margin-bottom: 0; } .blockquote-footer::before { content: "— "; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; } .breadcrumb a { font-weight: 600; } .breadcrumb .active > a { font-weight: inherit; color: inherit; text-decoration: inherit; } .breadcrumb .active > a[href] { font-weight: 600; } .breadcrumb-item + .breadcrumb-item { padding-left: 0; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding: 0 0.5rem; content: "/"; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn.focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn.focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } html:not([dir=rtl]) .btn-group > .btn:not(:first-of-type) { border-left-width: 0; padding-left: 0.875rem; } html[dir=rtl] .btn-group > .btn:not(:first-of-type) { border-right-width: 0; padding-right: 0.875rem; } html:not([dir=rtl]) .btn-group > .btn:not(:last-of-type) { border-right-width: 0; padding-right: 0.875rem; } html[dir=rtl] .btn-group > .btn:not(:last-of-type) { border-left-width: 0; padding-left: 0.875rem; } html:not([dir=rtl]) .btn-group .btn-group + .btn-group, html:not([dir=rtl]) .btn-group .btn-group + .btn:first-of-type, html:not([dir=rtl]) .btn-group .btn:last-of-type + .btn-group { margin-left: -1px; } html[dir=rtl] .btn-group .btn-group + .btn-group, html[dir=rtl] .btn-group .btn-group + .btn:first-of-type, html[dir=rtl] .btn-group .btn:last-of-type + .btn-group { margin-right: -1px; } html:not([dir=rtl]) .btn-group > .btn:not(:last-of-type), html:not([dir=rtl]) .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } html[dir=rtl] .btn-group > .btn:not(:last-of-type), html[dir=rtl] .btn-group > .btn-group:not(:last-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } html:not([dir=rtl]) .btn-group > .btn:not(:first-child), html:not([dir=rtl]) .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } html[dir=rtl] .btn-group > .btn:not(:first-child), html[dir=rtl] .btn-group > .btn-group:not(:first-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -0.125rem; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-group-divider-prepend, .btn-group-divider-append { position: relative; } .btn-group-divider-prepend::before, .btn-group-divider-append::after { display: block; position: absolute; width: 0.125rem; border-left-width: 1px; border-left-style: solid; top: 20%; margin-top: 0; height: 60%; content: ""; } html:not([dir=rtl]) .btn-group-divider-prepend::before { left: 0; } html[dir=rtl] .btn-group-divider-prepend::before { right: 0; } html:not([dir=rtl]) .btn-group-divider-append::after { right: 0; } html[dir=rtl] .btn-group-divider-append::after { left: 0; } .cta::after, .cta-reverse::before { font-family: "MWF-FLUENT-ICONS"; position: absolute; line-height: 1; top: calc(50% + 0.0625em); margin-top: -0.5em; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } @media (prefers-reduced-motion: reduce) { .cta::after, .cta-reverse::before { transition: none; } } .cta { position: relative; text-decoration: none; display: inline-block; font-weight: 600; } html:not([dir=rtl]) .cta { padding-right: 1.6875em; } html[dir=rtl] .cta { padding-left: 1.6875em; } html:not([dir=rtl]) .cta::after { content: "\e76c"; right: 0.4375em; } html[dir=rtl] .cta::after { content: "\e76b"; left: 0.4375em; } .cta:hover { text-decoration: underline; } html:not([dir=rtl]) .cta:hover::after { transform: translate(0.25em, 0); } html[dir=rtl] .cta:hover::after { transform: translate(-0.25em, 0); } html:not([dir=rtl]) .cta.cta-reverse::after { content: ""; } html[dir=rtl] .cta.cta-reverse::after { content: ""; } html:not([dir=rtl]) .cta-reverse { padding-left: 1.6875em; } html[dir=rtl] .cta-reverse { padding-right: 1.6875em; } html:not([dir=rtl]) .cta-reverse::before { content: "\e76b"; left: 0.4375em; } html[dir=rtl] .cta-reverse::before { content: "\e76c"; right: 0.4375em; } html:not([dir=rtl]) .cta-reverse:hover::before { transform: translate(-0.25em, 0); } html[dir=rtl] .cta-reverse:hover::before { transform: translate(0.25em, 0); } .card { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; min-width: 1px; word-wrap: break-word; background-clip: border-box; } .card picture { min-height: 1px; } .card.card-alt-hover > div:first-child picture { visibility: visible; opacity: 1; transition: opacity 500ms ease-in-out; } @media (prefers-reduced-motion: reduce) { .card.card-alt-hover > div:first-child picture { transition: none; } } .card.card-alt-hover > div:first-child picture:last-child { visibility: hidden; opacity: 0; } .card.card-alt-hover picture:last-child { position: absolute; top: 0; left: 0; } .card.card-alt-hover picture:last-child img { width: 100%; } .card.card-alt-hover:hover > div:first-child picture:first-child { visibility: hidden; opacity: 0; } .card.card-alt-hover:hover > div:first-child picture:last-child { visibility: visible; opacity: 1; } .card-header { flex: 0 1 3rem; } .card-body { flex: 1 1 auto; position: relative; } .card-body > :last-child:not(.link-group) { margin-bottom: 0 !important; } @media (min-width: 1084px) { .card-img-overlay { display: flex; } .card-img-overlay > .card-background { display: flex; flex-direction: column; align-items: center; overflow: hidden; margin: auto 0; width: 100%; } .card-img-overlay > .card-background .card-img { position: relative; } .card-img-overlay > .card-foreground { width: 100%; align-self: center; } html:not([dir=rtl]) .card-img-overlay > .card-foreground { margin-left: -100% !important; margin-right: 0; } html[dir=rtl] .card-img-overlay > .card-foreground { margin-right: -100% !important; margin-left: 0; } } @media (min-width: 1400px) { .card-img-overlay > .card-background .card-img { width: auto; } } .card-img { width: 100%; flex-shrink: 0; } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 0.75rem; } @media (min-width: 540px) { .card-deck { flex-flow: row wrap; margin-right: -0.75rem; margin-left: -0.75rem; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 0.75rem; margin-bottom: 0; margin-left: 0.75rem; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 540px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 540px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .card-min-width-sm { min-width: 8.75rem; } .card-min-width-lg { min-width: 25rem; } .card-offset { display: flex; } @media (min-width: 860px) { .card-offset { padding-top: 3rem; } } .card-offset .card-body { word-break: break-word; overflow-wrap: break-word; padding: 1.5rem; } @media (min-width: 860px) { .card-offset .card-body { padding: 3rem; } } .card-offset .card-img { padding: 0; } @media (max-width: 859.98px) { html:not([dir=rtl]) .card-offset .card-img { padding-left: 1.5rem; } html[dir=rtl] .card-offset .card-img { padding-right: 1.5rem; } } @media (min-width: 860px) { .card-offset .card-img { margin-top: -3rem; margin-bottom: 3rem; } } @media (max-width: 859.98px) { .card-offset:not(.flipped) { padding-bottom: 1.5rem; } } @media (min-width: 860px) { html:not([dir=rtl]) .card-offset:not(.flipped) { padding-right: 3rem; } html[dir=rtl] .card-offset:not(.flipped) { padding-left: 3rem; } html:not([dir=rtl]) .card-offset:not(.flipped) .card-body { padding-right: 0; } html[dir=rtl] .card-offset:not(.flipped) .card-body { padding-left: 0; } } @media (max-width: 859.98px) { .card-offset:not(.flipped) .card-img { margin-bottom: -1.5rem; } } @media (min-width: 860px) { html:not([dir=rtl]) .card-offset:not(.flipped) .card-img { margin-right: -3rem; margin-left: 3rem; } html[dir=rtl] .card-offset:not(.flipped) .card-img { margin-right: 3rem; margin-left: -3rem; } } @media (max-width: 859.98px) { .card-offset.flipped { padding-top: 1.5rem; } } @media (min-width: 860px) { html:not([dir=rtl]) .card-offset.flipped { padding-left: 3rem; } html[dir=rtl] .card-offset.flipped { padding-right: 3rem; } html:not([dir=rtl]) .card-offset.flipped .card-body { padding-left: 0; } html[dir=rtl] .card-offset.flipped .card-body { padding-right: 0; } } @media (max-width: 859.98px) { .card-offset.flipped .card-img { margin-top: -1.5rem; } } @media (min-width: 860px) { html:not([dir=rtl]) .card-offset.flipped .card-img { margin-right: 3rem; margin-left: -3rem; } html[dir=rtl] .card-offset.flipped .card-img { margin-right: -3rem; margin-left: 3rem; } } .card-offset.card-offset-small .card-body { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 860px) { .card-offset.card-offset-small .card-body { padding-top: 3rem; padding-bottom: 3rem; } } @media (min-width: 860px) { .card-offset.card-offset-small .card-img { margin-top: -1.5rem; margin-bottom: 1.5rem; } } @media (min-width: 860px) { .card-offset.card-offset-small { padding-top: 1.5rem; } html:not([dir=rtl]) .card-offset.card-offset-small:not(.flipped) { padding-right: 1.5rem; } html[dir=rtl] .card-offset.card-offset-small:not(.flipped) { padding-left: 1.5rem; } html:not([dir=rtl]) .card-offset.card-offset-small:not(.flipped) .card-img { margin-right: -1.5rem; margin-left: 1.5rem; } html[dir=rtl] .card-offset.card-offset-small:not(.flipped) .card-img { margin-right: 1.5rem; margin-left: -1.5rem; } html:not([dir=rtl]) .card-offset.card-offset-small.flipped { padding-left: 1.5rem; } html[dir=rtl] .card-offset.card-offset-small.flipped { padding-right: 1.5rem; } html:not([dir=rtl]) .card-offset.card-offset-small.flipped .card-img { margin-right: 1.5rem; margin-left: -1.5rem; } html[dir=rtl] .card-offset.card-offset-small.flipped .card-img { margin-right: -1.5rem; margin-left: 1.5rem; } } .carousel { position: relative; } .carousel .sr-only-focusable { z-index: 5; background-color: #fff; } .theme-dark .carousel .sr-only-focusable { background-color: #000; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item:focus { outline: 0.1875rem dotted currentColor; } .carousel-item:focus:not(:focus-visible) { outline: 0; } .carousel-item:focus-visible { outline: 0.1875rem dotted currentColor; } .carousel-item.get-height { display: block; visibility: hidden; opacity: 0; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-sneak-peek { overflow: hidden; padding-bottom: 4rem; padding-top: 0.1875rem; margin-top: -0.1875rem; } .carousel-sneak-peek > div { position: relative; } .carousel-sneak-peek .carousel-inner { overflow: visible; } .carousel-sneak-peek .carousel-inner { perspective: 1000px; margin: auto; display: flex; align-items: stretch; } html:not([dir=rtl]) .carousel-sneak-peek .carousel-inner { flex-direction: row; } html[dir=rtl] .carousel-sneak-peek .carousel-inner { flex-direction: row-reverse; } .carousel-sneak-peek .carousel-item { display: block; visibility: hidden; opacity: 0; z-index: 0; background-color: #fff; transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); } @media (prefers-reduced-motion: reduce) { .carousel-sneak-peek .carousel-item { transition: none; } } .carousel-sneak-peek .carousel-item.carousel-item-next, .carousel-sneak-peek .carousel-item.carousel-item-prev, .carousel-sneak-peek .carousel-item.active { visibility: visible; opacity: 1; } .carousel-sneak-peek .carousel-item.active { z-index: 2; } .carousel-sneak-peek .carousel-item.sliding-in { z-index: 3; } .carousel-sneak-peek .card-img-overlay > .card-foreground .card { min-height: auto; } .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left), .carousel-sneak-peek .active.carousel-item-right, .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right), .carousel-sneak-peek .active.carousel-item-left { z-index: 1; } html:not([dir=rtl]) .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left), html:not([dir=rtl]) .carousel-sneak-peek .active.carousel-item-right { transform: translateX(102%); } html[dir=rtl] .carousel-sneak-peek .carousel-item-next:not(.carousel-item-left), html[dir=rtl] .carousel-sneak-peek .active.carousel-item-right { transform: translateX(-102%); } html:not([dir=rtl]) .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right), html:not([dir=rtl]) .carousel-sneak-peek .active.carousel-item-left { transform: translateX(-102%); } html[dir=rtl] .carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right), html[dir=rtl] .carousel-sneak-peek .active.carousel-item-left { transform: translateX(102%); } .carousel-sneak-peek .carousel-controls .carousel-indicators { bottom: -3.5rem; } .carousel-variable-height { overflow: hidden; padding-bottom: 4rem; padding-top: 0.1875rem; margin-top: -0.1875rem; padding-right: 0.1875rem; padding-left: 0.1875rem; margin-right: -0.1875rem; margin-left: -0.1875rem; } .carousel-variable-height > div { position: relative; } .carousel-variable-height .carousel-inner { overflow: visible; } @media screen and (min-width: 1084px) { .carousel-highlight, .carousel-highlight-backplate { align-items: center; } } .carousel-highlight .carousel-item.active .card, .carousel-highlight-backplate .carousel-item.active .card { opacity: 1; visibility: visible; } .carousel-highlight .carousel-item:not(.active) .card, .carousel-highlight-backplate .carousel-item:not(.active) .card { opacity: 0; visibility: hidden; } .carousel-highlight .carousel-item.sliding-in .card, .carousel-highlight-backplate .carousel-item.sliding-in .card { opacity: 1; visibility: visible; transition: opacity 0.6s ease-in; } @media (prefers-reduced-motion: reduce) { .carousel-highlight .carousel-item.sliding-in .card, .carousel-highlight-backplate .carousel-item.sliding-in .card { transition: none; } } .carousel-highlight .carousel-item-next:not(.carousel-item-left) .card, .carousel-highlight .active.carousel-item-right .card, .carousel-highlight .carousel-item-prev:not(.carousel-item-right) .card, .carousel-highlight .active.carousel-item-left .card, .carousel-highlight-backplate .carousel-item-next:not(.carousel-item-left) .card, .carousel-highlight-backplate .active.carousel-item-right .card, .carousel-highlight-backplate .carousel-item-prev:not(.carousel-item-right) .card, .carousel-highlight-backplate .active.carousel-item-left .card { opacity: 0; } .carousel-highlight.carousel-sneak-peek .carousel-inner { width: 90%; } @media screen and (min-width: 1084px) { .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left), .carousel-highlight.carousel-sneak-peek .active.carousel-item-right, .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right), .carousel-highlight.carousel-sneak-peek .active.carousel-item-left { opacity: 0.3; } } @media screen and (min-width: 860px) { html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left), html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-right { transform: translateX(101%); } html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left), html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-right { transform: translateX(-101%); } } @media screen and (min-width: 1084px) { html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left), html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-right { transform: scale(0.91) translate(12%, 0); } html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-next:not(.carousel-item-left), html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-right { transform: scale(0.91) translate(-12%, 0); } } @media screen and (min-width: 860px) { html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right), html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-left { transform: translateX(-101%); } html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right), html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-left { transform: translateX(101%); } } @media screen and (min-width: 1084px) { html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right), html:not([dir=rtl]) .carousel-highlight.carousel-sneak-peek .active.carousel-item-left { transform: scale(0.91) translate(-12%, 0); } html[dir=rtl] .carousel-highlight.carousel-sneak-peek .carousel-item-prev:not(.carousel-item-right), html[dir=rtl] .carousel-highlight.carousel-sneak-peek .active.carousel-item-left { transform: scale(0.91) translate(12%, 0); } } @media screen and (min-width: 1084px) { .carousel-highlight.carousel-sneak-peek .carousel-controls .carousel-control-prev, .carousel-highlight.carousel-sneak-peek .carousel-controls .carousel-control-next { transform: scale(0.91); transform-style: flat; } } @media screen and (max-width: 1083px) { .carousel-highlight.carousel-sneak-peek .carousel-controls { display: flex; justify-content: center; align-items: center; position: absolute; bottom: -3.5rem; left: 50%; transform: translateX(-50%); } .carousel-highlight.carousel-sneak-peek .carousel-control-prev, .carousel-highlight.carousel-sneak-peek .carousel-control-next, .carousel-highlight.carousel-sneak-peek .carousel-indicators { position: static; } .carousel-highlight.carousel-sneak-peek .carousel-control-prev, .carousel-highlight.carousel-sneak-peek .carousel-control-next { padding-right: 1rem; padding-left: 1rem; } .carousel-highlight.carousel-sneak-peek .carousel-control-prev::after, .carousel-highlight.carousel-sneak-peek .carousel-control-next::after { font-size: 1.25rem; } .carousel-highlight.carousel-sneak-peek .carousel-indicators { margin-bottom: 3px; } } @media screen and (min-width: 860px) { .carousel-highlight:not(.carousel-sneak-peek) .carousel-item { transition: transform 0.8s ease-in-out; } .carousel-highlight:not(.carousel-sneak-peek) .carousel-item.sliding-in .card { transition: opacity 0.8s ease-in; } } @media screen and (min-width: 860px) and (prefers-reduced-motion: reduce) { .carousel-highlight:not(.carousel-sneak-peek) .carousel-item.sliding-in .card { transition: none; } } @media screen and (min-width: 860px) and (prefers-reduced-motion: reduce) { .carousel-highlight:not(.carousel-sneak-peek) .carousel-item { transition: none; } } .carousel-highlight:not(.carousel-sneak-peek) .card-img-overlay > .card-foreground .card { min-height: auto; } .carousel-highlight:not(.carousel-sneak-peek) .carousel-controls { display: flex; justify-content: center; align-items: center; position: absolute; bottom: -3.5rem; left: 50%; transform: translateX(-50%); } .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev, .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next, .carousel-highlight:not(.carousel-sneak-peek) .carousel-indicators { position: static; } .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev, .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next { padding-right: 1rem; padding-left: 1rem; } .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-prev::after, .carousel-highlight:not(.carousel-sneak-peek) .carousel-control-next::after { font-size: 1.25rem; } .carousel-highlight:not(.carousel-sneak-peek) .carousel-indicators { margin-bottom: 3px; } @media screen and (min-width: 860px) { .carousel-highlight-backplate .carousel-item { transition: transform 0.8s ease-in-out; } .carousel-highlight-backplate .carousel-item.sliding-in .card { transition: opacity 0.8s ease-in; } } @media screen and (min-width: 860px) and (prefers-reduced-motion: reduce) { .carousel-highlight-backplate .carousel-item.sliding-in .card { transition: none; } } @media screen and (min-width: 860px) and (prefers-reduced-motion: reduce) { .carousel-highlight-backplate .carousel-item { transition: none; } } @media screen and (min-width: 1084px) { .carousel-highlight-backplate .carousel-control-prev, .carousel-highlight-backplate .carousel-control-next { background: rgba(255, 255, 255, 0.8); box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11); height: 44px; width: 44px; top: calc(50% - 22px); margin: 0 0.25rem; border-radius: 50%; } .theme-dark .carousel-highlight-backplate .carousel-control-prev, .theme-dark .carousel-highlight-backplate .carousel-control-next { background: rgba(47, 47, 47, 0.8); } .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover, .carousel-highlight-backplate .carousel-control-prev:not(:disabled):focus, .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover, .carousel-highlight-backplate .carousel-control-next:not(:disabled):focus { background: rgba(255, 255, 255, 0.9); box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11); } .theme-dark .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover, .theme-dark .carousel-highlight-backplate .carousel-control-prev:not(:disabled):focus, .theme-dark .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover, .theme-dark .carousel-highlight-backplate .carousel-control-next:not(:disabled):focus { background: rgba(47, 47, 47, 0.9); } .carousel-highlight-backplate .carousel-control-prev::after, .carousel-highlight-backplate .carousel-control-next::after { font-size: 1.5rem; } .carousel-highlight-backplate .carousel-control-prev:focus, .carousel-highlight-backplate .carousel-control-next:focus { outline-offset: -0.1875rem; } html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover::after, html:not([dir=rtl]) .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover::after { transform: none; } html[dir=rtl] .carousel-highlight-backplate .carousel-control-prev:not(:disabled):hover::after, html[dir=rtl] .carousel-highlight-backplate .carousel-control-next:not(:disabled):hover::after { transform: none; } .carousel-highlight-backplate .carousel-controls .carousel-indicators { bottom: -3.5rem; } } @media screen and (max-width: 1083px) { .carousel-highlight-backplate .carousel-controls { display: flex; justify-content: center; align-items: center; position: absolute; bottom: -3.5rem; left: 50%; transform: translateX(-50%); } .carousel-highlight-backplate .carousel-control-prev, .carousel-highlight-backplate .carousel-control-next, .carousel-highlight-backplate .carousel-indicators { position: static; } .carousel-highlight-backplate .carousel-control-prev, .carousel-highlight-backplate .carousel-control-next { padding-right: 1rem; padding-left: 1rem; } .carousel-highlight-backplate .carousel-control-prev::after, .carousel-highlight-backplate .carousel-control-next::after { font-size: 1.25rem; } .carousel-highlight-backplate .carousel-indicators { margin-bottom: 3px; } } .carousel-sneak-peek.carousel-content-cards .carousel-inner { width: 90%; } @media screen and (min-width: 860px) { .carousel-sneak-peek.carousel-content-cards .carousel-inner { width: 66%; } } @media screen and (min-width: 1400px) { .carousel-sneak-peek.carousel-content-cards .carousel-inner { width: 60%; } } .carousel-sneak-peek.carousel-content-cards .carousel-item { display: flex; background: none; } .carousel-sneak-peek.carousel-content-cards .carousel-item.active { /* stylelint-disable-next-line selector-max-class */ } .carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-header, .carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-body, .carousel-sneak-peek.carousel-content-cards .carousel-item.active .card-footer { opacity: 1; visibility: visible; } .carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-header, .carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-body, .carousel-sneak-peek.carousel-content-cards .carousel-item:not(.active) .card-footer { opacity: 0; visibility: hidden; } .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in { /* stylelint-disable-next-line selector-max-class */ } .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-header, .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-body, .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-footer { opacity: 1; visibility: visible; transition: opacity 0.6s ease-in; } @media (prefers-reduced-motion: reduce) { .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-header, .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-body, .carousel-sneak-peek.carousel-content-cards .carousel-item.sliding-in .card-footer { transition: none; } } .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left), .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right, .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right), .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left { /* stylelint-disable-next-line selector-max-class */ } @media screen and (min-width: 860px) { .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left), .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right, .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right), .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left { opacity: 0.3; } } .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-header, .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-body, .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left) .card-footer, .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-header, .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-body, .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right .card-footer, .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-header, .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-body, .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right) .card-footer, .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-header, .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-body, .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left .card-footer { opacity: 0; } @media screen and (min-width: 860px) { html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left), html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right { transform: scale(0.91) translate(25%, 0); } html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left), html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right { transform: scale(0.91) translate(-25%, 0); } } @media screen and (min-width: 1400px) { html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left), html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right { transform: scale(0.91) translate(33%, 0); } html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-next:not(.carousel-item-left), html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-right { transform: scale(0.91) translate(-33%, 0); } } @media screen and (min-width: 860px) { html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right), html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left { transform: scale(0.91) translate(-25%, 0); } html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right), html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left { transform: scale(0.91) translate(25%, 0); } } @media screen and (min-width: 1400px) { html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right), html:not([dir=rtl]) .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left { transform: scale(0.91) translate(-33%, 0); } html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .carousel-item-prev:not(.carousel-item-right), html[dir=rtl] .carousel-sneak-peek.carousel-content-cards .active.carousel-item-left { transform: scale(0.91) translate(33%, 0); } } @media screen and (min-width: 860px) { .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev, .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next { transform: scale(0.91); transform-style: flat; width: 18%; } .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev { justify-content: flex-start; } .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next { justify-content: flex-end; } } @media screen and (min-width: 1400px) { .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-prev, .carousel-sneak-peek.carousel-content-cards .carousel-controls .carousel-control-next { width: 21%; } } @media screen and (max-width: 859px) { .carousel-sneak-peek.carousel-content-cards .carousel-controls { display: flex; justify-content: center; align-items: center; position: absolute; bottom: -3.5rem; left: 50%; transform: translateX(-50%); } .carousel-sneak-peek.carousel-content-cards .carousel-control-prev, .carousel-sneak-peek.carousel-content-cards .carousel-control-next, .carousel-sneak-peek.carousel-content-cards .carousel-indicators { position: static; } .carousel-sneak-peek.carousel-content-cards .carousel-control-prev, .carousel-sneak-peek.carousel-content-cards .carousel-control-next { padding-right: 1rem; padding-left: 1rem; } .carousel-sneak-peek.carousel-content-cards .carousel-control-prev::after, .carousel-sneak-peek.carousel-content-cards .carousel-control-next::after { font-size: 1.25rem; } .carousel-sneak-peek.carousel-content-cards .carousel-indicators { margin-bottom: 3px; } } .carousel-product-card .container { width: 87%; height: 100%; } @media screen and (min-width: 860px) { .carousel-product-card .container { width: 90%; } } .carousel-product-card .row { flex-wrap: nowrap; overflow: hidden; height: 100%; } @media screen and (max-width: 859px) { .carousel-product-card .carousel-control-prev, .carousel-product-card .carousel-control-next { width: 7%; } } .carousel-product-card .carousel-control-prev::after, .carousel-product-card .carousel-control-next::after { font-size: 1.75rem; } .carousel-lg-side-controls .carousel-item > div { height: 100%; } @media screen and (min-width: 1084px) { .carousel-lg-side-controls .carousel-inner { width: 90%; margin: auto; } } .carousel-lg-side-controls .carousel-controls .carousel-indicators { bottom: -3.5rem; } @media screen and (max-width: 1083px) { .carousel-lg-side-controls .carousel-controls { display: flex; justify-content: center; align-items: center; position: absolute; bottom: -3.5rem; left: 50%; transform: translateX(-50%); } .carousel-lg-side-controls .carousel-control-prev, .carousel-lg-side-controls .carousel-control-next, .carousel-lg-side-controls .carousel-indicators { position: static; } .carousel-lg-side-controls .carousel-control-prev, .carousel-lg-side-controls .carousel-control-next { padding-right: 1rem; padding-left: 1rem; } .carousel-lg-side-controls .carousel-control-prev::after, .carousel-lg-side-controls .carousel-control-next::after { font-size: 1.25rem; } .carousel-lg-side-controls .carousel-indicators { margin-bottom: 3px; } } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #000; text-align: center; } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; width: 5%; min-width: 44px; min-height: 44px; z-index: 5; display: flex; align-items: center; justify-content: center; text-align: center; border: 0; padding: 0; background: none; color: #171717; } .theme-dark .carousel-control-prev, .theme-dark .carousel-control-next { color: #f2f2f2; } .carousel-control-prev:disabled, .carousel-control-next:disabled { opacity: 0.3; cursor: default; } .carousel-control-prev::after, .carousel-control-next::after { font-family: "MWF-FLUENT-ICONS"; font-weight: 400; font-size: 2.5rem; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } @media (prefers-reduced-motion: reduce) { .carousel-control-prev::after, .carousel-control-next::after { transition: none; } } html:not([dir=rtl]) .carousel-control-prev { left: 0; } html:not([dir=rtl]) .carousel-control-prev::after { content: "\e76b"; } html:not([dir=rtl]) .carousel-control-prev:not(:disabled):hover::after { transform: translate(-0.5rem, 0); } html[dir=rtl] .carousel-control-prev { right: 0; } html[dir=rtl] .carousel-control-prev::after { content: "\e76c"; } html[dir=rtl] .carousel-control-prev:not(:disabled):hover::after { transform: translate(0.5rem, 0); } html:not([dir=rtl]) .carousel-control-next { right: 0; } html:not([dir=rtl]) .carousel-control-next::after { content: "\e76c"; } html:not([dir=rtl]) .carousel-control-next:not(:disabled):hover::after { transform: translate(0.5rem, 0); } html[dir=rtl] .carousel-control-next { left: 0; } html[dir=rtl] .carousel-control-next::after { content: "\e76b"; } html[dir=rtl] .carousel-control-next:not(:disabled):hover::after { transform: translate(-0.5rem, 0); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; -webkit-padding-start: 0; padding-inline-start: 0; list-style: none; color: #171717; } .theme-dark .carousel-indicators { color: #f2f2f2; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; margin-right: 1rem; margin-left: 1rem; } .carousel-indicators li::after { font-family: "MWF-FLUENT-ICONS"; font-weight: 400; font-size: 0.625rem; content: "\f126"; } .carousel-indicators .active::after { content: "\f127"; } .close { font-size: 1rem; font-weight: 400; line-height: 1; color: inherit; } .close::before { content: "\e894"; font-family: "MWF-FLUENT-ICONS"; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } a.close.disabled { pointer-events: none; } .color-picker { padding: 0 0.4375em 1.25em; position: relative; /* stylelint-disable-next-line selector-class-pattern */ } .color-picker input { position: absolute; z-index: -1; opacity: 0; } .color-picker .color-picker-heading-container { display: flex; margin-bottom: 0.625em; } .color-picker .color-picker-heading { font-weight: 600; } .color-picker input + label .color-picker-label { display: none; } html:not([dir=rtl]) .color-picker .color-picker-color-name { margin-left: 0.3125em; } html[dir=rtl] .color-picker .color-picker-color-name { margin-right: 0.3125em; } .color-picker .color-picker-dot { height: 2em; width: 2em; display: inline-block; border-radius: 50%; border: 0.0625em solid #757575; -webkit-margin-end: 1rem; margin-inline-end: 1rem; margin-bottom: 0.25rem; will-change: transform; position: relative; cursor: pointer; transition: transform 0.15s; } @media (prefers-reduced-motion: reduce) { .color-picker .color-picker-dot { transition: none; } } .theme-dark .color-picker .color-picker-dot { border-color: #d2d2d2; } .color-picker .color-picker-dot::before { content: " "; position: absolute; border-radius: 50%; box-shadow: inset 0 0 0 0.1875em #fff; width: 100%; height: 100%; z-index: 1; } .color-picker .color-picker-dot svg { position: absolute; width: 100%; height: 100%; } .color-picker .color-picker-dot.color-picker-bg-image { background-color: #fff; background-size: contain; background-position: center; border-width: 0.0625em; border-style: solid; } .color-picker .color-picker-bg-image-square { border-radius: 0.25rem; } .color-picker input:checked + label .color-picker-label { position: absolute; bottom: 0; display: inline-block; } html:not([dir=rtl]) .color-picker input:checked + label .color-picker-label { left: 0; } html[dir=rtl] .color-picker input:checked + label .color-picker-label { right: 0; } .color-picker input:checked + label .color-picker-dot, .color-picker .color-picker-dot:hover { transform: scale(1.3); } .color-picker input:checked + label .color-picker-dot { border: 0.125rem solid; } .color-picker .color-picker-control:checked + label .color-picker-dot::after { font-family: "MWF-FLUENT-ICONS"; content: "\e73e"; color: #fff; position: absolute; line-height: 1; text-align: center; left: 50%; top: 50%; margin-left: -0.5em; margin-top: -0.5em; } .color-picker .color-picker-control:checked + label .color-picker-bg-image::after { content: ""; } .color-picker input:focus + label .color-picker-dot { outline: 0.1875rem dotted currentColor; outline-offset: 0.125rem; } .color-picker.color-picker--dark .color-picker-dot { border: 0.125rem solid #fff; } .color-picker.color-picker--dark .color-picker-dot:hover { border: 0.125rem solid transparent; } .color-picker.color-picker--dark .color-picker-dot:hover::before { box-shadow: inset 0 0 0 0.1875em #fff; } .color-picker input:checked + .color-picker-dot-light .color-picker-dot::before, .color-picker input + .color-picker-dot-light .color-picker-dot:hover::before { box-shadow: inset 0 0 0 0.1875em #000; } .color-picker input:checked + .color-picker-dot-light .color-picker-dot::after { color: #000; } .result-list { position: absolute; z-index: 3; width: 100%; padding: 0; list-style: none; border: 0.0625rem solid #e6e6e6; display: none; background-color: #fff; color: #000; } .theme-dark .result-list { background-color: #000; color: #fff; } .result-list.active { display: block; } .result-list .result { padding-left: 1rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .result-list .result.selected, .result-list .result:hover, .result-list .result:focus { outline: 0.1875rem dotted currentColor !important; outline-offset: -0.1875rem; background-color: #0067b8; color: #fff; } .theme-dark .result-list .result.selected, .theme-dark .result-list .result:hover, .theme-dark .result-list .result:focus { background-color: #3aa0fa; color: #000; } .search-results-container { position: relative; } .combobox { position: relative; display: inline-block; width: 100%; } .combobox .combobox-toggle::after { display: block; font-size: 1em; font-family: "MWF-FLUENT-ICONS"; position: absolute; line-height: 1; top: calc(50% + 0.0625em); margin-top: -0.5em; } .combobox .combobox-divider { height: 0; margin: 0 0; overflow: hidden; border-top: 1px solid currentColor; opacity: 0.15; } .combobox .combobox-item { display: block; width: 100%; clear: both; text-decoration: none; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; padding: 0.5rem 0.75rem; color: #000; } .theme-dark .combobox .combobox-item { color: #fff; } .combobox .combobox-item:hover, .combobox .combobox-item:focus { background-color: #e6e6e6; color: #000; outline-offset: -0.1875rem; } .theme-dark .combobox .combobox-item:hover, .theme-dark .combobox .combobox-item:focus { background-color: #505050; color: #fff; } .combobox .combobox-item.active, .combobox .combobox-item:active { background-color: #000; color: #fff; } .theme-dark .combobox .combobox-item.active, .theme-dark .combobox .combobox-item:active { background-color: #fff; color: #000; } .combobox .combobox-item.disabled, .combobox .combobox-item:disabled { opacity: 0.3; pointer-events: none; background-color: transparent; } .combobox .combobox-item:disabled { opacity: 0.3; } html:not([dir=rtl]) .combobox { text-align: left; } html[dir=rtl] .combobox { text-align: right; } .combobox .combobox-toggle { width: 100%; } .combobox .combobox-toggle::after { content: "\e70d"; } .combobox .combobox-menu { position: absolute; top: 0; z-index: 1000; display: none; font-size: 1rem; border: 0.0625rem solid #757575; border-radius: 0; box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11); background-clip: padding-box; background-color: #fff; color: #000; top: 100%; width: 100%; max-height: 300px; overflow-y: auto; } .theme-dark .combobox .combobox-menu { border-color: #d2d2d2; background-color: #000; color: #fff; } html:not([dir=rtl]) .combobox .combobox-menu { text-align: left; left: 0; right: auto; } html[dir=rtl] .combobox .combobox-menu { text-align: right; left: auto; right: 0; } .combobox .combobox-menu.show { display: block; } .combobox .combobox-item { position: relative; cursor: pointer; } html:not([dir=rtl]) .combobox .combobox-item { padding-left: 2.5rem; } html[dir=rtl] .combobox .combobox-item { padding-right: 2.5rem; } html:not([dir=rtl]) .combobox .combobox-item:not([role=option]) { padding-left: 1rem; } html[dir=rtl] .combobox .combobox-item:not([role=option]) { padding-right: 1rem; } .combobox .combobox-item:not([role=option]):hover { background-color: inherit; color: inherit; } .combobox .combobox-divider { border-color: #757575; opacity: 1; } .theme-dark .combobox .combobox-divider { border-color: #d2d2d2; } .combobox .combobox-item.current-item { background-color: #e6e6e6; outline: 0.1875rem dotted currentColor; outline-offset: -3px; } .theme-dark .combobox .combobox-item.current-item { background-color: #505050; color: #fff; } .combobox .combobox-item.current-item:active { background-color: #000; color: #fff; } .theme-dark .combobox .combobox-item.current-item:active { background-color: #fff; color: #000; } .combobox .combobox-item[aria-selected=true] { background-color: #e6e6e6; } .theme-dark .combobox .combobox-item[aria-selected=true] { background-color: #505050; color: #fff; } .combobox .combobox-item[aria-selected=true]::after { content: "\e73e"; display: block; font-family: "MWF-FLUENT-ICONS"; position: absolute; line-height: 1; top: calc(50% + 0.0625em); margin-top: -0.5em; } html:not([dir=rtl]) .combobox .combobox-item[aria-selected=true]::after { left: 1rem; } html[dir=rtl] .combobox .combobox-item[aria-selected=true]::after { right: 1rem; } hr, .divider { border: 0; border-top: 0.0625rem solid #757575; margin: 0; } .theme-dark hr, .theme-dark .divider { border-color: #d2d2d2; } .dropup, .dropright, .dropdown, .dropleft { position: relative; display: inline-block; } .dropup .dropdown-toggle::after, .dropright .dropdown-toggle::after, .dropdown .dropdown-toggle::after, .dropleft .dropdown-toggle::after { display: block; font-size: 1em; font-family: "MWF-FLUENT-ICONS"; position: absolute; line-height: 1; top: calc(50% + 0.0625em); margin-top: -0.5em; } .dropup .dropdown-divider, .dropright .dropdown-divider, .dropdown .dropdown-divider, .dropleft .dropdown-divider { height: 0; margin: 0 0; overflow: hidden; border-top: 1px solid currentColor; opacity: 0.15; } .dropup .dropdown-item, .dropright .dropdown-item, .dropdown .dropdown-item, .dropleft .dropdown-item { display: block; width: 100%; clear: both; text-decoration: none; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; padding: 0.5rem 0.75rem; color: #000; } .theme-dark .dropup .dropdown-item, .theme-dark .dropright .dropdown-item, .theme-dark .dropdown .dropdown-item, .theme-dark .dropleft .dropdown-item { color: #fff; } .dropup .dropdown-item:hover, .dropup .dropdown-item:focus, .dropright .dropdown-item:hover, .dropright .dropdown-item:focus, .dropdown .dropdown-item:hover, .dropdown .dropdown-item:focus, .dropleft .dropdown-item:hover, .dropleft .dropdown-item:focus { background-color: #e6e6e6; color: #000; outline-offset: -0.1875rem; } .theme-dark .dropup .dropdown-item:hover, .theme-dark .dropup .dropdown-item:focus, .theme-dark .dropright .dropdown-item:hover, .theme-dark .dropright .dropdown-item:focus, .theme-dark .dropdown .dropdown-item:hover, .theme-dark .dropdown .dropdown-item:focus, .theme-dark .dropleft .dropdown-item:hover, .theme-dark .dropleft .dropdown-item:focus { background-color: #505050; color: #fff; } .dropup .dropdown-item.active, .dropup .dropdown-item:active, .dropright .dropdown-item.active, .dropright .dropdown-item:active, .dropdown .dropdown-item.active, .dropdown .dropdown-item:active, .dropleft .dropdown-item.active, .dropleft .dropdown-item:active { background-color: #000; color: #fff; } .theme-dark .dropup .dropdown-item.active, .theme-dark .dropup .dropdown-item:active, .theme-dark .dropright .dropdown-item.active, .theme-dark .dropright .dropdown-item:active, .theme-dark .dropdown .dropdown-item.active, .theme-dark .dropdown .dropdown-item:active, .theme-dark .dropleft .dropdown-item.active, .theme-dark .dropleft .dropdown-item:active { background-color: #fff; color: #000; } .dropup .dropdown-item.disabled, .dropup .dropdown-item:disabled, .dropright .dropdown-item.disabled, .dropright .dropdown-item:disabled, .dropdown .dropdown-item.disabled, .dropdown .dropdown-item:disabled, .dropleft .dropdown-item.disabled, .dropleft .dropdown-item:disabled { opacity: 0.3; pointer-events: none; background-color: transparent; } .dropup .dropdown-item:disabled, .dropright .dropdown-item:disabled, .dropdown .dropdown-item:disabled, .dropleft .dropdown-item:disabled { opacity: 0.3; } .dropup .dropdown-toggle, .dropright .dropdown-toggle, .dropdown .dropdown-toggle, .dropleft .dropdown-toggle { position: relative; } .dropup.btn-group, .dropup.btn-group-vertical, .dropright.btn-group, .dropright.btn-group-vertical, .dropdown.btn-group, .dropdown.btn-group-vertical, .dropleft.btn-group, .dropleft.btn-group-vertical { display: inline-flex; } html:not([dir=rtl]) .dropup .dropdown-toggle::after, html:not([dir=rtl]) .dropright .dropdown-toggle::after, html:not([dir=rtl]) .dropdown .dropdown-toggle::after { right: 0; } html[dir=rtl] .dropup .dropdown-toggle::after, html[dir=rtl] .dropright .dropdown-toggle::after, html[dir=rtl] .dropdown .dropdown-toggle::after { left: 0; } html:not([dir=rtl]) .dropup .dropdown-toggle, html:not([dir=rtl]) .dropright .dropdown-toggle, html:not([dir=rtl]) .dropdown .dropdown-toggle { padding-right: 1em; } html[dir=rtl] .dropup .dropdown-toggle, html[dir=rtl] .dropright .dropdown-toggle, html[dir=rtl] .dropdown .dropdown-toggle { padding-left: 1em; } html:not([dir=rtl]) .dropup .dropdown-toggle.btn::after, html:not([dir=rtl]) .dropright .dropdown-toggle.btn::after, html:not([dir=rtl]) .dropdown .dropdown-toggle.btn::after { right: 0.75rem; } html[dir=rtl] .dropup .dropdown-toggle.btn::after, html[dir=rtl] .dropright .dropdown-toggle.btn::after, html[dir=rtl] .dropdown .dropdown-toggle.btn::after { left: 0.75rem; } html:not([dir=rtl]) .dropup .dropdown-toggle.btn, html:not([dir=rtl]) .dropright .dropdown-toggle.btn, html:not([dir=rtl]) .dropdown .dropdown-toggle.btn { padding-right: calc(0.75rem + 1.4375em); } html[dir=rtl] .dropup .dropdown-toggle.btn, html[dir=rtl] .dropright .dropdown-toggle.btn, html[dir=rtl] .dropdown .dropdown-toggle.btn { padding-left: calc(0.75rem + 1.4375em); } .dropup .dropdown-toggle::after { content: "\e70e"; } html:not([dir=rtl]) .dropright .dropdown-toggle::after { content: "\e76c"; } html[dir=rtl] .dropright .dropdown-toggle::after { content: "\e76b"; } .dropdown .dropdown-toggle::after { content: "\e70d"; } html:not([dir=rtl]) .dropleft .dropdown-toggle::before { content: "\e76b"; left: 0; } html[dir=rtl] .dropleft .dropdown-toggle::before { content: "\e76c"; right: 0; } html:not([dir=rtl]) .dropleft .dropdown-toggle { padding-left: 1em; } html[dir=rtl] .dropleft .dropdown-toggle { padding-right: 1em; } html:not([dir=rtl]) .dropleft .dropdown-toggle.btn::before { left: 0.75rem; } html[dir=rtl] .dropleft .dropdown-toggle.btn::before { right: 0.75rem; } html:not([dir=rtl]) .dropleft .dropdown-toggle.btn { padding-left: calc(0.75rem + 1.4375em); } html[dir=rtl] .dropleft .dropdown-toggle.btn { padding-right: calc(0.75rem + 1.4375em); } .dropdown-toggle-split { position: relative; min-width: 1em; box-sizing: content-box; } html:not([dir=rtl]) .dropdown-toggle-split.dropdown-toggle.btn { padding-right: 0.75rem; padding-left: 0.75rem; } html[dir=rtl] .dropdown-toggle-split.dropdown-toggle.btn { padding-right: 0.75rem; padding-left: 0.75rem; } .dropdown-menu { position: absolute; top: 0; z-index: 1000; display: none; font-size: 1rem; border: 0.0625rem solid #757575; border-radius: 0; box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11); background-clip: padding-box; background-color: #fff; color: #000; } .theme-dark .dropdown-menu { border-color: #d2d2d2; background-color: #000; color: #fff; } html:not([dir=rtl]) .dropdown-menu { text-align: left; left: 0; right: auto; } html[dir=rtl] .dropdown-menu { text-align: right; left: auto; right: 0; } .dropdown-menu.show { display: block; } .dropdown-menu, .dropdown-menu ul { list-style: none; margin: 0; padding: 0; } html:not([dir=rtl]) ul .dropdown-menu.flyout-align-end { text-align: right; } html[dir=rtl] ul .dropdown-menu.flyout-align-end { text-align: left; } .dropdown-menu-lg { min-width: 18rem; } .dropdown-header { display: block; padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.875rem; white-space: nowrap; color: #505050; } .theme-dark .dropdown-header { color: #e6e6e6; } .dropdown-item-text { display: block; padding: 0.5rem 0.75rem; color: #000; } html:not([dir=rtl]) .nav-item .dropdown-menu { left: 0.5rem; } html[dir=rtl] .nav-item .dropdown-menu { right: 0.5rem; } .form-control { display: block; width: 100%; height: 2.5rem; padding: 0.625rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #000; background-color: #fff; background-clip: padding-box; border: 0.125rem solid #505050; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .theme-dark .form-control { color: #fff; background-color: #000; border: 0.125rem solid #e6e6e6; } .form-control:focus { outline: 0.1875rem dotted currentColor; outline-offset: -0.375rem; } .form-control::-moz-placeholder { color: inherit; opacity: 0.5; } .form-control::placeholder { color: inherit; opacity: 0.5; } .theme-dark .form-control::-moz-placeholder { color: #fff; } .theme-dark .form-control::placeholder { color: #fff; } .form-control[readonly] { opacity: 1; border-color: rgba(117, 117, 117, 0.3); background-color: rgba(210, 210, 210, 0.3); } .theme-dark .form-control[readonly] { border-color: rgba(210, 210, 210, 0.3); background-color: rgba(117, 117, 117, 0.3); } .form-control:disabled { background-color: #d2d2d2; border-color: #757575; opacity: 0.3; } .theme-dark .form-control:disabled { background-color: #757575; border-color: #d2d2d2; } .form-control-plaintext[readonly] { display: block; width: 100%; font-size: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; line-height: 1.5; color: inherit; background-color: transparent; border: 0; } .form-control-plaintext[readonly].form-control-sm { padding-top: 0.5625rem; padding-bottom: 0.5625rem; } .form-control-plaintext[readonly].form-control-lg { padding-top: 0.6875rem; padding-bottom: 0.6875rem; } .theme-dark .form-control-plaintext[readonly] { background-color: transparent; } .form-control-sm { height: 2.25rem; padding: 0.5625rem 0.75rem; font-size: 0.875rem; } .form-control-lg { height: 3rem; padding: 0.8125rem 0.75rem; font-size: 1.125rem; } textarea.form-control { height: auto; } select.form-control { padding: 0; text-indent: 0.25rem; } select.form-control[size], select.form-control[multiple] { height: auto; text-indent: 0; } select.form-control[size] option, select.form-control[multiple] option { padding: 0.625rem 0.75rem; } select.form-control[size].form-control-sm option, select.form-control[multiple].form-control-sm option { padding: 0.5625rem 0.75rem; } select.form-control[size].form-control-lg option, select.form-control[multiple].form-control-lg option { padding: 0.5625rem 0.75rem; } .form-control-file, .form-control-range { display: block; width: 100%; } .form-star-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; } .form-star-label { pointer-events: none; margin: 0; } html:not([dir=rtl]) .form-star-checked-label { margin-left: 0.75rem; } html[dir=rtl] .form-star-checked-label { margin-right: 0.75rem; } .form-star-glyph { display: block; position: relative; width: 2.5625rem; height: 2.5625rem; } html:not([dir=rtl]) .form-star-glyph { margin-left: -2.5625rem; } html[dir=rtl] .form-star-glyph { margin-right: -2.5625rem; } .form-star-glyph::after { content: "\e735"; color: #0067b8; position: absolute; font-family: "MWF-FLUENT-ICONS"; line-height: 1; display: block; top: 0.125rem; left: 0.125rem; font-size: 2.3125rem; height: 2.3125rem; width: 2.3125rem; } .theme-dark .form-star-glyph::after { color: #3aa0fa; } .form-star-input { width: 2.5625rem; height: 2.5625rem; opacity: 0; cursor: pointer; } .form-star-input.disabled, .form-star-input:disabled { cursor: auto; } .form-star-input.disabled + .form-star-label > .form-star-glyph::after, .form-star-input:disabled + .form-star-label > .form-star-glyph::after { opacity: 0.42; color: #000; } .theme-dark .form-star-input.disabled + .form-star-label > .form-star-glyph::after, .theme-dark .form-star-input:disabled + .form-star-label > .form-star-glyph::after { color: #fff; } .form-star-input.disabled ~ .form-star-checked-label, .form-star-input:disabled ~ .form-star-checked-label { opacity: 0.55; } .form-star-input:checked ~ .form-star-label > .form-star-glyph::after { content: "\e734"; color: #505050; } .theme-dark .form-star-input:checked ~ .form-star-label > .form-star-glyph::after { color: #e6e6e6; } .form-star-input:checked.disabled ~ .form-star-label > .form-star-glyph::after, .form-star-input:checked:disabled ~ .form-star-label > .form-star-glyph::after { opacity: 0.3; color: #757575; } .theme-dark .form-star-input:checked.disabled ~ .form-star-label > .form-star-glyph::after, .theme-dark .form-star-input:checked:disabled ~ .form-star-label > .form-star-glyph::after { color: #d2d2d2; } .form-star-input:checked + .form-star-label > .form-star-glyph::after { content: "\e735"; color: #0067b8; } .theme-dark .form-star-input:checked + .form-star-label > .form-star-glyph::after { color: #3aa0fa; } .form-star-input:checked.disabled + .form-star-label > .form-star-glyph::after, .form-star-input:checked:disabled + .form-star-label > .form-star-glyph::after { opacity: 0.42; color: #000; } .theme-dark .form-star-input:checked.disabled + .form-star-label > .form-star-glyph::after, .theme-dark .form-star-input:checked:disabled + .form-star-label > .form-star-glyph::after { color: #fff; } .form-star-input:focus + .form-star-label > .form-star-glyph { outline: 0.1875rem dotted currentColor; outline-offset: 0.125rem; outline-offset: -0.125rem; } .form-star { display: inline-flex; align-items: center; } .form-star:hover .form-star-input:not(:disabled):not(.disabled) ~ .form-star-label > .form-star-glyph::after { content: "\e735"; color: #0067b8; } .theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled) ~ .form-star-label > .form-star-glyph::after { color: #3aa0fa; } .form-star:hover .form-star-input:not(:disabled):not(.disabled):hover ~ .form-star-label > .form-star-glyph::after { content: "\e734"; color: #505050; } .theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled):hover ~ .form-star-label > .form-star-glyph::after { color: #e6e6e6; } .form-star:hover .form-star-input:not(:disabled):not(.disabled):hover + .form-star-label > .form-star-glyph::after { content: "\e735"; color: #0067b8; } .theme-dark .form-star:hover .form-star-input:not(:disabled):not(.disabled):hover + .form-star-label > .form-star-glyph::after { color: #3aa0fa; } .form-star-empty .form-star-input + .form-star-label > .form-star-glyph::after { content: "\e734"; color: #505050; } .theme-dark .form-star-empty .form-star-input + .form-star-label > .form-star-glyph::after { color: #e6e6e6; } .form-star-empty .form-star-input:disabled + .form-star-label > .form-star-glyph::after, .form-star-empty .form-star-input.disabled + .form-star-label > .form-star-glyph::after { opacity: 0.3; color: #757575; } .theme-dark .form-star-empty .form-star-input:disabled + .form-star-label > .form-star-glyph::after, .theme-dark .form-star-empty .form-star-input.disabled + .form-star-label > .form-star-glyph::after { color: #d2d2d2; } label, legend { font-size: 1rem; margin-bottom: 0.375rem; } .col-form-label { padding-top: 0.625rem; margin-bottom: 0; font-size: 1rem; line-height: 1.5; } .col-form-label-lg { padding-top: 0.6875rem; margin-bottom: 0; font-size: 1.125rem; line-height: 1.5; } .col-form-label-sm { padding-top: 0.5625rem; margin-bottom: 0; font-size: 0.875rem; line-height: 1.5; } .form-group { margin-bottom: 1rem; } .form-group-inline { margin-bottom: 0.25rem; } .form-text { display: block; margin-top: 0; margin-bottom: 0; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .invalid-feedback, .invalid-tooltip { width: 100%; color: #dc3545; position: relative; } html:not([dir=rtl]) .invalid-feedback, html:not([dir=rtl]) .invalid-tooltip { padding-left: 1.5rem; } html[dir=rtl] .invalid-feedback, html[dir=rtl] .invalid-tooltip { padding-right: 1.5rem; } .invalid-feedback::before, .invalid-tooltip::before { font-family: "MWF-FLUENT-ICONS"; font-weight: 400; font-size: 1rem; position: absolute; top: 0; } html:not([dir=rtl]) .invalid-feedback::before, html:not([dir=rtl]) .invalid-tooltip::before { left: 0; } html[dir=rtl] .invalid-feedback::before, html[dir=rtl] .invalid-tooltip::before { right: 0; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; box-shadow: 0 0 0 0.125rem #dc3545; } .invalid-feedback.is-invalid { padding-top: 0rem; } .invalid-feedback.is-invalid::before { content: "\e7ba"; } .was-validated .custom-select:invalid, .custom-select.is-invalid, .custom-select .custom-select-input.is-invalid { border-color: #dc3545; box-shadow: 0 0 0 0.125rem #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; box-shadow: 0 0 0 0.0625rem #dc3545, inset 0 0 0 0.125rem #fff; } .theme-dark .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .theme-dark .custom-control-input.is-invalid ~ .custom-control-label::before { box-shadow: 0 0 0 0.0625rem #dc3545, inset 0 0 0 0.125rem #000; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.125rem #dc3545; } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-checkbox .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-radio .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-radio .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.125rem #dc3545; } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } @media (min-width: 540px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select, .form-inline .custom-range { width: auto; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input.disabled ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { opacity: 0.55; } .theme-dark .custom-control-input.disabled ~ .custom-control-label::before, .theme-dark .custom-control-input:disabled ~ .custom-control-label::before { border-color: #d2d2d2; } .custom-control-input.disabled:checked ~ .custom-control-label::before, .custom-control-input:disabled:checked ~ .custom-control-label::before { opacity: 0.76364; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { pointer-events: none; border: 0.125rem solid #505050; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; background-color: #fff; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before { transition: none; } } .theme-dark .custom-control-label::before { background-color: #000; } .custom-control-label .custom-control-glyph::before { background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; border: 0.125rem solid transparent; background-clip: content-box; font-family: "MWF-FLUENT-ICONS"; line-height: 1; } .custom-control-label::before, .custom-control-label .custom-control-glyph::before { content: ""; position: absolute; display: block; top: 0.125rem; width: 1.25rem; height: 1.25rem; } html:not([dir=rtl]) .custom-control-label::before, html:not([dir=rtl]) .custom-control-label .custom-control-glyph::before { left: -1.75rem; } html[dir=rtl] .custom-control-label::before, html[dir=rtl] .custom-control-label .custom-control-glyph::before { right: -1.75rem; } html:not([dir=rtl]) .custom-checkbox, html:not([dir=rtl]) .custom-radio { padding-left: 1.75rem; } html[dir=rtl] .custom-checkbox, html[dir=rtl] .custom-radio { padding-right: 1.75rem; } .form-group .custom-checkbox ~ .custom-checkbox:not(.custom-control-inline), .form-group .custom-radio ~ .custom-radio:not(.custom-control-inline) { margin-top: 0.75rem; } .form-group .custom-checkbox.custom-control-inline, .form-group .custom-radio.custom-control-inline { margin-bottom: 0.75rem; } .custom-checkbox .custom-control-label::before { border-radius: 0.125rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: transparent; background-color: #0067b8; } .theme-dark .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #3aa0fa; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label .custom-control-glyph::before { content: "\e8fb"; color: #fff; } .theme-dark .custom-checkbox .custom-control-input:checked ~ .custom-control-label .custom-control-glyph::before { color: #000; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: transparent; background-color: #0067b8; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label .custom-control-glyph::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171.16 173.33'%3E%3Cpath fill='%23fff' d='M0 90.93v-10.7h171.16v10.7H0z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input.disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background: #000; } .theme-dark .custom-checkbox .custom-control-input.disabled:checked ~ .custom-control-label::before, .theme-dark .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background: #fff; } .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before { outline: 0.1875rem dotted currentColor; outline-offset: 0.125rem; } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { border-color: #0067b8; } .custom-radio .custom-control-input:checked ~ .custom-control-label .custom-control-glyph::before { content: ""; border-width: 0.3125rem; border-style: solid; border-radius: 50%; border-color: #0067b8; height: 0.625rem; width: 0.625rem; font-size: 0.875rem; top: 0.4375rem; color: #0067b8; } .theme-dark .custom-radio .custom-control-input:checked ~ .custom-control-label .custom-control-glyph::before { color: #3aa0fa; border-color: #3aa0fa; } html:not([dir=rtl]) .custom-radio .custom-control-input:checked ~ .custom-control-label .custom-control-glyph::before { left: -1.4375rem; } html[dir=rtl] .custom-radio .custom-control-input:checked ~ .custom-control-label .custom-control-glyph::before { right: -1.4375rem; } .custom-radio .custom-control-input.disabled:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { border-color: #000; } .theme-dark .custom-radio .custom-control-input.disabled:checked ~ .custom-control-label::before, .theme-dark .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { border-color: #fff; } .custom-radio .custom-control-input.disabled:checked ~ .custom-control-label .custom-control-glyph::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label .custom-control-glyph::before { opacity: 0.76364; border-color: #000; } .theme-dark .custom-radio .custom-control-input.disabled:checked ~ .custom-control-label .custom-control-glyph::before, .theme-dark .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label .custom-control-glyph::before { border-color: #fff; } .custom-radio .custom-control-input:focus ~ .custom-control-label::before { outline: 0.1875rem dotted currentColor; outline-offset: 0.125rem; } .custom-select { position: relative; width: 100%; } .custom-select .custom-select-arrow::after { pointer-events: none; content: "\e70d"; color: #000; font-family: "MWF-FLUENT-ICONS"; position: absolute; line-height: 1; top: calc(50% + 0.0625em); margin-top: -0.5em; } html:not([dir=rtl]) .custom-select .custom-select-arrow::after { right: 0.875rem; } html[dir=rtl] .custom-select .custom-select-arrow::after { left: 0.875rem; } .theme-dark .custom-select .custom-select-arrow::after { color: #fff; } .custom-select .btn + .custom-select-arrow::after { font-weight: 600; } .custom-select .custom-select-input:disabled ~ .custom-select-arrow::after { opacity: 0.3; } .custom-select-input { position: relative; display: inline-block; width: 100%; min-height: 2.5rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #000; background-color: #fff; border: 0.125rem solid #505050; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } html:not([dir=rtl]) .custom-select-input { padding-right: calc(0.8125em + 1.375rem); } html[dir=rtl] .custom-select-input { padding-left: calc(0.8125em + 1.375rem); } .theme-dark .custom-select-input { color: #fff; background-color: #000; border: 0.125rem solid #e6e6e6; } .custom-select-input:focus { outline: 0.1875rem dotted currentColor; outline-offset: -0.375rem; } .custom-select-input[multiple], .custom-select-input[size]:not([size="1"]) { height: auto; background-image: none; } html:not([dir=rtl]) .custom-select-input[multiple], html:not([dir=rtl]) .custom-select-input[size]:not([size="1"]) { padding-right: 0.75rem; } html[dir=rtl] .custom-select-input[multiple], html[dir=rtl] .custom-select-input[size]:not([size="1"]) { padding-left: 0.75rem; } .custom-select-input:disabled { background-color: #d2d2d2; border-color: #d2d2d2; opacity: 0.3; } .theme-dark .custom-select-input:disabled { background-color: #757575; border-color: #d2d2d2; } .custom-select-sm { height: 2.25rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: 3rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-range { width: 100%; } .custom-range .custom-range-input { width: 100%; padding: 1rem 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000; } .theme-dark .custom-range .custom-range-input { color: #fff; } .custom-range .custom-range-input:not(:disabled) { cursor: pointer; } .custom-range .custom-range-input::-moz-focus-outer { border: 0; } .custom-range .custom-range-input::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.375rem; background-color: #fff; border: 0.125rem solid #171717; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -webkit-appearance: none; appearance: none; color: #000; } @media (prefers-reduced-motion: reduce) { .custom-range .custom-range-input::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .theme-dark .custom-range .custom-range-input::-webkit-slider-thumb { background-color: #000; border: 0.125rem solid #f2f2f2; color: #fff; } .custom-range .custom-range-input::-webkit-slider-runnable-track { width: 100%; height: 0.25rem; color: transparent; background-color: #171717; border-color: transparent; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-range .custom-range-input::-webkit-slider-runnable-track { -webkit-transition: none; transition: none; } } .theme-dark .custom-range .custom-range-input::-webkit-slider-runnable-track { background-color: #f2f2f2; } .custom-range .custom-range-input::-moz-range-thumb { width: 0.75rem; height: 0.75rem; background-color: #fff; border: 0.125rem solid #171717; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -moz-appearance: none; appearance: none; color: #000; } @media (prefers-reduced-motion: reduce) { .custom-range .custom-range-input::-moz-range-thumb { -moz-transition: none; transition: none; } } .theme-dark .custom-range .custom-range-input::-moz-range-thumb { background-color: #000; border: 0.125rem solid #f2f2f2; color: #fff; } .custom-range .custom-range-input::-moz-range-track { width: 100%; height: 0.25rem; color: transparent; background-color: #171717; border-color: transparent; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-range .custom-range-input::-moz-range-track { -moz-transition: none; transition: none; } } .theme-dark .custom-range .custom-range-input::-moz-range-track { background-color: #f2f2f2; } .custom-range .custom-range-input:active::-webkit-slider-thumb, .custom-range .custom-range-input:focus::-webkit-slider-thumb, .custom-range .custom-range-input:hover::-webkit-slider-thumb { border-color: #0067b8; } .theme-dark .custom-range .custom-range-input:active::-webkit-slider-thumb, .theme-dark .custom-range .custom-range-input:focus::-webkit-slider-thumb, .theme-dark .custom-range .custom-range-input:hover::-webkit-slider-thumb { border-color: #3aa0fa; } .custom-range .custom-range-input:active::-webkit-slider-runnable-track, .custom-range .custom-range-input:focus::-webkit-slider-runnable-track, .custom-range .custom-range-input:hover::-webkit-slider-runnable-track { background-color: #0067b8; } .theme-dark .custom-range .custom-range-input:active::-webkit-slider-runnable-track, .theme-dark .custom-range .custom-range-input:focus::-webkit-slider-runnable-track, .theme-dark .custom-range .custom-range-input:hover::-webkit-slider-runnable-track { background-color: #3aa0fa; } .custom-range .custom-range-input:active::-moz-range-thumb, .custom-range .custom-range-input:focus::-moz-range-thumb, .custom-range .custom-range-input:hover::-moz-range-thumb { border-color: #0067b8; } .theme-dark .custom-range .custom-range-input:active::-moz-range-thumb, .theme-dark .custom-range .custom-range-input:focus::-moz-range-thumb, .theme-dark .custom-range .custom-range-input:hover::-moz-range-thumb { border-color: #3aa0fa; } .custom-range .custom-range-input:active::-moz-range-track, .custom-range .custom-range-input:focus::-moz-range-track, .custom-range .custom-range-input:hover::-moz-range-track { background-color: #0067b8; } .theme-dark .custom-range .custom-range-input:active::-moz-range-track, .theme-dark .custom-range .custom-range-input:focus::-moz-range-track, .theme-dark .custom-range .custom-range-input:hover::-moz-range-track { background-color: #3aa0fa; } .custom-range .custom-range-input:focus { outline: none; } .custom-range .custom-range-input:focus::-webkit-slider-thumb { outline: 0.1875rem dotted currentColor; outline-offset: 0.4rem; } .custom-range .custom-range-input:focus::-moz-range-thumb { outline: 0.1875rem dotted currentColor; outline-offset: 0.5rem; } .custom-range .custom-range-input:disabled::-webkit-slider-thumb { width: 0.75rem; height: 0.75rem; margin-top: -0.25rem; border-color: #858585; } .theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-thumb { border-color: #757575; } .custom-range .custom-range-input:disabled::-webkit-slider-runnable-track { background-color: #858585; } .theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-runnable-track { background-color: #757575; } .custom-range .custom-range-input:disabled::-moz-range-thumb { width: 0.5rem; height: 0.5rem; border-color: #858585; } .theme-dark .custom-range .custom-range-input:disabled::-moz-range-thumb { border-color: #757575; } .custom-range .custom-range-input:disabled::-moz-range-track { background-color: #858585; } .theme-dark .custom-range .custom-range-input:disabled::-moz-range-track { background-color: #757575; } @media screen and (-ms-high-contrast: active) { .custom-range .custom-range-input { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .custom-range .custom-range-input::-webkit-slider-runnable-track { background-color: unset; } .custom-range .custom-range-input:active::-webkit-slider-runnable-track, .custom-range .custom-range-input:focus::-webkit-slider-runnable-track, .custom-range .custom-range-input:hover::-webkit-slider-runnable-track, .custom-range .custom-range-input:disabled::-webkit-slider-runnable-track { background-color: unset; } .theme-dark .custom-range .custom-range-input:active::-webkit-slider-runnable-track, .theme-dark .custom-range .custom-range-input:focus::-webkit-slider-runnable-track, .theme-dark .custom-range .custom-range-input:hover::-webkit-slider-runnable-track, .theme-dark .custom-range .custom-range-input:disabled::-webkit-slider-runnable-track { background-color: unset; } .custom-range .custom-range-input:focus { outline: 0.1875rem dotted currentColor; } .custom-range .custom-range-input:focus::-webkit-slider-thumb { outline: none; } } .custom-range .custom-range-tooltip { position: relative; height: 1.5rem; } .custom-range .custom-range-tooltip span { position: absolute; } .custom-range .custom-range-track-labels { display: flex; justify-content: space-between; margin-top: -0.5rem; } .custom-range.disabled .custom-range-tooltip, .custom-range.disabled .custom-range-track-labels { color: #757575; } .custom-switch { display: flex; flex-wrap: wrap; } .custom-switch .custom-switch-input { vertical-align: top; background-color: transparent; border: 0.063rem solid #000; border-radius: 3.125rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline-offset: 0.125rem; outline-color: #000; cursor: pointer; } .theme-dark .custom-switch .custom-switch-input { border: 0.063rem solid #fff; outline-color: #fff; } .custom-switch .custom-switch-input::before { content: ""; display: block; position: relative; top: 0.125rem; border-radius: 50%; transition: all 0.25s ease; background-color: #000; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-switch-input::before { transition: none; } } .theme-dark .custom-switch .custom-switch-input::before { background-color: #fff; } @media (forced-colors: active) { .custom-switch .custom-switch-input::before { background-color: CanvasText !important; } } html:not([dir=rtl]) .custom-switch .custom-switch-input::before { left: 0.125rem; } html[dir=rtl] .custom-switch .custom-switch-input::before { left: -0.125rem; } .custom-switch .custom-switch-input:disabled { pointer-events: none; opacity: 0.25; } .custom-switch .custom-switch-input:disabled ~ .custom-switch-label-container > .custom-switch-label, .custom-switch .custom-switch-input:disabled ~ .custom-switch-label, .custom-switch .custom-switch-input:disabled ~ .custom-switch-status { opacity: 0.25; pointer-events: none; } .custom-switch .custom-switch-input[readonly] { border-color: #858585; pointer-events: none; } .custom-switch .custom-switch-input[readonly] ~ .custom-switch-label-container > .custom-switch-label, .custom-switch .custom-switch-input[readonly] ~ .custom-switch-label, .custom-switch .custom-switch-input[readonly] ~ .custom-switch-status { pointer-events: none; } .custom-switch .custom-switch-input[readonly]::before { background-color: #858585; } .custom-switch .custom-switch-input:not(:checked):not(:disabled):not([readonly]):hover { background-color: rgba(0, 0, 0, 0.2); } .theme-dark .custom-switch .custom-switch-input:not(:checked):not(:disabled):not([readonly]):hover { background-color: rgba(255, 255, 255, 0.2); } .custom-switch .custom-switch-input:checked { background-color: #0067b8; border-color: #0067b8; } .theme-dark .custom-switch .custom-switch-input:checked { background-color: #3aa0fa; border-color: #3aa0fa; } .custom-switch .custom-switch-input:checked::before { transition: all 0.25s ease; background-color: #fff; } .theme-dark .custom-switch .custom-switch-input:checked::before { background-color: #000; } .custom-switch .custom-switch-input:checked:not(:disabled):not([readonly]):hover { background-color: #004a85; border-color: #004a85; } .theme-dark .custom-switch .custom-switch-input:checked:not(:disabled):not([readonly]):hover { background-color: #0888f9; border-color: #0888f9; } .custom-switch .custom-switch-input:checked[readonly] { background-color: #858585; border-color: #858585; } .custom-switch .custom-switch-input:checked ~ .custom-switch-status > .custom-switch-status-on { display: block; } .custom-switch .custom-switch-input:checked ~ .custom-switch-status > .custom-switch-status-off { display: none; } .custom-switch .custom-switch-input:hover { cursor: pointer; } .custom-switch .custom-switch-label { order: -1; cursor: pointer; } html:not([dir=rtl]) .custom-switch .custom-switch-label { padding-right: 0.5rem; } html[dir=rtl] .custom-switch .custom-switch-label { padding-left: 0.5rem; } .custom-switch .custom-switch-status [class*=custom-switch-status-] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } html:not([dir=rtl]) .custom-switch .custom-switch-status [class*=custom-switch-status-] { padding-left: 0.5rem; } html[dir=rtl] .custom-switch .custom-switch-status [class*=custom-switch-status-] { padding-right: 0.5rem; } .custom-switch .custom-switch-status .custom-switch-status-on { display: none; } .custom-switch .custom-switch-input { width: 3rem; height: 1.5rem; } .custom-switch .custom-switch-input::before { width: 1.125rem; height: 1.125rem; } .custom-switch .custom-switch-input:checked::before { transform: translateX(1.5rem); } html[dir=rtl] .custom-switch .custom-switch-input:checked::before { transform: translateX(-1.5rem); } .custom-switch .custom-switch-label, .custom-switch .custom-switch-status { font-size: 1rem; } .custom-switch.custom-switch-lg .custom-switch-input { width: 3.5rem; height: 1.75rem; } .custom-switch.custom-switch-lg .custom-switch-input::before { width: 1.375rem; height: 1.375rem; } .custom-switch.custom-switch-lg .custom-switch-input:checked::before { transform: translateX(1.75rem); } html[dir=rtl] .custom-switch.custom-switch-lg .custom-switch-input:checked::before { transform: translateX(-1.75rem); } .custom-switch.custom-switch-lg .custom-switch-label, .custom-switch.custom-switch-lg .custom-switch-status { font-size: 1.125rem; } .custom-switch.custom-switch-label-top .custom-switch-label-container { flex-basis: 100%; order: -1; } .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label { margin: 0; order: unset; line-height: 1rem; padding-bottom: 0.5rem; } html:not([dir=rtl]) .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label { padding-right: 0; } html[dir=rtl] .custom-switch.custom-switch-label-top .custom-switch-label-container .custom-switch-label { padding-left: 0; } .custom-control { position: relative; display: block; } .custom-control-inline { display: inline-flex; } html:not([dir=rtl]) .custom-control-inline { margin-right: 1rem; } html[dir=rtl] .custom-control-inline { margin-left: 1rem; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } html:not([dir=rtl]) .input-group > :not(:first-child) { margin-left: -0.125rem; } html[dir=rtl] .input-group > :not(:first-child) { margin-right: -0.125rem; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-file .custom-file-input:focus-within ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus, .input-group > .custom-file .custom-file-input:focus-within { z-index: 4; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-prepend .input-group-text, .input-group-append .btn, .input-group-append .input-group-text { position: relative; z-index: 2; } .input-group-prepend .btn:hover, .input-group-prepend .btn:focus, .input-group-append .btn:hover, .input-group-append .btn:focus { z-index: 3; } html:not([dir=rtl]) .input-group-prepend > .btn:last-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0; } html[dir=rtl] .input-group-prepend > .btn:last-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; } html:not([dir=rtl]) .input-group-prepend .btn-group:last-child > .btn:last-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0; } html[dir=rtl] .input-group-prepend .btn-group:last-child > .btn:last-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; } html:not([dir=rtl]) .input-group-append > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } html[dir=rtl] .input-group-append > .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } html:not([dir=rtl]) .input-group-append .btn-group:first-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } html[dir=rtl] .input-group-append .btn-group:first-child > .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-text { display: flex; align-items: center; padding: 0.625rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1; color: #505050; text-align: center; white-space: nowrap; } .theme-dark .input-group-text { color: #e6e6e6; } .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { height: 3rem; padding: 0.8125rem 0.75rem; font-size: 1.125rem; line-height: 1.5; } .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { height: 2.25rem; padding: 0.5625rem 0.75rem; font-size: 0.875rem; line-height: 1.5; } .hotspot { border-radius: 50%; width: 2.25rem; height: 2.25rem; padding: 0; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; text-align: center; vertical-align: middle; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11); border: 0 solid #000; outline-color: #000; outline-offset: 0.1875rem; } .hotspot::before { content: ""; display: block; position: absolute; border-radius: 50%; width: 104%; height: 104%; border: 4px solid #fff; top: -2%; left: -2%; z-index: -1; } @-webkit-keyframes ripple { 0% { border: 1px solid #fff; opacity: 0; border-radius: 50%; top: -1px; left: -1px; box-sizing: content-box; box-shadow: none; } 50% { opacity: 1; } 100% { border: 1em solid #fff; opacity: 0; border-radius: 50%; top: -1em; left: -1em; box-sizing: content-box; box-shadow: none; } } @keyframes ripple { 0% { border: 1px solid #fff; opacity: 0; border-radius: 50%; top: -1px; left: -1px; box-sizing: content-box; box-shadow: none; } 50% { opacity: 1; } 100% { border: 1em solid #fff; opacity: 0; border-radius: 50%; top: -1em; left: -1em; box-sizing: content-box; box-shadow: none; } } @media screen and (prefers-reduced-motion: no-preference) { .hotspot.hotspot-hover-ripple:hover::after { -webkit-animation: ripple 0.8s cubic-bezier(0.5, 0, 0.5, 1); animation: ripple 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; content: ""; display: block; position: absolute; border-radius: 50%; width: 100%; height: 100%; } .hotspot.ripple-once::after { -webkit-animation: ripple 0.8s cubic-bezier(0.5, 0, 0.5, 1); animation: ripple 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; content: ""; display: block; position: absolute; border-radius: 50%; width: 100%; height: 100%; } } @media (min-width: 860px) { .hotspot { width: 3rem; height: 3rem; } } .hotspot .hotspot-img { border-radius: 50%; border: 4px solid transparent; width: 100%; height: 100%; object-fit: cover; } .hotspot.hotspot-extra-border:not(:focus) { border: 1px solid; } .hotspot.hotspot-extra-border:not(:focus)::before { width: 100%; height: 100%; top: 0; left: 0; } .hotspot.hotspot-extra-border:not(:focus):hover { border: none; } .hotspot.hotspot-large-glyph .glyph-append, .hotspot.hotspot-large-glyph .glyph-prepend { font-size: 2rem; } .hotspot.hotspot-light { background-color: #fff; color: #000; border-color: #fff; } .hotspot.hotspot-light::before { border-color: #000; } .hotspot.hotspot-light:focus::after { border-color: #fff; } .hotspot.hotspot-light.hotspot-active, .hotspot.hotspot-light[aria-expanded=true], .hotspot.hotspot-light[aria-pressed=true] { box-shadow: 0 0 0 1em rgba(0, 0, 0, 0.6); } .hotspot.hotspot-primary { background-color: #0067b8; color: #fff; border-color: #000; } .hotspot.hotspot-primary::before { border-color: #fff; } .hotspot.hotspot-primary:focus::after { border-color: #000; } .hotspot.hotspot-primary.hotspot-active, .hotspot.hotspot-primary[aria-expanded=true], .hotspot.hotspot-primary[aria-pressed=true] { box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.6); } .hotspot.hotspot-primary-alt { background-color: #3aa0fa; color: #000; border-color: #fff; } .hotspot.hotspot-primary-alt::before { border-color: #000; } .hotspot.hotspot-primary-alt:focus::after { border-color: #fff; } .hotspot.hotspot-primary-alt.hotspot-active, .hotspot.hotspot-primary-alt[aria-expanded=true], .hotspot.hotspot-primary-alt[aria-pressed=true] { box-shadow: 0 0 0 1em rgba(0, 0, 0, 0.6); } .hotspot.hotspot-dark { background-color: #000; color: #fff; border-color: #000; } .hotspot.hotspot-dark::before { border-color: #fff; } .hotspot.hotspot-dark:focus::after { border-color: #000; } .hotspot.hotspot-dark.hotspot-active, .hotspot.hotspot-dark[aria-expanded=true], .hotspot.hotspot-dark[aria-pressed=true] { box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.6); } .hotspot.hotspot-minimalist-light { background-color: #fff; color: #000; border-color: #000; } .hotspot.hotspot-minimalist-light::before { border-color: #fff; } .hotspot.hotspot-minimalist-light:focus::after { border-color: #000; } .hotspot.hotspot-minimalist-light.hotspot-active, .hotspot.hotspot-minimalist-light[aria-expanded=true], .hotspot.hotspot-minimalist-light[aria-pressed=true] { box-shadow: 0 0 0 1em rgba(0, 0, 0, 0.6); } .hotspot.hotspot-minimalist-primary { background-color: #0067b8; color: #fff; border-color: #fff; } .hotspot.hotspot-minimalist-primary::before { border-color: #0067b8; } .hotspot.hotspot-minimalist-primary:focus::after { border-color: #fff; } .hotspot.hotspot-minimalist-primary.hotspot-active, .hotspot.hotspot-minimalist-primary[aria-expanded=true], .hotspot.hotspot-minimalist-primary[aria-pressed=true] { box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.6); } .hotspot.hotspot-minimalist-primary-alt { background-color: #3aa0fa; color: #000; border-color: #000; } .hotspot.hotspot-minimalist-primary-alt::before { border-color: #3aa0fa; } .hotspot.hotspot-minimalist-primary-alt:focus::after { border-color: #000; } .hotspot.hotspot-minimalist-primary-alt.hotspot-active, .hotspot.hotspot-minimalist-primary-alt[aria-expanded=true], .hotspot.hotspot-minimalist-primary-alt[aria-pressed=true] { box-shadow: 0 0 0 1em rgba(0, 0, 0, 0.6); } .hotspot.hotspot-minimalist-dark { background-color: #000; color: #fff; border-color: #fff; } .hotspot.hotspot-minimalist-dark::before { border-color: #000; } .hotspot.hotspot-minimalist-dark:focus::after { border-color: #fff; } .hotspot.hotspot-minimalist-dark.hotspot-active, .hotspot.hotspot-minimalist-dark[aria-expanded=true], .hotspot.hotspot-minimalist-dark[aria-pressed=true] { box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.6); } .hotspot.hotspot-sm { height: 1.5rem; width: 1.5rem; } @media (max-width: 859.98px) { .hotspot.hotspot-sm { line-height: 1; } } @media (min-width: 860px) { .hotspot.hotspot-sm { width: 2.25rem; height: 2.25rem; } } .hotspot.hotspot-sm::before { border-width: 3px; } .hotspot.hotspot-lg { height: 3rem; width: 3rem; } @media (min-width: 860px) { .hotspot.hotspot-lg { width: 4rem; height: 4rem; } } .hotspot .glyph-prepend, .hotspot .glyph-append { line-height: 1; height: 1em; font-size: 1em; } .hotspot:focus { outline: none; } .hotspot:focus::after { border-style: dashed; border-width: 0.1875rem; border-color: #000; content: ""; display: block; position: absolute; box-sizing: border-box; border-radius: 50%; width: 102%; height: 102%; top: -1%; left: -1%; } .hotspot:focus:hover::after { box-sizing: border-box; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 0.0625rem solid #d2d2d2; border-radius: 0.125rem; max-width: 100%; height: auto; } .img-object-cover { object-fit: cover; height: 100%; width: 100%; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #505050; } .img-object-contain { object-fit: contain; } .link-group { min-height: 2.5rem; margin-top: -0.5rem; margin-bottom: -0.5rem; } html:not([dir=rtl]) .link-group a, html:not([dir=rtl]) .link-group .btn, html:not([dir=rtl]) .link-group .action-trigger { margin-right: 1.5rem; } html[dir=rtl] .link-group a, html[dir=rtl] .link-group .btn, html[dir=rtl] .link-group .action-trigger { margin-left: 1.5rem; } .link-group a { display: inline-block; margin-top: 1rem; margin-bottom: 1rem; } .link-group a ~ a:not(.btn) { margin-top: 0; } .link-group .btn, .link-group .action-trigger { margin-top: 0.5rem; margin-bottom: 0.5rem; } .link-group .btn ~ a:not(.btn) { margin-top: 0; margin-bottom: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; } html:not([dir=rtl]) .link-group > :last-child { margin-right: 0; } html[dir=rtl] .link-group > :last-child { margin-left: 0; } ul.full li, ol.full li { margin-bottom: 1rem; } .list-unstyled { padding: 0; list-style: none; } .list-inline { padding: 0; list-style: none; } .list-inline-item { display: inline-block; } html:not([dir=rtl]) .list-inline-item:not(:last-child) { margin-right: 1rem; } html[dir=rtl] .list-inline-item:not(:last-child) { margin-left: 1rem; } .media-control { background-color: #fff; color: #000; position: relative; height: 3rem; width: 3rem; border-radius: 50%; font-size: 2.8125rem; line-height: 1; box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11); border: 0; } .media-control::before { content: ""; display: block; position: absolute; border-radius: 50%; width: 104%; height: 104%; border: 0.25rem solid #fff; top: -2%; left: -2%; } .media-control:focus { outline: none; } .media-control:focus::after { border-style: dashed; border-width: 0.1875rem; border-color: #000; content: ""; display: block; position: absolute; box-sizing: border-box; border-radius: 50%; width: 102%; height: 102%; top: -1%; left: -1%; } .media-control .glyph-prepend, .media-control .glyph-append { position: absolute; left: 0.1875rem; top: 0.1875rem; } .media-control.media-control-light { background-color: #000; color: #fff; } .media-control.media-control-light::before { border-color: #000; } .media-control.media-control-light:focus::after { border-color: #fff; } @media (forced-colors: active) { .media-control { border-radius: 0; } .media-control::before { content: none; } } @media (min-width: 540px) { .media-control-lg { height: 4.5rem; width: 4.5rem; font-size: 4.4375rem; } } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0 auto; padding: 0 0.75rem; box-sizing: content-box; pointer-events: none; display: flex; align-items: center; min-height: 100%; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { height: 100%; } .modal-dialog-scrollable .modal-content { overflow: hidden; max-height: 100%; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0.0625rem solid transparent; border-radius: 0; } .theme-dark .modal-content { background-color: #2f2f2f; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.8; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-top-left-radius: 0; border-top-right-radius: 0; } .modal-header .close { padding: 0.5rem; } html:not([dir=rtl]) .modal-header .close { margin-left: auto; } html[dir=rtl] .modal-header .close { margin-right: auto; } .modal-header .close::before { display: block; } .modal-title { margin-bottom: 0; line-height: 1.5; } html:not([dir=rtl]) .modal-title { margin-right: 1rem; } html[dir=rtl] .modal-title { margin-left: 1rem; } .modal-body { position: relative; flex: 1 1 auto; padding: 0.1875rem 1rem 4rem; } .modal-body:not(:last-child) { padding-bottom: 0; } .modal-body > *:last-child { margin-bottom: 0; } .modal-body > [tabindex="0"]:focus { outline: 0.1875rem dotted currentColor; } .modal-body > [tabindex="0"]:focus:not(:focus-visible) { outline: 0; } .modal-body > [tabindex="0"]:focus-visible { outline: 0.1875rem dotted currentColor; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem 1rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 540px) { .modal-dialog { max-width: 640px; } .modal-sm { max-width: 300px; } .modal-xl { max-width: 1600px; } } @media (min-width: 1084px) { .modal-dialog { padding: 0 5%; } .modal-lg { max-width: 800px; } .modal-header { padding: 1rem 4rem; } html:not([dir=rtl]) .modal-header .close { margin-right: -3rem; } html[dir=rtl] .modal-header .close { margin-left: -3rem; } .modal-body { padding: 0.1875rem 4rem 4rem; } .modal-footer { padding: 1rem 4rem; } } .multi-feature { position: relative; width: 100%; } @media screen and (min-width: 1084px) { .multi-feature .accordion { position: static; width: 33.33333%; } html:not([dir=rtl]) .multi-feature .accordion { padding-right: 0.75rem; } html[dir=rtl] .multi-feature .accordion { padding-left: 0.75rem; } } @media screen and (min-width: 1084px) { .multi-feature-body > :last-child:not(.link-group) { margin-bottom: 0 !important; } } @media screen and (min-width: 1084px) { .multi-feature-feature { position: absolute; width: 66.66667%; top: 0; } html:not([dir=rtl]) .multi-feature-feature { padding-left: 0.75rem; right: 0; } html[dir=rtl] .multi-feature-feature { padding-right: 0.75rem; left: 0; } } .nav-container { overflow-x: hidden; padding: 4px; } .nav-container .nav { margin-left: -1rem; margin-right: -1rem; } .nav { display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 0; list-style: none; } .nav .nav-item { margin: 0 1rem; } .nav-link, .nav-item { position: relative; } .nav-link::before, .nav-item::before { content: ""; display: none; position: absolute; bottom: 0.25rem; left: 0; width: 100%; height: 0.125rem; padding: 0 0; background-color: #0067b8; background-clip: content-box; } .nav-link { display: inline-block; padding: 0.5rem 0; color: #0067b8; font-weight: 600; text-decoration: none; } .nav-link:hover::before { display: block; } .nav-link.disabled { color: #757575; pointer-events: none; cursor: default; } .nav-link.active { color: #000; } .nav-link.active::before { display: none; } html:not([dir=rtl]) .nav-link.dropdown-toggle { padding-right: 1.5em; } html[dir=rtl] .nav-link.dropdown-toggle { padding-left: 1.5em; } .nav-link.dropdown-toggle::before { width: calc(100% - 1.5em); } html:not([dir=rtl]) .nav-link.dropdown-toggle::after { right: 0; } html[dir=rtl] .nav-link.dropdown-toggle::after { left: 0; } .nav-link .glyph-prepend { display: flex; align-items: center; } html:not([dir=rtl]) .nav-link .glyph-prepend::before { padding-right: 0.375em; } html[dir=rtl] .nav-link .glyph-prepend::before { padding-left: 0.375em; } .nav-item.active { color: inherit; } .nav-item.active .nav-link { color: inherit; } .nav-item.active::before { display: block; } .nav-in-page-bar.nav-in-page-horizontal { align-items: baseline; } .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-container { display: flex; } .nav-in-page-bar.nav-in-page-vertical .nav-in-page-container { display: inline-block; } .nav-in-page-bar .sticky-show-stuck + .combobox, .nav-in-page-bar .combobox + .sticky-show-stuck { margin-top: 0.25rem; } .nav-in-page-container label { font-size: 1.0625rem; margin-bottom: 0.75rem; color: #171717; } .theme-dark .nav-in-page-container label { color: #f2f2f2; } .nav-in-page-container .combobox-item:not(.nav-in-page-item), .nav-in-page-container .combobox-divider { display: none; } .sticky.stuck .nav-in-page-bar { margin-top: 1.5rem; margin-bottom: 1.5rem; } .sticky.stuck .nav-in-page-bar:not(.nav-in-page-horizontal):not(.nav-in-page-vertical) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .sticky.stuck .nav-in-page-container label { display: none; } .sticky.stuck .nav-in-page-container .combobox-item:not(.nav-in-page-item), .sticky.stuck .nav-in-page-container .combobox-divider { display: block; } .nav-in-page { position: relative; padding: 0; list-style: none; margin-bottom: 0; } .nav-in-page::before { content: ""; position: absolute; border-radius: 0.125rem; background-color: #d2d2d2; } .theme-dark .nav-in-page::before { background-color: #757575; } .nav-in-page-bar.nav-in-page-horizontal .nav-in-page { display: flex; margin-bottom: 0.5rem; } .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before { width: calc(100% - 3rem); height: 0.25rem; bottom: -0.5rem; } html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before { left: 1.5rem; } html[dir=rtl] .nav-in-page-bar.nav-in-page-horizontal .nav-in-page::before { right: 1.5rem; } .nav-in-page-bar.nav-in-page-vertical .nav-in-page { margin-top: 1.5rem; } .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before { width: 0.25rem; height: 100%; } html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before { left: 0; } html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page::before { right: 0; } .nav-in-page-item { position: relative; } .nav-in-page-item .nav-in-page-link { color: #505050; text-decoration: none; } .theme-dark .nav-in-page-item .nav-in-page-link { color: #a2a2a2; } .nav-in-page-item .nav-in-page-link.active { color: #171717; } .theme-dark .nav-in-page-item .nav-in-page-link.active { color: #f2f2f2; } .nav-in-page-item .nav-in-page-link.active::before { content: ""; position: absolute; border-radius: 0.125rem; background-color: #0067b8; } .theme-dark .nav-in-page-item .nav-in-page-link.active::before { background-color: #3aa0fa; } @media (forced-colors: active) { .nav-in-page-item .nav-in-page-link.active::before { background-color: linktext; } } .nav-in-page-item .nav-in-page-link:hover, .nav-in-page-item .nav-in-page-link:focus { text-decoration: underline; color: #0067b8; } .nav-in-page-item.combobox-item:active .nav-in-page-link { color: #fff; } .theme-dark .nav-in-page-item.combobox-item:active .nav-in-page-link { color: #000; } .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item { display: flex; margin-right: 1.5rem; margin-left: 1.5rem; } html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item ~ .nav-in-page-item { margin-left: 0; } html[dir=rtl] .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item ~ .nav-in-page-item { margin-right: 0; } .nav-in-page-bar.nav-in-page-horizontal .nav-in-page-item .nav-in-page-link.active::before { width: 100%; height: 0.25rem; bottom: -0.5rem; } html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item { margin-left: 1rem; } html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item { margin-right: 1rem; } .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item + .nav-in-page-item { margin-top: 1rem; } .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before { width: 0.25rem; height: 100%; } html:not([dir=rtl]) .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before { left: -1rem; } html[dir=rtl] .nav-in-page-bar.nav-in-page-vertical .nav-in-page-item .nav-in-page-link.active::before { right: -1rem; } .nav-in-page-label { display: flex; font-size: 1.1875rem; margin-bottom: 0; color: #171717; } .theme-dark .nav-in-page-label { color: #f2f2f2; } .pagination { display: flex; padding: 0; list-style: none; font-weight: 600; margin-bottom: 0; border-color: #0067b8; } .theme-dark .pagination { border-color: #3aa0fa; } .page-link { position: relative; display: block; padding: 0.625rem 0.75rem; line-height: 1; text-decoration: none; border: 0.125rem solid transparent; } .page-item { white-space: nowrap; border-color: inherit; } .page-item:first-child, .page-item:last-child { display: inline-block; } .page-item:first-child .page-link::before, .page-item:first-child .page-link::after, .page-item:last-child .page-link::before, .page-item:last-child .page-link::after { font-family: "MWF-FLUENT-ICONS"; display: inline-block; font-size: 1rem; position: absolute; top: calc(50% + 0.0625em); margin-top: -0.5em; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } @media (prefers-reduced-motion: reduce) { .page-item:first-child .page-link::before, .page-item:first-child .page-link::after, .page-item:last-child .page-link::before, .page-item:last-child .page-link::after { transition: none; } } .page-item:first-child .page-link:hover, .page-item:last-child .page-link:hover { text-decoration: underline; } html:not([dir=rtl]) .page-item:first-child .page-link { padding-left: 1.4375em; } html[dir=rtl] .page-item:first-child .page-link { padding-right: 1.4375em; } html:not([dir=rtl]) .page-item:first-child .page-link::before { content: "\e76b"; left: 0; } html[dir=rtl] .page-item:first-child .page-link::before { content: "\e76c"; right: 0; } html:not([dir=rtl]) .page-item:first-child .page-link:hover::before { transform: translate(-0.25em, 0); } html[dir=rtl] .page-item:first-child .page-link:hover::before { transform: translate(0.25em, 0); } html:not([dir=rtl]) .page-item:last-child .page-link { padding-right: 1.4375em; } html[dir=rtl] .page-item:last-child .page-link { padding-left: 1.4375em; } html:not([dir=rtl]) .page-item:last-child .page-link::after { content: "\e76c"; right: 0; } html[dir=rtl] .page-item:last-child .page-link::after { content: "\e76b"; left: 0; } html:not([dir=rtl]) .page-item:last-child .page-link:hover::after { transform: translate(0.25em, 0); } html[dir=rtl] .page-item:last-child .page-link:hover::after { transform: translate(-0.25em, 0); } .page-item.active { display: inline-block; position: relative; } .page-item.active::after { content: ""; display: block; width: 1.5em; border-top-width: 2px; border-top-style: solid; border-color: inherit; margin: -0.375rem auto; } .page-item.active .page-link { color: inherit; cursor: default; } .page-item.disabled .page-link { color: #757575; pointer-events: none; } .theme-dark .page-item.disabled .page-link { color: #d2d2d2; } @media screen and (min-width: 860px) { .pagination-segment-start.pagination-edge .ellipsis { display: none; } } @media screen and (min-width: 540px) and (max-width: 860px) { .pagination-segment-start .page-item:nth-child(5), .pagination-segment-start .page-item:nth-child(6), .pagination-segment-start .page-item:nth-last-child(3):not(.ellipsis) { display: none; } .pagination-segment-end .page-item:nth-last-child(5), .pagination-segment-end .page-item:nth-last-child(6) { display: none; } .pagination-segment-middle .page-item.ellipsis-before, .pagination-segment-middle .page-item.ellipsis-after { display: none; } } @media screen and (max-width: 540px) { .page-item:not(.active):not(:first-child):not(:last-child) { display: none; } } .popover-wrapper { position: relative; } .popover { position: absolute; top: 0; z-index: 1000; display: none; font-size: 1rem; border: 0.0625rem solid #757575; border-radius: 0; box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11); background-clip: padding-box; background-color: #fff; color: #000; max-width: 336px; word-wrap: break-word; } .theme-dark .popover { border-color: #d2d2d2; background-color: #000; color: #fff; } html:not([dir=rtl]) .popover { text-align: left; left: 0; right: auto; } html[dir=rtl] .popover { text-align: right; left: auto; right: 0; } .popover.show { display: block; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } .popover.show.fade { -webkit-animation: 0.15s linear fade-in; animation: 0.15s linear fade-in; } .popover.fading-out { display: block; -webkit-animation: 0.15s linear fade-out; animation: 0.15s linear fade-out; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 1rem; background-color: #757575; direction: ltr; transform-origin: center; } .popover .arrow::after { display: block; content: ""; width: 100%; height: 100%; margin: 0.0625rem; background-color: #fff; } .theme-dark .popover .arrow { background-color: #d2d2d2; } .theme-dark .popover .arrow::after { background-color: #000; } .popover .close { z-index: 1; position: absolute; padding: 0.625rem; outline-offset: -0.375rem; } html:not([dir=rtl]) .popover .close { right: 0; } html[dir=rtl] .popover .close { left: 0; } .popover.flyout-top .arrow { bottom: -0.5625rem; transform: rotate(-135deg); } .popover.flyout-bottom .arrow { top: -0.5625rem; transform: rotate(45deg); } .popover.flyout-right .arrow { left: -0.5625rem; transform: rotate(-45deg); } .popover.flyout-left .arrow { right: -0.5625rem; transform: rotate(135deg); } .popover-content { overflow: auto; } .popover-header { padding: 1.5rem 2.5rem 0 2.5rem; font-weight: 600; font-size: 1rem; margin-bottom: 0; } .popover-header:empty { display: none; } .popover-header:not(:empty) + .popover-body { padding-top: 0.125rem; } .popover-body { padding: 1.5rem 2.5rem; } .popover-body :last-child { margin-bottom: 0; } .progress { display: flex; min-height: 0.875rem; overflow: hidden; border-radius: 0.125rem; border-style: solid; border-width: 0.125rem; padding: 0.0625rem; background-color: #fff; border-color: #757575; } .theme-dark .progress { background-color: #000; border-color: #d2d2d2; } .progress-bar { display: flex; position: relative; flex-direction: column; justify-content: center; text-align: center; white-space: nowrap; outline: 0.125rem solid transparent; outline-offset: -0.1875rem; transition: width 0.6s ease; background-color: #0067b8; color: #fff; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .theme-dark .progress-bar { background-color: #3aa0fa; color: #000; } html:not([dir=rtl]) .progress-bar { margin-left: 0.0625rem; } html[dir=rtl] .progress-bar { margin-right: 0.0625rem; } html:not([dir=rtl]) .progress-bar:first-of-type { margin-left: 0; } html[dir=rtl] .progress-bar:first-of-type { margin-right: 0; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 0.5rem 0.5rem; } .show-more-show-less .show-more-show-less-toggleable-content:focus { outline: none; } .show-more-show-less .action-trigger[aria-expanded=true]::before { content: "\ecc9"; } .show-more-show-less .action-trigger[aria-expanded=false]::before { content: "\eaee"; } .spinner { position: relative; width: 2.375rem; height: 2.375rem; padding: 0.35625rem; } .spinner .spinner-dot { position: absolute; transform: rotate(225deg); -webkit-animation: orbit 5.5s infinite; animation: orbit 5.5s infinite; width: 1.6625rem; height: 1.6625rem; } .spinner .spinner-dot::after { content: ""; position: absolute; border-radius: 100%; width: 0.1875rem; height: 0.1875rem; border: #0067b8 0.09375rem solid; background: #0067b8; } .theme-dark .spinner .spinner-dot::after { background: #3aa0fa; } .spinner .spinner-dot.spinner-dot-2 { -webkit-animation-delay: 240ms; animation-delay: 240ms; } .spinner .spinner-dot.spinner-dot-3 { -webkit-animation-delay: 480ms; animation-delay: 480ms; } .spinner .spinner-dot.spinner-dot-4 { -webkit-animation-delay: 720ms; animation-delay: 720ms; } .spinner .spinner-dot.spinner-dot-5 { -webkit-animation-delay: 960ms; animation-delay: 960ms; } .spinner.spinner-lg { width: 5.625rem; height: 5.625rem; padding: 0.84375rem; } .spinner.spinner-lg .spinner-dot { width: 3.99375rem; height: 3.99375rem; } .spinner.spinner-lg .spinner-dot::after { width: 0.375rem; height: 0.375rem; border-width: 0.1875rem; } @media screen and (prefers-reduced-motion: reduce), (update: slow) { .spinner-dot, .spinner-dot::after { display: none; } .spinner > .sr-only { position: static; width: auto; height: auto; clip: auto; white-space: inherit; } } @-webkit-keyframes orbit { 0% { transform: rotate(225deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 7% { transform: rotate(345deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 30% { transform: rotate(455deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 39% { transform: rotate(690deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 70% { transform: rotate(815deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 75% { transform: rotate(945deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 76% { transform: rotate(945deg); opacity: 0; } 100% { transform: rotate(945deg); opacity: 0; } } @keyframes orbit { 0% { transform: rotate(225deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 7% { transform: rotate(345deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 30% { transform: rotate(455deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 39% { transform: rotate(690deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 70% { transform: rotate(815deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 75% { transform: rotate(945deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 76% { transform: rotate(945deg); opacity: 0; } 100% { transform: rotate(945deg); opacity: 0; } } .sticky { --vw: 100vw; --container-padding: 1.5rem; position: sticky; display: flex; flex-direction: column; justify-content: flex-end; align-self: flex-start; z-index: 1020; pointer-events: none; } @media (min-width: 1084px) { .sticky { --container-padding: calc(var(--vw) * 0.1); } } @media (min-width: 1777.77778px) { .sticky { --container-padding: calc(var(--vw) - 1600px); } } .sticky > * { pointer-events: auto; } .sticky.sticky-direction-top { top: 0; } .sticky.sticky-direction-bottom { bottom: 0; } .sticky:not(.stuck)[class*=bg-], .sticky:not(.stuck)[class*=material-] { background-color: transparent !important; } .sticky:not(.stuck) .sticky-show-stuck { display: none; } .sticky.get-height .sticky-show-stuck { visibility: hidden; opacity: 0; } .sticky.stuck { pointer-events: auto; } .sticky.stuck .sticky-hide-stuck { display: none; } @media (max-width: 539.98px) { .sticky.stuck.stuck-full-width-xs { width: var(--vw); padding-right: calc(var(--container-padding) / 2); padding-left: calc(var(--container-padding) / 2); } html:not([dir=rtl]) .sticky.stuck.stuck-full-width-xs { margin-left: calc(var(--container-padding) / -2); } html[dir=rtl] .sticky.stuck.stuck-full-width-xs { margin-right: calc(var(--container-padding) / -2); } .sticky.stuck.sticky-direction-top.stuck-depth-xs { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } .sticky.stuck.sticky-direction-bottom.stuck-depth-xs { box-shadow: 0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 -0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } } @media (max-width: 859.98px) { .sticky.stuck.stuck-full-width-sm { width: var(--vw); padding-right: calc(var(--container-padding) / 2); padding-left: calc(var(--container-padding) / 2); } html:not([dir=rtl]) .sticky.stuck.stuck-full-width-sm { margin-left: calc(var(--container-padding) / -2); } html[dir=rtl] .sticky.stuck.stuck-full-width-sm { margin-right: calc(var(--container-padding) / -2); } .sticky.stuck.sticky-direction-top.stuck-depth-sm { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } .sticky.stuck.sticky-direction-bottom.stuck-depth-sm { box-shadow: 0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 -0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } } @media (max-width: 1083.98px) { .sticky.stuck.stuck-full-width-md { width: var(--vw); padding-right: calc(var(--container-padding) / 2); padding-left: calc(var(--container-padding) / 2); } html:not([dir=rtl]) .sticky.stuck.stuck-full-width-md { margin-left: calc(var(--container-padding) / -2); } html[dir=rtl] .sticky.stuck.stuck-full-width-md { margin-right: calc(var(--container-padding) / -2); } .sticky.stuck.sticky-direction-top.stuck-depth-md { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } .sticky.stuck.sticky-direction-bottom.stuck-depth-md { box-shadow: 0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 -0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } } @media (max-width: 1399.98px) { .sticky.stuck.stuck-full-width-lg { width: var(--vw); padding-right: calc(var(--container-padding) / 2); padding-left: calc(var(--container-padding) / 2); } html:not([dir=rtl]) .sticky.stuck.stuck-full-width-lg { margin-left: calc(var(--container-padding) / -2); } html[dir=rtl] .sticky.stuck.stuck-full-width-lg { margin-right: calc(var(--container-padding) / -2); } .sticky.stuck.sticky-direction-top.stuck-depth-lg { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } .sticky.stuck.sticky-direction-bottom.stuck-depth-lg { box-shadow: 0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 -0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } } .sticky.stuck.stuck-full-width { width: var(--vw); padding-right: calc(var(--container-padding) / 2); padding-left: calc(var(--container-padding) / 2); } html:not([dir=rtl]) .sticky.stuck.stuck-full-width { margin-left: calc(var(--container-padding) / -2); } html[dir=rtl] .sticky.stuck.stuck-full-width { margin-right: calc(var(--container-padding) / -2); } .sticky.stuck.sticky-direction-top.stuck-depth { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } .sticky.stuck.sticky-direction-bottom.stuck-depth { box-shadow: 0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 -0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } .tab-group [tabindex]:focus, .tab-arrows [tabindex]:focus { /* stylelint-disable-next-line declaration-no-important */ outline: 0.1875rem dotted currentColor !important; z-index: 2; } .tab-content, .tab-panel-group { margin-top: 3rem; } .tab-content > .tab-pane, .tab-content > .tab-panel, .tab-panel-group > .tab-pane, .tab-panel-group > .tab-panel { display: none; } .tab-content > .tab-pane:focus, .tab-content > .tab-panel:focus, .tab-panel-group > .tab-pane:focus, .tab-panel-group > .tab-panel:focus { outline: 0.1875rem dotted currentColor; } .tab-content > .tab-pane:focus:not(:focus-visible), .tab-content > .tab-panel:focus:not(:focus-visible), .tab-panel-group > .tab-pane:focus:not(:focus-visible), .tab-panel-group > .tab-panel:focus:not(:focus-visible) { outline: 0; } .tab-content > .tab-pane:focus-visible, .tab-content > .tab-panel:focus-visible, .tab-panel-group > .tab-pane:focus-visible, .tab-panel-group > .tab-panel:focus-visible { outline: 0.1875rem dotted currentColor; } .tab-content > .active, .tab-panel-group > .active { display: block; } .tab-overflow { overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; } .tab-overflow::-webkit-scrollbar { display: none; } .tab-group { display: flex; flex-wrap: nowrap; position: relative; z-index: 0; } .tab-standard .tab-group { border-bottom-width: 0.125rem; border-bottom-style: solid; border-color: #505050; } .theme-dark .tab-standard .tab-group { border-color: #e6e6e6; } .tab-underline .tab-group { border-bottom: 0.0625rem solid #858585; } .theme-dark .tab-underline .tab-group { border-bottom: 0.0625rem solid #757575; } .tab-group a, .tab-group button { flex: 0 0 auto; } .tab-outline .tab-group a span, .tab-outline .tab-group button span { max-width: 12rem; line-height: 1.25; } .tab-group a:not(.tab-image), .tab-group button:not(.tab-image) { color: #505050; border-style: solid; border-width: 0.125rem; font-weight: 600; text-decoration: none; } .theme-dark .tab-group a:not(.tab-image), .theme-dark .tab-group button:not(.tab-image) { color: #e6e6e6; } .tab-standard .tab-group a:not(.tab-image), .tab-standard .tab-group button:not(.tab-image) { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom: none; padding: 0.5rem 0.75rem; } html:not([dir=rtl]) .tab-standard .tab-group a:not(.tab-image):not(:first-child), html:not([dir=rtl]) .tab-standard .tab-group button:not(.tab-image):not(:first-child) { margin-left: -0.125rem; } html[dir=rtl] .tab-standard .tab-group a:not(.tab-image):not(:last-child), html[dir=rtl] .tab-standard .tab-group button:not(.tab-image):not(:last-child) { margin-left: -0.125rem; } .tab-underline .tab-group a:not(.tab-image), .tab-underline .tab-group button:not(.tab-image) { border: transparent; border-bottom: 0.0625rem transparent solid; border-radius: 0.375rem 0.375rem 0 0; position: relative; display: flex; justify-content: center; align-items: center; padding: 0.375rem 0.75rem; margin: 0 0.0625rem; } .tab-underline .tab-group a:not(.tab-image) span, .tab-underline .tab-group button:not(.tab-image) span { max-width: 12rem; } html:not([dir=rtl]) .tab-underline .tab-group a:not(.tab-image)::before, html:not([dir=rtl]) .tab-underline .tab-group button:not(.tab-image)::before { margin-right: 0.5rem; } html[dir=rtl] .tab-underline .tab-group a:not(.tab-image)::before, html[dir=rtl] .tab-underline .tab-group button:not(.tab-image)::before { margin-left: 0.5rem; } .tab-outline .tab-group a:not(.tab-image), .tab-outline .tab-group button:not(.tab-image) { display: flex; align-items: center; position: relative; padding: 0.25rem 0.75rem; border-radius: 0.625rem; } .tab-outline .tab-group a:not(.tab-image)::after, .tab-outline .tab-group button:not(.tab-image)::after { content: ""; position: absolute; width: 100%; height: calc(100% + 0.25rem); top: 50%; transform: translateY(-50%); z-index: -1; background: #e6e6e6; } .theme-dark .tab-outline .tab-group a:not(.tab-image)::after, .theme-dark .tab-outline .tab-group button:not(.tab-image)::after { background: #505050; } html:not([dir=rtl]) .tab-outline .tab-group a:not(.tab-image)::after, html:not([dir=rtl]) .tab-outline .tab-group button:not(.tab-image)::after { right: -0.6625rem; } html[dir=rtl] .tab-outline .tab-group a:not(.tab-image)::after, html[dir=rtl] .tab-outline .tab-group button:not(.tab-image)::after { left: -0.6625rem; } .tab-outline .tab-group a:not(.tab-image):last-child::after, .tab-outline .tab-group button:not(.tab-image):last-child::after { content: none; } .tab-group a:not(.tab-image):not(.active), .tab-group button:not(.tab-image):not(.active) { transition: all 125ms ease-in-out; } @media (prefers-reduced-motion: reduce) { .tab-group a:not(.tab-image):not(.active), .tab-group button:not(.tab-image):not(.active) { transition: none; } } .tab-standard .tab-group a:not(.tab-image):not(.active), .tab-standard .tab-group button:not(.tab-image):not(.active) { background: #f2f2f2; border-color: #d2d2d2; margin-top: 0.25rem; } .theme-dark .tab-standard .tab-group a:not(.tab-image):not(.active), .theme-dark .tab-standard .tab-group button:not(.tab-image):not(.active) { background: rgba(242, 242, 242, 0.15); border-color: #757575; } .tab-underline .tab-group a:not(.tab-image):not(.active), .tab-underline .tab-group button:not(.tab-image):not(.active) { color: #505050; } .theme-dark .tab-underline .tab-group a:not(.tab-image):not(.active), .theme-dark .tab-underline .tab-group button:not(.tab-image):not(.active) { color: #a2a2a2; } .tab-outline .tab-group a:not(.tab-image):not(.active), .tab-outline .tab-group button:not(.tab-image):not(.active) { background: #e6e6e6; border-color: #e6e6e6; } .theme-dark .tab-outline .tab-group a:not(.tab-image):not(.active), .theme-dark .tab-outline .tab-group button:not(.tab-image):not(.active) { background: #505050; border-color: #505050; } .tab-group a:not(.tab-image):not(.active):hover, .tab-group a:not(.tab-image):not(.active):focus, .tab-group button:not(.tab-image):not(.active):hover, .tab-group button:not(.tab-image):not(.active):focus { color: #000; } .theme-dark .tab-group a:not(.tab-image):not(.active):hover, .theme-dark .tab-group a:not(.tab-image):not(.active):focus, .theme-dark .tab-group button:not(.tab-image):not(.active):hover, .theme-dark .tab-group button:not(.tab-image):not(.active):focus { color: #fff; } .tab-standard .tab-group a:not(.tab-image):not(.active):hover, .tab-standard .tab-group a:not(.tab-image):not(.active):focus, .tab-standard .tab-group button:not(.tab-image):not(.active):hover, .tab-standard .tab-group button:not(.tab-image):not(.active):focus { margin-top: 0; padding-top: 0.75rem; } .tab-underline .tab-group a:not(.tab-image):hover, .tab-underline .tab-group a:not(.tab-image):focus, .tab-underline .tab-group button:not(.tab-image):hover, .tab-underline .tab-group button:not(.tab-image):focus { background: #e6e6e6; color: #171717; } .theme-dark .tab-underline .tab-group a:not(.tab-image):hover, .theme-dark .tab-underline .tab-group a:not(.tab-image):focus, .theme-dark .tab-underline .tab-group button:not(.tab-image):hover, .theme-dark .tab-underline .tab-group button:not(.tab-image):focus { background: #505050; color: #f2f2f2; } .tab-outline .tab-group a:not(.tab-image):hover, .tab-outline .tab-group a:not(.tab-image):focus, .tab-outline .tab-group button:not(.tab-image):hover, .tab-outline .tab-group button:not(.tab-image):focus { z-index: auto; } .tab-group a:not(.tab-image):focus, .tab-group button:not(.tab-image):focus { outline-offset: -0.375rem; } .tab-underline .tab-group a:not(.tab-image):focus, .tab-underline .tab-group button:not(.tab-image):focus { outline-offset: -0.1875rem; } .tab-group .glyph-prepend::before { vertical-align: text-bottom; } .tab-outline .tab-group .glyph-prepend::before { padding-top: 0.125rem; } html:not([dir=rtl]) .tab-outline .tab-group .glyph-prepend::before { padding-right: 0.5rem; } html[dir=rtl] .tab-outline .tab-group .glyph-prepend::before { padding-left: 0.5rem; } .tab-group .active:not(.tab-image) { border-color: #505050; color: #000; z-index: 1; } .theme-dark .tab-group .active:not(.tab-image) { border-color: #e6e6e6; color: #fff; } .tab-standard .tab-group .active:not(.tab-image) { background: #fff; padding-top: 0.75rem; margin-bottom: -0.125rem; } .theme-dark .tab-standard .tab-group .active:not(.tab-image) { background: #000; } .tab-underline .tab-group .active:not(.tab-image) { color: #171717; } .theme-dark .tab-underline .tab-group .active:not(.tab-image) { color: #f2f2f2; } .tab-underline .tab-group .active:not(.tab-image)::after { content: ""; position: absolute; width: 100%; height: 0.25rem; bottom: -0.125rem; left: 0; right: 0; border-radius: 0.125rem 0.125rem 0 0; background: #0067b8; } .theme-dark .tab-underline .tab-group .active:not(.tab-image)::after { background: #3aa0fa; } .tab-outline .tab-group .active:not(.tab-image) { padding: 0.25rem 0.75rem; z-index: auto; background-color: #fff; border-color: #0067b8; } .theme-dark .tab-outline .tab-group .active:not(.tab-image) { background-color: #000; border-color: #3aa0fa; } @media screen and (-ms-high-contrast: black-on-white) { .tab-group .active:not(.tab-image) { background: #000; border-color: #fff; color: #fff; } } @media screen and (-ms-high-contrast: white-on-black) { .tab-group .active:not(.tab-image) { background: #fff; border-color: #000; color: #000; } } .sticky.stuck .tab-group { border-bottom: none; } .sticky.stuck .tab-group a:active, .sticky.stuck .tab-group a:focus, .sticky.stuck .tab-group button:active, .sticky.stuck .tab-group button:focus { margin-bottom: 0; } .tab-primary .tab-group { border-color: #0067b8; } .theme-dark .tab-primary .tab-group { border-color: #3aa0fa; } .tab-primary .tab-group a:not(.tab-image), .tab-primary .tab-group button:not(.tab-image) { color: #0067b8; } .theme-dark .tab-primary .tab-group a:not(.tab-image), .theme-dark .tab-primary .tab-group button:not(.tab-image) { color: #3aa0fa; } .tab-primary .tab-group a:not(.tab-image):not(.active), .tab-primary .tab-group button:not(.tab-image):not(.active) { border-color: rgba(0, 103, 184, 0.1); background: rgba(0, 103, 184, 0.1); } .theme-dark .tab-primary .tab-group a:not(.tab-image):not(.active), .theme-dark .tab-primary .tab-group button:not(.tab-image):not(.active) { border-color: rgba(0, 103, 184, 0.1); background: rgba(0, 103, 184, 0.3); } .tab-primary .tab-group .active { border-color: #0067b8; } .theme-dark .tab-primary .tab-group .active { border-color: #3aa0fa; } .tab-arrows { display: none; } .tab-arrows .arrow-prev, .tab-arrows .arrow-next { color: #000; position: absolute; height: 100%; top: 0; padding: 0 0.65rem; border: none; transition: all 125ms ease-in-out; z-index: 2; } @media (prefers-reduced-motion: reduce) { .tab-arrows .arrow-prev, .tab-arrows .arrow-next { transition: none; } } .theme-dark .tab-arrows .arrow-prev, .theme-dark .tab-arrows .arrow-next { color: #fff; } .tab-standard .tab-arrows .arrow-prev, .tab-standard .tab-arrows .arrow-next { height: calc(100% - 0.125rem); padding: 0.75rem 0.65rem 0.5rem 0.65rem; } .tab-arrows .arrow-prev::after, .tab-arrows .arrow-next::after { font-family: "MWF-FLUENT-ICONS"; font-size: 1.25rem; transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); color: inherit; } @media (prefers-reduced-motion: reduce) { .tab-arrows .arrow-prev::after, .tab-arrows .arrow-next::after { transition: none; } } .tab-arrows .arrow-prev { left: 0.75rem; background: linear-gradient(to right, #fff 75%, rgba(255, 255, 255, 0)); } .theme-dark .tab-arrows .arrow-prev { background: linear-gradient(to right, #000 75%, rgba(0, 0, 0, 0)); } .tab-arrows .arrow-prev::after { content: "\e76b"; } .tab-arrows .arrow-prev:hover, .tab-arrows .arrow-prev:focus { transform: translate(-0.25rem, 0); } .tab-arrows .arrow-next { background: linear-gradient(to left, #fff 75%, rgba(255, 255, 255, 0)); right: 0.75rem; } .theme-dark .tab-arrows .arrow-next { background: linear-gradient(to left, #000 75%, rgba(0, 0, 0, 0)); } .tab-arrows .arrow-next::after { content: "\e76c"; } .tab-arrows .arrow-next:hover, .tab-arrows .arrow-next:focus { transform: translate(0.25rem, 0); } .tab-arrows.mobile-arrows .arrow-prev { background: linear-gradient(to right, #fff 5%, rgba(255, 255, 255, 0)); } .theme-dark .tab-arrows.mobile-arrows .arrow-prev { background: linear-gradient(to right, #000 5%, rgba(0, 0, 0, 0)); } .tab-arrows.mobile-arrows .arrow-next { background: linear-gradient(to left, #fff 5%, rgba(255, 255, 255, 0)); } .theme-dark .tab-arrows.mobile-arrows .arrow-next { background: linear-gradient(to left, #000 5%, rgba(0, 0, 0, 0)); } .tab-arrows.mobile-arrows .arrow-prev, .tab-arrows.mobile-arrows .arrow-next { pointer-events: none; } .tab-arrows.mobile-arrows .arrow-prev::after, .tab-arrows.mobile-arrows .arrow-next::after { color: transparent; } .tab-arrows-lg .arrow-prev, .tab-arrows-lg .arrow-next { padding: 0.5rem; } .tab-arrows-lg .arrow-prev::after, .tab-arrows-lg .arrow-next::after { font-size: 1.5rem; } .tab-image { display: block; text-decoration: none; text-align: center; color: #000; font-weight: 600; padding-top: 0.1875rem; } .theme-dark .tab-image { color: #fff; } html:not([dir=rtl]) .tab-image:first-child { margin-left: 0.1875rem; } html[dir=rtl] .tab-image:first-child { margin-right: 0.1875rem; } html:not([dir=rtl]) .tab-image:not(:last-child) { margin-right: 1.5rem; } html[dir=rtl] .tab-image:not(:last-child) { margin-left: 1.5rem; } @media (min-width: 860px) { html:not([dir=rtl]) .tab-image:not(:last-child) { margin-right: 3rem; } html[dir=rtl] .tab-image:not(:last-child) { margin-left: 3rem; } } .tab-image.tab-image-xs { width: 4rem; } .tab-image.tab-image-sm { width: 4rem; } @media (min-width: 860px) { .tab-image.tab-image-sm { width: 8rem; } } .tab-image.tab-image-md { width: 8rem; } @media (min-width: 860px) { .tab-image.tab-image-md { width: 10rem; } } .tab-image.tab-image-lg { width: 10rem; } @media (min-width: 860px) { .tab-image.tab-image-lg { width: 12rem; } } .tab-image.tab-image-xl { width: 12rem; } @media (min-width: 860px) { .tab-image.tab-image-xl { width: 25rem; } } .tab-image .tab-image-img { border-radius: 0.3125rem; } .tab-image:not(.active) .tab-image-img { filter: grayscale(100%); } .tab-image .tab-image-border { border: 0.1875rem solid transparent; border-radius: 0.625rem; padding: 0.1875rem; } .tab-image.active .tab-image-border { border-color: #0067b8; } .theme-dark .tab-image.active .tab-image-border { border-color: #3aa0fa; } .tab-image[href]:focus { outline: none !important; } .tab-image:focus .tab-image-border { outline: 0.1875rem dotted #000; } .theme-dark .tab-image:focus .tab-image-border { outline-color: #fff; } .tab-image .tab-image-label { display: block; padding-top: 0.5rem; text-align: center; } .tab-image:not(.active):not(:hover):not(:focus) .tab-image-label { opacity: 0; } .tab-image:focus:not(.active), .tab-image:hover:not(.active) { color: #757575; } .theme-dark .tab-image:focus:not(.active), .theme-dark .tab-image:hover:not(.active) { color: #d2d2d2; } .tab-image:focus:not(.active) .tab-image-border, .tab-image:hover:not(.active) .tab-image-border { border-color: #a2a2a2; } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; border-top: 0 solid #757575; border-bottom: 0.0625rem solid #757575; } .table caption { caption-side: bottom; } .table th { font-weight: 600; } .table th, .table td { padding: 1.5rem 0.75rem; vertical-align: top; border-bottom: 0.0625rem solid #d2d2d2; overflow-wrap: break-word; } .table thead th { vertical-align: bottom; border-bottom-color: #757575; } .table tbody + tbody { border-top: 0.125rem solid #d2d2d2; } .table .table { background-color: #fff; } .table tr > :first-child { padding-left: 1.5rem; } .table tr > :last-child { padding-right: 1.5rem; } .table th ul:first-child, .table td ul:first-child, .table th p:first-child, .table td p:first-child { margin-top: 0; padding-top: 0; } .table th ul:last-child, .table td ul:last-child, .table th p:last-child, .table td p:last-child { margin-bottom: 0; padding-bottom: 0; } .table tr:last-child th, .table tr:last-child td { border-bottom-color: #757575; } @media (max-width: 539.98px) { .table th, .table td { padding: 0.75rem; } } .table-fixed { table-layout: fixed; } .table-sm th, .table-sm td { padding-top: 1rem; padding-bottom: 1rem; } .table-lg-headers th { font-size: 1.125rem; line-height: 1.2; } @media (min-width: 1084px) { .table-lg-headers th { font-size: 1.1875rem; } } @media (min-width: 1400px) { .table-lg-headers th { font-size: 1.3125rem; } } .table-bordered { border: 0.0625rem solid #757575; } .table-bordered th, .table-bordered td { border-left: 0.0625rem solid #d2d2d2; border-right: 0.0625rem solid #d2d2d2; } .table-bordered th:first-child, .table-bordered td:first-child { border-left: none; } .table-bordered th:last-child, .table-bordered td:last-child { border-right: none; } .table-borderless { border: 0; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(230, 230, 230, 0.5); } .table-primary, .table-primary > th, .table-primary > td { background-color: #e6f0f8; } .table-hover .table-primary:hover { background-color: #d2e4f2; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #d2e4f2; } .table-primary-alt, .table-primary-alt > th, .table-primary-alt > td { background-color: #ebf6ff; } .table-hover .table-primary-alt:hover { background-color: #d2ebff; } .table-hover .table-primary-alt:hover > td, .table-hover .table-primary-alt:hover > th { background-color: #d2ebff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #e6e6e6; } .table-hover .table-secondary:hover { background-color: #d9d9d9; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #d9d9d9; } .table-inverse, .table-inverse > th, .table-inverse > td { background-color: #e6e6e6; } .table-hover .table-inverse:hover { background-color: #d9d9d9; } .table-hover .table-inverse:hover > td, .table-hover .table-inverse:hover > th { background-color: #d9d9d9; } .table-light, .table-light > th, .table-light > td { background-color: white; } .table-hover .table-light:hover { background-color: #f2f2f2; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f2f2f2; } .table-dark, .table-dark > th, .table-dark > td { background-color: #e6e6e6; } .table-hover .table-dark:hover { background-color: #d9d9d9; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #d9d9d9; } .table-brand, .table-brand > th, .table-brand > td { background-color: #e6f0f8; } .table-hover .table-brand:hover { background-color: #d2e4f2; } .table-hover .table-brand:hover > td, .table-hover .table-brand:hover > th { background-color: #d2e4f2; } .table-brand-light, .table-brand-light > th, .table-brand-light > td { background-color: #eefdff; } .table-hover .table-brand-light:hover { background-color: #d5faff; } .table-hover .table-brand-light:hover > td, .table-hover .table-brand-light:hover > th { background-color: #d5faff; } .table-brand-dark, .table-brand-dark > th, .table-brand-dark > td { background-color: #e9ebef; } .table-hover .table-brand-dark:hover { background-color: #dadee4; } .table-hover .table-brand-dark:hover > td, .table-hover .table-brand-dark:hover > th { background-color: #dadee4; } .table-active, .table-active > th, .table-active > td { background-color: rgba(230, 230, 230, 0.5); } .table-hover .table-active:hover { background-color: rgba(217, 217, 217, 0.5); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(217, 217, 217, 0.5); } .table .thead-highlight th { color: #000; background-color: rgba(230, 230, 230, 0.5); border-color: #d2d2d2; } .table-first-col-highlight :not(thead) > tr > th { background-color: rgba(230, 230, 230, 0.5); } .table-caption-top caption { caption-side: top; } .table[role=presentation] { border-width: 0.0625rem; } @media (max-width: 539.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 859.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 1083.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1399.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .theme-dark { background-color: #000; color: #fff; } .theme-dark a { color: #3aa0fa; } .material-surface { background-color: #f2f2f2; color: #000; } .material-surface a { color: #0067b8; } .theme-dark .material-surface { background-color: #171717; color: #fff; } .theme-dark .material-surface a { color: #3aa0fa; } .material-card { background-color: #fff; color: #000; box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11); } .material-card a { color: #0067b8; } .theme-dark .material-card { background-color: #2f2f2f; color: #fff; } .theme-dark .material-card a { color: #3aa0fa; } .material-backdrop { background-color: #fff; color: #000; } .material-backdrop a { color: #0067b8; } .theme-dark .material-backdrop { background-color: #000; color: #fff; } .theme-dark .material-backdrop a { color: #3aa0fa; } @media (min-width: 540px) { .material-sm-surface { background-color: #f2f2f2; color: #000; } .material-sm-surface a { color: #0067b8; } .theme-dark .material-sm-surface { background-color: #171717; color: #fff; } .theme-dark .material-sm-surface a { color: #3aa0fa; } .material-sm-card { background-color: #fff; color: #000; box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11); } .material-sm-card a { color: #0067b8; } .theme-dark .material-sm-card { background-color: #2f2f2f; color: #fff; } .theme-dark .material-sm-card a { color: #3aa0fa; } .material-sm-backdrop { background-color: #fff; color: #000; } .material-sm-backdrop a { color: #0067b8; } .theme-dark .material-sm-backdrop { background-color: #000; color: #fff; } .theme-dark .material-sm-backdrop a { color: #3aa0fa; } } @media (min-width: 860px) { .material-md-surface { background-color: #f2f2f2; color: #000; } .material-md-surface a { color: #0067b8; } .theme-dark .material-md-surface { background-color: #171717; color: #fff; } .theme-dark .material-md-surface a { color: #3aa0fa; } .material-md-card { background-color: #fff; color: #000; box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11); } .material-md-card a { color: #0067b8; } .theme-dark .material-md-card { background-color: #2f2f2f; color: #fff; } .theme-dark .material-md-card a { color: #3aa0fa; } .material-md-backdrop { background-color: #fff; color: #000; } .material-md-backdrop a { color: #0067b8; } .theme-dark .material-md-backdrop { background-color: #000; color: #fff; } .theme-dark .material-md-backdrop a { color: #3aa0fa; } } @media (min-width: 1084px) { .material-lg-surface { background-color: #f2f2f2; color: #000; } .material-lg-surface a { color: #0067b8; } .theme-dark .material-lg-surface { background-color: #171717; color: #fff; } .theme-dark .material-lg-surface a { color: #3aa0fa; } .material-lg-card { background-color: #fff; color: #000; box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11); } .material-lg-card a { color: #0067b8; } .theme-dark .material-lg-card { background-color: #2f2f2f; color: #fff; } .theme-dark .material-lg-card a { color: #3aa0fa; } .material-lg-backdrop { background-color: #fff; color: #000; } .material-lg-backdrop a { color: #0067b8; } .theme-dark .material-lg-backdrop { background-color: #000; color: #fff; } .theme-dark .material-lg-backdrop a { color: #3aa0fa; } } @media (min-width: 1400px) { .material-xl-surface { background-color: #f2f2f2; color: #000; } .material-xl-surface a { color: #0067b8; } .theme-dark .material-xl-surface { background-color: #171717; color: #fff; } .theme-dark .material-xl-surface a { color: #3aa0fa; } .material-xl-card { background-color: #fff; color: #000; box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11); } .material-xl-card a { color: #0067b8; } .theme-dark .material-xl-card { background-color: #2f2f2f; color: #fff; } .theme-dark .material-xl-card a { color: #3aa0fa; } .material-xl-backdrop { background-color: #fff; color: #000; } .material-xl-backdrop a { color: #0067b8; } .theme-dark .material-xl-backdrop { background-color: #000; color: #fff; } .theme-dark .material-xl-backdrop a { color: #3aa0fa; } } .material-color-primary, .theme-dark .material-color-primary-alt, .material-color-brand, .theme-dark .material-color-brand { background-color: #0067b8; color: #fff; } .material-color-primary a, .theme-dark .material-color-primary-alt a, .material-color-brand a, .theme-dark .material-color-brand a { color: #fff; } @media (min-width: 540px) { .material-sm-color-primary, .theme-dark .material-sm-color-primary-alt, .material-sm-color-brand, .theme-dark .material-sm-color-brand { background-color: #0067b8; color: #fff; } .material-sm-color-primary a, .theme-dark .material-sm-color-primary-alt a, .material-sm-color-brand a, .theme-dark .material-sm-color-brand a { color: #fff; } } @media (min-width: 860px) { .material-md-color-primary, .theme-dark .material-md-color-primary-alt, .material-md-color-brand, .theme-dark .material-md-color-brand { background-color: #0067b8; color: #fff; } .material-md-color-primary a, .theme-dark .material-md-color-primary-alt a, .material-md-color-brand a, .theme-dark .material-md-color-brand a { color: #fff; } } @media (min-width: 1084px) { .material-lg-color-primary, .theme-dark .material-lg-color-primary-alt, .material-lg-color-brand, .theme-dark .material-lg-color-brand { background-color: #0067b8; color: #fff; } .material-lg-color-primary a, .theme-dark .material-lg-color-primary-alt a, .material-lg-color-brand a, .theme-dark .material-lg-color-brand a { color: #fff; } } @media (min-width: 1400px) { .material-xl-color-primary, .theme-dark .material-xl-color-primary-alt, .material-xl-color-brand, .theme-dark .material-xl-color-brand { background-color: #0067b8; color: #fff; } .material-xl-color-primary a, .theme-dark .material-xl-color-primary-alt a, .material-xl-color-brand a, .theme-dark .material-xl-color-brand a { color: #fff; } } .theme-dark .material-color-primary, .material-color-primary-alt { background-color: #3aa0fa; color: #000; } .theme-dark .material-color-primary a, .material-color-primary-alt a { color: #000; } @media (min-width: 540px) { .theme-dark .material-sm-color-primary, .material-sm-color-primary-alt { background-color: #3aa0fa; color: #000; } .theme-dark .material-sm-color-primary a, .material-sm-color-primary-alt a { color: #000; } } @media (min-width: 860px) { .theme-dark .material-md-color-primary, .material-md-color-primary-alt { background-color: #3aa0fa; color: #000; } .theme-dark .material-md-color-primary a, .material-md-color-primary-alt a { color: #000; } } @media (min-width: 1084px) { .theme-dark .material-lg-color-primary, .material-lg-color-primary-alt { background-color: #3aa0fa; color: #000; } .theme-dark .material-lg-color-primary a, .material-lg-color-primary-alt a { color: #000; } } @media (min-width: 1400px) { .theme-dark .material-xl-color-primary, .material-xl-color-primary-alt { background-color: #3aa0fa; color: #000; } .theme-dark .material-xl-color-primary a, .material-xl-color-primary-alt a { color: #000; } } .theme-dark .material-color-secondary, .theme-dark .material-color-inverse, .material-color-light, .theme-dark .material-color-light { background-color: #fff; color: #000; } .theme-dark .material-color-secondary a, .theme-dark .material-color-inverse a, .material-color-light a, .theme-dark .material-color-light a { color: #0067b8; } @media (min-width: 540px) { .theme-dark .material-sm-color-secondary, .theme-dark .material-sm-color-inverse, .material-sm-color-light, .theme-dark .material-sm-color-light { background-color: #fff; color: #000; } .theme-dark .material-sm-color-secondary a, .theme-dark .material-sm-color-inverse a, .material-sm-color-light a, .theme-dark .material-sm-color-light a { color: #0067b8; } } @media (min-width: 860px) { .theme-dark .material-md-color-secondary, .theme-dark .material-md-color-inverse, .material-md-color-light, .theme-dark .material-md-color-light { background-color: #fff; color: #000; } .theme-dark .material-md-color-secondary a, .theme-dark .material-md-color-inverse a, .material-md-color-light a, .theme-dark .material-md-color-light a { color: #0067b8; } } @media (min-width: 1084px) { .theme-dark .material-lg-color-secondary, .theme-dark .material-lg-color-inverse, .material-lg-color-light, .theme-dark .material-lg-color-light { background-color: #fff; color: #000; } .theme-dark .material-lg-color-secondary a, .theme-dark .material-lg-color-inverse a, .material-lg-color-light a, .theme-dark .material-lg-color-light a { color: #0067b8; } } @media (min-width: 1400px) { .theme-dark .material-xl-color-secondary, .theme-dark .material-xl-color-inverse, .material-xl-color-light, .theme-dark .material-xl-color-light { background-color: #fff; color: #000; } .theme-dark .material-xl-color-secondary a, .theme-dark .material-xl-color-inverse a, .material-xl-color-light a, .theme-dark .material-xl-color-light a { color: #0067b8; } } .material-color-secondary, .material-color-inverse, .material-color-dark, .theme-dark .material-color-dark { background-color: #000; color: #fff; } .material-color-secondary a, .material-color-inverse a, .material-color-dark a, .theme-dark .material-color-dark a { color: #3aa0fa; } @media (min-width: 540px) { .material-sm-color-secondary, .material-sm-color-inverse, .material-sm-color-dark, .theme-dark .material-sm-color-dark { background-color: #000; color: #fff; } .material-sm-color-secondary a, .material-sm-color-inverse a, .material-sm-color-dark a, .theme-dark .material-sm-color-dark a { color: #3aa0fa; } } @media (min-width: 860px) { .material-md-color-secondary, .material-md-color-inverse, .material-md-color-dark, .theme-dark .material-md-color-dark { background-color: #000; color: #fff; } .material-md-color-secondary a, .material-md-color-inverse a, .material-md-color-dark a, .theme-dark .material-md-color-dark a { color: #3aa0fa; } } @media (min-width: 1084px) { .material-lg-color-secondary, .material-lg-color-inverse, .material-lg-color-dark, .theme-dark .material-lg-color-dark { background-color: #000; color: #fff; } .material-lg-color-secondary a, .material-lg-color-inverse a, .material-lg-color-dark a, .theme-dark .material-lg-color-dark a { color: #3aa0fa; } } @media (min-width: 1400px) { .material-xl-color-secondary, .material-xl-color-inverse, .material-xl-color-dark, .theme-dark .material-xl-color-dark { background-color: #000; color: #fff; } .material-xl-color-secondary a, .material-xl-color-inverse a, .material-xl-color-dark a, .theme-dark .material-xl-color-dark a { color: #3aa0fa; } } .material-color-neutral-100, .theme-dark .material-color-neutral-400 { background-color: #e6e6e6; color: #000; } .material-color-neutral-100 a, .theme-dark .material-color-neutral-400 a { color: #0067b8; } @media (min-width: 540px) { .material-sm-color-neutral-100, .theme-dark .material-sm-color-neutral-400 { background-color: #e6e6e6; color: #000; } .material-sm-color-neutral-100 a, .theme-dark .material-sm-color-neutral-400 a { color: #0067b8; } } @media (min-width: 860px) { .material-md-color-neutral-100, .theme-dark .material-md-color-neutral-400 { background-color: #e6e6e6; color: #000; } .material-md-color-neutral-100 a, .theme-dark .material-md-color-neutral-400 a { color: #0067b8; } } @media (min-width: 1084px) { .material-lg-color-neutral-100, .theme-dark .material-lg-color-neutral-400 { background-color: #e6e6e6; color: #000; } .material-lg-color-neutral-100 a, .theme-dark .material-lg-color-neutral-400 a { color: #0067b8; } } @media (min-width: 1400px) { .material-xl-color-neutral-100, .theme-dark .material-xl-color-neutral-400 { background-color: #e6e6e6; color: #000; } .material-xl-color-neutral-100 a, .theme-dark .material-xl-color-neutral-400 a { color: #0067b8; } } .material-color-neutral-200, .theme-dark .material-color-neutral-300 { background-color: #d2d2d2; color: #000; } .material-color-neutral-200 a, .theme-dark .material-color-neutral-300 a { color: #000; } @media (min-width: 540px) { .material-sm-color-neutral-200, .theme-dark .material-sm-color-neutral-300 { background-color: #d2d2d2; color: #000; } .material-sm-color-neutral-200 a, .theme-dark .material-sm-color-neutral-300 a { color: #000; } } @media (min-width: 860px) { .material-md-color-neutral-200, .theme-dark .material-md-color-neutral-300 { background-color: #d2d2d2; color: #000; } .material-md-color-neutral-200 a, .theme-dark .material-md-color-neutral-300 a { color: #000; } } @media (min-width: 1084px) { .material-lg-color-neutral-200, .theme-dark .material-lg-color-neutral-300 { background-color: #d2d2d2; color: #000; } .material-lg-color-neutral-200 a, .theme-dark .material-lg-color-neutral-300 a { color: #000; } } @media (min-width: 1400px) { .material-xl-color-neutral-200, .theme-dark .material-xl-color-neutral-300 { background-color: #d2d2d2; color: #000; } .material-xl-color-neutral-200 a, .theme-dark .material-xl-color-neutral-300 a { color: #000; } } .theme-dark .material-color-neutral-200, .material-color-neutral-300 { background-color: #757575; color: #fff; } .theme-dark .material-color-neutral-200 a, .material-color-neutral-300 a { color: #fff; } @media (min-width: 540px) { .theme-dark .material-sm-color-neutral-200, .material-sm-color-neutral-300 { background-color: #757575; color: #fff; } .theme-dark .material-sm-color-neutral-200 a, .material-sm-color-neutral-300 a { color: #fff; } } @media (min-width: 860px) { .theme-dark .material-md-color-neutral-200, .material-md-color-neutral-300 { background-color: #757575; color: #fff; } .theme-dark .material-md-color-neutral-200 a, .material-md-color-neutral-300 a { color: #fff; } } @media (min-width: 1084px) { .theme-dark .material-lg-color-neutral-200, .material-lg-color-neutral-300 { background-color: #757575; color: #fff; } .theme-dark .material-lg-color-neutral-200 a, .material-lg-color-neutral-300 a { color: #fff; } } @media (min-width: 1400px) { .theme-dark .material-xl-color-neutral-200, .material-xl-color-neutral-300 { background-color: #757575; color: #fff; } .theme-dark .material-xl-color-neutral-200 a, .material-xl-color-neutral-300 a { color: #fff; } } .theme-dark .material-color-neutral-100, .material-color-neutral-400 { background-color: #505050; color: #fff; } .theme-dark .material-color-neutral-100 a, .material-color-neutral-400 a { color: #fff; } @media (min-width: 540px) { .theme-dark .material-sm-color-neutral-100, .material-sm-color-neutral-400 { background-color: #505050; color: #fff; } .theme-dark .material-sm-color-neutral-100 a, .material-sm-color-neutral-400 a { color: #fff; } } @media (min-width: 860px) { .theme-dark .material-md-color-neutral-100, .material-md-color-neutral-400 { background-color: #505050; color: #fff; } .theme-dark .material-md-color-neutral-100 a, .material-md-color-neutral-400 a { color: #fff; } } @media (min-width: 1084px) { .theme-dark .material-lg-color-neutral-100, .material-lg-color-neutral-400 { background-color: #505050; color: #fff; } .theme-dark .material-lg-color-neutral-100 a, .material-lg-color-neutral-400 a { color: #fff; } } @media (min-width: 1400px) { .theme-dark .material-xl-color-neutral-100, .material-xl-color-neutral-400 { background-color: #505050; color: #fff; } .theme-dark .material-xl-color-neutral-100 a, .material-xl-color-neutral-400 a { color: #fff; } } .material-color-brand-light { background-color: #50e6ff; color: #000; } .material-color-brand-light a { color: #243a5e; } @media (min-width: 540px) { .material-sm-color-brand-light { background-color: #50e6ff; color: #000; } .material-sm-color-brand-light a { color: #243a5e; } } @media (min-width: 860px) { .material-md-color-brand-light { background-color: #50e6ff; color: #000; } .material-md-color-brand-light a { color: #243a5e; } } @media (min-width: 1084px) { .material-lg-color-brand-light { background-color: #50e6ff; color: #000; } .material-lg-color-brand-light a { color: #243a5e; } } @media (min-width: 1400px) { .material-xl-color-brand-light { background-color: #50e6ff; color: #000; } .material-xl-color-brand-light a { color: #243a5e; } } .material-color-brand-dark { background-color: #243a5e; color: #fff; } .material-color-brand-dark a { color: #50e6ff; } @media (min-width: 540px) { .material-sm-color-brand-dark { background-color: #243a5e; color: #fff; } .material-sm-color-brand-dark a { color: #50e6ff; } } @media (min-width: 860px) { .material-md-color-brand-dark { background-color: #243a5e; color: #fff; } .material-md-color-brand-dark a { color: #50e6ff; } } @media (min-width: 1084px) { .material-lg-color-brand-dark { background-color: #243a5e; color: #fff; } .material-lg-color-brand-dark a { color: #50e6ff; } } @media (min-width: 1400px) { .material-xl-color-brand-dark { background-color: #243a5e; color: #fff; } .material-xl-color-brand-dark a { color: #50e6ff; } } .bg-center-contain { background-repeat: no-repeat; background-position: center; background-size: contain; } .bg-center-cover { background-repeat: no-repeat; background-position: center; background-size: cover; } .border { border-width: 0.0625rem !important; border-style: solid; border-color: #d2d2d2; } .theme-dark .border { border-color: #757575; } .border-top { border-top-width: 0.0625rem !important; border-top-style: solid; border-top-color: #d2d2d2; } .theme-dark .border-top { border-top-color: #757575; } html:not([dir=rtl]) .border-right { border-right-width: 0.0625rem !important; border-right-style: solid; border-right-color: #d2d2d2; } html[dir=rtl] .border-right { border-left-width: 0.0625rem !important; border-left-style: solid; border-left-color: #d2d2d2; } html:not([dir=rtl]) .theme-dark .border-right { border-right-color: #757575; } html[dir=rtl] .theme-dark .border-right { border-left-color: #757575; } .border-bottom { border-bottom-width: 0.0625rem !important; border-bottom-style: solid; border-bottom-color: #d2d2d2; } .theme-dark .border-bottom { border-bottom-color: #757575; } html:not([dir=rtl]) .border-left { border-left-width: 0.0625rem !important; border-left-style: solid; border-left-color: #d2d2d2; } html[dir=rtl] .border-left { border-right-width: 0.0625rem !important; border-right-style: solid; border-right-color: #d2d2d2; } html:not([dir=rtl]) .theme-dark .border-left { border-left-color: #757575; } html[dir=rtl] .theme-dark .border-left { border-right-color: #757575; } html:not([dir=rtl]) .border-width-2 { border-width: 0.125rem !important; } html:not([dir=rtl]) .border-width-3 { border-width: 0.1875rem !important; } html:not([dir=rtl]) .border-width-4 { border-width: 0.25rem !important; } html[dir=rtl] .border-width-2 { border-width: 0.125rem !important; } html[dir=rtl] .border-width-3 { border-width: 0.1875rem !important; } html[dir=rtl] .border-width-4 { border-width: 0.25rem !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } html:not([dir=rtl]) .border-right-0 { border-right: 0 !important; } html[dir=rtl] .border-right-0 { border-left: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } html:not([dir=rtl]) .border-left-0 { border-left: 0 !important; } html[dir=rtl] .border-left-0 { border-right: 0 !important; } .border-gray-100 { border-color: #f2f2f2 !important; } .border-gray-200, .border-neutral-100, .theme-dark .border-neutral-400 { border-color: #e6e6e6 !important; } .border-gray-300, .border-neutral-200, .theme-dark .border-neutral-300 { border-color: #d2d2d2 !important; } .border-gray-400 { border-color: #a2a2a2 !important; } .border-gray-475 { border-color: #858585 !important; } .border-gray-500, .theme-dark .border-neutral-200, .border-neutral-300 { border-color: #757575 !important; } .border-gray-600, .theme-dark .border-neutral-100, .border-neutral-400 { border-color: #505050 !important; } .border-gray-700 { border-color: #404040 !important; } .border-gray-800 { border-color: #2f2f2f !important; } .border-gray-900 { border-color: #171717 !important; } .border-blue, .border-primary, .theme-dark .border-primary-alt, .border-brand { border-color: #0067b8 !important; } .border-orange { border-color: #d83b01 !important; } .border-green { border-color: #107c10 !important; } .border-purple { border-color: #8661c5 !important; } .border-yellow { border-color: #ffb900 !important; } .border-teal { border-color: #008575 !important; } .border-dark-blue, .border-brand-dark { border-color: #243a5e !important; } .border-dark-orange { border-color: #6b2929 !important; } .border-dark-green { border-color: #054b16 !important; } .border-dark-purple { border-color: #3b2e58 !important; } .border-dark-yellow { border-color: #6a4b16 !important; } .border-dark-teal { border-color: #274b47 !important; } .border-light-blue, .border-brand-light { border-color: #50e6ff !important; } .border-light-orange { border-color: #ff9349 !important; } .border-light-green { border-color: #9bf00b !important; } .border-light-purple { border-color: #d59dff !important; } .border-light-yellow { border-color: #fef000 !important; } .border-light-teal { border-color: #30e5d0 !important; } .border-alt-blue, .theme-dark .border-primary, .border-primary-alt { border-color: #3aa0fa !important; } .border-alt-orange { border-color: #f7894a !important; } .border-alt-green { border-color: #5dc21e !important; } .border-white, .theme-dark .border-secondary, .theme-dark .border-inverse, .border-light { border-color: #fff !important; } .border-black, .border-secondary, .border-inverse, .border-dark { border-color: #000 !important; } .border-transparent { border-color: transparent !important; } .border-current-color { border-color: currentColor !important; } .rounded-sm { border-radius: 0.1rem !important; } .rounded { border-radius: 0.125rem !important; } .rounded-top { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } html:not([dir=rtl]) .rounded-right { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } html[dir=rtl] .rounded-right { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .rounded-bottom { border-bottom-right-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } html:not([dir=rtl]) .rounded-left { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } html[dir=rtl] .rounded-left { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .rounded-lg { border-radius: 0.2rem !important; } .rounded-xl { border-radius: 0.5rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .bg-gray-100 { background-color: #f2f2f2 !important; color: #000; } .bg-gray-200, .bg-neutral-100, .theme-dark .bg-neutral-400 { background-color: #e6e6e6 !important; color: #000; } .bg-gray-300, .bg-neutral-200, .theme-dark .bg-neutral-300 { background-color: #d2d2d2 !important; color: #000; } .bg-gray-400 { background-color: #a2a2a2 !important; color: #000; } .bg-gray-475 { background-color: #858585 !important; color: #000; } .bg-gray-500, .theme-dark .bg-neutral-200, .bg-neutral-300 { background-color: #757575 !important; color: #fff; } .bg-gray-600, .theme-dark .bg-neutral-100, .bg-neutral-400 { background-color: #505050 !important; color: #fff; } .bg-gray-700 { background-color: #404040 !important; color: #fff; } .bg-gray-800 { background-color: #2f2f2f !important; color: #fff; } .bg-gray-900 { background-color: #171717 !important; color: #fff; } .bg-blue, .bg-primary, .theme-dark .bg-primary-alt, .bg-brand { background-color: #0067b8 !important; color: #fff; } .bg-orange { background-color: #d83b01 !important; color: #fff; } .bg-green { background-color: #107c10 !important; color: #fff; } .bg-purple { background-color: #8661c5 !important; color: #fff; } .bg-yellow { background-color: #ffb900 !important; color: #000; } .bg-teal { background-color: #008575 !important; color: #fff; } .bg-dark-blue, .bg-brand-dark { background-color: #243a5e !important; color: #fff; } .bg-dark-orange { background-color: #6b2929 !important; color: #fff; } .bg-dark-green { background-color: #054b16 !important; color: #fff; } .bg-dark-purple { background-color: #3b2e58 !important; color: #fff; } .bg-dark-yellow { background-color: #6a4b16 !important; color: #fff; } .bg-dark-teal { background-color: #274b47 !important; color: #fff; } .bg-light-blue, .bg-brand-light { background-color: #50e6ff !important; color: #000; } .bg-light-orange { background-color: #ff9349 !important; color: #000; } .bg-light-green { background-color: #9bf00b !important; color: #000; } .bg-light-purple { background-color: #d59dff !important; color: #000; } .bg-light-yellow { background-color: #fef000 !important; color: #000; } .bg-light-teal { background-color: #30e5d0 !important; color: #000; } .bg-alt-blue, .theme-dark .bg-primary, .bg-primary-alt { background-color: #3aa0fa !important; color: #000; } .bg-alt-orange { background-color: #f7894a !important; color: #000; } .bg-alt-green { background-color: #5dc21e !important; color: #000; } .bg-white, .theme-dark .bg-secondary, .theme-dark .bg-inverse, .bg-light { background-color: #fff !important; color: #000; } .bg-black, .bg-secondary, .bg-inverse, .bg-dark { background-color: #000 !important; color: #fff; } .bg-body { background-color: #fff !important; color: #000; } .theme-dark .bg-body { background-color: #000 !important; color: #fff; } .bg-transparent, .bg-transparent-text-dark, .bg-transparent-text-light { background-color: transparent !important; } .bg-transparent-text-dark { color: #000 !important; } .bg-transparent-text-light { color: #fff !important; } .bg-transparent-text-dark a:not(.btn), .bg-transparent-text-light a:not(.btn) { color: inherit; } @media screen and (-ms-high-contrast: active) { .bg-transparent, .bg-transparent-text-dark, .bg-transparent-text-light { background-color: window !important; color: windowText !important; } } @media (min-width: 540px) { .bg-sm-transparent, .bg-sm-transparent-text-dark, .bg-sm-transparent-text-light { background-color: transparent !important; } .bg-sm-transparent-text-dark { color: #000 !important; } .bg-sm-transparent-text-light { color: #fff !important; } .bg-sm-transparent-text-dark a:not(.btn), .bg-sm-transparent-text-light a:not(.btn) { color: inherit; } } @media screen and (min-width: 540px) and (-ms-high-contrast: active) { .bg-sm-transparent, .bg-sm-transparent-text-dark, .bg-sm-transparent-text-light { background-color: window !important; color: windowText !important; } } @media (min-width: 860px) { .bg-md-transparent, .bg-md-transparent-text-dark, .bg-md-transparent-text-light { background-color: transparent !important; } .bg-md-transparent-text-dark { color: #000 !important; } .bg-md-transparent-text-light { color: #fff !important; } .bg-md-transparent-text-dark a:not(.btn), .bg-md-transparent-text-light a:not(.btn) { color: inherit; } } @media screen and (min-width: 860px) and (-ms-high-contrast: active) { .bg-md-transparent, .bg-md-transparent-text-dark, .bg-md-transparent-text-light { background-color: window !important; color: windowText !important; } } @media (min-width: 1084px) { .bg-lg-transparent, .bg-lg-transparent-text-dark, .bg-lg-transparent-text-light { background-color: transparent !important; } .bg-lg-transparent-text-dark { color: #000 !important; } .bg-lg-transparent-text-light { color: #fff !important; } .bg-lg-transparent-text-dark a:not(.btn), .bg-lg-transparent-text-light a:not(.btn) { color: inherit; } } @media screen and (min-width: 1084px) and (-ms-high-contrast: active) { .bg-lg-transparent, .bg-lg-transparent-text-dark, .bg-lg-transparent-text-light { background-color: window !important; color: windowText !important; } } @media (min-width: 1400px) { .bg-xl-transparent, .bg-xl-transparent-text-dark, .bg-xl-transparent-text-light { background-color: transparent !important; } .bg-xl-transparent-text-dark { color: #000 !important; } .bg-xl-transparent-text-light { color: #fff !important; } .bg-xl-transparent-text-dark a:not(.btn), .bg-xl-transparent-text-light a:not(.btn) { color: inherit; } } @media screen and (min-width: 1400px) and (-ms-high-contrast: active) { .bg-xl-transparent, .bg-xl-transparent-text-dark, .bg-xl-transparent-text-light { background-color: window !important; color: windowText !important; } } .depth-none { box-shadow: none !important; } .depth-4 { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-8 { box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-16 { box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-8-dark { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3) !important; } @media (min-width: 540px) { .depth-sm-none { box-shadow: none !important; } .depth-sm-4 { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-sm-8 { box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-sm-16 { box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-sm-8-dark { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3) !important; } } @media (min-width: 860px) { .depth-md-none { box-shadow: none !important; } .depth-md-4 { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-md-8 { box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-md-16 { box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-md-8-dark { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3) !important; } } @media (min-width: 1084px) { .depth-lg-none { box-shadow: none !important; } .depth-lg-4 { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-lg-8 { box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-lg-16 { box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-lg-8-dark { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3) !important; } } @media (min-width: 1400px) { .depth-xl-none { box-shadow: none !important; } .depth-xl-4 { box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-xl-8 { box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-xl-16 { box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11) !important; } .depth-xl-8-dark { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3) !important; } } .depth-none-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none !important; opacity: 0; transition: opacity 200ms; } @media (prefers-reduced-motion: reduce) { .depth-none-hover::before { transition: none; } } .depth-none-hover:hover::before, .depth-none-hover:focus::before { opacity: 1; } .depth-4-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.13), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.11) !important; opacity: 0; transition: opacity 200ms; } @media (prefers-reduced-motion: reduce) { .depth-4-hover::before { transition: none; } } .depth-4-hover:hover::before, .depth-4-hover:focus::before { opacity: 1; } .depth-8-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11) !important; opacity: 0; transition: opacity 200ms; } @media (prefers-reduced-motion: reduce) { .depth-8-hover::before { transition: none; } } .depth-8-hover:hover::before, .depth-8-hover:focus::before { opacity: 1; } .depth-16-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0.375rem 0.875rem 0 rgba(0, 0, 0, 0.13), 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.11) !important; opacity: 0; transition: opacity 200ms; } @media (prefers-reduced-motion: reduce) { .depth-16-hover::before { transition: none; } } .depth-16-hover:hover::before, .depth-16-hover:focus::before { opacity: 1; } .depth-8-dark-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3) !important; opacity: 0; transition: opacity 200ms; } @media (prefers-reduced-motion: reduce) { .depth-8-dark-hover::before { transition: none; } } .depth-8-dark-hover:hover::before, .depth-8-dark-hover:focus::before { opacity: 1; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 540px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 860px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 1084px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1400px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 540px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 860px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 1084px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1400px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .clearfix::after { display: block; clear: both; content: ""; } html:not([dir=rtl]) .float-left { float: left !important; } html[dir=rtl] .float-left { float: right !important; } html:not([dir=rtl]) .float-right { float: right !important; } html[dir=rtl] .float-right { float: left !important; } .float-none { float: none !important; } @media (min-width: 540px) { html:not([dir=rtl]) .float-sm-left { float: left !important; } html[dir=rtl] .float-sm-left { float: right !important; } html:not([dir=rtl]) .float-sm-right { float: right !important; } html[dir=rtl] .float-sm-right { float: left !important; } .float-sm-none { float: none !important; } } @media (min-width: 860px) { html:not([dir=rtl]) .float-md-left { float: left !important; } html[dir=rtl] .float-md-left { float: right !important; } html:not([dir=rtl]) .float-md-right { float: right !important; } html[dir=rtl] .float-md-right { float: left !important; } .float-md-none { float: none !important; } } @media (min-width: 1084px) { html:not([dir=rtl]) .float-lg-left { float: left !important; } html[dir=rtl] .float-lg-left { float: right !important; } html:not([dir=rtl]) .float-lg-right { float: right !important; } html[dir=rtl] .float-lg-right { float: left !important; } .float-lg-none { float: none !important; } } @media (min-width: 1400px) { html:not([dir=rtl]) .float-xl-left { float: left !important; } html[dir=rtl] .float-xl-left { float: right !important; } html:not([dir=rtl]) .float-xl-right { float: right !important; } html[dir=rtl] .float-xl-right { float: left !important; } .float-xl-none { float: none !important; } } .glyph-prepend::before { font-family: "MWF-FLUENT-ICONS"; font-weight: 400; line-height: 1; } .glyph-append::after { font-family: "MWF-FLUENT-ICONS"; font-weight: 400; line-height: 1; } .glyph-append-xsmall::after { font-size: 0.8125rem; } .glyph-prepend-xsmall::before { font-size: 0.8125rem; } .glyph-append-small::after { font-size: 1rem; } .glyph-prepend-small::before { font-size: 1rem; } .glyph-append-medium::after { font-size: 1.25rem; } .glyph-prepend-medium::before { font-size: 1.25rem; } .glyph-append-large::after { font-size: 1.5rem; } .glyph-prepend-large::before { font-size: 1.5rem; } .glyph-prepend-accept::before { content: "\e8fb"; } .glyph-append-accept::after { content: "\e8fb"; } .glyph-prepend-add::before { content: "\e710"; } .glyph-append-add::after { content: "\e710"; } .glyph-prepend-add-friend::before { content: "\e8fa"; } .glyph-append-add-friend::after { content: "\e8fa"; } .glyph-prepend-airplane-solid::before { content: "\eb4c"; } .glyph-append-airplane-solid::after { content: "\eb4c"; } .glyph-prepend-app-icon-default::before { content: "\ecaa"; } .glyph-append-app-icon-default::after { content: "\ecaa"; } .glyph-prepend-azure-logo::before { content: "\eb6a"; } .glyph-append-azure-logo::after { content: "\eb6a"; } .glyph-prepend-back::before { content: "\e72b"; } .glyph-append-back::after { content: "\e72b"; } .glyph-prepend-back-to-window::before { content: "\e73f"; } .glyph-append-back-to-window::after { content: "\e73f"; } .glyph-prepend-balloons::before { content: "\ed7e"; } .glyph-append-balloons::after { content: "\ed7e"; } .glyph-prepend-bulleted-list::before { content: "\e8fd"; } .glyph-append-bulleted-list::after { content: "\e8fd"; } .glyph-prepend-bulleted-list-mirrored::before { content: "\ea42"; } .glyph-append-bulleted-list-mirrored::after { content: "\ea42"; } .glyph-prepend-button-a::before { content: "\f093"; } .glyph-append-button-a::after { content: "\f093"; } .glyph-prepend-button-b::before { content: "\f094"; } .glyph-append-button-b::after { content: "\f094"; } .glyph-prepend-button-menu::before { content: "\ede3"; } .glyph-append-button-menu::after { content: "\ede3"; } .glyph-prepend-button-x::before { content: "\f096"; } .glyph-append-button-x::after { content: "\f096"; } .glyph-prepend-button-y::before { content: "\f095"; } .glyph-append-button-y::after { content: "\f095"; } .glyph-prepend-calendar::before { content: "\e787"; } .glyph-append-calendar::after { content: "\e787"; } .glyph-prepend-calendar-day::before { content: "\e8bf"; } .glyph-append-calendar-day::after { content: "\e8bf"; } .glyph-prepend-calendar-mirrored::before { content: "\ed28"; } .glyph-append-calendar-mirrored::after { content: "\ed28"; } .glyph-prepend-calendar-week::before { content: "\e8c0"; } .glyph-append-calendar-week::after { content: "\e8c0"; } .glyph-prepend-camera::before { content: "\e722"; } .glyph-append-camera::after { content: "\e722"; } .glyph-prepend-camera-main::before { content: "\eb64"; } .glyph-append-camera-main::after { content: "\eb64"; } .glyph-prepend-cancel::before { content: "\e711"; } .glyph-append-cancel::after { content: "\e711"; } .glyph-prepend-cell-phone::before { content: "\e8ea"; } .glyph-append-cell-phone::after { content: "\e8ea"; } .glyph-prepend-chat-bubbles::before { content: "\e8f2"; } .glyph-append-chat-bubbles::after { content: "\e8f2"; } .glyph-prepend-checkbox::before { content: "\e739"; } .glyph-append-checkbox::after { content: "\e739"; } .glyph-prepend-checkbox-composite::before { content: "\e73a"; } .glyph-append-checkbox-composite::after { content: "\e73a"; } .glyph-prepend-checkbox-indeterminate::before { content: "\e73c"; } .glyph-append-checkbox-indeterminate::after { content: "\e73c"; } .glyph-prepend-check-list::before { content: "\e9d5"; } .glyph-append-check-list::after { content: "\e9d5"; } .glyph-prepend-check-mark::before { content: "\e73e"; } .glyph-append-check-mark::after { content: "\e73e"; } .glyph-prepend-chevron-down::before { content: "\e70d"; } .glyph-append-chevron-down::after { content: "\e70d"; } .glyph-prepend-chevron-down-6::before { content: "\e96e"; } .glyph-append-chevron-down-6::after { content: "\e96e"; } .glyph-prepend-chevron-left::before { content: "\e76b"; } .glyph-append-chevron-left::after { content: "\e76b"; } .glyph-prepend-chevron-left-6::before { content: "\e96f"; } .glyph-append-chevron-left-6::after { content: "\e96f"; } .glyph-prepend-chevron-right::before { content: "\e76c"; } .glyph-append-chevron-right::after { content: "\e76c"; } .glyph-prepend-chevron-right-6::before { content: "\e970"; } .glyph-append-chevron-right-6::after { content: "\e970"; } .glyph-prepend-chevron-up::before { content: "\e70e"; } .glyph-append-chevron-up::after { content: "\e70e"; } .glyph-prepend-chevron-up-6::before { content: "\e96d"; } .glyph-append-chevron-up-6::after { content: "\e96d"; } .glyph-prepend-circle-fill::before { content: "\ea3b"; } .glyph-append-circle-fill::after { content: "\ea3b"; } .glyph-prepend-circle-pause::before { content: "\f2d9"; } .glyph-append-circle-pause::after { content: "\f2d9"; } .glyph-prepend-circle-pause-solid::before { content: "\f2d8"; } .glyph-append-circle-pause-solid::after { content: "\f2d8"; } .glyph-prepend-circle-play::before { content: "\ee4c"; } .glyph-append-circle-play::after { content: "\ee4c"; } .glyph-prepend-circle-play-solid::before { content: "\f2da"; } .glyph-append-circle-play-solid::after { content: "\f2da"; } .glyph-prepend-circle-plus::before { content: "\eaee"; } .glyph-append-circle-plus::after { content: "\eaee"; } .glyph-prepend-clear::before { content: "\e894"; } .glyph-append-clear::after { content: "\e894"; } .glyph-prepend-color::before { content: "\e790"; } .glyph-append-color::after { content: "\e790"; } .glyph-prepend-completed::before { content: "\e930"; } .glyph-append-completed::after { content: "\e930"; } .glyph-prepend-contact::before { content: "\e77b"; } .glyph-append-contact::after { content: "\e77b"; } .glyph-prepend-contact-info::before { content: "\e779"; } .glyph-append-contact-info::after { content: "\e779"; } .glyph-prepend-copy::before { content: "\e8c8"; } .glyph-append-copy::after { content: "\e8c8"; } .glyph-prepend-credit-card-bill::before { content: "\ecd6"; } .glyph-append-credit-card-bill::after { content: "\ecd6"; } .glyph-prepend-delete::before { content: "\e74d"; } .glyph-append-delete::after { content: "\e74d"; } .glyph-prepend-delivery-truck::before { content: "\ebf4"; } .glyph-append-delivery-truck::after { content: "\ebf4"; } .glyph-prepend-detachable-pc::before { content: "\f103"; } .glyph-append-detachable-pc::after { content: "\f103"; } .glyph-prepend-devices-laptop-tablet::before { content: "\e975"; } .glyph-append-devices-laptop-tablet::after { content: "\e975"; } .glyph-prepend-devices-monitor-phone::before { content: "\ea6c"; } .glyph-append-devices-monitor-phone::after { content: "\ea6c"; } .glyph-prepend-diploma::before { content: "\f320"; } .glyph-append-diploma::after { content: "\f320"; } .glyph-prepend-down::before { content: "\e74b"; } .glyph-append-down::after { content: "\e74b"; } .glyph-prepend-download::before { content: "\e896"; } .glyph-append-download::after { content: "\e896"; } .glyph-prepend-dynamics-365-logo::before { content: "\edcc"; } .glyph-append-dynamics-365-logo::after { content: "\edcc"; } .glyph-prepend-edge-logo-32::before { content: "\e3ab"; } .glyph-append-edge-logo-32::after { content: "\e3ab"; } .glyph-prepend-edge-logo::before { content: "\e3aa"; } .glyph-append-edge-logo::after { content: "\e3aa"; } .glyph-prepend-edge-old-logo-32::before { content: "\ec60"; } .glyph-append-edge-old-logo-32::after { content: "\ec60"; } .glyph-prepend-edge-old-logo::before { content: "\f0dd"; } .glyph-append-edge-old-logo::after { content: "\f0dd"; } .glyph-prepend-edit::before { content: "\e70f"; } .glyph-append-edit::after { content: "\e70f"; } .glyph-prepend-edit-mirrored::before { content: "\eb7e"; } .glyph-append-edit-mirrored::after { content: "\eb7e"; } .glyph-prepend-education::before { content: "\e7be"; } .glyph-append-education::after { content: "\e7be"; } .glyph-prepend-emoji-smile::before { content: "\e76e"; } .glyph-append-emoji-smile::after { content: "\e76e"; } .glyph-prepend-emoji-disappointed::before { content: "\ea88"; } .glyph-append-emoji-disappointed::after { content: "\ea88"; } .glyph-prepend-emoji-neutral::before { content: "\ea87"; } .glyph-append-emoji-neutral::after { content: "\ea87"; } .glyph-prepend-enchance-pop::before { content: "\e78f"; } .glyph-append-enchance-pop::after { content: "\e78f"; } .glyph-prepend-excel-logo-32::before { content: "\f1e5"; } .glyph-append-excel-logo-32::after { content: "\f1e5"; } .glyph-prepend-excel-logo::before { content: "\f397"; } .glyph-append-excel-logo::after { content: "\f397"; } .glyph-prepend-expense-report::before { content: "\ea06"; } .glyph-append-expense-report::after { content: "\ea06"; } .glyph-prepend-favorite-star::before { content: "\e734"; } .glyph-append-favorite-star::after { content: "\e734"; } .glyph-prepend-favorite-star-fill::before { content: "\e735"; } .glyph-append-favorite-star-fill::after { content: "\e735"; } .glyph-prepend-feedback::before { content: "\ed15"; } .glyph-append-feedback::after { content: "\ed15"; } .glyph-prepend-filter::before { content: "\e71c"; } .glyph-append-filter::after { content: "\e71c"; } .glyph-prepend-filters::before { content: "\e795"; } .glyph-append-filters::after { content: "\e795"; } .glyph-prepend-flag::before { content: "\e7c1"; } .glyph-append-flag::after { content: "\e7c1"; } .glyph-prepend-folder::before { content: "\e8b7"; } .glyph-append-folder::after { content: "\e8b7"; } .glyph-prepend-folder-open::before { content: "\e838"; } .glyph-append-folder-open::after { content: "\e838"; } .glyph-prepend-font-decrease::before { content: "\e8e7"; } .glyph-append-font-decrease::after { content: "\e8e7"; } .glyph-prepend-font-increase::before { content: "\e8e8"; } .glyph-append-font-increase::after { content: "\e8e8"; } .glyph-prepend-forward::before { content: "\e72a"; } .glyph-append-forward::after { content: "\e72a"; } .glyph-prepend-full-screen::before { content: "\e740"; } .glyph-append-full-screen::after { content: "\e740"; } .glyph-prepend-game-clubs::before { content: "\f77b"; } .glyph-append-game-clubs::after { content: "\f77b"; } .glyph-prepend-game-hub::before { content: "\eec4"; } .glyph-append-game-hub::after { content: "\eec4"; } .glyph-prepend-game-pass-ultimate-inline::before { content: "\e354"; } .glyph-append-game-pass-ultimate-inline::after { content: "\e354"; } .glyph-prepend-gift-box::before { content: "\ec1f"; } .glyph-append-gift-box::after { content: "\ec1f"; } .glyph-prepend-gift-card::before { content: "\eb8e"; } .glyph-append-gift-card::after { content: "\eb8e"; } .glyph-prepend-glasses::before { content: "\ea16"; } .glyph-append-glasses::after { content: "\ea16"; } .glyph-prepend-global-nav-button::before { content: "\e700"; } .glyph-append-global-nav-button::after { content: "\e700"; } .glyph-prepend-globe::before { content: "\e774"; } .glyph-append-globe::after { content: "\e774"; } .glyph-prepend-go::before { content: "\e8ad"; } .glyph-append-go::after { content: "\e8ad"; } .glyph-prepend-go-mirrored::before { content: "\ea4f"; } .glyph-append-go-mirrored::after { content: "\ea4f"; } .glyph-prepend-group::before { content: "\e902"; } .glyph-append-group::after { content: "\e902"; } .glyph-prepend-half-star-left::before { content: "\e7c6"; } .glyph-append-half-star-left::after { content: "\e7c6"; } .glyph-prepend-half-star-right::before { content: "\e7c7"; } .glyph-append-half-star-right::after { content: "\e7c7"; } .glyph-prepend-headphone::before { content: "\e7f6"; } .glyph-append-headphone::after { content: "\e7f6"; } .glyph-prepend-health::before { content: "\e95e"; } .glyph-append-health::after { content: "\e95e"; } .glyph-prepend-heart::before { content: "\eb51"; } .glyph-append-heart::after { content: "\eb51"; } .glyph-prepend-heart-add::before { content: "\e379"; } .glyph-append-heart-add::after { content: "\e379"; } .glyph-prepend-heart-fill::before { content: "\eb52"; } .glyph-append-heart-fill::after { content: "\eb52"; } .glyph-prepend-hololens::before { content: "\ec94"; } .glyph-append-hololens::after { content: "\ec94"; } .glyph-prepend-hololens-head::before { content: "\f132"; } .glyph-append-hololens-head::after { content: "\f132"; } .glyph-prepend-home::before { content: "\e80f"; } .glyph-append-home::after { content: "\e80f"; } .glyph-prepend-important::before { content: "\e8c9"; } .glyph-append-important::after { content: "\e8c9"; } .glyph-prepend-incident-triangle::before { content: "\e814"; } .glyph-append-incident-triangle::after { content: "\e814"; } .glyph-prepend-incoming-call::before { content: "\e77e"; } .glyph-append-incoming-call::after { content: "\e77e"; } .glyph-prepend-indicator-dot-filled::before { content: "\f127"; } .glyph-append-indicator-dot-filled::after { content: "\f127"; } .glyph-prepend-indicator-dot-outline::before { content: "\f126"; } .glyph-append-indicator-dot-outline::after { content: "\f126"; } .glyph-prepend-info::before { content: "\e946"; } .glyph-append-info::after { content: "\e946"; } .glyph-prepend-issue-tracking::before { content: "\eec0"; } .glyph-append-issue-tracking::after { content: "\eec0"; } .glyph-prepend-leaf::before { content: "\e8be"; } .glyph-append-leaf::after { content: "\e8be"; } .glyph-prepend-left-double-quote::before { content: "\e9b2"; } .glyph-append-left-double-quote::after { content: "\e9b2"; } .glyph-prepend-library::before { content: "\e8f1"; } .glyph-append-library::after { content: "\e8f1"; } .glyph-prepend-link::before { content: "\e71b"; } .glyph-append-link::after { content: "\e71b"; } .glyph-prepend-list::before { content: "\ea37"; } .glyph-append-list::after { content: "\ea37"; } .glyph-prepend-list-mirrored::before { content: "\ea55"; } .glyph-append-list-mirrored::after { content: "\ea55"; } .glyph-prepend-lock::before { content: "\e72e"; } .glyph-append-lock::after { content: "\e72e"; } .glyph-prepend-mail::before { content: "\e715"; } .glyph-append-mail::after { content: "\e715"; } .glyph-prepend-map-pin::before { content: "\e707"; } .glyph-append-map-pin::after { content: "\e707"; } .glyph-prepend-megaphone::before { content: "\e789"; } .glyph-append-megaphone::after { content: "\e789"; } .glyph-prepend-microphone::before { content: "\e720"; } .glyph-append-microphone::after { content: "\e720"; } .glyph-prepend-mobile-tablet::before { content: "\e8cc"; } .glyph-append-mobile-tablet::after { content: "\e8cc"; } .glyph-prepend-money::before { content: "\eafd"; } .glyph-append-money::after { content: "\eafd"; } .glyph-prepend-more::before { content: "\e712"; } .glyph-append-more::after { content: "\e712"; } .glyph-prepend-movies::before { content: "\e8b2"; } .glyph-append-movies::after { content: "\e8b2"; } .glyph-prepend-music-album::before { content: "\e93c"; } .glyph-append-music-album::after { content: "\e93c"; } .glyph-prepend-music-in-collection::before { content: "\e940"; } .glyph-append-music-in-collection::after { content: "\e940"; } .glyph-prepend-mute::before { content: "\e74f"; } .glyph-append-mute::after { content: "\e74f"; } .glyph-prepend-my-movies-tv::before { content: "\ee6c"; } .glyph-append-my-movies-tv::after { content: "\ee6c"; } .glyph-prepend-next::before { content: "\e893"; } .glyph-append-next::after { content: "\e893"; } .glyph-prepend-office-logo::before { content: "\eb6e"; } .glyph-append-office-logo::after { content: "\eb6e"; } .glyph-prepend-onedrive-logo::before { content: "\e941"; } .glyph-append-onedrive-logo::after { content: "\e941"; } .glyph-prepend-open-in-new-tab::before { content: "\f6ab"; } .glyph-append-open-in-new-tab::after { content: "\f6ab"; } .glyph-prepend-outgoing-call::before { content: "\e77d"; } .glyph-append-outgoing-call::after { content: "\e77d"; } .glyph-prepend-outline-half-star-left::before { content: "\f0e7"; } .glyph-append-outline-half-star-left::after { content: "\f0e7"; } .glyph-prepend-page::before { content: "\e7c3"; } .glyph-append-page::after { content: "\e7c3"; } .glyph-prepend-pause::before { content: "\e769"; } .glyph-append-pause::after { content: "\e769"; } .glyph-prepend-pause-solid::before { content: "\e62e"; } .glyph-append-pause-solid::after { content: "\e62e"; } .glyph-prepend-payment-card::before { content: "\e8c7"; } .glyph-append-payment-card::after { content: "\e8c7"; } .glyph-prepend-pc::before { content: "\e977"; } .glyph-append-pc::after { content: "\e977"; } .glyph-prepend-people::before { content: "\e716"; } .glyph-append-people::after { content: "\e716"; } .glyph-prepend-phone::before { content: "\e717"; } .glyph-append-phone::after { content: "\e717"; } .glyph-prepend-photo::before { content: "\eb9f"; } .glyph-append-photo::after { content: "\eb9f"; } .glyph-prepend-photo-collection::before { content: "\e7aa"; } .glyph-append-photo-collection::after { content: "\e7aa"; } .glyph-prepend-pinned::before { content: "\e840"; } .glyph-append-pinned::after { content: "\e840"; } .glyph-prepend-play::before { content: "\e768"; } .glyph-append-play::after { content: "\e768"; } .glyph-prepend-play-button::before { content: "\ee4c"; } .glyph-append-play-button::after { content: "\ee4c"; } .glyph-prepend-play-button-72::before { content: "\ee4c"; } .glyph-append-play-button-72::after { content: "\ee4c"; } .glyph-prepend-play-solid::before { content: "\f5b0"; } .glyph-append-play-solid::after { content: "\f5b0"; } .glyph-prepend-podium::before { content: "\f288"; } .glyph-append-podium::after { content: "\f288"; } .glyph-prepend-previous::before { content: "\e892"; } .glyph-append-previous::after { content: "\e892"; } .glyph-prepend-print::before { content: "\e749"; } .glyph-append-print::after { content: "\e749"; } .glyph-prepend-product::before { content: "\ecdc"; } .glyph-append-product::after { content: "\ecdc"; } .glyph-prepend-pro-football::before { content: "\eb27"; } .glyph-append-pro-football::after { content: "\eb27"; } .glyph-prepend-qr-code::before { content: "\ed14"; } .glyph-append-qr-code::after { content: "\ed14"; } .glyph-prepend-reading-mode::before { content: "\e736"; } .glyph-append-reading-mode::after { content: "\e736"; } .glyph-prepend-reading-mode-solid::before { content: "\f33d"; } .glyph-append-reading-mode-solid::after { content: "\f33d"; } .glyph-prepend-recent::before { content: "\e823"; } .glyph-append-recent::after { content: "\e823"; } .glyph-prepend-refresh::before { content: "\e72c"; } .glyph-append-refresh::after { content: "\e72c"; } .glyph-prepend-remove::before { content: "\e738"; } .glyph-append-remove::after { content: "\e738"; } .glyph-prepend-remove-from::before { content: "\ecc9"; } .glyph-append-remove-from::after { content: "\ecc9"; } .glyph-prepend-repair::before { content: "\e90f"; } .glyph-append-repair::after { content: "\e90f"; } .glyph-prepend-right-double-quote::before { content: "\e9b1"; } .glyph-append-right-double-quote::after { content: "\e9b1"; } .glyph-prepend-rotate::before { content: "\e7ad"; } .glyph-append-rotate::after { content: "\e7ad"; } .glyph-prepend-save::before { content: "\e74e"; } .glyph-append-save::after { content: "\e74e"; } .glyph-prepend-savings::before { content: "\eb0b"; } .glyph-append-savings::after { content: "\eb0b"; } .glyph-prepend-search::before { content: "\e721"; } .glyph-append-search::after { content: "\e721"; } .glyph-prepend-settings::before { content: "\e713"; } .glyph-append-settings::after { content: "\e713"; } .glyph-prepend-share::before { content: "\e72d"; } .glyph-append-share::after { content: "\e72d"; } .glyph-prepend-shop::before { content: "\e719"; } .glyph-append-shop::after { content: "\e719"; } .glyph-prepend-shop-brand::before { content: "\f478"; } .glyph-append-shop-brand::after { content: "\f478"; } .glyph-prepend-shopping-cart::before { content: "\e7bf"; } .glyph-append-shopping-cart::after { content: "\e7bf"; } .glyph-prepend-show-results::before { content: "\e8bc"; } .glyph-append-show-results::after { content: "\e8bc"; } .glyph-prepend-show-results-mirrored::before { content: "\ea65"; } .glyph-append-show-results-mirrored::after { content: "\ea65"; } .glyph-prepend-shuffle::before { content: "\e8b1"; } .glyph-append-shuffle::after { content: "\e8b1"; } .glyph-prepend-slideshow::before { content: "\e786"; } .glyph-append-slideshow::after { content: "\e786"; } .glyph-prepend-sort::before { content: "\e8cb"; } .glyph-append-sort::after { content: "\e8cb"; } .glyph-prepend-starbust-info::before { content: "\f5c1"; } .glyph-append-starbust-info::after { content: "\f5c1"; } .glyph-prepend-subscriptions::before { content: "\ed0f"; } .glyph-append-subscriptions::after { content: "\ed0f"; } .glyph-prepend-subscriptions-mirrored::before { content: "\ed12"; } .glyph-append-subscriptions-mirrored::after { content: "\ed12"; } .glyph-prepend-subtitles::before { content: "\ed1e"; } .glyph-append-subtitles::after { content: "\ed1e"; } .glyph-prepend-surface-hub::before { content: "\e8ae"; } .glyph-append-surface-hub::after { content: "\e8ae"; } .glyph-prepend-sustainable::before { content: "\ec0a"; } .glyph-append-sustainable::after { content: "\ec0a"; } .glyph-prepend-sync::before { content: "\e895"; } .glyph-append-sync::after { content: "\e895"; } .glyph-prepend-system::before { content: "\e770"; } .glyph-append-system::after { content: "\e770"; } .glyph-prepend-tag::before { content: "\e8ec"; } .glyph-append-tag::after { content: "\e8ec"; } .glyph-prepend-telemarketer::before { content: "\e7b9"; } .glyph-append-telemarketer::after { content: "\e7b9"; } .glyph-prepend-this-pc::before { content: "\ec4e"; } .glyph-append-this-pc::after { content: "\ec4e"; } .glyph-prepend-ticket::before { content: "\eb54"; } .glyph-append-ticket::after { content: "\eb54"; } .glyph-prepend-torch::before { content: "\ee37"; } .glyph-append-torch::after { content: "\ee37"; } .glyph-prepend-trophy::before { content: "\f1ae"; } .glyph-append-trophy::after { content: "\f1ae"; } .glyph-prepend-tv-monitor::before { content: "\e7f4"; } .glyph-append-tv-monitor::after { content: "\e7f4"; } .glyph-prepend-unknown::before { content: "\e9ce"; } .glyph-append-unknown::after { content: "\e9ce"; } .glyph-prepend-up::before { content: "\e74a"; } .glyph-append-up::after { content: "\e74a"; } .glyph-prepend-upload::before { content: "\e898"; } .glyph-append-upload::after { content: "\e898"; } .glyph-prepend-video::before { content: "\e714"; } .glyph-append-video::after { content: "\e714"; } .glyph-prepend-view::before { content: "\e890"; } .glyph-append-view::after { content: "\e890"; } .glyph-prepend-volume::before { content: "\e767"; } .glyph-append-volume::after { content: "\e767"; } .glyph-prepend-waffle::before { content: "\ed89"; } .glyph-append-waffle::after { content: "\ed89"; } .glyph-prepend-warning::before { content: "\e7ba"; } .glyph-append-warning::after { content: "\e7ba"; } .glyph-prepend-wifi-full::before { content: "\e701"; } .glyph-append-wifi-full::after { content: "\e701"; } .glyph-prepend-windows-logo-inline::before { content: "\f23f"; } .glyph-append-windows-logo-inline::after { content: "\f23f"; } .glyph-prepend-windows-logo::before { content: "\e035"; } .glyph-append-windows-logo::after { content: "\e035"; } .glyph-prepend-work::before { content: "\e821"; } .glyph-append-work::after { content: "\e821"; } .glyph-prepend-work-solid::before { content: "\eb4e"; } .glyph-append-work-solid::after { content: "\eb4e"; } .glyph-prepend-world::before { content: "\e909"; } .glyph-append-world::after { content: "\e909"; } .glyph-prepend-xbox360::before { content: "\e47b"; } .glyph-append-xbox360::after { content: "\e47b"; } .glyph-prepend-xbox-controller::before { content: "\eb65"; } .glyph-append-xbox-controller::after { content: "\eb65"; } .glyph-prepend-xbox-game-pass-inline::before { content: "\f1dd"; } .glyph-append-xbox-game-pass-inline::after { content: "\f1dd"; } .glyph-prepend-xbox-gold-inline::before { content: "\ee91"; } .glyph-append-xbox-gold-inline::after { content: "\ee91"; } .glyph-prepend-xbox-logo::before { content: "\eb70"; } .glyph-append-xbox-logo::after { content: "\eb70"; } .glyph-prepend-xbox-one-console::before { content: "\e990"; } .glyph-append-xbox-one-console::after { content: "\e990"; } .glyph-prepend-zoom::before { content: "\e71e"; } .glyph-append-zoom::after { content: "\e71e"; } .glyph-prepend-zoom-out::before { content: "\e71f"; } .glyph-append-zoom-out::after { content: "\e71f"; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute, .absolute-center { position: absolute !important; } .position-fixed, .fixed-top, .fixed-bottom { position: fixed !important; z-index: 1030; } .position-sticky { position: sticky !important; z-index: 1020; } .fixed-top { top: 0; right: 0; left: 0; } .fixed-bottom { bottom: 0; right: 0; left: 0; } .absolute-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .top-0 { top: 0 !important; } .bottom-0 { bottom: 0 !important; } html:not([dir=rtl]) .left-0 { left: 0 !important; } html[dir=rtl] .left-0 { right: 0 !important; } html:not([dir=rtl]) .right-0 { right: 0 !important; } html[dir=rtl] .right-0 { left: 0 !important; } .top-1 { top: 0.25rem !important; } .bottom-1 { bottom: 0.25rem !important; } html:not([dir=rtl]) .left-1 { left: 0.25rem !important; } html[dir=rtl] .left-1 { right: 0.25rem !important; } html:not([dir=rtl]) .right-1 { right: 0.25rem !important; } html[dir=rtl] .right-1 { left: 0.25rem !important; } .top-2 { top: 0.5rem !important; } .bottom-2 { bottom: 0.5rem !important; } html:not([dir=rtl]) .left-2 { left: 0.5rem !important; } html[dir=rtl] .left-2 { right: 0.5rem !important; } html:not([dir=rtl]) .right-2 { right: 0.5rem !important; } html[dir=rtl] .right-2 { left: 0.5rem !important; } .top-3 { top: 1rem !important; } .bottom-3 { bottom: 1rem !important; } html:not([dir=rtl]) .left-3 { left: 1rem !important; } html[dir=rtl] .left-3 { right: 1rem !important; } html:not([dir=rtl]) .right-3 { right: 1rem !important; } html[dir=rtl] .right-3 { left: 1rem !important; } .top-4 { top: 1.5rem !important; } .bottom-4 { bottom: 1.5rem !important; } html:not([dir=rtl]) .left-4 { left: 1.5rem !important; } html[dir=rtl] .left-4 { right: 1.5rem !important; } html:not([dir=rtl]) .right-4 { right: 1.5rem !important; } html[dir=rtl] .right-4 { left: 1.5rem !important; } .top-5 { top: 3rem !important; } .bottom-5 { bottom: 3rem !important; } html:not([dir=rtl]) .left-5 { left: 3rem !important; } html[dir=rtl] .left-5 { right: 3rem !important; } html:not([dir=rtl]) .right-5 { right: 3rem !important; } html[dir=rtl] .right-5 { left: 3rem !important; } .top-g { top: 0.75rem !important; } .bottom-g { bottom: 0.75rem !important; } html:not([dir=rtl]) .left-g { left: 0.75rem !important; } html[dir=rtl] .left-g { right: 0.75rem !important; } html:not([dir=rtl]) .right-g { right: 0.75rem !important; } html[dir=rtl] .right-g { left: 0.75rem !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; } .sr-only-focusable:not(:active):not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .w-col-1 { width: 8.33333% !important; } .w-col-2 { width: 16.66667% !important; } .w-col-3, .w-25 { width: 25% !important; } .w-col-4 { width: 33.33333% !important; } .w-col-5 { width: 41.66667% !important; } .w-col-6, .w-50 { width: 50% !important; } .w-col-7 { width: 58.33333% !important; } .w-col-8 { width: 66.66667% !important; } .w-col-9, .w-75 { width: 75% !important; } .w-col-10 { width: 83.33333% !important; } .w-col-11 { width: 91.66667% !important; } .w-col-12, .w-100 { width: 100% !important; } .w-auto { width: auto !important; } @media (min-width: 540px) { .w-sm-col-1 { width: 8.33333% !important; } .w-sm-col-2 { width: 16.66667% !important; } .w-sm-col-3, .w-sm-25 { width: 25% !important; } .w-sm-col-4 { width: 33.33333% !important; } .w-sm-col-5 { width: 41.66667% !important; } .w-sm-col-6, .w-sm-50 { width: 50% !important; } .w-sm-col-7 { width: 58.33333% !important; } .w-sm-col-8 { width: 66.66667% !important; } .w-sm-col-9, .w-sm-75 { width: 75% !important; } .w-sm-col-10 { width: 83.33333% !important; } .w-sm-col-11 { width: 91.66667% !important; } .w-sm-col-12, .w-sm-100 { width: 100% !important; } .w-sm-auto { width: auto !important; } } @media (min-width: 860px) { .w-md-col-1 { width: 8.33333% !important; } .w-md-col-2 { width: 16.66667% !important; } .w-md-col-3, .w-md-25 { width: 25% !important; } .w-md-col-4 { width: 33.33333% !important; } .w-md-col-5 { width: 41.66667% !important; } .w-md-col-6, .w-md-50 { width: 50% !important; } .w-md-col-7 { width: 58.33333% !important; } .w-md-col-8 { width: 66.66667% !important; } .w-md-col-9, .w-md-75 { width: 75% !important; } .w-md-col-10 { width: 83.33333% !important; } .w-md-col-11 { width: 91.66667% !important; } .w-md-col-12, .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } } @media (min-width: 1084px) { .w-lg-col-1 { width: 8.33333% !important; } .w-lg-col-2 { width: 16.66667% !important; } .w-lg-col-3, .w-lg-25 { width: 25% !important; } .w-lg-col-4 { width: 33.33333% !important; } .w-lg-col-5 { width: 41.66667% !important; } .w-lg-col-6, .w-lg-50 { width: 50% !important; } .w-lg-col-7 { width: 58.33333% !important; } .w-lg-col-8 { width: 66.66667% !important; } .w-lg-col-9, .w-lg-75 { width: 75% !important; } .w-lg-col-10 { width: 83.33333% !important; } .w-lg-col-11 { width: 91.66667% !important; } .w-lg-col-12, .w-lg-100 { width: 100% !important; } .w-lg-auto { width: auto !important; } } @media (min-width: 1400px) { .w-xl-col-1 { width: 8.33333% !important; } .w-xl-col-2 { width: 16.66667% !important; } .w-xl-col-3, .w-xl-25 { width: 25% !important; } .w-xl-col-4 { width: 33.33333% !important; } .w-xl-col-5 { width: 41.66667% !important; } .w-xl-col-6, .w-xl-50 { width: 50% !important; } .w-xl-col-7 { width: 58.33333% !important; } .w-xl-col-8 { width: 66.66667% !important; } .w-xl-col-9, .w-xl-75 { width: 75% !important; } .w-xl-col-10 { width: 83.33333% !important; } .w-xl-col-11 { width: 91.66667% !important; } .w-xl-col-12, .w-xl-100 { width: 100% !important; } .w-xl-auto { width: auto !important; } } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .mw-fit-content { max-width: -webkit-fit-content !important; max-width: -moz-fit-content !important; max-width: fit-content !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } html:not([dir=rtl]) .mr-0, html:not([dir=rtl]) .mx-0 { margin-right: 0 !important; } html[dir=rtl] .mr-0, html[dir=rtl] .mx-0 { margin-left: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } html:not([dir=rtl]) .ml-0, html:not([dir=rtl]) .mx-0 { margin-left: 0 !important; } html[dir=rtl] .ml-0, html[dir=rtl] .mx-0 { margin-right: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } html:not([dir=rtl]) .mr-1, html:not([dir=rtl]) .mx-1 { margin-right: 0.25rem !important; } html[dir=rtl] .mr-1, html[dir=rtl] .mx-1 { margin-left: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } html:not([dir=rtl]) .ml-1, html:not([dir=rtl]) .mx-1 { margin-left: 0.25rem !important; } html[dir=rtl] .ml-1, html[dir=rtl] .mx-1 { margin-right: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } html:not([dir=rtl]) .mr-2, html:not([dir=rtl]) .mx-2 { margin-right: 0.5rem !important; } html[dir=rtl] .mr-2, html[dir=rtl] .mx-2 { margin-left: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } html:not([dir=rtl]) .ml-2, html:not([dir=rtl]) .mx-2 { margin-left: 0.5rem !important; } html[dir=rtl] .ml-2, html[dir=rtl] .mx-2 { margin-right: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } html:not([dir=rtl]) .mr-3, html:not([dir=rtl]) .mx-3 { margin-right: 1rem !important; } html[dir=rtl] .mr-3, html[dir=rtl] .mx-3 { margin-left: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } html:not([dir=rtl]) .ml-3, html:not([dir=rtl]) .mx-3 { margin-left: 1rem !important; } html[dir=rtl] .ml-3, html[dir=rtl] .mx-3 { margin-right: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } html:not([dir=rtl]) .mr-4, html:not([dir=rtl]) .mx-4 { margin-right: 1.5rem !important; } html[dir=rtl] .mr-4, html[dir=rtl] .mx-4 { margin-left: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } html:not([dir=rtl]) .ml-4, html:not([dir=rtl]) .mx-4 { margin-left: 1.5rem !important; } html[dir=rtl] .ml-4, html[dir=rtl] .mx-4 { margin-right: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } html:not([dir=rtl]) .mr-5, html:not([dir=rtl]) .mx-5 { margin-right: 3rem !important; } html[dir=rtl] .mr-5, html[dir=rtl] .mx-5 { margin-left: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } html:not([dir=rtl]) .ml-5, html:not([dir=rtl]) .mx-5 { margin-left: 3rem !important; } html[dir=rtl] .ml-5, html[dir=rtl] .mx-5 { margin-right: 3rem !important; } .m-g { margin: 0.75rem !important; } .mt-g, .my-g { margin-top: 0.75rem !important; } html:not([dir=rtl]) .mr-g, html:not([dir=rtl]) .mx-g { margin-right: 0.75rem !important; } html[dir=rtl] .mr-g, html[dir=rtl] .mx-g { margin-left: 0.75rem !important; } .mb-g, .my-g { margin-bottom: 0.75rem !important; } html:not([dir=rtl]) .ml-g, html:not([dir=rtl]) .mx-g { margin-left: 0.75rem !important; } html[dir=rtl] .ml-g, html[dir=rtl] .mx-g { margin-right: 0.75rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } html:not([dir=rtl]) .pr-0, html:not([dir=rtl]) .px-0 { padding-right: 0 !important; } html[dir=rtl] .pr-0, html[dir=rtl] .px-0 { padding-left: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } html:not([dir=rtl]) .pl-0, html:not([dir=rtl]) .px-0 { padding-left: 0 !important; } html[dir=rtl] .pl-0, html[dir=rtl] .px-0 { padding-right: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } html:not([dir=rtl]) .pr-1, html:not([dir=rtl]) .px-1 { padding-right: 0.25rem !important; } html[dir=rtl] .pr-1, html[dir=rtl] .px-1 { padding-left: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } html:not([dir=rtl]) .pl-1, html:not([dir=rtl]) .px-1 { padding-left: 0.25rem !important; } html[dir=rtl] .pl-1, html[dir=rtl] .px-1 { padding-right: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } html:not([dir=rtl]) .pr-2, html:not([dir=rtl]) .px-2 { padding-right: 0.5rem !important; } html[dir=rtl] .pr-2, html[dir=rtl] .px-2 { padding-left: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } html:not([dir=rtl]) .pl-2, html:not([dir=rtl]) .px-2 { padding-left: 0.5rem !important; } html[dir=rtl] .pl-2, html[dir=rtl] .px-2 { padding-right: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } html:not([dir=rtl]) .pr-3, html:not([dir=rtl]) .px-3 { padding-right: 1rem !important; } html[dir=rtl] .pr-3, html[dir=rtl] .px-3 { padding-left: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } html:not([dir=rtl]) .pl-3, html:not([dir=rtl]) .px-3 { padding-left: 1rem !important; } html[dir=rtl] .pl-3, html[dir=rtl] .px-3 { padding-right: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } html:not([dir=rtl]) .pr-4, html:not([dir=rtl]) .px-4 { padding-right: 1.5rem !important; } html[dir=rtl] .pr-4, html[dir=rtl] .px-4 { padding-left: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } html:not([dir=rtl]) .pl-4, html:not([dir=rtl]) .px-4 { padding-left: 1.5rem !important; } html[dir=rtl] .pl-4, html[dir=rtl] .px-4 { padding-right: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pr-5, html:not([dir=rtl]) .px-5 { padding-right: 3rem !important; } html[dir=rtl] .pr-5, html[dir=rtl] .px-5 { padding-left: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .pl-5, html:not([dir=rtl]) .px-5 { padding-left: 3rem !important; } html[dir=rtl] .pl-5, html[dir=rtl] .px-5 { padding-right: 3rem !important; } .p-g { padding: 0.75rem !important; } .pt-g, .py-g { padding-top: 0.75rem !important; } html:not([dir=rtl]) .pr-g, html:not([dir=rtl]) .px-g { padding-right: 0.75rem !important; } html[dir=rtl] .pr-g, html[dir=rtl] .px-g { padding-left: 0.75rem !important; } .pb-g, .py-g { padding-bottom: 0.75rem !important; } html:not([dir=rtl]) .pl-g, html:not([dir=rtl]) .px-g { padding-left: 0.75rem !important; } html[dir=rtl] .pl-g, html[dir=rtl] .px-g { padding-right: 0.75rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } html:not([dir=rtl]) .mr-n1, html:not([dir=rtl]) .mx-n1 { margin-right: -0.25rem !important; } html[dir=rtl] .mr-n1, html[dir=rtl] .mx-n1 { margin-left: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } html:not([dir=rtl]) .ml-n1, html:not([dir=rtl]) .mx-n1 { margin-left: -0.25rem !important; } html[dir=rtl] .ml-n1, html[dir=rtl] .mx-n1 { margin-right: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } html:not([dir=rtl]) .mr-n2, html:not([dir=rtl]) .mx-n2 { margin-right: -0.5rem !important; } html[dir=rtl] .mr-n2, html[dir=rtl] .mx-n2 { margin-left: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } html:not([dir=rtl]) .ml-n2, html:not([dir=rtl]) .mx-n2 { margin-left: -0.5rem !important; } html[dir=rtl] .ml-n2, html[dir=rtl] .mx-n2 { margin-right: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } html:not([dir=rtl]) .mr-n3, html:not([dir=rtl]) .mx-n3 { margin-right: -1rem !important; } html[dir=rtl] .mr-n3, html[dir=rtl] .mx-n3 { margin-left: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } html:not([dir=rtl]) .ml-n3, html:not([dir=rtl]) .mx-n3 { margin-left: -1rem !important; } html[dir=rtl] .ml-n3, html[dir=rtl] .mx-n3 { margin-right: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } html:not([dir=rtl]) .mr-n4, html:not([dir=rtl]) .mx-n4 { margin-right: -1.5rem !important; } html[dir=rtl] .mr-n4, html[dir=rtl] .mx-n4 { margin-left: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } html:not([dir=rtl]) .ml-n4, html:not([dir=rtl]) .mx-n4 { margin-left: -1.5rem !important; } html[dir=rtl] .ml-n4, html[dir=rtl] .mx-n4 { margin-right: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } html:not([dir=rtl]) .mr-n5, html:not([dir=rtl]) .mx-n5 { margin-right: -3rem !important; } html[dir=rtl] .mr-n5, html[dir=rtl] .mx-n5 { margin-left: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } html:not([dir=rtl]) .ml-n5, html:not([dir=rtl]) .mx-n5 { margin-left: -3rem !important; } html[dir=rtl] .ml-n5, html[dir=rtl] .mx-n5 { margin-right: -3rem !important; } .m-ng { margin: -0.75rem !important; } .mt-ng, .my-ng { margin-top: -0.75rem !important; } html:not([dir=rtl]) .mr-ng, html:not([dir=rtl]) .mx-ng { margin-right: -0.75rem !important; } html[dir=rtl] .mr-ng, html[dir=rtl] .mx-ng { margin-left: -0.75rem !important; } .mb-ng, .my-ng { margin-bottom: -0.75rem !important; } html:not([dir=rtl]) .ml-ng, html:not([dir=rtl]) .mx-ng { margin-left: -0.75rem !important; } html[dir=rtl] .ml-ng, html[dir=rtl] .mx-ng { margin-right: -0.75rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } html:not([dir=rtl]) .mr-auto, html:not([dir=rtl]) .mx-auto { margin-right: auto !important; } html[dir=rtl] .mr-auto, html[dir=rtl] .mx-auto { margin-left: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ml-auto, html:not([dir=rtl]) .mx-auto { margin-left: auto !important; } html[dir=rtl] .ml-auto, html[dir=rtl] .mx-auto { margin-right: auto !important; } .mb-0-last-child > :last-child { margin-bottom: 0 !important; } @media (min-width: 540px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } html:not([dir=rtl]) .mr-sm-0, html:not([dir=rtl]) .mx-sm-0 { margin-right: 0 !important; } html[dir=rtl] .mr-sm-0, html[dir=rtl] .mx-sm-0 { margin-left: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } html:not([dir=rtl]) .ml-sm-0, html:not([dir=rtl]) .mx-sm-0 { margin-left: 0 !important; } html[dir=rtl] .ml-sm-0, html[dir=rtl] .mx-sm-0 { margin-right: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } html:not([dir=rtl]) .mr-sm-1, html:not([dir=rtl]) .mx-sm-1 { margin-right: 0.25rem !important; } html[dir=rtl] .mr-sm-1, html[dir=rtl] .mx-sm-1 { margin-left: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } html:not([dir=rtl]) .ml-sm-1, html:not([dir=rtl]) .mx-sm-1 { margin-left: 0.25rem !important; } html[dir=rtl] .ml-sm-1, html[dir=rtl] .mx-sm-1 { margin-right: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } html:not([dir=rtl]) .mr-sm-2, html:not([dir=rtl]) .mx-sm-2 { margin-right: 0.5rem !important; } html[dir=rtl] .mr-sm-2, html[dir=rtl] .mx-sm-2 { margin-left: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } html:not([dir=rtl]) .ml-sm-2, html:not([dir=rtl]) .mx-sm-2 { margin-left: 0.5rem !important; } html[dir=rtl] .ml-sm-2, html[dir=rtl] .mx-sm-2 { margin-right: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } html:not([dir=rtl]) .mr-sm-3, html:not([dir=rtl]) .mx-sm-3 { margin-right: 1rem !important; } html[dir=rtl] .mr-sm-3, html[dir=rtl] .mx-sm-3 { margin-left: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } html:not([dir=rtl]) .ml-sm-3, html:not([dir=rtl]) .mx-sm-3 { margin-left: 1rem !important; } html[dir=rtl] .ml-sm-3, html[dir=rtl] .mx-sm-3 { margin-right: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } html:not([dir=rtl]) .mr-sm-4, html:not([dir=rtl]) .mx-sm-4 { margin-right: 1.5rem !important; } html[dir=rtl] .mr-sm-4, html[dir=rtl] .mx-sm-4 { margin-left: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } html:not([dir=rtl]) .ml-sm-4, html:not([dir=rtl]) .mx-sm-4 { margin-left: 1.5rem !important; } html[dir=rtl] .ml-sm-4, html[dir=rtl] .mx-sm-4 { margin-right: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } html:not([dir=rtl]) .mr-sm-5, html:not([dir=rtl]) .mx-sm-5 { margin-right: 3rem !important; } html[dir=rtl] .mr-sm-5, html[dir=rtl] .mx-sm-5 { margin-left: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } html:not([dir=rtl]) .ml-sm-5, html:not([dir=rtl]) .mx-sm-5 { margin-left: 3rem !important; } html[dir=rtl] .ml-sm-5, html[dir=rtl] .mx-sm-5 { margin-right: 3rem !important; } .m-sm-g { margin: 0.75rem !important; } .mt-sm-g, .my-sm-g { margin-top: 0.75rem !important; } html:not([dir=rtl]) .mr-sm-g, html:not([dir=rtl]) .mx-sm-g { margin-right: 0.75rem !important; } html[dir=rtl] .mr-sm-g, html[dir=rtl] .mx-sm-g { margin-left: 0.75rem !important; } .mb-sm-g, .my-sm-g { margin-bottom: 0.75rem !important; } html:not([dir=rtl]) .ml-sm-g, html:not([dir=rtl]) .mx-sm-g { margin-left: 0.75rem !important; } html[dir=rtl] .ml-sm-g, html[dir=rtl] .mx-sm-g { margin-right: 0.75rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } html:not([dir=rtl]) .pr-sm-0, html:not([dir=rtl]) .px-sm-0 { padding-right: 0 !important; } html[dir=rtl] .pr-sm-0, html[dir=rtl] .px-sm-0 { padding-left: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } html:not([dir=rtl]) .pl-sm-0, html:not([dir=rtl]) .px-sm-0 { padding-left: 0 !important; } html[dir=rtl] .pl-sm-0, html[dir=rtl] .px-sm-0 { padding-right: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } html:not([dir=rtl]) .pr-sm-1, html:not([dir=rtl]) .px-sm-1 { padding-right: 0.25rem !important; } html[dir=rtl] .pr-sm-1, html[dir=rtl] .px-sm-1 { padding-left: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } html:not([dir=rtl]) .pl-sm-1, html:not([dir=rtl]) .px-sm-1 { padding-left: 0.25rem !important; } html[dir=rtl] .pl-sm-1, html[dir=rtl] .px-sm-1 { padding-right: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } html:not([dir=rtl]) .pr-sm-2, html:not([dir=rtl]) .px-sm-2 { padding-right: 0.5rem !important; } html[dir=rtl] .pr-sm-2, html[dir=rtl] .px-sm-2 { padding-left: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } html:not([dir=rtl]) .pl-sm-2, html:not([dir=rtl]) .px-sm-2 { padding-left: 0.5rem !important; } html[dir=rtl] .pl-sm-2, html[dir=rtl] .px-sm-2 { padding-right: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } html:not([dir=rtl]) .pr-sm-3, html:not([dir=rtl]) .px-sm-3 { padding-right: 1rem !important; } html[dir=rtl] .pr-sm-3, html[dir=rtl] .px-sm-3 { padding-left: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } html:not([dir=rtl]) .pl-sm-3, html:not([dir=rtl]) .px-sm-3 { padding-left: 1rem !important; } html[dir=rtl] .pl-sm-3, html[dir=rtl] .px-sm-3 { padding-right: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } html:not([dir=rtl]) .pr-sm-4, html:not([dir=rtl]) .px-sm-4 { padding-right: 1.5rem !important; } html[dir=rtl] .pr-sm-4, html[dir=rtl] .px-sm-4 { padding-left: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } html:not([dir=rtl]) .pl-sm-4, html:not([dir=rtl]) .px-sm-4 { padding-left: 1.5rem !important; } html[dir=rtl] .pl-sm-4, html[dir=rtl] .px-sm-4 { padding-right: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pr-sm-5, html:not([dir=rtl]) .px-sm-5 { padding-right: 3rem !important; } html[dir=rtl] .pr-sm-5, html[dir=rtl] .px-sm-5 { padding-left: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .pl-sm-5, html:not([dir=rtl]) .px-sm-5 { padding-left: 3rem !important; } html[dir=rtl] .pl-sm-5, html[dir=rtl] .px-sm-5 { padding-right: 3rem !important; } .p-sm-g { padding: 0.75rem !important; } .pt-sm-g, .py-sm-g { padding-top: 0.75rem !important; } html:not([dir=rtl]) .pr-sm-g, html:not([dir=rtl]) .px-sm-g { padding-right: 0.75rem !important; } html[dir=rtl] .pr-sm-g, html[dir=rtl] .px-sm-g { padding-left: 0.75rem !important; } .pb-sm-g, .py-sm-g { padding-bottom: 0.75rem !important; } html:not([dir=rtl]) .pl-sm-g, html:not([dir=rtl]) .px-sm-g { padding-left: 0.75rem !important; } html[dir=rtl] .pl-sm-g, html[dir=rtl] .px-sm-g { padding-right: 0.75rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } html:not([dir=rtl]) .mr-sm-n1, html:not([dir=rtl]) .mx-sm-n1 { margin-right: -0.25rem !important; } html[dir=rtl] .mr-sm-n1, html[dir=rtl] .mx-sm-n1 { margin-left: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } html:not([dir=rtl]) .ml-sm-n1, html:not([dir=rtl]) .mx-sm-n1 { margin-left: -0.25rem !important; } html[dir=rtl] .ml-sm-n1, html[dir=rtl] .mx-sm-n1 { margin-right: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } html:not([dir=rtl]) .mr-sm-n2, html:not([dir=rtl]) .mx-sm-n2 { margin-right: -0.5rem !important; } html[dir=rtl] .mr-sm-n2, html[dir=rtl] .mx-sm-n2 { margin-left: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } html:not([dir=rtl]) .ml-sm-n2, html:not([dir=rtl]) .mx-sm-n2 { margin-left: -0.5rem !important; } html[dir=rtl] .ml-sm-n2, html[dir=rtl] .mx-sm-n2 { margin-right: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } html:not([dir=rtl]) .mr-sm-n3, html:not([dir=rtl]) .mx-sm-n3 { margin-right: -1rem !important; } html[dir=rtl] .mr-sm-n3, html[dir=rtl] .mx-sm-n3 { margin-left: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } html:not([dir=rtl]) .ml-sm-n3, html:not([dir=rtl]) .mx-sm-n3 { margin-left: -1rem !important; } html[dir=rtl] .ml-sm-n3, html[dir=rtl] .mx-sm-n3 { margin-right: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } html:not([dir=rtl]) .mr-sm-n4, html:not([dir=rtl]) .mx-sm-n4 { margin-right: -1.5rem !important; } html[dir=rtl] .mr-sm-n4, html[dir=rtl] .mx-sm-n4 { margin-left: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } html:not([dir=rtl]) .ml-sm-n4, html:not([dir=rtl]) .mx-sm-n4 { margin-left: -1.5rem !important; } html[dir=rtl] .ml-sm-n4, html[dir=rtl] .mx-sm-n4 { margin-right: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } html:not([dir=rtl]) .mr-sm-n5, html:not([dir=rtl]) .mx-sm-n5 { margin-right: -3rem !important; } html[dir=rtl] .mr-sm-n5, html[dir=rtl] .mx-sm-n5 { margin-left: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } html:not([dir=rtl]) .ml-sm-n5, html:not([dir=rtl]) .mx-sm-n5 { margin-left: -3rem !important; } html[dir=rtl] .ml-sm-n5, html[dir=rtl] .mx-sm-n5 { margin-right: -3rem !important; } .m-sm-ng { margin: -0.75rem !important; } .mt-sm-ng, .my-sm-ng { margin-top: -0.75rem !important; } html:not([dir=rtl]) .mr-sm-ng, html:not([dir=rtl]) .mx-sm-ng { margin-right: -0.75rem !important; } html[dir=rtl] .mr-sm-ng, html[dir=rtl] .mx-sm-ng { margin-left: -0.75rem !important; } .mb-sm-ng, .my-sm-ng { margin-bottom: -0.75rem !important; } html:not([dir=rtl]) .ml-sm-ng, html:not([dir=rtl]) .mx-sm-ng { margin-left: -0.75rem !important; } html[dir=rtl] .ml-sm-ng, html[dir=rtl] .mx-sm-ng { margin-right: -0.75rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } html:not([dir=rtl]) .mr-sm-auto, html:not([dir=rtl]) .mx-sm-auto { margin-right: auto !important; } html[dir=rtl] .mr-sm-auto, html[dir=rtl] .mx-sm-auto { margin-left: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ml-sm-auto, html:not([dir=rtl]) .mx-sm-auto { margin-left: auto !important; } html[dir=rtl] .ml-sm-auto, html[dir=rtl] .mx-sm-auto { margin-right: auto !important; } .mb-sm-0-last-child > :last-child { margin-bottom: 0 !important; } } @media (min-width: 860px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } html:not([dir=rtl]) .mr-md-0, html:not([dir=rtl]) .mx-md-0 { margin-right: 0 !important; } html[dir=rtl] .mr-md-0, html[dir=rtl] .mx-md-0 { margin-left: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } html:not([dir=rtl]) .ml-md-0, html:not([dir=rtl]) .mx-md-0 { margin-left: 0 !important; } html[dir=rtl] .ml-md-0, html[dir=rtl] .mx-md-0 { margin-right: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } html:not([dir=rtl]) .mr-md-1, html:not([dir=rtl]) .mx-md-1 { margin-right: 0.25rem !important; } html[dir=rtl] .mr-md-1, html[dir=rtl] .mx-md-1 { margin-left: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } html:not([dir=rtl]) .ml-md-1, html:not([dir=rtl]) .mx-md-1 { margin-left: 0.25rem !important; } html[dir=rtl] .ml-md-1, html[dir=rtl] .mx-md-1 { margin-right: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } html:not([dir=rtl]) .mr-md-2, html:not([dir=rtl]) .mx-md-2 { margin-right: 0.5rem !important; } html[dir=rtl] .mr-md-2, html[dir=rtl] .mx-md-2 { margin-left: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } html:not([dir=rtl]) .ml-md-2, html:not([dir=rtl]) .mx-md-2 { margin-left: 0.5rem !important; } html[dir=rtl] .ml-md-2, html[dir=rtl] .mx-md-2 { margin-right: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } html:not([dir=rtl]) .mr-md-3, html:not([dir=rtl]) .mx-md-3 { margin-right: 1rem !important; } html[dir=rtl] .mr-md-3, html[dir=rtl] .mx-md-3 { margin-left: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } html:not([dir=rtl]) .ml-md-3, html:not([dir=rtl]) .mx-md-3 { margin-left: 1rem !important; } html[dir=rtl] .ml-md-3, html[dir=rtl] .mx-md-3 { margin-right: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } html:not([dir=rtl]) .mr-md-4, html:not([dir=rtl]) .mx-md-4 { margin-right: 1.5rem !important; } html[dir=rtl] .mr-md-4, html[dir=rtl] .mx-md-4 { margin-left: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } html:not([dir=rtl]) .ml-md-4, html:not([dir=rtl]) .mx-md-4 { margin-left: 1.5rem !important; } html[dir=rtl] .ml-md-4, html[dir=rtl] .mx-md-4 { margin-right: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } html:not([dir=rtl]) .mr-md-5, html:not([dir=rtl]) .mx-md-5 { margin-right: 3rem !important; } html[dir=rtl] .mr-md-5, html[dir=rtl] .mx-md-5 { margin-left: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } html:not([dir=rtl]) .ml-md-5, html:not([dir=rtl]) .mx-md-5 { margin-left: 3rem !important; } html[dir=rtl] .ml-md-5, html[dir=rtl] .mx-md-5 { margin-right: 3rem !important; } .m-md-g { margin: 0.75rem !important; } .mt-md-g, .my-md-g { margin-top: 0.75rem !important; } html:not([dir=rtl]) .mr-md-g, html:not([dir=rtl]) .mx-md-g { margin-right: 0.75rem !important; } html[dir=rtl] .mr-md-g, html[dir=rtl] .mx-md-g { margin-left: 0.75rem !important; } .mb-md-g, .my-md-g { margin-bottom: 0.75rem !important; } html:not([dir=rtl]) .ml-md-g, html:not([dir=rtl]) .mx-md-g { margin-left: 0.75rem !important; } html[dir=rtl] .ml-md-g, html[dir=rtl] .mx-md-g { margin-right: 0.75rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } html:not([dir=rtl]) .pr-md-0, html:not([dir=rtl]) .px-md-0 { padding-right: 0 !important; } html[dir=rtl] .pr-md-0, html[dir=rtl] .px-md-0 { padding-left: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } html:not([dir=rtl]) .pl-md-0, html:not([dir=rtl]) .px-md-0 { padding-left: 0 !important; } html[dir=rtl] .pl-md-0, html[dir=rtl] .px-md-0 { padding-right: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } html:not([dir=rtl]) .pr-md-1, html:not([dir=rtl]) .px-md-1 { padding-right: 0.25rem !important; } html[dir=rtl] .pr-md-1, html[dir=rtl] .px-md-1 { padding-left: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } html:not([dir=rtl]) .pl-md-1, html:not([dir=rtl]) .px-md-1 { padding-left: 0.25rem !important; } html[dir=rtl] .pl-md-1, html[dir=rtl] .px-md-1 { padding-right: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } html:not([dir=rtl]) .pr-md-2, html:not([dir=rtl]) .px-md-2 { padding-right: 0.5rem !important; } html[dir=rtl] .pr-md-2, html[dir=rtl] .px-md-2 { padding-left: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } html:not([dir=rtl]) .pl-md-2, html:not([dir=rtl]) .px-md-2 { padding-left: 0.5rem !important; } html[dir=rtl] .pl-md-2, html[dir=rtl] .px-md-2 { padding-right: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } html:not([dir=rtl]) .pr-md-3, html:not([dir=rtl]) .px-md-3 { padding-right: 1rem !important; } html[dir=rtl] .pr-md-3, html[dir=rtl] .px-md-3 { padding-left: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } html:not([dir=rtl]) .pl-md-3, html:not([dir=rtl]) .px-md-3 { padding-left: 1rem !important; } html[dir=rtl] .pl-md-3, html[dir=rtl] .px-md-3 { padding-right: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } html:not([dir=rtl]) .pr-md-4, html:not([dir=rtl]) .px-md-4 { padding-right: 1.5rem !important; } html[dir=rtl] .pr-md-4, html[dir=rtl] .px-md-4 { padding-left: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } html:not([dir=rtl]) .pl-md-4, html:not([dir=rtl]) .px-md-4 { padding-left: 1.5rem !important; } html[dir=rtl] .pl-md-4, html[dir=rtl] .px-md-4 { padding-right: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pr-md-5, html:not([dir=rtl]) .px-md-5 { padding-right: 3rem !important; } html[dir=rtl] .pr-md-5, html[dir=rtl] .px-md-5 { padding-left: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .pl-md-5, html:not([dir=rtl]) .px-md-5 { padding-left: 3rem !important; } html[dir=rtl] .pl-md-5, html[dir=rtl] .px-md-5 { padding-right: 3rem !important; } .p-md-g { padding: 0.75rem !important; } .pt-md-g, .py-md-g { padding-top: 0.75rem !important; } html:not([dir=rtl]) .pr-md-g, html:not([dir=rtl]) .px-md-g { padding-right: 0.75rem !important; } html[dir=rtl] .pr-md-g, html[dir=rtl] .px-md-g { padding-left: 0.75rem !important; } .pb-md-g, .py-md-g { padding-bottom: 0.75rem !important; } html:not([dir=rtl]) .pl-md-g, html:not([dir=rtl]) .px-md-g { padding-left: 0.75rem !important; } html[dir=rtl] .pl-md-g, html[dir=rtl] .px-md-g { padding-right: 0.75rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } html:not([dir=rtl]) .mr-md-n1, html:not([dir=rtl]) .mx-md-n1 { margin-right: -0.25rem !important; } html[dir=rtl] .mr-md-n1, html[dir=rtl] .mx-md-n1 { margin-left: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } html:not([dir=rtl]) .ml-md-n1, html:not([dir=rtl]) .mx-md-n1 { margin-left: -0.25rem !important; } html[dir=rtl] .ml-md-n1, html[dir=rtl] .mx-md-n1 { margin-right: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } html:not([dir=rtl]) .mr-md-n2, html:not([dir=rtl]) .mx-md-n2 { margin-right: -0.5rem !important; } html[dir=rtl] .mr-md-n2, html[dir=rtl] .mx-md-n2 { margin-left: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } html:not([dir=rtl]) .ml-md-n2, html:not([dir=rtl]) .mx-md-n2 { margin-left: -0.5rem !important; } html[dir=rtl] .ml-md-n2, html[dir=rtl] .mx-md-n2 { margin-right: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } html:not([dir=rtl]) .mr-md-n3, html:not([dir=rtl]) .mx-md-n3 { margin-right: -1rem !important; } html[dir=rtl] .mr-md-n3, html[dir=rtl] .mx-md-n3 { margin-left: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } html:not([dir=rtl]) .ml-md-n3, html:not([dir=rtl]) .mx-md-n3 { margin-left: -1rem !important; } html[dir=rtl] .ml-md-n3, html[dir=rtl] .mx-md-n3 { margin-right: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } html:not([dir=rtl]) .mr-md-n4, html:not([dir=rtl]) .mx-md-n4 { margin-right: -1.5rem !important; } html[dir=rtl] .mr-md-n4, html[dir=rtl] .mx-md-n4 { margin-left: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } html:not([dir=rtl]) .ml-md-n4, html:not([dir=rtl]) .mx-md-n4 { margin-left: -1.5rem !important; } html[dir=rtl] .ml-md-n4, html[dir=rtl] .mx-md-n4 { margin-right: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } html:not([dir=rtl]) .mr-md-n5, html:not([dir=rtl]) .mx-md-n5 { margin-right: -3rem !important; } html[dir=rtl] .mr-md-n5, html[dir=rtl] .mx-md-n5 { margin-left: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } html:not([dir=rtl]) .ml-md-n5, html:not([dir=rtl]) .mx-md-n5 { margin-left: -3rem !important; } html[dir=rtl] .ml-md-n5, html[dir=rtl] .mx-md-n5 { margin-right: -3rem !important; } .m-md-ng { margin: -0.75rem !important; } .mt-md-ng, .my-md-ng { margin-top: -0.75rem !important; } html:not([dir=rtl]) .mr-md-ng, html:not([dir=rtl]) .mx-md-ng { margin-right: -0.75rem !important; } html[dir=rtl] .mr-md-ng, html[dir=rtl] .mx-md-ng { margin-left: -0.75rem !important; } .mb-md-ng, .my-md-ng { margin-bottom: -0.75rem !important; } html:not([dir=rtl]) .ml-md-ng, html:not([dir=rtl]) .mx-md-ng { margin-left: -0.75rem !important; } html[dir=rtl] .ml-md-ng, html[dir=rtl] .mx-md-ng { margin-right: -0.75rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } html:not([dir=rtl]) .mr-md-auto, html:not([dir=rtl]) .mx-md-auto { margin-right: auto !important; } html[dir=rtl] .mr-md-auto, html[dir=rtl] .mx-md-auto { margin-left: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ml-md-auto, html:not([dir=rtl]) .mx-md-auto { margin-left: auto !important; } html[dir=rtl] .ml-md-auto, html[dir=rtl] .mx-md-auto { margin-right: auto !important; } .mb-md-0-last-child > :last-child { margin-bottom: 0 !important; } } @media (min-width: 1084px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } html:not([dir=rtl]) .mr-lg-0, html:not([dir=rtl]) .mx-lg-0 { margin-right: 0 !important; } html[dir=rtl] .mr-lg-0, html[dir=rtl] .mx-lg-0 { margin-left: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } html:not([dir=rtl]) .ml-lg-0, html:not([dir=rtl]) .mx-lg-0 { margin-left: 0 !important; } html[dir=rtl] .ml-lg-0, html[dir=rtl] .mx-lg-0 { margin-right: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } html:not([dir=rtl]) .mr-lg-1, html:not([dir=rtl]) .mx-lg-1 { margin-right: 0.25rem !important; } html[dir=rtl] .mr-lg-1, html[dir=rtl] .mx-lg-1 { margin-left: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } html:not([dir=rtl]) .ml-lg-1, html:not([dir=rtl]) .mx-lg-1 { margin-left: 0.25rem !important; } html[dir=rtl] .ml-lg-1, html[dir=rtl] .mx-lg-1 { margin-right: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } html:not([dir=rtl]) .mr-lg-2, html:not([dir=rtl]) .mx-lg-2 { margin-right: 0.5rem !important; } html[dir=rtl] .mr-lg-2, html[dir=rtl] .mx-lg-2 { margin-left: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } html:not([dir=rtl]) .ml-lg-2, html:not([dir=rtl]) .mx-lg-2 { margin-left: 0.5rem !important; } html[dir=rtl] .ml-lg-2, html[dir=rtl] .mx-lg-2 { margin-right: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } html:not([dir=rtl]) .mr-lg-3, html:not([dir=rtl]) .mx-lg-3 { margin-right: 1rem !important; } html[dir=rtl] .mr-lg-3, html[dir=rtl] .mx-lg-3 { margin-left: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } html:not([dir=rtl]) .ml-lg-3, html:not([dir=rtl]) .mx-lg-3 { margin-left: 1rem !important; } html[dir=rtl] .ml-lg-3, html[dir=rtl] .mx-lg-3 { margin-right: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } html:not([dir=rtl]) .mr-lg-4, html:not([dir=rtl]) .mx-lg-4 { margin-right: 1.5rem !important; } html[dir=rtl] .mr-lg-4, html[dir=rtl] .mx-lg-4 { margin-left: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } html:not([dir=rtl]) .ml-lg-4, html:not([dir=rtl]) .mx-lg-4 { margin-left: 1.5rem !important; } html[dir=rtl] .ml-lg-4, html[dir=rtl] .mx-lg-4 { margin-right: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } html:not([dir=rtl]) .mr-lg-5, html:not([dir=rtl]) .mx-lg-5 { margin-right: 3rem !important; } html[dir=rtl] .mr-lg-5, html[dir=rtl] .mx-lg-5 { margin-left: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } html:not([dir=rtl]) .ml-lg-5, html:not([dir=rtl]) .mx-lg-5 { margin-left: 3rem !important; } html[dir=rtl] .ml-lg-5, html[dir=rtl] .mx-lg-5 { margin-right: 3rem !important; } .m-lg-g { margin: 0.75rem !important; } .mt-lg-g, .my-lg-g { margin-top: 0.75rem !important; } html:not([dir=rtl]) .mr-lg-g, html:not([dir=rtl]) .mx-lg-g { margin-right: 0.75rem !important; } html[dir=rtl] .mr-lg-g, html[dir=rtl] .mx-lg-g { margin-left: 0.75rem !important; } .mb-lg-g, .my-lg-g { margin-bottom: 0.75rem !important; } html:not([dir=rtl]) .ml-lg-g, html:not([dir=rtl]) .mx-lg-g { margin-left: 0.75rem !important; } html[dir=rtl] .ml-lg-g, html[dir=rtl] .mx-lg-g { margin-right: 0.75rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } html:not([dir=rtl]) .pr-lg-0, html:not([dir=rtl]) .px-lg-0 { padding-right: 0 !important; } html[dir=rtl] .pr-lg-0, html[dir=rtl] .px-lg-0 { padding-left: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } html:not([dir=rtl]) .pl-lg-0, html:not([dir=rtl]) .px-lg-0 { padding-left: 0 !important; } html[dir=rtl] .pl-lg-0, html[dir=rtl] .px-lg-0 { padding-right: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } html:not([dir=rtl]) .pr-lg-1, html:not([dir=rtl]) .px-lg-1 { padding-right: 0.25rem !important; } html[dir=rtl] .pr-lg-1, html[dir=rtl] .px-lg-1 { padding-left: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } html:not([dir=rtl]) .pl-lg-1, html:not([dir=rtl]) .px-lg-1 { padding-left: 0.25rem !important; } html[dir=rtl] .pl-lg-1, html[dir=rtl] .px-lg-1 { padding-right: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } html:not([dir=rtl]) .pr-lg-2, html:not([dir=rtl]) .px-lg-2 { padding-right: 0.5rem !important; } html[dir=rtl] .pr-lg-2, html[dir=rtl] .px-lg-2 { padding-left: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } html:not([dir=rtl]) .pl-lg-2, html:not([dir=rtl]) .px-lg-2 { padding-left: 0.5rem !important; } html[dir=rtl] .pl-lg-2, html[dir=rtl] .px-lg-2 { padding-right: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } html:not([dir=rtl]) .pr-lg-3, html:not([dir=rtl]) .px-lg-3 { padding-right: 1rem !important; } html[dir=rtl] .pr-lg-3, html[dir=rtl] .px-lg-3 { padding-left: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } html:not([dir=rtl]) .pl-lg-3, html:not([dir=rtl]) .px-lg-3 { padding-left: 1rem !important; } html[dir=rtl] .pl-lg-3, html[dir=rtl] .px-lg-3 { padding-right: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } html:not([dir=rtl]) .pr-lg-4, html:not([dir=rtl]) .px-lg-4 { padding-right: 1.5rem !important; } html[dir=rtl] .pr-lg-4, html[dir=rtl] .px-lg-4 { padding-left: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } html:not([dir=rtl]) .pl-lg-4, html:not([dir=rtl]) .px-lg-4 { padding-left: 1.5rem !important; } html[dir=rtl] .pl-lg-4, html[dir=rtl] .px-lg-4 { padding-right: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pr-lg-5, html:not([dir=rtl]) .px-lg-5 { padding-right: 3rem !important; } html[dir=rtl] .pr-lg-5, html[dir=rtl] .px-lg-5 { padding-left: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .pl-lg-5, html:not([dir=rtl]) .px-lg-5 { padding-left: 3rem !important; } html[dir=rtl] .pl-lg-5, html[dir=rtl] .px-lg-5 { padding-right: 3rem !important; } .p-lg-g { padding: 0.75rem !important; } .pt-lg-g, .py-lg-g { padding-top: 0.75rem !important; } html:not([dir=rtl]) .pr-lg-g, html:not([dir=rtl]) .px-lg-g { padding-right: 0.75rem !important; } html[dir=rtl] .pr-lg-g, html[dir=rtl] .px-lg-g { padding-left: 0.75rem !important; } .pb-lg-g, .py-lg-g { padding-bottom: 0.75rem !important; } html:not([dir=rtl]) .pl-lg-g, html:not([dir=rtl]) .px-lg-g { padding-left: 0.75rem !important; } html[dir=rtl] .pl-lg-g, html[dir=rtl] .px-lg-g { padding-right: 0.75rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } html:not([dir=rtl]) .mr-lg-n1, html:not([dir=rtl]) .mx-lg-n1 { margin-right: -0.25rem !important; } html[dir=rtl] .mr-lg-n1, html[dir=rtl] .mx-lg-n1 { margin-left: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } html:not([dir=rtl]) .ml-lg-n1, html:not([dir=rtl]) .mx-lg-n1 { margin-left: -0.25rem !important; } html[dir=rtl] .ml-lg-n1, html[dir=rtl] .mx-lg-n1 { margin-right: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } html:not([dir=rtl]) .mr-lg-n2, html:not([dir=rtl]) .mx-lg-n2 { margin-right: -0.5rem !important; } html[dir=rtl] .mr-lg-n2, html[dir=rtl] .mx-lg-n2 { margin-left: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } html:not([dir=rtl]) .ml-lg-n2, html:not([dir=rtl]) .mx-lg-n2 { margin-left: -0.5rem !important; } html[dir=rtl] .ml-lg-n2, html[dir=rtl] .mx-lg-n2 { margin-right: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } html:not([dir=rtl]) .mr-lg-n3, html:not([dir=rtl]) .mx-lg-n3 { margin-right: -1rem !important; } html[dir=rtl] .mr-lg-n3, html[dir=rtl] .mx-lg-n3 { margin-left: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } html:not([dir=rtl]) .ml-lg-n3, html:not([dir=rtl]) .mx-lg-n3 { margin-left: -1rem !important; } html[dir=rtl] .ml-lg-n3, html[dir=rtl] .mx-lg-n3 { margin-right: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } html:not([dir=rtl]) .mr-lg-n4, html:not([dir=rtl]) .mx-lg-n4 { margin-right: -1.5rem !important; } html[dir=rtl] .mr-lg-n4, html[dir=rtl] .mx-lg-n4 { margin-left: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } html:not([dir=rtl]) .ml-lg-n4, html:not([dir=rtl]) .mx-lg-n4 { margin-left: -1.5rem !important; } html[dir=rtl] .ml-lg-n4, html[dir=rtl] .mx-lg-n4 { margin-right: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } html:not([dir=rtl]) .mr-lg-n5, html:not([dir=rtl]) .mx-lg-n5 { margin-right: -3rem !important; } html[dir=rtl] .mr-lg-n5, html[dir=rtl] .mx-lg-n5 { margin-left: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } html:not([dir=rtl]) .ml-lg-n5, html:not([dir=rtl]) .mx-lg-n5 { margin-left: -3rem !important; } html[dir=rtl] .ml-lg-n5, html[dir=rtl] .mx-lg-n5 { margin-right: -3rem !important; } .m-lg-ng { margin: -0.75rem !important; } .mt-lg-ng, .my-lg-ng { margin-top: -0.75rem !important; } html:not([dir=rtl]) .mr-lg-ng, html:not([dir=rtl]) .mx-lg-ng { margin-right: -0.75rem !important; } html[dir=rtl] .mr-lg-ng, html[dir=rtl] .mx-lg-ng { margin-left: -0.75rem !important; } .mb-lg-ng, .my-lg-ng { margin-bottom: -0.75rem !important; } html:not([dir=rtl]) .ml-lg-ng, html:not([dir=rtl]) .mx-lg-ng { margin-left: -0.75rem !important; } html[dir=rtl] .ml-lg-ng, html[dir=rtl] .mx-lg-ng { margin-right: -0.75rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } html:not([dir=rtl]) .mr-lg-auto, html:not([dir=rtl]) .mx-lg-auto { margin-right: auto !important; } html[dir=rtl] .mr-lg-auto, html[dir=rtl] .mx-lg-auto { margin-left: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ml-lg-auto, html:not([dir=rtl]) .mx-lg-auto { margin-left: auto !important; } html[dir=rtl] .ml-lg-auto, html[dir=rtl] .mx-lg-auto { margin-right: auto !important; } .mb-lg-0-last-child > :last-child { margin-bottom: 0 !important; } } @media (min-width: 1400px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } html:not([dir=rtl]) .mr-xl-0, html:not([dir=rtl]) .mx-xl-0 { margin-right: 0 !important; } html[dir=rtl] .mr-xl-0, html[dir=rtl] .mx-xl-0 { margin-left: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } html:not([dir=rtl]) .ml-xl-0, html:not([dir=rtl]) .mx-xl-0 { margin-left: 0 !important; } html[dir=rtl] .ml-xl-0, html[dir=rtl] .mx-xl-0 { margin-right: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } html:not([dir=rtl]) .mr-xl-1, html:not([dir=rtl]) .mx-xl-1 { margin-right: 0.25rem !important; } html[dir=rtl] .mr-xl-1, html[dir=rtl] .mx-xl-1 { margin-left: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } html:not([dir=rtl]) .ml-xl-1, html:not([dir=rtl]) .mx-xl-1 { margin-left: 0.25rem !important; } html[dir=rtl] .ml-xl-1, html[dir=rtl] .mx-xl-1 { margin-right: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } html:not([dir=rtl]) .mr-xl-2, html:not([dir=rtl]) .mx-xl-2 { margin-right: 0.5rem !important; } html[dir=rtl] .mr-xl-2, html[dir=rtl] .mx-xl-2 { margin-left: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } html:not([dir=rtl]) .ml-xl-2, html:not([dir=rtl]) .mx-xl-2 { margin-left: 0.5rem !important; } html[dir=rtl] .ml-xl-2, html[dir=rtl] .mx-xl-2 { margin-right: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } html:not([dir=rtl]) .mr-xl-3, html:not([dir=rtl]) .mx-xl-3 { margin-right: 1rem !important; } html[dir=rtl] .mr-xl-3, html[dir=rtl] .mx-xl-3 { margin-left: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } html:not([dir=rtl]) .ml-xl-3, html:not([dir=rtl]) .mx-xl-3 { margin-left: 1rem !important; } html[dir=rtl] .ml-xl-3, html[dir=rtl] .mx-xl-3 { margin-right: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } html:not([dir=rtl]) .mr-xl-4, html:not([dir=rtl]) .mx-xl-4 { margin-right: 1.5rem !important; } html[dir=rtl] .mr-xl-4, html[dir=rtl] .mx-xl-4 { margin-left: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } html:not([dir=rtl]) .ml-xl-4, html:not([dir=rtl]) .mx-xl-4 { margin-left: 1.5rem !important; } html[dir=rtl] .ml-xl-4, html[dir=rtl] .mx-xl-4 { margin-right: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } html:not([dir=rtl]) .mr-xl-5, html:not([dir=rtl]) .mx-xl-5 { margin-right: 3rem !important; } html[dir=rtl] .mr-xl-5, html[dir=rtl] .mx-xl-5 { margin-left: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } html:not([dir=rtl]) .ml-xl-5, html:not([dir=rtl]) .mx-xl-5 { margin-left: 3rem !important; } html[dir=rtl] .ml-xl-5, html[dir=rtl] .mx-xl-5 { margin-right: 3rem !important; } .m-xl-g { margin: 0.75rem !important; } .mt-xl-g, .my-xl-g { margin-top: 0.75rem !important; } html:not([dir=rtl]) .mr-xl-g, html:not([dir=rtl]) .mx-xl-g { margin-right: 0.75rem !important; } html[dir=rtl] .mr-xl-g, html[dir=rtl] .mx-xl-g { margin-left: 0.75rem !important; } .mb-xl-g, .my-xl-g { margin-bottom: 0.75rem !important; } html:not([dir=rtl]) .ml-xl-g, html:not([dir=rtl]) .mx-xl-g { margin-left: 0.75rem !important; } html[dir=rtl] .ml-xl-g, html[dir=rtl] .mx-xl-g { margin-right: 0.75rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } html:not([dir=rtl]) .pr-xl-0, html:not([dir=rtl]) .px-xl-0 { padding-right: 0 !important; } html[dir=rtl] .pr-xl-0, html[dir=rtl] .px-xl-0 { padding-left: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } html:not([dir=rtl]) .pl-xl-0, html:not([dir=rtl]) .px-xl-0 { padding-left: 0 !important; } html[dir=rtl] .pl-xl-0, html[dir=rtl] .px-xl-0 { padding-right: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } html:not([dir=rtl]) .pr-xl-1, html:not([dir=rtl]) .px-xl-1 { padding-right: 0.25rem !important; } html[dir=rtl] .pr-xl-1, html[dir=rtl] .px-xl-1 { padding-left: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } html:not([dir=rtl]) .pl-xl-1, html:not([dir=rtl]) .px-xl-1 { padding-left: 0.25rem !important; } html[dir=rtl] .pl-xl-1, html[dir=rtl] .px-xl-1 { padding-right: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } html:not([dir=rtl]) .pr-xl-2, html:not([dir=rtl]) .px-xl-2 { padding-right: 0.5rem !important; } html[dir=rtl] .pr-xl-2, html[dir=rtl] .px-xl-2 { padding-left: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } html:not([dir=rtl]) .pl-xl-2, html:not([dir=rtl]) .px-xl-2 { padding-left: 0.5rem !important; } html[dir=rtl] .pl-xl-2, html[dir=rtl] .px-xl-2 { padding-right: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } html:not([dir=rtl]) .pr-xl-3, html:not([dir=rtl]) .px-xl-3 { padding-right: 1rem !important; } html[dir=rtl] .pr-xl-3, html[dir=rtl] .px-xl-3 { padding-left: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } html:not([dir=rtl]) .pl-xl-3, html:not([dir=rtl]) .px-xl-3 { padding-left: 1rem !important; } html[dir=rtl] .pl-xl-3, html[dir=rtl] .px-xl-3 { padding-right: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } html:not([dir=rtl]) .pr-xl-4, html:not([dir=rtl]) .px-xl-4 { padding-right: 1.5rem !important; } html[dir=rtl] .pr-xl-4, html[dir=rtl] .px-xl-4 { padding-left: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } html:not([dir=rtl]) .pl-xl-4, html:not([dir=rtl]) .px-xl-4 { padding-left: 1.5rem !important; } html[dir=rtl] .pl-xl-4, html[dir=rtl] .px-xl-4 { padding-right: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pr-xl-5, html:not([dir=rtl]) .px-xl-5 { padding-right: 3rem !important; } html[dir=rtl] .pr-xl-5, html[dir=rtl] .px-xl-5 { padding-left: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .pl-xl-5, html:not([dir=rtl]) .px-xl-5 { padding-left: 3rem !important; } html[dir=rtl] .pl-xl-5, html[dir=rtl] .px-xl-5 { padding-right: 3rem !important; } .p-xl-g { padding: 0.75rem !important; } .pt-xl-g, .py-xl-g { padding-top: 0.75rem !important; } html:not([dir=rtl]) .pr-xl-g, html:not([dir=rtl]) .px-xl-g { padding-right: 0.75rem !important; } html[dir=rtl] .pr-xl-g, html[dir=rtl] .px-xl-g { padding-left: 0.75rem !important; } .pb-xl-g, .py-xl-g { padding-bottom: 0.75rem !important; } html:not([dir=rtl]) .pl-xl-g, html:not([dir=rtl]) .px-xl-g { padding-left: 0.75rem !important; } html[dir=rtl] .pl-xl-g, html[dir=rtl] .px-xl-g { padding-right: 0.75rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } html:not([dir=rtl]) .mr-xl-n1, html:not([dir=rtl]) .mx-xl-n1 { margin-right: -0.25rem !important; } html[dir=rtl] .mr-xl-n1, html[dir=rtl] .mx-xl-n1 { margin-left: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } html:not([dir=rtl]) .ml-xl-n1, html:not([dir=rtl]) .mx-xl-n1 { margin-left: -0.25rem !important; } html[dir=rtl] .ml-xl-n1, html[dir=rtl] .mx-xl-n1 { margin-right: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } html:not([dir=rtl]) .mr-xl-n2, html:not([dir=rtl]) .mx-xl-n2 { margin-right: -0.5rem !important; } html[dir=rtl] .mr-xl-n2, html[dir=rtl] .mx-xl-n2 { margin-left: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } html:not([dir=rtl]) .ml-xl-n2, html:not([dir=rtl]) .mx-xl-n2 { margin-left: -0.5rem !important; } html[dir=rtl] .ml-xl-n2, html[dir=rtl] .mx-xl-n2 { margin-right: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } html:not([dir=rtl]) .mr-xl-n3, html:not([dir=rtl]) .mx-xl-n3 { margin-right: -1rem !important; } html[dir=rtl] .mr-xl-n3, html[dir=rtl] .mx-xl-n3 { margin-left: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } html:not([dir=rtl]) .ml-xl-n3, html:not([dir=rtl]) .mx-xl-n3 { margin-left: -1rem !important; } html[dir=rtl] .ml-xl-n3, html[dir=rtl] .mx-xl-n3 { margin-right: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } html:not([dir=rtl]) .mr-xl-n4, html:not([dir=rtl]) .mx-xl-n4 { margin-right: -1.5rem !important; } html[dir=rtl] .mr-xl-n4, html[dir=rtl] .mx-xl-n4 { margin-left: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } html:not([dir=rtl]) .ml-xl-n4, html:not([dir=rtl]) .mx-xl-n4 { margin-left: -1.5rem !important; } html[dir=rtl] .ml-xl-n4, html[dir=rtl] .mx-xl-n4 { margin-right: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } html:not([dir=rtl]) .mr-xl-n5, html:not([dir=rtl]) .mx-xl-n5 { margin-right: -3rem !important; } html[dir=rtl] .mr-xl-n5, html[dir=rtl] .mx-xl-n5 { margin-left: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } html:not([dir=rtl]) .ml-xl-n5, html:not([dir=rtl]) .mx-xl-n5 { margin-left: -3rem !important; } html[dir=rtl] .ml-xl-n5, html[dir=rtl] .mx-xl-n5 { margin-right: -3rem !important; } .m-xl-ng { margin: -0.75rem !important; } .mt-xl-ng, .my-xl-ng { margin-top: -0.75rem !important; } html:not([dir=rtl]) .mr-xl-ng, html:not([dir=rtl]) .mx-xl-ng { margin-right: -0.75rem !important; } html[dir=rtl] .mr-xl-ng, html[dir=rtl] .mx-xl-ng { margin-left: -0.75rem !important; } .mb-xl-ng, .my-xl-ng { margin-bottom: -0.75rem !important; } html:not([dir=rtl]) .ml-xl-ng, html:not([dir=rtl]) .mx-xl-ng { margin-left: -0.75rem !important; } html[dir=rtl] .ml-xl-ng, html[dir=rtl] .mx-xl-ng { margin-right: -0.75rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } html:not([dir=rtl]) .mr-xl-auto, html:not([dir=rtl]) .mx-xl-auto { margin-right: auto !important; } html[dir=rtl] .mr-xl-auto, html[dir=rtl] .mx-xl-auto { margin-left: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ml-xl-auto, html:not([dir=rtl]) .mx-xl-auto { margin-left: auto !important; } html[dir=rtl] .ml-xl-auto, html[dir=rtl] .mx-xl-auto { margin-right: auto !important; } .mb-xl-0-last-child > :last-child { margin-bottom: 0 !important; } } .text-gray-100 { color: #f2f2f2 !important; } .text-gray-200, .text-neutral-100, .theme-dark .text-neutral-400 { color: #e6e6e6 !important; } .text-gray-300, .text-neutral-200, .theme-dark .text-neutral-300 { color: #d2d2d2 !important; } .text-gray-400 { color: #a2a2a2 !important; } .text-gray-475 { color: #858585 !important; } .text-gray-500, .theme-dark .text-neutral-200, .text-neutral-300 { color: #757575 !important; } .text-gray-600, .theme-dark .text-neutral-100, .text-neutral-400 { color: #505050 !important; } .text-gray-700 { color: #404040 !important; } .text-gray-800 { color: #2f2f2f !important; } .text-gray-900 { color: #171717 !important; } .text-blue, .text-primary, .theme-dark .text-primary-alt, .text-brand { color: #0067b8 !important; } .text-orange { color: #d83b01 !important; } .text-green { color: #107c10 !important; } .text-purple { color: #8661c5 !important; } .text-yellow { color: #ffb900 !important; } .text-teal { color: #008575 !important; } .text-dark-blue, .text-brand-dark { color: #243a5e !important; } .text-dark-orange { color: #6b2929 !important; } .text-dark-green { color: #054b16 !important; } .text-dark-purple { color: #3b2e58 !important; } .text-dark-yellow { color: #6a4b16 !important; } .text-dark-teal { color: #274b47 !important; } .text-light-blue, .text-brand-light { color: #50e6ff !important; } .text-light-orange { color: #ff9349 !important; } .text-light-green { color: #9bf00b !important; } .text-light-purple { color: #d59dff !important; } .text-light-yellow { color: #fef000 !important; } .text-light-teal { color: #30e5d0 !important; } .text-alt-blue, .theme-dark .text-primary, .text-primary-alt { color: #3aa0fa !important; } .text-alt-orange { color: #f7894a !important; } .text-alt-green { color: #5dc21e !important; } .text-white, .theme-dark .text-secondary, .theme-dark .text-inverse, .text-light { color: #fff !important; } .text-black, .text-secondary, .text-inverse, .text-dark { color: #000 !important; } .text-body { color: #000 !important; } .theme-dark .text-body { color: #fff !important; } .text-muted { color: #505050 !important; } .theme-dark .text-muted { color: #a2a2a2 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .column-count-auto { -moz-column-count: auto; column-count: auto; } .column-count-1 { -moz-column-count: 1; column-count: 1; } .column-count-2 { -moz-column-count: 2; column-count: 2; } .column-count-3 { -moz-column-count: 3; column-count: 3; } .column-count-4 { -moz-column-count: 4; column-count: 4; } .column-count-auto { -moz-column-count: auto; column-count: auto; } .column-count-1 { -moz-column-count: 1; column-count: 1; } .column-count-2 { -moz-column-count: 2; column-count: 2; } .column-count-3 { -moz-column-count: 3; column-count: 3; } .column-count-4 { -moz-column-count: 4; column-count: 4; } @media (min-width: 540px) { .column-count-sm-auto { -moz-column-count: auto; column-count: auto; } .column-count-sm-1 { -moz-column-count: 1; column-count: 1; } .column-count-sm-2 { -moz-column-count: 2; column-count: 2; } .column-count-sm-3 { -moz-column-count: 3; column-count: 3; } .column-count-sm-4 { -moz-column-count: 4; column-count: 4; } } @media (min-width: 860px) { .column-count-md-auto { -moz-column-count: auto; column-count: auto; } .column-count-md-1 { -moz-column-count: 1; column-count: 1; } .column-count-md-2 { -moz-column-count: 2; column-count: 2; } .column-count-md-3 { -moz-column-count: 3; column-count: 3; } .column-count-md-4 { -moz-column-count: 4; column-count: 4; } } @media (min-width: 1084px) { .column-count-lg-auto { -moz-column-count: auto; column-count: auto; } .column-count-lg-1 { -moz-column-count: 1; column-count: 1; } .column-count-lg-2 { -moz-column-count: 2; column-count: 2; } .column-count-lg-3 { -moz-column-count: 3; column-count: 3; } .column-count-lg-4 { -moz-column-count: 4; column-count: 4; } } @media (min-width: 1400px) { .column-count-xl-auto { -moz-column-count: auto; column-count: auto; } .column-count-xl-1 { -moz-column-count: 1; column-count: 1; } .column-count-xl-2 { -moz-column-count: 2; column-count: 2; } .column-count-xl-3 { -moz-column-count: 3; column-count: 3; } .column-count-xl-4 { -moz-column-count: 4; column-count: 4; } } .text-serif { font-family: TimesNewRoman, "Times New Roman", Times, serif; } .text-glyph { font-family: "MWF-FLUENT-ICONS"; } .text-monospace { font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace !important; } html:not([dir=rtl]) .text-left { text-align: left !important; } html[dir=rtl] .text-left { text-align: right !important; } html:not([dir=rtl]) .text-right { text-align: right !important; } html[dir=rtl] .text-right { text-align: left !important; } .text-center { text-align: center !important; } @media (min-width: 540px) { html:not([dir=rtl]) .text-sm-left { text-align: left !important; } html[dir=rtl] .text-sm-left { text-align: right !important; } html:not([dir=rtl]) .text-sm-right { text-align: right !important; } html[dir=rtl] .text-sm-right { text-align: left !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 860px) { html:not([dir=rtl]) .text-md-left { text-align: left !important; } html[dir=rtl] .text-md-left { text-align: right !important; } html:not([dir=rtl]) .text-md-right { text-align: right !important; } html[dir=rtl] .text-md-right { text-align: left !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1084px) { html:not([dir=rtl]) .text-lg-left { text-align: left !important; } html[dir=rtl] .text-lg-left { text-align: right !important; } html:not([dir=rtl]) .text-lg-right { text-align: right !important; } html[dir=rtl] .text-lg-right { text-align: left !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1400px) { html:not([dir=rtl]) .text-xl-left { text-align: left !important; } html[dir=rtl] .text-xl-left { text-align: right !important; } html:not([dir=rtl]) .text-xl-right { text-align: right !important; } html[dir=rtl] .text-xl-right { text-align: left !important; } .text-xl-center { text-align: center !important; } } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-break { overflow-wrap: break-word !important; } .text-break-keep-all { word-break: keep-all; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 100 !important; } .font-weight-semilight { font-weight: 200 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-semibold { font-weight: 600 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-line-through { text-decoration: line-through; } .text-letter-space { letter-spacing: 0.0625em; } .text-line-height-reset { line-height: 1; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 0.0625rem solid #757575; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1084px !important; } .container { min-width: 1084px !important; } .navbar { display: none; } .badge { border: 0.0625rem solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #d2d2d2 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #d2d2d2; } .table .thead-dark th { color: inherit; border-color: #d2d2d2; } } /*! * OneCloud Reimagine v0.328.0 * MWF (Moray) v2.8.1 * Copyright (c) Microsoft Corporation. All rights reserved. * Copyright 2011-2020 The Bootstrap Authors and Twitter, Inc. */ .fixed-back-to-top { transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) !important; pointer-events: none; } @media (prefers-reduced-motion: reduce) { .fixed-back-to-top { transition: none; } } .fixed-back-to-top.fixed-sticky.stuck { transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) !important; } @media (prefers-reduced-motion: reduce) { .fixed-back-to-top.fixed-sticky.stuck { transition: none; } } @media screen and (max-width: 540px) { .fixed-back-to-top.stuck { position: static; } } .fixed-back-to-top .btn { pointer-events: auto; } .fixed-sticky { transition: background 0.2s ease-out, shadow 0.2s ease-out; } .fixed-sticky .sticky-show-stuck { display: none; } .fixed-sticky.get-height .sticky-show-stuck { display: block; visibility: hidden; opacity: 0; position: fixed; left: -9999px; width: 100%; } .fixed-sticky.stuck { position: fixed; left: 0; right: 0; width: 100%; z-index: 1020; transition: position 0.3s ease-in-out; } .fixed-sticky.stuck .sticky-show-stuck { display: block; } .fixed-sticky.stuck .sticky-hide-stuck { display: none; } .fixed-sticky.stuck.sticky-direction-top.stuck-depth { box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } .fixed-sticky.stuck.sticky-direction-bottom.stuck-depth { box-shadow: 0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.45), 0 -0.1875rem 0.4375rem rgba(0, 0, 0, 0.3); } .fixed-sticky.stuck .tab-group { border-bottom: none; } .fixed-sticky.stuck .tab-group a:active, .fixed-sticky.stuck .tab-group a:focus, .fixed-sticky.stuck .tab-group button:active, .fixed-sticky.stuck .tab-group button:focus { margin-bottom: 0; } .ocr-icon { --icon-width:100%; --icon-max-width:100%; --icon-max-height:100%; --icon-font-size:1rem; --icon-svg-path:""; --icon-svg-fill:var(--theme-foreground-base-icon, currentColor); --icon-glyph-color:var(--theme-foreground-base-icon, currentColor); } html[dir=rtl] .ocr-icon .glyph-append-chevron-left, html[dir=rtl] .ocr-icon .glyph-append-chevron-right, html[dir=rtl] .ocr-icon .glyph-prepend-chevron-left, html[dir=rtl] .ocr-icon .glyph-prepend-chevron-right { transform: scaleX(-1); } .ocr-icon, .ocr-icon > .ocr-img > img { width: var(--icon-width); height: 100%; max-width: var(--icon-max-width); max-height: var(--icon-max-height); font-size: var(--icon-font-size); } .ocr-icon--size-xs { --icon-font-size:var(--root-icon-xs-font-size); --icon-max-width:var(--root-icon-xs-max-width); --icon-max-height:var(--root-icon-xs-max-height); } .ocr-icon--size-s { --icon-font-size:var(--root-icon-s-font-size); --icon-max-width:var(--root-icon-s-max-width); --icon-max-height:var(--root-icon-s-max-height); } .ocr-icon--size-m { --icon-font-size:var(--root-icon-m-font-size); --icon-max-width:var(--root-icon-m-max-width); --icon-max-height:var(--root-icon-m-max-height); } .ocr-icon--size-l { --icon-font-size:var(--root-icon-l-font-size); --icon-max-width:var(--root-icon-l-max-width); --icon-max-height:var(--root-icon-l-max-height); } .ocr-icon--size-xl { --icon-font-size:var(--root-icon-xl-font-size); --icon-max-width:var(--root-icon-xl-max-width); --icon-max-height:var(--root-icon-xl-max-height); } .ocr-icon--size-2xl { --icon-font-size:var(--root-icon-2xl-font-size); --icon-max-width:var(--root-icon-2xl-max-width); --icon-max-height:var(--root-icon-2xl-max-height); } .ocr-icon--size-3xl { --icon-font-size:var(--root-icon-3xl-font-size); --icon-max-width:var(--root-icon-3xl-max-width); --icon-max-height:var(--root-icon-3xl-max-height); } .ocr-icon--size-4xl { --icon-font-size:var(--root-icon-4xl-font-size); --icon-max-width:var(--root-icon-4xl-max-width); --icon-max-height:var(--root-icon-4xl-max-height); } .ocr-icon > [class*=glyph-] { color: var(--icon-glyph-color); } [class*=ocr-icon-svg--] { width: var(--icon-max-width); height: var(--icon-max-height); position: relative; } .ocr-icon > svg { fill: var(--icon-svg-fill); width: 119.98%; position: absolute; height: auto; top: -12.97%; } html:not([dir=rtl]) .ocr-icon > svg { left: -9.76%; } html[dir=rtl] .ocr-icon > svg { right: -9.76%; } .ocr-icon-svg--heart { --icon-svg-path:"M12.8199 5.57912L11.9992 6.40163L11.1759 5.57838C9.07688 3.47931 5.67361 3.47931 3.57455 5.57838C1.47548 7.67744 1.47548 11.0807 3.57455 13.1798L11.4699 21.0751C11.7628 21.368 12.2377 21.368 12.5306 21.0751L20.432 13.1783C22.5264 11.0723 22.53 7.67857 20.4306 5.57912C18.3277 3.47623 14.9228 3.47623 12.8199 5.57912ZM19.3684 12.1206L12.0002 19.4842L4.63521 12.1191C3.12192 10.6058 3.12192 8.15232 4.63521 6.63904C6.14849 5.12575 8.602 5.12575 10.1153 6.63904L11.4727 7.99648C11.7706 8.29435 12.2553 8.28854 12.5459 7.98363L13.8806 6.63978C15.3977 5.12268 17.8528 5.12268 19.3699 6.63978C20.8836 8.15343 20.881 10.5997 19.3684 12.1206Z"; } .ocr-icon-svg--heart-filled { --icon-svg-path:"M12.8199 5.57912L11.9992 6.40163L11.1759 5.57838C9.07688 3.47931 5.67361 3.47931 3.57455 5.57838C1.47548 7.67744 1.47548 11.0807 3.57455 13.1798L11.4699 21.0751C11.7628 21.368 12.2377 21.368 12.5306 21.0751L20.432 13.1783C22.5264 11.0723 22.53 7.67857 20.4306 5.57912C18.3277 3.47623 14.9228 3.47623 12.8199 5.57912Z"; } .ocr-icon-svg--chevron-down { --icon-svg-path:"M4.21967 8.46967C4.51256 8.17678 4.98744 8.17678 5.28033 8.46967L12 15.1893L18.7197 8.46967C19.0126 8.17678 19.4874 8.17678 19.7803 8.46967C20.0732 8.76256 20.0732 9.23744 19.7803 9.53033L12.5303 16.7803C12.2374 17.0732 11.7626 17.0732 11.4697 16.7803L4.21967 9.53033C3.92678 9.23744 3.92678 8.76256 4.21967 8.46967Z"; } .ocr-icon-svg--chevron-down-filled { --icon-svg-path:"M4.29289 8.29289C4.68342 7.90237 5.31658 7.90237 5.70711 8.29289L12 14.5858L18.2929 8.29289C18.6834 7.90237 19.3166 7.90237 19.7071 8.29289C20.0976 8.68342 20.0976 9.31658 19.7071 9.70711L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L4.29289 9.70711C3.90237 9.31658 3.90237 8.68342 4.29289 8.29289Z"; } .ocr-icon-svg--chevron-up { --icon-svg-path:"M4.21967 15.5303C4.51256 15.8232 4.98744 15.8232 5.28033 15.5303L12 8.81066L18.7197 15.5303C19.0126 15.8232 19.4874 15.8232 19.7803 15.5303C20.0732 15.2374 20.0732 14.7626 19.7803 14.4697L12.5303 7.21967C12.2374 6.92678 11.7626 6.92678 11.4697 7.21967L4.21967 14.4697C3.92678 14.7626 3.92678 15.2374 4.21967 15.5303Z"; } .ocr-icon-svg--chevron-up-filled { --icon-svg-path:"M4.29289 15.7071C4.68342 16.0976 5.31658 16.0976 5.70711 15.7071L12 9.41421L18.2929 15.7071C18.6834 16.0976 19.3166 16.0976 19.7071 15.7071C20.0976 15.3166 20.0976 14.6834 19.7071 14.2929L12.7071 7.29289C12.3166 6.90237 11.6834 6.90237 11.2929 7.29289L4.29289 14.2929C3.90237 14.6834 3.90237 15.3166 4.29289 15.7071Z"; } .ocr-icon-svg--chevron-left { --icon-svg-path:"M15.5303 4.21967C15.8232 4.51256 15.8232 4.98744 15.5303 5.28033L8.81066 12L15.5303 18.7197C15.8232 19.0126 15.8232 19.4874 15.5303 19.7803C15.2374 20.0732 14.7626 20.0732 14.4697 19.7803L7.21967 12.5303C6.92678 12.2374 6.92678 11.7626 7.21967 11.4697L14.4697 4.21967C14.7626 3.92678 15.2374 3.92678 15.5303 4.21967Z"; } .ocr-icon-svg--chevron-left-filled { --icon-svg-path:"M15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L9.41421 12L15.7071 18.2929C16.0976 18.6834 16.0976 19.3166 15.7071 19.7071C15.3166 20.0976 14.6834 20.0976 14.2929 19.7071L7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289Z"; } .ocr-icon-svg--chevron-right { --icon-svg-path:"M8.46967 4.21967C8.17678 4.51256 8.17678 4.98744 8.46967 5.28033L15.1893 12L8.46967 18.7197C8.17678 19.0126 8.17678 19.4874 8.46967 19.7803C8.76256 20.0732 9.23744 20.0732 9.53033 19.7803L16.7803 12.5303C17.0732 12.2374 17.0732 11.7626 16.7803 11.4697L9.53033 4.21967C9.23744 3.92678 8.76256 3.92678 8.46967 4.21967Z"; } .ocr-icon-svg--chevron-right-filled { --icon-svg-path:"M8.29289 4.29289C7.90237 4.68342 7.90237 5.31658 8.29289 5.70711L14.5858 12L8.29289 18.2929C7.90237 18.6834 7.90237 19.3166 8.29289 19.7071C8.68342 20.0976 9.31658 20.0976 9.70711 19.7071L16.7071 12.7071C17.0976 12.3166 17.0976 11.6834 16.7071 11.2929L9.70711 4.29289C9.31658 3.90237 8.68342 3.90237 8.29289 4.29289Z"; } .ocr-icon-svg--add { --icon-svg-path:"M11.7498 3C12.1295 3 12.4434 3.28201 12.4931 3.64808L12.5 3.74985L12.5012 11H19.7543C20.1685 11 20.5043 11.3358 20.5043 11.75C20.5043 12.1297 20.2221 12.4435 19.8561 12.4932L19.7543 12.5H12.5012L12.5032 19.7491C12.5033 20.1633 12.1676 20.4993 11.7534 20.4993C11.3737 20.4993 11.0598 20.2173 11.0101 19.8512L11.0032 19.7494L11.0012 12.5H3.7522C3.33798 12.5 3.0022 12.1642 3.0022 11.75C3.0022 11.3703 3.28435 11.0565 3.65043 11.0068L3.7522 11H11.0012L11 3.75015C10.9999 3.33594 11.3356 3 11.7498 3Z"; } .ocr-icon-svg--add-filled { --icon-svg-path:"M11.8834 3.00673L12 3C12.5128 3 12.9355 3.38604 12.9933 3.88338L13 4V11H20C20.5128 11 20.9355 11.386 20.9933 11.8834L21 12C21 12.5128 20.614 12.9355 20.1166 12.9933L20 13H13V20C13 20.5128 12.614 20.9355 12.1166 20.9933L12 21C11.4872 21 11.0645 20.614 11.0067 20.1166L11 20V13H4C3.48716 13 3.06449 12.614 3.00673 12.1166L3 12C3 11.4872 3.38604 11.0645 3.88338 11.0067L4 11H11V4C11 3.48716 11.386 3.06449 11.8834 3.00673L12 3L11.8834 3.00673Z"; } .ocr-icon-svg--subtract { --icon-svg-path:"M3.75391 12.5H20.2458C20.66 12.5 20.9958 12.1642 20.9958 11.75C20.9958 11.3358 20.66 11 20.2458 11H3.75391C3.33969 11 3.00391 11.3358 3.00391 11.75C3.00391 12.1642 3.33969 12.5 3.75391 12.5Z"; } .ocr-icon-svg--subtract-filled { --icon-svg-path:"M3.99609 13H19.9996C20.5519 13 20.9996 12.5523 20.9996 12C20.9996 11.4477 20.5519 11 19.9996 11H3.99609C3.44381 11 2.99609 11.4477 2.99609 12C2.99609 12.5523 3.44381 13 3.99609 13Z"; } .ocr-icon-svg--arrow-right { --icon-svg-path:"M13.2673 4.20889C12.9674 3.9232 12.4926 3.93475 12.2069 4.23467C11.9212 4.5346 11.9328 5.00933 12.2327 5.29502L18.4841 11.2496H3.75C3.33579 11.2496 3 11.5854 3 11.9996C3 12.4138 3.33579 12.7496 3.75 12.7496H18.4842L12.2327 18.7043C11.9328 18.99 11.9212 19.4648 12.2069 19.7647C12.4926 20.0646 12.9674 20.0762 13.2673 19.7905L20.6862 12.7238C20.8551 12.5629 20.9551 12.3576 20.9861 12.1443C20.9952 12.0975 21 12.0491 21 11.9996C21 11.9501 20.9952 11.9016 20.986 11.8547C20.955 11.6415 20.855 11.4364 20.6862 11.2756L13.2673 4.20889Z"; } .ocr-icon-svg--arrow-right-filled { --icon-svg-path:"M13.7045 4.28377C13.3111 3.89615 12.678 3.90084 12.2904 4.29424C11.9027 4.68765 11.9074 5.3208 12.3008 5.70842L17.6712 10.9998H4C3.44771 10.9998 3 11.4475 3 11.9998C3 12.5521 3.44772 12.9998 4 12.9998H17.6646L12.3008 18.2847C11.9074 18.6723 11.9027 19.3055 12.2904 19.6989C12.678 20.0923 13.3111 20.097 13.7045 19.7094L20.6287 12.887C21.1256 12.3974 21.1256 11.5958 20.6287 11.1062L13.7045 4.28377Z"; } .ocr-icon-svg--arrow-left { --icon-svg-path:"M10.7327 19.7905C11.0326 20.0762 11.5074 20.0646 11.7931 19.7647C12.0788 19.4648 12.0672 18.99 11.7673 18.7043L5.51587 12.7497L20.25 12.7497C20.6642 12.7497 21 12.4139 21 11.9997C21 11.5855 20.6642 11.2497 20.25 11.2497L5.51577 11.2497L11.7673 5.29502C12.0672 5.00933 12.0787 4.5346 11.7931 4.23467C11.5074 3.93475 11.0326 3.9232 10.7327 4.20889L3.31379 11.2756C3.14486 11.4365 3.04491 11.6417 3.01393 11.8551C3.00479 11.9019 3 11.9503 3 11.9997C3 12.0493 3.00481 12.0977 3.01398 12.1446C3.04502 12.3579 3.14496 12.563 3.31379 12.7238L10.7327 19.7905Z"; } .ocr-icon-svg--arrow-left-filled { --icon-svg-path:"M10.2949 19.7152C10.6883 20.1028 11.3215 20.0981 11.7091 19.7047C12.0967 19.3113 12.092 18.6782 11.6986 18.2906L6.32827 12.9992H19.9995C20.5517 12.9992 20.9995 12.5514 20.9995 11.9992C20.9995 11.4469 20.5517 10.9992 19.9995 10.9992H6.33488L11.6986 5.71428C12.092 5.32666 12.0967 4.69351 11.7091 4.3001C11.3215 3.9067 10.6883 3.90201 10.2949 4.28963L3.37073 11.112C2.87382 11.6016 2.87382 12.4032 3.37073 12.8928L10.2949 19.7152Z"; } .ocr-icon-svg--arrow-down { --icon-svg-path:"M19.7905 13.2673C20.0762 12.9674 20.0646 12.4926 19.7647 12.2069C19.4648 11.9212 18.99 11.9328 18.7043 12.2327L12.7498 18.484V3.75C12.7498 3.33579 12.4141 3 11.9998 3C11.5856 3 11.2498 3.33579 11.2498 3.75V18.4844L5.29502 12.2327C5.00933 11.9328 4.5346 11.9212 4.23467 12.2069C3.93475 12.4926 3.9232 12.9674 4.20889 13.2673L11.2756 20.6862C11.4366 20.8553 11.642 20.9552 11.8556 20.9861C11.9023 20.9952 11.9505 21 11.9998 21C12.0495 21 12.0981 20.9952 12.1451 20.9859C12.3582 20.9548 12.5631 20.8549 12.7238 20.6862L19.7905 13.2673Z"; } .ocr-icon-svg--arrow-down-filled { --icon-svg-path:"M19.7162 13.7045C20.1038 13.3111 20.0991 12.678 19.7057 12.2903C19.3123 11.9027 18.6792 11.9074 18.2915 12.3008L13.0002 17.6711V4C13.0002 3.44771 12.5525 3 12.0002 3C11.4479 3 11.0002 3.44772 11.0002 4V17.6646L5.71525 12.3008C5.32763 11.9074 4.69448 11.9027 4.30108 12.2903C3.90767 12.678 3.90298 13.3111 4.29061 13.7045L11.113 20.6287C11.6026 21.1256 12.4042 21.1256 12.8938 20.6287L19.7162 13.7045Z"; } .ocr-icon-svg--arrow-up { --icon-svg-path:"M4.20889 10.7327C3.9232 11.0326 3.93475 11.5074 4.23467 11.7931C4.5346 12.0788 5.00933 12.0672 5.29502 11.7673L11.2495 5.516V20.25C11.2495 20.6642 11.5853 21 11.9995 21C12.4137 21 12.7495 20.6642 12.7495 20.25V5.51565L18.7043 11.7673C18.99 12.0672 19.4648 12.0788 19.7647 11.7931C20.0646 11.5074 20.0762 11.0326 19.7905 10.7327L12.7238 3.31379C12.5627 3.14474 12.3573 3.04477 12.1438 3.01386C12.0971 3.00477 12.0489 3 11.9995 3C11.9498 3 11.9012 3.00483 11.8543 3.01406C11.6412 3.04518 11.4363 3.14509 11.2756 3.31379L4.20889 10.7327Z"; } .ocr-icon-svg--arrow-up-filled { --icon-svg-path:"M4.28377 10.2949C3.89615 10.6883 3.90084 11.3215 4.29424 11.7091C4.68765 12.0967 5.3208 12.092 5.70842 11.6986L10.9998 6.32833V19.9994C10.9998 20.5517 11.4475 20.9994 11.9998 20.9994C12.552 20.9994 12.9998 20.5517 12.9998 19.9994V6.33481L18.2847 11.6986C18.6723 12.092 19.3055 12.0967 19.6989 11.7091C20.0923 11.3215 20.097 10.6883 19.7094 10.2949L12.887 3.37073C12.3974 2.87382 11.5958 2.87382 11.1062 3.37073L4.28377 10.2949Z"; } .ocr-icon-svg--dismiss { --icon-svg-path:"M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z"; } .ocr-icon-svg--dismiss-filled { --icon-svg-path:"M4.2097 4.3871L4.29289 4.29289C4.65338 3.93241 5.22061 3.90468 5.6129 4.2097L5.70711 4.29289L12 10.585L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.415 12L19.7071 18.2929C20.0676 18.6534 20.0953 19.2206 19.7903 19.6129L19.7071 19.7071C19.3466 20.0676 18.7794 20.0953 18.3871 19.7903L18.2929 19.7071L12 13.415L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.585 12L4.29289 5.70711C3.93241 5.34662 3.90468 4.77939 4.2097 4.3871L4.29289 4.29289L4.2097 4.3871Z"; } .ocr-icon-svg--dismiss-circle { --icon-svg-path:"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM15.4462 8.39705L15.5303 8.46967C15.7966 8.73594 15.8208 9.1526 15.6029 9.44621L15.5303 9.53033L13.061 12L15.5303 14.4697C15.7966 14.7359 15.8208 15.1526 15.6029 15.4462L15.5303 15.5303C15.2641 15.7966 14.8474 15.8208 14.5538 15.6029L14.4697 15.5303L12 13.061L9.53033 15.5303C9.26406 15.7966 8.8474 15.8208 8.55379 15.6029L8.46967 15.5303C8.2034 15.2641 8.1792 14.8474 8.39705 14.5538L8.46967 14.4697L10.939 12L8.46967 9.53033C8.2034 9.26406 8.1792 8.8474 8.39705 8.55379L8.46967 8.46967C8.73594 8.2034 9.1526 8.1792 9.44621 8.39705L9.53033 8.46967L12 10.939L14.4697 8.46967C14.7359 8.2034 15.1526 8.1792 15.4462 8.39705Z"; } .ocr-icon-svg--dismiss-circle-filled { --icon-svg-path:"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.5303 8.46967L15.4462 8.39705C15.1852 8.2034 14.827 8.20101 14.5636 8.38988L14.4697 8.46967L12 10.939L9.53033 8.46967L9.44621 8.39705C9.18522 8.2034 8.82701 8.20101 8.56362 8.38988L8.46967 8.46967L8.39705 8.55379C8.2034 8.81478 8.20101 9.17299 8.38988 9.43638L8.46967 9.53033L10.939 12L8.46967 14.4697L8.39705 14.5538C8.2034 14.8148 8.20101 15.173 8.38988 15.4364L8.46967 15.5303L8.55379 15.6029C8.81478 15.7966 9.17299 15.799 9.43638 15.6101L9.53033 15.5303L12 13.061L14.4697 15.5303L14.5538 15.6029C14.8148 15.7966 15.173 15.799 15.4364 15.6101L15.5303 15.5303L15.6029 15.4462C15.7966 15.1852 15.799 14.827 15.6101 14.5636L15.5303 14.4697L13.061 12L15.5303 9.53033L15.6029 9.44621C15.7966 9.18522 15.799 8.82701 15.6101 8.56362L15.5303 8.46967L15.4462 8.39705L15.5303 8.46967Z"; } .ocr-icon-svg--more-vertical { --icon-svg-path:"M12 7.75C11.0335 7.75 10.25 6.9665 10.25 6C10.25 5.0335 11.0335 4.25 12 4.25C12.9665 4.25 13.75 5.0335 13.75 6C13.75 6.9665 12.9665 7.75 12 7.75ZM12 13.75C11.0335 13.75 10.25 12.9665 10.25 12C10.25 11.0335 11.0335 10.25 12 10.25C12.9665 10.25 13.75 11.0335 13.75 12C13.75 12.9665 12.9665 13.75 12 13.75ZM10.25 18C10.25 18.9665 11.0335 19.75 12 19.75C12.9665 19.75 13.75 18.9665 13.75 18C13.75 17.0335 12.9665 16.25 12 16.25C11.0335 16.25 10.25 17.0335 10.25 18Z"; } .ocr-icon-svg--more-vertical-filled { --icon-svg-path:"M12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6C14 7.10457 13.1046 8 12 8ZM12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14ZM10 18C10 19.1046 10.8954 20 12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18Z"; } .ocr-icon-svg--more-horizontal { --icon-svg-path:"M7.75 12C7.75 12.9665 6.9665 13.75 6 13.75C5.0335 13.75 4.25 12.9665 4.25 12C4.25 11.0335 5.0335 10.25 6 10.25C6.9665 10.25 7.75 11.0335 7.75 12ZM13.75 12C13.75 12.9665 12.9665 13.75 12 13.75C11.0335 13.75 10.25 12.9665 10.25 12C10.25 11.0335 11.0335 10.25 12 10.25C12.9665 10.25 13.75 11.0335 13.75 12ZM18 13.75C18.9665 13.75 19.75 12.9665 19.75 12C19.75 11.0335 18.9665 10.25 18 10.25C17.0335 10.25 16.25 11.0335 16.25 12C16.25 12.9665 17.0335 13.75 18 13.75Z"; } .ocr-icon-svg--more-horizontal-filled { --icon-svg-path:"M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM18 14C19.1046 14 20 13.1046 20 12C20 10.8954 19.1046 10 18 10C16.8954 10 16 10.8954 16 12C16 13.1046 16.8954 14 18 14Z"; } .ocr-icon-svg--pause { --icon-svg-path:"M6.25 3C5.00736 3 4 4.00736 4 5.25V18.75C4 19.9926 5.00736 21 6.25 21H8.75C9.99264 21 11 19.9926 11 18.75V5.25C11 4.00736 9.99264 3 8.75 3H6.25ZM5.5 5.25C5.5 4.83579 5.83579 4.5 6.25 4.5H8.75C9.16421 4.5 9.5 4.83579 9.5 5.25V18.75C9.5 19.1642 9.16421 19.5 8.75 19.5H6.25C5.83579 19.5 5.5 19.1642 5.5 18.75V5.25ZM15.25 3C14.0074 3 13 4.00736 13 5.25V18.75C13 19.9926 14.0074 21 15.25 21H17.75C18.9926 21 20 19.9926 20 18.75V5.25C20 4.00736 18.9926 3 17.75 3H15.25ZM14.5 5.25C14.5 4.83579 14.8358 4.5 15.25 4.5H17.75C18.1642 4.5 18.5 4.83579 18.5 5.25V18.75C18.5 19.1642 18.1642 19.5 17.75 19.5H15.25C14.8358 19.5 14.5 19.1642 14.5 18.75V5.25Z"; } .ocr-icon-svg--pause-filled { --icon-svg-path:"M5.74609 3C4.7796 3 3.99609 3.7835 3.99609 4.75V19.25C3.99609 20.2165 4.7796 21 5.74609 21H9.24609C10.2126 21 10.9961 20.2165 10.9961 19.25V4.75C10.9961 3.7835 10.2126 3 9.24609 3H5.74609ZM14.7461 3C13.7796 3 12.9961 3.7835 12.9961 4.75V19.25C12.9961 20.2165 13.7796 21 14.7461 21H18.2461C19.2126 21 19.9961 20.2165 19.9961 19.25V4.75C19.9961 3.7835 19.2126 3 18.2461 3H14.7461Z"; } .ocr-icon-svg--play { --icon-svg-path:"M7.60846 4.61489C7.1087 4.34296 6.5 4.70472 6.5 5.27368V18.726C6.5 19.2949 7.1087 19.6567 7.60846 19.3848L19.97 12.6586C20.4921 12.3746 20.4921 11.6251 19.97 11.341L7.60846 4.61489ZM5 5.27368C5 3.56682 6.82609 2.48151 8.32538 3.2973L20.687 10.0235C22.2531 10.8756 22.2531 13.124 20.687 13.9762L8.32538 20.7024C6.82609 21.5181 5 20.4328 5 18.726V5.27368Z"; } .ocr-icon-svg--play-filled { --icon-svg-path:"M5 5.27368C5 3.56682 6.82609 2.48151 8.32538 3.2973L20.687 10.0235C22.2531 10.8756 22.2531 13.124 20.687 13.9762L8.32538 20.7024C6.82609 21.5181 5 20.4328 5 18.726V5.27368Z"; } .ocr-icon-svg--speaker-off { --icon-svg-path:"M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L6.43782 7.49856H4.25C3.00736 7.49856 2 8.50592 2 9.74856V14.2465C2 15.4891 3.00736 16.4965 4.25 16.4965H7.92956C8.11329 16.4965 8.29063 16.5639 8.42793 16.686L12.9194 20.6797C13.7255 21.3965 15 20.8242 15 19.7456V16.0609L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM13.5 14.5609V19.1888L9.42465 15.565C9.01275 15.1988 8.48074 14.9965 7.92956 14.9965H4.25C3.83579 14.9965 3.5 14.6607 3.5 14.2465V9.74856C3.5 9.33435 3.83579 8.99856 4.25 8.99856H7.92961C7.93233 8.99856 7.93505 8.99856 7.93777 8.99855L13.5 14.5609ZM13.5 4.80677V10.3182L15 11.8182V4.24998C15 3.17136 13.7255 2.59913 12.9195 3.3158L9.52003 6.33813L10.5825 7.40062L13.5 4.80677ZM17.141 13.9592L18.279 15.0973C18.7408 14.1628 19 13.1107 19 12C19 10.7968 18.6958 9.66243 18.1596 8.67182C17.9624 8.30755 17.5072 8.17211 17.143 8.36931C16.7787 8.5665 16.6432 9.02165 16.8404 9.38591C17.2609 10.1627 17.5 11.0523 17.5 12C17.5 12.691 17.3729 13.3512 17.141 13.9592ZM19.3881 16.2064L20.4815 17.2998C21.4437 15.7631 22 13.9457 22 12C22 9.77388 21.2717 7.71568 20.0407 6.0536C19.7941 5.72075 19.3244 5.65077 18.9916 5.89731C18.6587 6.14384 18.5888 6.61353 18.8353 6.94639C19.8815 8.35894 20.5 10.1062 20.5 12C20.5 13.5311 20.0958 14.9663 19.3881 16.2064Z"; } .ocr-icon-svg--speaker-off-filled { --icon-svg-path:"M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L6.43783 7.49858H4.25C3.00736 7.49858 2 8.50594 2 9.74858V14.2465C2 15.4891 3.00736 16.4965 4.25 16.4965H7.92956C8.11329 16.4965 8.29063 16.5639 8.42793 16.686L12.9194 20.6797C13.7255 21.3965 15 20.8243 15 19.7456V16.0609L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM17.141 13.9593L18.279 15.0973C18.7408 14.1628 19 13.1107 19 12C19 10.7968 18.6958 9.66244 18.1596 8.67183C17.9624 8.30757 17.5072 8.17213 17.143 8.36932C16.7787 8.56651 16.6432 9.02166 16.8404 9.38593C17.2609 10.1627 17.5 11.0523 17.5 12C17.5 12.691 17.3729 13.3512 17.141 13.9593ZM19.3881 16.2064L20.4815 17.2999C21.4437 15.7631 22 13.9457 22 12C22 9.77389 21.2717 7.71569 20.0407 6.05362C19.7941 5.72076 19.3244 5.65079 18.9916 5.89732C18.6587 6.14386 18.5888 6.61355 18.8353 6.9464C19.8815 8.35896 20.5 10.1062 20.5 12C20.5 13.5311 20.0958 14.9663 19.3881 16.2064ZM9.52004 6.33813L15 11.8182V4.25C15 3.17137 13.7255 2.59914 12.9195 3.31582L9.52004 6.33813Z"; } .ocr-icon-svg--accessibility { --icon-svg-path:"M10.5 5C10.5 5.64117 10.9022 6.18838 11.4682 6.403C11.8174 6.48797 12.1822 6.48801 12.5315 6.4031C13.0975 6.18855 13.5 5.64127 13.5 5C13.5 4.17157 12.8284 3.5 12 3.5C11.1715 3.5 10.5 4.17157 10.5 5ZM9.02622 5.39876C9.0089 5.2683 8.99995 5.1352 8.99995 5C8.99995 3.34315 10.3431 2 12 2C13.6568 2 15 3.34315 15 5C15 5.13522 14.991 5.26835 14.9737 5.39883L17.8502 4.17784C18.9933 3.6926 20.318 4.2222 20.8116 5.36177C21.3069 6.50526 20.7776 7.82908 19.6306 8.31599L16.0025 9.85602V13.5732L17.8768 19.0167C18.2814 20.1916 17.6569 21.4721 16.4819 21.8766C15.307 22.2812 14.0266 21.6567 13.622 20.4818L12.0001 15.7715L10.3783 20.4815C9.97376 21.6565 8.69332 22.281 7.51838 21.8764C6.34344 21.4719 5.71892 20.1914 6.12349 19.0165L8.00247 13.5595V9.85809L4.3695 8.31599C3.22242 7.82908 2.69318 6.50526 3.18846 5.36177C3.68204 4.2222 5.00676 3.6926 6.1499 4.17784L9.02622 5.39876ZM11.022 7.83699C10.8569 7.79238 10.6941 7.73627 10.5348 7.66865L5.56381 5.55859C5.1793 5.39538 4.73092 5.57464 4.5649 5.95794C4.40058 6.33732 4.57503 6.77369 4.9556 6.93523L8.74088 8.54199C9.20262 8.73798 9.50247 9.19101 9.50247 9.69262V13.6014C9.50247 13.7399 9.47946 13.8774 9.43437 14.0083L7.54177 19.5048C7.40691 19.8965 7.61508 20.3233 8.00673 20.4581C8.39838 20.593 8.82519 20.3848 8.96004 19.9932L11.0684 13.8702C11.3739 12.9821 12.6275 12.9856 12.9318 13.8699L15.0403 19.9934C15.1751 20.3851 15.6019 20.5932 15.9936 20.4584C16.3852 20.3235 16.5934 19.8967 16.4585 19.5051L14.5706 14.022C14.5255 13.891 14.5025 13.7535 14.5025 13.615V9.69055C14.5025 9.18894 14.8023 8.73591 15.2641 8.53992L19.0445 6.93523C19.425 6.77369 19.5995 6.33732 19.4352 5.95794C19.2691 5.57464 18.8208 5.39538 18.4362 5.55859L13.4653 7.66865C13.3057 7.73636 13.1427 7.79254 12.9773 7.83718C12.671 7.9427 12.3422 8 12 8C11.6575 8 11.3285 7.94264 11.022 7.83699Z"; } .ocr-icon-svg--accessibility-filled { --icon-svg-path:"M12 6.5C13.2426 6.5 14.25 5.49264 14.25 4.25C14.25 3.00736 13.2426 2 12 2C10.7574 2 9.75 3.00736 9.75 4.25C9.75 5.49264 10.7574 6.5 12 6.5ZM6.14978 4.17803C5.00664 3.69279 3.68192 4.22239 3.18834 5.36195C2.69306 6.50545 3.2223 7.82927 4.36938 8.31617L7.39308 9.59966C7.76247 9.75645 8.00235 10.1189 8.00235 10.5202V13.5597L6.12337 19.0167C5.7188 20.1916 6.34332 21.4721 7.51826 21.8766C8.69319 22.2812 9.97364 21.6567 10.3782 20.4817L11.7636 16.4582C11.841 16.2334 12.159 16.2334 12.2364 16.4582L13.6219 20.4819C14.0264 21.6569 15.3069 22.2814 16.4818 21.8768C17.6568 21.4723 18.2813 20.1918 17.8767 19.0169L16.0023 13.56V10.5181C16.0023 10.1168 16.2422 9.75438 16.6116 9.59759L19.6304 8.31617C20.7775 7.82927 21.3068 6.50545 20.8115 5.36195C20.3179 4.22239 18.9932 3.69279 17.85 4.17803L16.244 4.85973C15.9033 5.00435 15.6657 5.28256 15.5492 5.59067C15.0072 7.02499 13.6215 8.04295 12 8.04295C10.3784 8.04295 8.99272 7.025 8.45067 5.5907C8.33423 5.2826 8.09658 5.00439 7.75589 4.85978L6.14978 4.17803Z"; } .ocr-icon-svg--keyboard { --icon-svg-path:"M19.7454 5C20.988 5 21.9954 6.00736 21.9954 7.25V16.7546C21.9954 17.9972 20.988 19.0046 19.7454 19.0046H4.25C3.00736 19.0046 2 17.9972 2 16.7546V7.25C2 6.00736 3.00736 5 4.25 5H19.7454ZM19.7454 6.5H4.25C3.83579 6.5 3.5 6.83579 3.5 7.25V16.7546C3.5 17.1688 3.83579 17.5046 4.25 17.5046H19.7454C20.1596 17.5046 20.4954 17.1688 20.4954 16.7546V7.25C20.4954 6.83579 20.1596 6.5 19.7454 6.5ZM6.75 14.5H17.25C17.6642 14.5 18 14.8358 18 15.25C18 15.6297 17.7178 15.9435 17.3518 15.9932L17.25 16H6.75C6.33579 16 6 15.6642 6 15.25C6 14.8703 6.28215 14.5565 6.64823 14.5068L6.75 14.5H17.25H6.75ZM16.5 11C17.0523 11 17.5 11.4477 17.5 12C17.5 12.5523 17.0523 13 16.5 13C15.9477 13 15.5 12.5523 15.5 12C15.5 11.4477 15.9477 11 16.5 11ZM10.5049 11C11.0572 11 11.5049 11.4477 11.5049 12C11.5049 12.5523 11.0572 13 10.5049 13C9.95259 13 9.50488 12.5523 9.50488 12C9.50488 11.4477 9.95259 11 10.5049 11ZM7.50488 11C8.05716 11 8.50488 11.4477 8.50488 12C8.50488 12.5523 8.05716 13 7.50488 13C6.95259 13 6.50488 12.5523 6.50488 12C6.50488 11.4477 6.95259 11 7.50488 11ZM13.5049 11C14.0572 11 14.5049 11.4477 14.5049 12C14.5049 12.5523 14.0572 13 13.5049 13C12.9526 13 12.5049 12.5523 12.5049 12C12.5049 11.4477 12.9526 11 13.5049 11ZM6 8C6.55228 8 7 8.44772 7 9C7 9.55228 6.55228 10 6 10C5.44772 10 5 9.55228 5 9C5 8.44772 5.44772 8 6 8ZM8.99512 8C9.54741 8 9.99512 8.44772 9.99512 9C9.99512 9.55228 9.54741 10 8.99512 10C8.44284 10 7.99512 9.55228 7.99512 9C7.99512 8.44772 8.44284 8 8.99512 8ZM11.9951 8C12.5474 8 12.9951 8.44772 12.9951 9C12.9951 9.55228 12.5474 10 11.9951 10C11.4428 10 10.9951 9.55228 10.9951 9C10.9951 8.44772 11.4428 8 11.9951 8ZM14.9951 8C15.5474 8 15.9951 8.44772 15.9951 9C15.9951 9.55228 15.5474 10 14.9951 10C14.4428 10 13.9951 9.55228 13.9951 9C13.9951 8.44772 14.4428 8 14.9951 8ZM17.9951 8C18.5474 8 18.9951 8.44772 18.9951 9C18.9951 9.55228 18.5474 10 17.9951 10C17.4428 10 16.9951 9.55228 16.9951 9C16.9951 8.44772 17.4428 8 17.9951 8Z"; } .ocr-icon-svg--keyboard-filled { --icon-svg-path:"M19.7454 5C20.988 5 21.9954 6.00736 21.9954 7.25V16.7546C21.9954 17.9972 20.988 19.0046 19.7454 19.0046H4.25C3.00736 19.0046 2 17.9972 2 16.7546V7.25C2 6.00736 3.00736 5 4.25 5H19.7454ZM17.25 14.5H6.75L6.64823 14.5068C6.28215 14.5565 6 14.8703 6 15.25C6 15.6297 6.28215 15.9435 6.64823 15.9932L6.75 16H17.25L17.3518 15.9932C17.7178 15.9435 18 15.6297 18 15.25C18 14.8703 17.7178 14.5565 17.3518 14.5068L17.25 14.5ZM16.5 11C15.9477 11 15.5 11.4477 15.5 12C15.5 12.5523 15.9477 13 16.5 13C17.0523 13 17.5 12.5523 17.5 12C17.5 11.4477 17.0523 11 16.5 11ZM13.5049 11C12.9526 11 12.5049 11.4477 12.5049 12C12.5049 12.5523 12.9526 13 13.5049 13C14.0572 13 14.5049 12.5523 14.5049 12C14.5049 11.4477 14.0572 11 13.5049 11ZM10.5049 11C9.95259 11 9.50488 11.4477 9.50488 12C9.50488 12.5523 9.95259 13 10.5049 13C11.0572 13 11.5049 12.5523 11.5049 12C11.5049 11.4477 11.0572 11 10.5049 11ZM7.50488 11C6.95259 11 6.50488 11.4477 6.50488 12C6.50488 12.5523 6.95259 13 7.50488 13C8.05716 13 8.50488 12.5523 8.50488 12C8.50488 11.4477 8.05716 11 7.50488 11ZM6 8C5.44772 8 5 8.44772 5 9C5 9.55228 5.44772 10 6 10C6.55228 10 7 9.55228 7 9C7 8.44772 6.55228 8 6 8ZM8.99512 8C8.44284 8 7.99512 8.44772 7.99512 9C7.99512 9.55228 8.44284 10 8.99512 10C9.54741 10 9.99512 9.55228 9.99512 9C9.99512 8.44772 9.54741 8 8.99512 8ZM11.9951 8C11.4428 8 10.9951 8.44772 10.9951 9C10.9951 9.55228 11.4428 10 11.9951 10C12.5474 10 12.9951 9.55228 12.9951 9C12.9951 8.44772 12.5474 8 11.9951 8ZM14.9951 8C14.4428 8 13.9951 8.44772 13.9951 9C13.9951 9.55228 14.4428 10 14.9951 10C15.5474 10 15.9951 9.55228 15.9951 9C15.9951 8.44772 15.5474 8 14.9951 8ZM17.9951 8C17.4428 8 16.9951 8.44772 16.9951 9C16.9951 9.55228 17.4428 10 17.9951 10C18.5474 10 18.9951 9.55228 18.9951 9C18.9951 8.44772 18.5474 8 17.9951 8Z"; } .ocr-icon-svg--person-support { --icon-svg-path:"M19.9995 16.2461C19.9995 15.0041 18.9927 13.9972 17.7506 13.9972H6.24888C5.00686 13.9972 4 15.0041 4 16.2461V16.8238C4 17.7166 4.31852 18.5801 4.89828 19.259C6.46458 21.0932 8.8506 21.9984 11.9965 21.9984C15.1418 21.9984 17.529 21.0935 19.0984 19.26C19.6799 18.5807 19.9995 17.7158 19.9995 16.8215V16.2461ZM6.24888 15.4972H17.7506C18.1642 15.4972 18.4995 15.8325 18.4995 16.2461V16.8215C18.4995 17.3581 18.3078 17.877 17.9588 18.2846C16.7024 19.7526 14.7348 20.4984 11.9965 20.4984C9.25815 20.4984 7.29228 19.7526 6.03897 18.2849C5.69111 17.8776 5.5 17.3595 5.5 16.8238V16.2461C5.5 15.8325 5.83528 15.4972 6.24888 15.4972ZM16.9965 7.00195C16.9965 4.24053 14.7579 2.00195 11.9965 2.00195C10.346 2.00195 8.88224 2.80167 7.97166 4.03476C7.90089 4.01263 7.82562 4.00071 7.74756 4.00071L5.24976 4.00071C4.83554 4.0007 4.49976 4.33649 4.49976 4.75071L4.49976 10.2495C4.49976 11.7683 5.731 12.9995 7.2498 12.9995L7.49977 12.9995V12.9952C7.5032 12.9952 7.50664 12.9952 7.51009 12.9952C8.061 12.9952 8.5076 12.5486 8.5076 11.9977C8.5076 11.4468 8.061 11.0002 7.51009 11.0002C7.19071 11.0002 6.90639 11.1503 6.72382 11.3838C6.29624 11.1852 5.99976 10.752 5.99976 10.2495V9.99902H6.74756C7.12823 9.99902 7.48052 9.87748 7.76772 9.67108C8.6537 11.0718 10.2165 12.002 11.9965 12.002C14.7579 12.002 16.9965 9.76338 16.9965 7.00195ZM6.99756 6.896C6.99683 6.93123 6.99646 6.96655 6.99646 7.00195C6.99646 7.03736 6.99683 7.07268 6.99756 7.10791V8.24902C6.99756 8.38709 6.88563 8.49902 6.74756 8.49902H5.99976L5.99976 5.50071H6.99756L6.99756 6.896ZM8.49756 7.09058V6.91333C8.54458 5.02128 10.0931 3.50195 11.9965 3.50195C13.9295 3.50195 15.4965 5.06896 15.4965 7.00195C15.4965 8.93495 13.9295 10.502 11.9965 10.502C10.0931 10.502 8.54458 8.98262 8.49756 7.09058Z"; } .ocr-icon-svg--person-support-filled { --icon-svg-path:"M19.9995 16.2461C19.9995 15.0041 18.9927 13.9972 17.7506 13.9972H6.24888C5.00686 13.9972 4 15.0041 4 16.2461V17.1661C4 17.7382 4.17841 18.296 4.51037 18.7619C6.05253 20.9262 8.57549 21.9984 11.9965 21.9984C15.4167 21.9984 17.941 20.9267 19.4869 18.7635C19.8203 18.297 19.9995 17.7379 19.9995 17.1646V16.2461ZM16.9965 7.00195C16.9965 4.24053 14.7579 2.00195 11.9965 2.00195C10.346 2.00195 8.88224 2.80167 7.97166 4.03476C7.90089 4.01263 7.82562 4.00071 7.74756 4.00071L5.24976 4.00071C4.83554 4.0007 4.49976 4.33649 4.49976 4.75071L4.49976 10.2495C4.49976 11.7683 5.731 12.9995 7.2498 12.9995L7.49977 12.9995V12.9952C7.50316 12.9952 7.50656 12.9952 7.50996 12.9952C8.06087 12.9952 8.50748 12.5486 8.50748 11.9977C8.50748 11.4468 8.06087 11.0002 7.50996 11.0002C7.19061 11.0002 6.9063 11.1503 6.72373 11.3837C6.2962 11.1851 5.99976 10.7519 5.99976 10.2495V9.99902H6.74756C7.12823 9.99902 7.48052 9.87748 7.76772 9.67108C8.6537 11.0718 10.2165 12.002 11.9965 12.002C14.7579 12.002 16.9965 9.76338 16.9965 7.00195ZM6.99756 6.896C6.99683 6.93123 6.99646 6.96655 6.99646 7.00195C6.99646 7.03736 6.99683 7.07268 6.99756 7.10791V8.24902C6.99756 8.38709 6.88563 8.49902 6.74756 8.49902H5.99976L5.99976 5.50071H6.99756L6.99756 6.896Z"; } .ocr-icon-svg--learning-app { --icon-svg-path:"M5.5 2C4.11929 2 3 3.11929 3 4.5V19.5C3 20.8807 4.11929 22 5.5 22H12.8096C12.3832 21.5557 12.0194 21.051 11.7322 20.5H5.5C4.94772 20.5 4.5 20.0523 4.5 19.5H11.3135C11.159 19.0218 11.0585 18.5195 11.0189 18H4.5V4.5C4.5 3.94772 4.94772 3.5 5.5 3.5H17C17.5523 3.5 18 3.94772 18 4.5V11.0189C18.5195 11.0585 19.0218 11.159 19.5 11.3135V4.5C19.5 3.11929 18.3807 2 17 2H5.5ZM23 17.5C23 14.4624 20.5376 12 17.5 12C14.4624 12 12 14.4624 12 17.5C12 20.5376 14.4624 23 17.5 23C20.5376 23 23 20.5376 23 17.5ZM16.9138 15.097L19.7203 16.9373C19.8073 16.9933 19.8757 17.0677 19.9254 17.1604C19.9751 17.251 20 17.3502 20 17.458C20 17.5614 19.9762 17.6606 19.9285 17.7555C19.8809 17.8504 19.8146 17.9258 19.7296 17.9819L16.9231 19.8965C16.8713 19.931 16.8184 19.9569 16.7646 19.9741C16.7128 19.9914 16.6568 20 16.5967 20C16.518 20 16.4424 19.9838 16.3699 19.9515C16.2973 19.917 16.2331 19.8717 16.1772 19.8157C16.1233 19.7574 16.0798 19.6906 16.0466 19.6151C16.0155 19.5397 16 19.461 16 19.379V15.621C16 15.5369 16.0155 15.4571 16.0466 15.3816C16.0798 15.3062 16.1233 15.2404 16.1772 15.1843C16.231 15.1283 16.2942 15.0841 16.3667 15.0517C16.4393 15.0172 16.5159 15 16.5967 15C16.7128 15 16.8184 15.0323 16.9138 15.097ZM6 6C6 5.44772 6.44772 5 7 5H15C15.5523 5 16 5.44772 16 6V8C16 8.55228 15.5523 9 15 9H7C6.44772 9 6 8.55228 6 8V6ZM7.5 7.5H14.5V6.5H7.5V7.5Z"; } .ocr-icon-svg--learning-app-filled { --icon-svg-path:"M5.5 2H17C18.3807 2 19.5 3.11929 19.5 4.5V11.3135C18.8699 11.11 18.1978 11 17.5 11C13.9101 11 11 13.9101 11 17.5C11 18.1978 11.11 18.8699 11.3135 19.5H4.5C4.5 20.0523 4.94772 20.5 5.5 20.5H11.7322C12.0194 21.051 12.3832 21.5557 12.8096 22H5.5C4.11929 22 3 20.8807 3 19.5V4.5C3 3.11929 4.11929 2 5.5 2ZM7 5C6.44772 5 6 5.44772 6 6V7C6 7.55228 6.44772 8 7 8H15C15.5523 8 16 7.55228 16 7V6C16 5.44772 15.5523 5 15 5H7ZM23 17.5C23 14.4624 20.5376 12 17.5 12C14.4624 12 12 14.4624 12 17.5C12 20.5376 14.4624 23 17.5 23C20.5376 23 23 20.5376 23 17.5ZM16.9138 15.097L19.7203 16.9373C19.8073 16.9933 19.8757 17.0677 19.9254 17.1604C19.9751 17.251 20 17.3502 20 17.458C20 17.5614 19.9762 17.6606 19.9285 17.7555C19.8809 17.8504 19.8146 17.9258 19.7296 17.9819L16.9231 19.8965C16.8713 19.931 16.8184 19.9569 16.7646 19.9741C16.7128 19.9914 16.6568 20 16.5967 20C16.518 20 16.4424 19.9838 16.3699 19.9515C16.2973 19.917 16.2331 19.8717 16.1772 19.8157C16.1233 19.7574 16.0798 19.6906 16.0466 19.6151C16.0155 19.5397 16 19.461 16 19.379V15.621C16 15.5369 16.0155 15.4571 16.0466 15.3816C16.0798 15.3062 16.1233 15.2404 16.1772 15.1843C16.231 15.1283 16.2942 15.0841 16.3667 15.0517C16.4393 15.0172 16.5159 15 16.5967 15C16.7128 15 16.8184 15.0323 16.9138 15.097Z"; } .ocr-icon-svg--group-of-people { --icon-svg-path:"M14.754 10C15.7205 10 16.504 10.7835 16.504 11.75V16.499C16.504 18.9848 14.4888 21 12.003 21C9.51712 21 7.50193 18.9848 7.50193 16.499V11.75C7.50193 10.7835 8.28543 10 9.25193 10H14.754ZM14.754 11.5H9.25193C9.11386 11.5 9.00193 11.6119 9.00193 11.75V16.499C9.00193 18.1564 10.3455 19.5 12.003 19.5C13.6604 19.5 15.004 18.1564 15.004 16.499V11.75C15.004 11.6119 14.8921 11.5 14.754 11.5ZM3.75 10L7.13128 9.99906C6.78791 10.4145 6.56424 10.9325 6.51312 11.5002L3.75 11.5C3.61193 11.5 3.5 11.6119 3.5 11.75V14.9988C3.5 16.3802 4.61984 17.5 6.00124 17.5C6.20123 17.5 6.39574 17.4765 6.58216 17.4322C6.66687 17.9361 6.82156 18.4167 7.03487 18.864C6.70577 18.953 6.35899 19 6.00124 19C3.79142 19 2 17.2086 2 14.9988V11.75C2 10.7835 2.7835 10 3.75 10ZM16.8747 9.99906L20.25 10C21.2165 10 22 10.7835 22 11.75V15C22 17.2091 20.2091 19 18 19C17.6436 19 17.298 18.9534 16.9691 18.8659C17.184 18.4177 17.3388 17.9371 17.425 17.4331C17.6092 17.477 17.8019 17.5 18 17.5C19.3807 17.5 20.5 16.3807 20.5 15V11.75C20.5 11.6119 20.3881 11.5 20.25 11.5L17.4928 11.5002C17.4417 10.9325 17.218 10.4145 16.8747 9.99906ZM12 3C13.6569 3 15 4.34315 15 6C15 7.65685 13.6569 9 12 9C10.3431 9 9 7.65685 9 6C9 4.34315 10.3431 3 12 3ZM18.5 4C19.8807 4 21 5.11929 21 6.5C21 7.88071 19.8807 9 18.5 9C17.1193 9 16 7.88071 16 6.5C16 5.11929 17.1193 4 18.5 4ZM5.5 4C6.88071 4 8 5.11929 8 6.5C8 7.88071 6.88071 9 5.5 9C4.11929 9 3 7.88071 3 6.5C3 5.11929 4.11929 4 5.5 4ZM12 4.5C11.1716 4.5 10.5 5.17157 10.5 6C10.5 6.82843 11.1716 7.5 12 7.5C12.8284 7.5 13.5 6.82843 13.5 6C13.5 5.17157 12.8284 4.5 12 4.5ZM18.5 5.5C17.9477 5.5 17.5 5.94772 17.5 6.5C17.5 7.05228 17.9477 7.5 18.5 7.5C19.0523 7.5 19.5 7.05228 19.5 6.5C19.5 5.94772 19.0523 5.5 18.5 5.5ZM5.5 5.5C4.94772 5.5 4.5 5.94772 4.5 6.5C4.5 7.05228 4.94772 7.5 5.5 7.5C6.05228 7.5 6.5 7.05228 6.5 6.5C6.5 5.94772 6.05228 5.5 5.5 5.5Z"; } .ocr-icon-svg--group-of-people-filled { --icon-svg-path:"M14.754 10C15.7205 10 16.504 10.7835 16.504 11.75V16.499C16.504 18.9848 14.4888 21 12.003 21C9.51712 21 7.50193 18.9848 7.50193 16.499V11.75C7.50193 10.7835 8.28543 10 9.25193 10H14.754ZM7.13128 9.99906C6.78183 10.4218 6.55636 10.9508 6.51057 11.5304L6.50193 11.75V16.499C6.50193 17.3456 6.69319 18.1476 7.03487 18.864C6.70577 18.953 6.35899 19 6.00124 19C3.79142 19 2 17.2086 2 14.9988V11.75C2 10.8318 2.70711 10.0788 3.60647 10.0058L3.75 10L7.13128 9.99906ZM16.8747 9.99906L20.25 10C21.2165 10 22 10.7835 22 11.75V15C22 17.2091 20.2091 19 18 19C17.6436 19 17.298 18.9534 16.9691 18.8659C17.2697 18.238 17.4538 17.5452 17.4951 16.8144L17.504 16.499V11.75C17.504 11.0847 17.2678 10.4747 16.8747 9.99906ZM12 3C13.6569 3 15 4.34315 15 6C15 7.65685 13.6569 9 12 9C10.3431 9 9 7.65685 9 6C9 4.34315 10.3431 3 12 3ZM18.5 4C19.8807 4 21 5.11929 21 6.5C21 7.88071 19.8807 9 18.5 9C17.1193 9 16 7.88071 16 6.5C16 5.11929 17.1193 4 18.5 4ZM5.5 4C6.88071 4 8 5.11929 8 6.5C8 7.88071 6.88071 9 5.5 9C4.11929 9 3 7.88071 3 6.5C3 5.11929 4.11929 4 5.5 4Z"; } .ocr-icon-svg--approvals-app { --icon-svg-path:"M11.7803 1.71966C11.4874 1.42677 11.0125 1.42678 10.7197 1.71968C10.4268 2.01258 10.4268 2.48746 10.7197 2.78034L11.9396 4.0002C6.99683 4.03268 3 8.04959 3 13C3 17.9706 7.02944 22 12 22C16.6942 22 20.5483 18.4068 20.9631 13.8202C21.0004 13.4077 20.6962 13.043 20.2837 13.0057C19.8712 12.9684 19.5065 13.2726 19.4692 13.6851C19.1236 17.5058 15.9111 20.5 12 20.5C7.85786 20.5 4.5 17.1421 4.5 13C4.5 8.87822 7.82493 5.53303 11.939 5.50024L10.7197 6.71955C10.4268 7.01244 10.4268 7.48732 10.7197 7.78021C11.0126 8.0731 11.4874 8.0731 11.7803 7.78021L14.2803 5.28021C14.421 5.13955 14.5 4.94878 14.5 4.74987C14.5 4.55095 14.421 4.36019 14.2803 4.21954L11.7803 1.71966ZM15.7837 10.2197C16.0766 10.5126 16.0766 10.9874 15.7837 11.2803L11.2803 15.7838C11.1397 15.9244 10.9489 16.0034 10.75 16.0034C10.5511 16.0035 10.3603 15.9244 10.2197 15.7838L8.21967 13.7838C7.92678 13.4909 7.92678 13.016 8.21967 12.7231C8.51256 12.4302 8.98744 12.4302 9.28033 12.7231L10.75 14.1928L14.723 10.2197C15.0159 9.92678 15.4908 9.92677 15.7837 10.2197Z"; } .ocr-icon-svg--approvals-app-filled { --icon-svg-path:"M10.5429 1.79289C10.9334 1.40237 11.5666 1.40237 11.9571 1.79289L14.457 4.29277C14.6445 4.4803 14.7499 4.73466 14.7499 4.99987C14.7499 5.26509 14.6445 5.51945 14.457 5.70698L11.9571 8.20686C11.5666 8.59738 10.9334 8.59738 10.5429 8.20686C10.1524 7.81633 10.1524 7.18317 10.5429 6.79264L11.3011 6.03445C7.76324 6.38516 5 9.36988 5 13C5 16.866 8.13401 20 12 20C15.5689 20 18.5153 17.3283 18.9458 13.8763C19.0141 13.3282 19.5138 12.9393 20.0618 13.0077C20.6099 13.076 20.9988 13.5757 20.9304 14.1237C20.3767 18.5644 16.5903 22 12 22C7.02944 22 3 17.9706 3 13C3 8.24519 6.68723 4.35157 11.3583 4.02252L10.5429 3.20711C10.1524 2.81658 10.1524 2.18342 10.5429 1.79289ZM16.2071 9.79289C16.5976 10.1834 16.5976 10.8166 16.2071 11.2071L11.7071 15.7071C11.3166 16.0976 10.6834 16.0976 10.2929 15.7071L8.29289 13.7071C7.90237 13.3166 7.90237 12.6834 8.29289 12.2929C8.68342 11.9024 9.31658 11.9024 9.70711 12.2929L11 13.5858L14.7929 9.79289C15.1834 9.40237 15.8166 9.40237 16.2071 9.79289Z"; } .ocr-icon-svg--timer { --icon-svg-path:"M12 5C16.6944 5 20.5 8.80558 20.5 13.5C20.5 18.1944 16.6944 22 12 22C7.30558 22 3.5 18.1944 3.5 13.5C3.5 8.80558 7.30558 5 12 5ZM12 6.5C8.13401 6.5 5 9.63401 5 13.5C5 17.366 8.13401 20.5 12 20.5C15.866 20.5 19 17.366 19 13.5C19 9.63401 15.866 6.5 12 6.5ZM12 8C12.3797 8 12.6935 8.28215 12.7432 8.64823L12.75 8.75V13.25C12.75 13.6642 12.4142 14 12 14C11.6203 14 11.3065 13.7178 11.2568 13.3518L11.25 13.25V8.75C11.25 8.33579 11.5858 8 12 8ZM19.1472 5.11371L19.2298 5.17355L20.3882 6.13773C20.7066 6.40272 20.7498 6.87562 20.4849 7.19398C20.2419 7.48581 19.8243 7.54649 19.5112 7.35047L19.4286 7.29063L18.2702 6.32645C17.9518 6.06146 17.9086 5.58856 18.1735 5.2702C18.4165 4.97837 18.8341 4.91769 19.1472 5.11371ZM14.25 2.5C14.6642 2.5 15 2.83579 15 3.25C15 3.6297 14.7178 3.94349 14.3518 3.99315L14.25 4H9.75C9.33579 4 9 3.66421 9 3.25C9 2.8703 9.28215 2.55651 9.64823 2.50685L9.75 2.5H14.25Z"; } .ocr-icon-svg--timer-filled { --icon-svg-path:"M12 5C16.6944 5 20.5 8.80558 20.5 13.5C20.5 18.1944 16.6944 22 12 22C7.30558 22 3.5 18.1944 3.5 13.5C3.5 8.80558 7.30558 5 12 5ZM12 8C11.6203 8 11.3065 8.28215 11.2568 8.64823L11.25 8.75V13.25L11.2568 13.3518C11.3065 13.7178 11.6203 14 12 14C12.3797 14 12.6935 13.7178 12.7432 13.3518L12.75 13.25V8.75L12.7432 8.64823C12.6935 8.28215 12.3797 8 12 8ZM19.1704 5.1226L19.2517 5.18424L20.4008 6.18424C20.7132 6.45617 20.7461 6.9299 20.4742 7.24236C20.2249 7.52878 19.8061 7.58026 19.4973 7.3774L19.416 7.31576L18.267 6.31576C17.9545 6.04383 17.9217 5.5701 18.1936 5.25764C18.4428 4.97122 18.8617 4.91974 19.1704 5.1226ZM14.25 2.5C14.6642 2.5 15 2.83579 15 3.25C15 3.6297 14.7178 3.94349 14.3518 3.99315L14.25 4H9.75C9.33579 4 9 3.66421 9 3.25C9 2.8703 9.28215 2.55651 9.64823 2.50685L9.75 2.5H14.25Z"; } .ocr-icon-svg--person-feedback { --icon-svg-path:"M14.77 12.4C14.92 12.47 15.09 12.5 15.25 12.5C15.58 12.5 15.89 12.37 16.13 12.14L18.31 10H19.25C20.77 10 22 8.77 22 7.25V4.75C22 3.23 20.77 2 19.25 2H14.75C13.23 2 12 3.23 12 4.75V7.25C12 8.51 12.85 9.57 14 9.9V11.25C14 11.75 14.31 12.2 14.77 12.4ZM13.5 4.75C13.5 4.06 14.06 3.5 14.75 3.5H19.25C19.94 3.5 20.5 4.06 20.5 4.75V7.25C20.5 7.94 19.94 8.5 19.25 8.5H17.69L15.5 10.65V8.5H14.75C14.06 8.5 13.5 7.94 13.5 7.25V4.75ZM8 13.5C6.07 13.5 4.5 11.93 4.5 10C4.5 8.07 6.07 6.5 8 6.5C9.93 6.5 11.5 8.07 11.5 10C11.5 11.93 9.93 13.5 8 13.5ZM8 8C6.9 8 6 8.9 6 10C6 11.1 6.9 12 8 12C9.1 12 10 11.1 10 10C10 8.9 9.1 8 8 8ZM8.00086 22C5.94086 22 4.36086 21.44 3.30086 20.33C1.96434 18.9257 1.99727 17.1555 2.00067 16.9727L2.00086 16.96C2.00086 15.89 2.90086 15 4.00086 15H12.0009C13.1009 15 14.0009 15.9 14.0009 17L14.001 17.0064C14.004 17.1325 14.0461 18.9165 12.7009 20.33C11.6409 21.44 10.0609 22 8.00086 22ZM4.00086 16.5C3.72086 16.5 3.50086 16.72 3.50086 17L3.50081 17.0048C3.49953 17.0997 3.48268 18.3527 4.40086 19.31C5.16086 20.1 6.37086 20.5 8.00086 20.5C9.63086 20.5 10.8509 20.09 11.6109 19.29C12.5234 18.3382 12.502 17.0975 12.5009 17.0324L12.5009 17.03C12.5009 16.72 12.2709 16.49 12.0009 16.49H4.00086V16.5Z"; } .ocr-icon-svg--person-feedback-filled { --icon-svg-path:"M14.77 12.4C14.92 12.47 15.09 12.5 15.25 12.5C15.58 12.5 15.89 12.37 16.13 12.14L18.31 10H19.25C20.77 10 22 8.77 22 7.25V4.75C22 3.23 20.77 2 19.25 2H14.75C13.23 2 12 3.23 12 4.75V7.25C12 8.51 12.85 9.57 14 9.9V11.25C14 11.75 14.31 12.2 14.77 12.4ZM8 13.5C6.07 13.5 4.5 11.93 4.5 10C4.5 8.07 6.07 6.5 8 6.5C9.93 6.5 11.5 8.07 11.5 10C11.5 11.93 9.93 13.5 8 13.5ZM8.00086 22C5.94086 22 4.36086 21.44 3.30086 20.33C1.96434 18.9257 1.99727 17.1555 2.00067 16.9727L2.00086 16.96C2.00086 15.89 2.90086 15 4.00086 15H12.0009C13.1009 15 14.0009 15.9 14.0009 17L14.001 17.0064C14.004 17.1325 14.0461 18.9165 12.7009 20.33C11.6409 21.44 10.0609 22 8.00086 22Z"; } .ocr-icon-svg--info { --icon-svg-path:"M12.0001 1.99805C17.5238 1.99805 22.0016 6.47589 22.0016 11.9996C22.0016 17.5233 17.5238 22.0011 12.0001 22.0011C6.47638 22.0011 1.99854 17.5233 1.99854 11.9996C1.99854 6.47589 6.47638 1.99805 12.0001 1.99805ZM12.0001 3.49805C7.30481 3.49805 3.49854 7.30432 3.49854 11.9996C3.49854 16.6949 7.30481 20.5011 12.0001 20.5011C16.6954 20.5011 20.5016 16.6949 20.5016 11.9996C20.5016 7.30432 16.6954 3.49805 12.0001 3.49805ZM11.9964 10.4986C12.3761 10.4984 12.6901 10.7803 12.74 11.1464L12.7469 11.2481L12.7505 16.7497C12.7508 17.1639 12.4152 17.5 12.001 17.5002C11.6213 17.5005 11.3073 17.2185 11.2574 16.8525L11.2505 16.7507L11.2469 11.2491C11.2467 10.8349 11.5822 10.4989 11.9964 10.4986ZM12.0005 7.00086C12.5521 7.00086 12.9992 7.44798 12.9992 7.99953C12.9992 8.55107 12.5521 8.99819 12.0005 8.99819C11.449 8.99819 11.0019 8.55107 11.0019 7.99953C11.0019 7.44798 11.449 7.00086 12.0005 7.00086Z"; } .ocr-icon-svg--info-filled { --icon-svg-path:"M12.0001 1.99805C17.5238 1.99805 22.0016 6.47589 22.0016 11.9996C22.0016 17.5233 17.5238 22.0011 12.0001 22.0011C6.47638 22.0011 1.99854 17.5233 1.99854 11.9996C1.99854 6.47589 6.47638 1.99805 12.0001 1.99805ZM11.9963 10.2486C11.4834 10.249 11.061 10.6353 11.0036 11.1327L10.9969 11.2493L11.0005 16.7509L11.0073 16.8675C11.0654 17.3648 11.4884 17.7506 12.0012 17.7502C12.514 17.7499 12.9364 17.3636 12.9939 16.8662L13.0005 16.7496L12.9969 11.248L12.9901 11.1314C12.932 10.6341 12.5091 10.2483 11.9963 10.2486ZM12.0005 6.49908C11.3093 6.49908 10.749 7.0594 10.749 7.7506C10.749 8.4418 11.3093 9.00212 12.0005 9.00212C12.6917 9.00212 13.2521 8.4418 13.2521 7.7506C13.2521 7.0594 12.6917 6.49908 12.0005 6.49908Z"; } .ocr-icon-svg--presence { --icon-svg-path:"M12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM17.0607 8.43934C17.6464 9.02513 17.6464 9.97487 17.0607 10.5607L11.5607 16.0607C10.9749 16.6464 10.0251 16.6464 9.43934 16.0607L7.43934 14.0607C6.85355 13.4749 6.85355 12.5251 7.43934 11.9393C8.02513 11.3536 8.97487 11.3536 9.56066 11.9393L10.5 12.8787L14.9393 8.43934C15.5251 7.85355 16.4749 7.85355 17.0607 8.43934Z"; } .ocr-icon-svg--presence-filled { --icon-svg-path:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM17.0607 10.5607L11.5607 16.0607C10.9749 16.6464 10.0251 16.6464 9.43934 16.0607L7.43934 14.0607C6.85355 13.4749 6.85355 12.5251 7.43934 11.9393C8.02513 11.3536 8.97487 11.3536 9.56066 11.9393L10.5 12.8787L14.9393 8.43934C15.5251 7.85355 16.4749 7.85355 17.0607 8.43934C17.6464 9.02513 17.6464 9.97487 17.0607 10.5607Z"; } .ocr-icon-svg--search { --icon-svg-path:"M10 2.75C14.0041 2.75 17.25 5.99594 17.25 10C17.25 11.7319 16.6427 13.3219 15.6295 14.5688L20.5303 19.4697C20.8232 19.7626 20.8232 20.2374 20.5303 20.5303C20.2641 20.7966 19.8474 20.8208 19.5538 20.6029L19.4697 20.5303L14.5688 15.6295C13.3219 16.6427 11.7319 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75ZM10 4.25C6.82436 4.25 4.25 6.82436 4.25 10C4.25 13.1756 6.82436 15.75 10 15.75C13.1756 15.75 15.75 13.1756 15.75 10C15.75 6.82436 13.1756 4.25 10 4.25Z"; } .ocr-icon-svg--search-filled { --icon-svg-path:"M10 2.5C14.1421 2.5 17.5 5.85786 17.5 10C17.5 11.7101 16.9276 13.2866 15.964 14.5483L20.7071 19.2929C21.0976 19.6834 21.0976 20.3166 20.7071 20.7071C20.3466 21.0676 19.7794 21.0953 19.3871 20.7903L19.2929 20.7071L14.5483 15.964C13.2866 16.9276 11.7101 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5ZM10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5Z"; } .ocr-icon-svg--local-language { --icon-svg-path:"M9.34045 6.37226L9.38917 6.4766L14.9493 20.9766C15.0972 21.3624 14.9104 21.7974 14.532 21.9482C14.1852 22.0865 13.7978 21.9379 13.6217 21.6151L13.5791 21.5228L12.1461 17.7857L5.05932 17.7859L4.96527 17.7798L3.4185 21.5398C3.26139 21.9217 2.83032 22.1015 2.45568 21.9413C2.11227 21.7945 1.93548 21.4129 2.02941 21.0561L2.06182 20.9596L8.02575 6.45964C8.26631 5.87479 9.04862 5.84994 9.34045 6.37226ZM18.7457 2.00293C19.1254 2.00293 19.4392 2.28508 19.4888 2.65116L19.4957 2.75293L19.4954 7.49893L21.2457 7.4997C21.6254 7.4997 21.9392 7.78185 21.9888 8.14793L21.9957 8.2497C21.9957 8.62939 21.7135 8.94319 21.3475 8.99285L21.2457 8.9997L19.4954 8.99893L19.4957 16.2497C19.4957 16.6294 19.2135 16.9432 18.8475 16.9929L18.7457 16.9997C18.366 16.9997 18.0522 16.7175 18.0025 16.3515L17.9957 16.2497V2.75293C17.9957 2.33872 18.3315 2.00293 18.7457 2.00293ZM8.81111 8.74708L5.64895 16.2857H11.7589L8.81111 8.74708ZM10.7477 2.00293H16.2455C16.6252 2.00293 16.939 2.28508 16.9887 2.65116L16.9955 2.75293V5.75663C16.9955 8.10121 15.0949 10.0019 12.7503 10.0019C12.3361 10.0019 12.0003 9.66609 12.0003 9.25187C12.0003 8.83766 12.3361 8.50187 12.7503 8.50187C14.2103 8.50187 15.4041 7.36214 15.4905 5.92386L15.4955 5.75663V3.50293H10.7477C10.3335 3.50293 9.99775 3.16714 9.99775 2.75293C9.99775 2.37323 10.2799 2.05944 10.646 2.00978L10.7477 2.00293H16.2455H10.7477Z"; } .ocr-icon-svg--local-language-filled { --icon-svg-path:"M9.56258 7.50543L9.61862 7.62215L14.9259 20.6267C15.1346 21.1381 14.8892 21.7217 14.3779 21.9304C13.903 22.1242 13.3658 21.9265 13.1244 21.4879L13.0741 21.3824L11.693 17.999H5.40701L3.91608 21.4056C3.71043 21.8754 3.18729 22.1078 2.70853 21.9612L2.599 21.9206C2.1292 21.715 1.89681 21.1918 2.04333 20.7131L2.08394 20.6036L7.77668 7.59899C8.11338 6.82981 9.1713 6.80444 9.56258 7.50543ZM19 2C19.5128 2 19.9355 2.38604 19.9933 2.88338L20 3L19.9998 7H21C21.5128 7 21.9355 7.38604 21.9933 7.88338L22 8C22 8.51284 21.614 8.93551 21.1166 8.99327L21 9H19.9998L20 16C20 16.5128 19.614 16.9355 19.1166 16.9933L19 17C18.4872 17 18.0645 16.614 18.0067 16.1166L18 16V3C18 2.44772 18.4477 2 19 2ZM8.66047 10.5674L6.28201 15.999H10.877L8.66047 10.5674ZM11 2H16C16.5128 2 16.9355 2.38604 16.9933 2.88338L17 3V5.97488C17 8.18401 15.2091 9.97488 13 9.97488C12.4477 9.97488 12 9.52716 12 8.97488C12 8.42259 12.4477 7.97488 13 7.97488C14.0544 7.97488 14.9182 7.159 14.9945 6.12414L15 5.97488V4H11C10.4477 4 10 3.55228 10 3C10 2.48716 10.386 2.06449 10.8834 2.00673L11 2H16H11Z"; } .ocr-icon-svg--chat-multiple { --icon-svg-path:"M9.56158 3C5.41944 3 2.06158 6.35786 2.06158 10.5C2.06158 11.6329 2.31325 12.7088 2.76423 13.6734C2.5102 14.6714 2.22638 15.7842 2.03999 16.5147C1.80697 17.428 2.6294 18.2588 3.54374 18.039C4.29396 17.8587 5.44699 17.5819 6.47447 17.337C7.41678 17.7631 8.46241 18 9.56158 18C13.7037 18 17.0616 14.6421 17.0616 10.5C17.0616 6.35786 13.7037 3 9.56158 3ZM3.56158 10.5C3.56158 7.18629 6.24787 4.5 9.56158 4.5C12.8753 4.5 15.5616 7.18629 15.5616 10.5C15.5616 13.8137 12.8753 16.5 9.56158 16.5C8.60084 16.5 7.69487 16.2748 6.89161 15.8749L6.6482 15.7537L6.38368 15.8167C5.46095 16.0363 4.39489 16.2919 3.59592 16.4838C3.79467 15.7047 4.05784 14.6724 4.28601 13.7757L4.35619 13.4998L4.22568 13.2468C3.80145 12.4246 3.56158 11.4914 3.56158 10.5ZM14.5616 21.0001C12.5922 21.0001 10.8001 20.241 9.46191 18.9995C9.49511 18.9999 9.52835 19.0001 9.56163 19.0001C10.2796 19.0001 10.9768 18.911 11.6427 18.7434C12.5067 19.2254 13.5021 19.5001 14.5616 19.5001C15.5223 19.5001 16.4283 19.2748 17.2316 18.8749L17.475 18.7537L17.7395 18.8167C18.6611 19.0361 19.7046 19.2625 20.4787 19.4262C20.3037 18.6757 20.065 17.6711 19.8372 16.7757L19.767 16.4999L19.8975 16.2469C20.3217 15.4247 20.5616 14.4915 20.5616 13.5001C20.5616 11.3853 19.4676 9.52617 17.8146 8.45761C17.6363 7.73435 17.3653 7.04756 17.015 6.41052C19.9523 7.42684 22.0616 10.2171 22.0616 13.5001C22.0616 14.6332 21.8098 15.7094 21.3586 16.6741C21.6117 17.6821 21.8679 18.774 22.0304 19.4773C22.2348 20.3623 21.4554 21.1633 20.563 20.9768C19.8358 20.8248 18.6933 20.581 17.6495 20.3367C16.707 20.763 15.6611 21.0001 14.5616 21.0001Z"; } .ocr-icon-svg--chat-multiple-filled { --icon-svg-path:"M9.5 3C5.35786 3 2 6.35786 2 10.5C2 11.6335 2.25193 12.71 2.70336 13.6749C2.40124 14.9 2.13954 16.2085 2.02174 16.8173C1.88844 17.5063 2.48734 18.1099 3.17494 17.9875C3.79825 17.8765 5.15315 17.6267 6.41143 17.3363C7.35412 17.7628 8.40027 18 9.5 18C13.6421 18 17 14.6421 17 10.5C17 6.35786 13.6421 3 9.5 3ZM9.46191 18.9996C10.8001 20.2411 12.5922 21.0002 14.5616 21.0002C15.6611 21.0002 16.707 20.7631 17.6495 20.3368C18.6933 20.5811 19.8358 20.8249 20.563 20.9769C21.4554 21.1634 22.2348 20.3624 22.0304 19.4775C21.8679 18.7741 21.6117 17.6822 21.3586 16.6742C21.8098 15.7095 22.0616 14.6333 22.0616 13.5002C22.0616 10.2172 19.9523 7.42696 17.015 6.41064C17.3653 7.04768 17.6363 7.73448 17.8146 8.45773C19.4676 9.52629 20.5616 11.3855 20.5616 13.5002C20.5616 14.4916 20.3217 15.4248 19.8975 16.247L19.767 16.5L19.8372 16.7758C20.065 17.6713 20.3037 18.6758 20.4787 19.4264C19.7046 19.2627 18.6611 19.0362 17.7395 18.8168L17.475 18.7539L17.2316 18.875C16.4283 19.2749 15.5223 19.5002 14.5616 19.5002C13.5021 19.5002 12.5067 19.2255 11.6427 18.7436C10.9768 18.9112 10.2796 19.0002 9.56163 19.0002C9.52835 19.0002 9.49511 19 9.46191 18.9996Z"; } .ocr-icon-svg--image-multiple { --icon-svg-path:"M13.7482 8.99633C14.4375 8.99633 14.9963 8.43751 14.9963 7.74817C14.9963 7.05882 14.4375 6.5 13.7482 6.5C13.0588 6.5 12.5 7.05882 12.5 7.74817C12.5 8.43751 13.0588 8.99633 13.7482 8.99633ZM6.25 3C4.45507 3 3 4.45507 3 6.25V15.25C3 17.0449 4.45507 18.5 6.25 18.5H15.25C17.0449 18.5 18.5 17.0449 18.5 15.25V6.25C18.5 4.45507 17.0449 3 15.25 3H6.25ZM4.5 6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H15.25C16.2165 4.5 17 5.2835 17 6.25V15.25C17 15.4812 16.9552 15.7018 16.8738 15.9038L12.2867 11.6128C11.4217 10.8036 10.0775 10.8036 9.21252 11.6128L4.62602 15.9033C4.54474 15.7015 4.5 15.481 4.5 15.25V6.25ZM11.262 12.7082L15.7669 16.9224C15.6035 16.9728 15.4299 17 15.25 17H6.25C6.06985 17 5.89607 16.9728 5.73252 16.9222L10.2372 12.7082C10.5256 12.4385 10.9736 12.4385 11.262 12.7082ZM8.74995 21.0002C7.59927 21.0002 6.58826 20.4022 6.01074 19.5H8.72444L8.74995 19.5002H15.7499C17.821 19.5002 19.5 17.8212 19.5 15.7502V6.01108C20.402 6.58861 21 7.59956 21 8.75017V15.7502C21 18.6497 18.6494 21.0002 15.7499 21.0002H8.74995Z"; } .ocr-icon-svg--image-multiple-filled { --icon-svg-path:"M3 6.25C3 4.45507 4.45507 3 6.25 3H15.25C17.0449 3 18.5 4.45507 18.5 6.25V15.25C18.5 15.8963 18.3114 16.4985 17.9861 17.0046L12.2941 11.6292C11.427 10.8103 10.0715 10.8103 9.20443 11.6292L3.5133 17.0037C3.18842 16.4978 3 15.8959 3 15.25V6.25ZM13.7472 8.99633C14.4365 8.99633 14.9954 8.43751 14.9954 7.74817C14.9954 7.05882 14.4365 6.5 13.7472 6.5C13.0578 6.5 12.499 7.05882 12.499 7.74817C12.499 8.43751 13.0578 8.99633 13.7472 8.99633ZM11.2642 12.7198L16.9056 18.0473C16.4207 18.3349 15.8546 18.5 15.25 18.5H6.25C5.64499 18.5 5.0786 18.3347 4.59352 18.0468L10.2343 12.7198C10.5234 12.4468 10.9752 12.4468 11.2642 12.7198ZM8.74897 21.0002C7.59829 21.0002 6.58728 20.4022 6.00977 19.5H8.72346L8.74897 19.5002H15.749C17.82 19.5002 19.499 17.8212 19.499 15.7502V6.01108C20.4011 6.58861 20.999 7.59957 20.999 8.75017V15.7502C20.999 18.6497 18.6485 21.0002 15.749 21.0002H8.74897Z"; } .ocr-icon-svg--data-sunburst { --icon-svg-path:"M15.4938 4.24949C15.2008 4.11721 15.0001 3.8324 15.0001 3.51091C15.0001 2.98921 15.5074 2.61834 15.9858 2.82646C18.3041 3.83504 20.1657 5.69664 21.1743 8.01497C21.3824 8.49336 21.0116 9.00063 20.4899 9.00063C20.1684 9.00063 19.8835 8.8 19.7513 8.50698C18.8998 6.62076 17.38 5.10099 15.4938 4.24949ZM9.00014 3.51091C9.00014 2.98921 8.49287 2.61834 8.01448 2.82646C5.69615 3.83504 3.83455 5.69664 2.82597 8.01497C2.61785 8.49336 2.98872 9.00062 3.51042 9.00062C3.83191 9.00062 4.11673 8.8 4.249 8.50698C5.1005 6.62076 6.62028 5.10099 8.5065 4.24949C8.79951 4.11721 9.00014 3.8324 9.00014 3.51091ZM15.4938 19.7518C15.2008 19.884 15.0001 20.1689 15.0001 20.4903C15.0001 21.012 15.5074 21.3829 15.9858 21.1748C18.3041 20.1662 20.1657 18.3046 21.1743 15.9863C21.3824 15.5079 21.0116 15.0006 20.4899 15.0006C20.1684 15.0006 19.8835 15.2012 19.7513 15.4943C18.8998 17.3805 17.38 18.9003 15.4938 19.7518ZM3.51042 15.0006C3.83191 15.0006 4.11672 15.2012 4.249 15.4943C5.1005 17.3805 6.62028 18.9003 8.5065 19.7518C8.79951 19.884 9.00014 20.1689 9.00014 20.4903C9.00014 21.012 8.49287 21.3829 8.01448 21.1748C5.69615 20.1662 3.83455 18.3046 2.82597 15.9863C2.61785 15.5079 2.98872 15.0006 3.51042 15.0006ZM12.0001 6.50062C11.8067 6.50062 11.6159 6.51057 11.4281 6.52995C11.016 6.57246 10.6476 6.27291 10.605 5.86088C10.5625 5.44886 10.8621 5.08038 11.2741 5.03787C11.513 5.01322 11.7552 5.00062 12.0001 5.00062C15.3316 5.00062 18.118 7.32725 18.8262 10.4436C18.9179 10.8475 18.6649 11.2493 18.261 11.3411C17.8571 11.4329 17.4552 11.1799 17.3634 10.776C16.8071 8.32763 14.6161 6.50062 12.0001 6.50062ZM9.12113 6.40126C9.35338 6.74424 9.26361 7.21055 8.92064 7.4428C7.4585 8.43288 6.50011 10.105 6.50011 12.0006C6.50011 13.1429 6.8475 14.2017 7.4423 15.0801C7.67454 15.4231 7.58478 15.8894 7.2418 16.1216C6.89882 16.3539 6.43251 16.2641 6.20026 15.9211C5.44266 14.8023 5.00011 13.452 5.00011 12.0006C5.00011 9.58638 6.22296 7.45799 8.07959 6.20077C8.42257 5.96852 8.88888 6.05828 9.12113 6.40126ZM18.2307 12.9056C18.6306 13.0133 18.8676 13.4248 18.7599 13.8248C17.9572 16.8057 15.2359 19.0006 12.0001 19.0006C10.8286 19.0006 9.72223 18.7122 8.75027 18.2019C8.38353 18.0094 8.24232 17.556 8.43486 17.1893C8.62741 16.8225 9.0808 16.6813 9.44754 16.8738C10.2096 17.2739 11.0773 17.5006 12.0001 17.5006C14.5407 17.5006 16.6807 15.7774 17.3115 13.4348C17.4192 13.0348 17.8307 12.7979 18.2307 12.9056ZM12.0001 8.00062C9.79098 8.00062 8.00011 9.79148 8.00011 12.0006C8.00011 14.2098 9.79098 16.0006 12.0001 16.0006C14.2093 16.0006 16.0001 14.2098 16.0001 12.0006C16.0001 9.79148 14.2093 8.00062 12.0001 8.00062ZM9.50011 12.0006C9.50011 10.6199 10.6194 9.50062 12.0001 9.50062C13.3808 9.50062 14.5001 10.6199 14.5001 12.0006C14.5001 13.3813 13.3808 14.5006 12.0001 14.5006C10.6194 14.5006 9.50011 13.3813 9.50011 12.0006Z"; } .ocr-icon-svg--data-sunburst-filled { --icon-svg-path:"M14.9999 3.51091C14.9999 3.8324 15.2005 4.11721 15.4935 4.24949C17.3798 5.10099 18.8995 6.62076 19.751 8.50698C19.8833 8.8 20.1681 9.00063 20.4896 9.00063C21.0113 9.00063 21.3822 8.49336 21.1741 8.01497C20.1655 5.69664 18.3039 3.83504 15.9855 2.82646C15.5072 2.61834 14.9999 2.98921 14.9999 3.51091ZM8.01424 2.82646C8.49263 2.61834 8.99989 2.98921 8.99989 3.51091C8.99989 3.8324 8.79927 4.11721 8.50625 4.24949C6.62003 5.10099 5.10026 6.62076 4.24876 8.50698C4.11648 8.8 3.83167 9.00062 3.51018 9.00062C2.98848 9.00062 2.61761 8.49336 2.82573 8.01497C3.83431 5.69664 5.69591 3.83504 8.01424 2.82646ZM14.9999 20.4903C14.9999 20.1689 15.2005 19.884 15.4935 19.7518C17.3798 18.9003 18.8995 17.3805 19.751 15.4943C19.8833 15.2012 20.1681 15.0006 20.4896 15.0006C21.0113 15.0006 21.3822 15.5079 21.1741 15.9863C20.1655 18.3046 18.3039 20.1662 15.9855 21.1748C15.5072 21.3829 14.9999 21.012 14.9999 20.4903ZM4.24876 15.4943C4.11648 15.2012 3.83167 15.0006 3.51018 15.0006C2.98848 15.0006 2.61761 15.5079 2.82573 15.9863C3.8343 18.3046 5.69591 20.1662 8.01424 21.1748C8.49263 21.3829 8.99989 21.012 8.99989 20.4903C8.99989 20.1689 8.79927 19.884 8.50625 19.7518C6.62003 18.9003 5.10026 17.3805 4.24876 15.4943ZM11.9999 6.50066C11.8065 6.50066 11.6157 6.51062 11.4279 6.53C11.0158 6.57251 10.6474 6.27296 10.6049 5.86093C10.5623 5.4489 10.8619 5.08043 11.2739 5.03792C11.5128 5.01327 11.755 5.00066 11.9999 5.00066C15.3315 5.00066 18.1178 7.3273 18.826 10.4436C18.9178 10.8475 18.6647 11.2494 18.2608 11.3412C17.8569 11.433 17.4551 11.1799 17.3633 10.776C16.8069 8.32768 14.6159 6.50066 11.9999 6.50066ZM9.12095 6.40131C9.3532 6.74429 9.26343 7.2106 8.92045 7.44285C7.45832 8.43293 6.49993 10.105 6.49993 12.0007C6.49993 13.1429 6.84732 14.2018 7.44211 15.0801C7.67436 15.4231 7.5846 15.8894 7.24162 16.1217C6.89864 16.3539 6.43233 16.2642 6.20008 15.9212C5.44247 14.8024 4.99993 13.4521 4.99993 12.0007C4.99993 9.58642 6.22277 7.45803 8.07941 6.20081C8.42239 5.96857 8.8887 6.05833 9.12095 6.40131ZM18.2305 12.9056C18.6304 13.0133 18.8674 13.4249 18.7597 13.8248C17.957 16.8057 15.2358 19.0007 11.9999 19.0007C10.8284 19.0007 9.72204 18.7123 8.75009 18.202C8.38335 18.0094 8.24213 17.556 8.43468 17.1893C8.62723 16.8226 9.08062 16.6813 9.44736 16.8739C10.2094 17.274 11.0771 17.5007 11.9999 17.5007C14.5405 17.5007 16.6805 15.7775 17.3113 13.4348C17.419 13.0349 17.8305 12.7979 18.2305 12.9056ZM11.9999 8.00066C9.79079 8.00066 7.99993 9.79152 7.99993 12.0007C7.99993 14.2098 9.79079 16.0007 11.9999 16.0007C14.2091 16.0007 15.9999 14.2098 15.9999 12.0007C15.9999 9.79152 14.2091 8.00066 11.9999 8.00066Z"; } .ocr-icon-svg--code-circle { --icon-svg-path:"M14.5452 6.06083C14.9259 6.22399 15.1023 6.66489 14.9391 7.04562L10.4394 17.5456C10.2762 17.9263 9.83534 18.1027 9.45462 17.9396C9.07389 17.7764 8.89752 17.3355 9.06068 16.9548L13.5604 6.45477C13.7236 6.07404 14.1645 5.89767 14.5452 6.06083ZM8.80747 9.24826C9.08457 9.55614 9.05961 10.0304 8.75172 10.3074L6.87114 12L8.75172 13.6925C9.05961 13.9696 9.08457 14.4438 8.80747 14.7517C8.53038 15.0596 8.05616 15.0845 7.74828 14.8075L5.24828 12.5574C5.09024 12.4152 5 12.2126 5 12C5 11.7874 5.09024 11.5847 5.24828 11.4425L7.74828 9.19251C8.05616 8.91541 8.53038 8.94037 8.80747 9.24826ZM15.1925 9.24826C14.9154 9.55614 14.9404 10.0304 15.2483 10.3074L17.1289 12L15.2483 13.6925C14.9404 13.9696 14.9154 14.4438 15.1925 14.7517C15.4696 15.0596 15.9438 15.0845 16.2517 14.8075L18.7517 12.5574C18.9098 12.4152 19 12.2126 19 12C19 11.7874 18.9098 11.5847 18.7517 11.4425L16.2517 9.19251C15.9438 8.91541 15.4696 8.94037 15.1925 9.24826ZM22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12ZM3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12Z"; } .ocr-icon-svg--code-circle-filled { --icon-svg-path:"M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12ZM14.9391 7.04562L10.4394 17.5456C10.2762 17.9263 9.83534 18.1027 9.45462 17.9396C9.07389 17.7764 8.89752 17.3355 9.06068 16.9548L13.5604 6.45477C13.7236 6.07404 14.1645 5.89767 14.5452 6.06083C14.9259 6.22399 15.1023 6.66489 14.9391 7.04562ZM8.75172 10.3074L6.87114 12L8.75172 13.6925C9.05961 13.9696 9.08457 14.4438 8.80747 14.7517C8.53038 15.0596 8.05616 15.0845 7.74828 14.8075L5.24828 12.5574C5.09024 12.4152 5 12.2126 5 12C5 11.7874 5.09024 11.5847 5.24828 11.4425L7.74828 9.19251C8.05616 8.91541 8.53038 8.94037 8.80747 9.24826C9.08457 9.55614 9.05961 10.0304 8.75172 10.3074ZM15.1925 9.24826C15.4696 8.94037 15.9438 8.91541 16.2517 9.19251L18.7517 11.4425C18.9098 11.5847 19 11.7874 19 12C19 12.2126 18.9098 12.4152 18.7517 12.5574L16.2517 14.8075C15.9438 15.0845 15.4696 15.0596 15.1925 14.7517C14.9154 14.4438 14.9404 13.9696 15.2483 13.6925L17.1289 12L15.2483 10.3074C14.9404 10.0304 14.9154 9.55614 15.1925 9.24826Z"; } .ocr-icon-svg--text-align { --icon-svg-path:"M2 5.75C2 5.33579 2.33579 5 2.75 5H18.25C18.6642 5 19 5.33579 19 5.75C19 6.16421 18.6642 6.5 18.25 6.5H2.75C2.33579 6.5 2 6.16421 2 5.75ZM2 18.75C2 18.3358 2.33579 18 2.75 18H13.25C13.6642 18 14 18.3358 14 18.75C14 19.1642 13.6642 19.5 13.25 19.5H2.75C2.33579 19.5 2 19.1642 2 18.75ZM2.75 11.5C2.33579 11.5 2 11.8358 2 12.25C2 12.6642 2.33579 13 2.75 13H21.25C21.6642 13 22 12.6642 22 12.25C22 11.8358 21.6642 11.5 21.25 11.5H2.75Z"; } .ocr-icon-svg--text-align-filled { --icon-svg-path:"M2 6C2 5.44772 2.44772 5 3 5H18C18.5523 5 19 5.44772 19 6C19 6.55228 18.5523 7 18 7H3C2.44772 7 2 6.55228 2 6ZM2 18C2 17.4477 2.44772 17 3 17H14C14.5523 17 15 17.4477 15 18C15 18.5523 14.5523 19 14 19H3C2.44772 19 2 18.5523 2 18ZM3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H3Z"; } .ocr-icon-svg--comment-note { --icon-svg-path:"M12 3C12 1.89543 12.8954 1 14 1H21C22.1046 1 23 1.89543 23 3V9C23 10.1046 22.1046 11 21 11H14C12.8954 11 12 10.1046 12 9V3ZM14.5 4C14.2239 4 14 4.22386 14 4.5C14 4.77614 14.2239 5 14.5 5H20.5C20.7761 5 21 4.77614 21 4.5C21 4.22386 20.7761 4 20.5 4H14.5ZM14.5 7C14.2239 7 14 7.22386 14 7.5C14 7.77614 14.2239 8 14.5 8H20.5C20.7761 8 21 7.77614 21 7.5C21 7.22386 20.7761 7 20.5 7H14.5Z"; --icon-svg-path-2:"M5.25 3H11V4.5H5.25C4.2835 4.5 3.5 5.2835 3.5 6.25V14.75C3.5 15.7165 4.2835 16.5 5.25 16.5H7.49879L7.49986 20.2506L12.5135 16.5H18.75C19.7165 16.5 20.5 15.7165 20.5 14.75V12H21C21.3506 12 21.6872 11.9398 22 11.8293V14.75C22 16.5449 20.5449 18 18.75 18H13.0125L7.99868 21.7507C7.44585 22.1642 6.6625 22.0512 6.24901 21.4984C6.08736 21.2822 6 21.0196 6 20.7499L5.99921 18H5.25C3.45507 18 2 16.5449 2 14.75V6.25C2 4.45507 3.45507 3 5.25 3Z"; } .ocr-icon-svg--comment-note svg > path:nth-child(2) { d: path(var(--icon-svg-path-2)); } .ocr-icon-svg--comment-note-filled { --icon-svg-path:"M14 1C12.8954 1 12 1.89543 12 3V9C12 10.1046 12.8954 11 14 11H21C22.1046 11 23 10.1046 23 9V3C23 1.89543 22.1046 1 21 1H14ZM14 4.5C14 4.22386 14.2239 4 14.5 4H20.5C20.7761 4 21 4.22386 21 4.5C21 4.77614 20.7761 5 20.5 5H14.5C14.2239 5 14 4.77614 14 4.5ZM14 7.5C14 7.22386 14.2239 7 14.5 7H20.5C20.7761 7 21 7.22386 21 7.5C21 7.77614 20.7761 8 20.5 8H14.5C14.2239 8 14 7.77614 14 7.5ZM5.25 3H11V9C11 10.6569 12.3431 12 14 12H21C21.3506 12 21.6872 11.9398 22 11.8293V14.75C22 16.5449 20.5449 18 18.75 18H13L8 21.75C7.17595 22.368 6 21.7801 6 20.75V18H5.25C3.45508 18 2 16.5449 2 14.75V6.25C2 4.45507 3.45507 3 5.25 3Z"; } .ocr-icon-svg--library { --icon-svg-path:"M4 3H5C6.05382 3 6.91812 3.8164 6.99451 4.85081L7 5V19C7 20.0538 6.1836 20.9181 5.14919 20.9945L5 21H4C2.94618 21 2.08188 20.1836 2.00549 19.1492L2 19V5C2 3.94618 2.8164 3.08188 3.85081 3.00549L4 3H5H4ZM10 3H11C12.0538 3 12.9181 3.8164 12.9945 4.85081L13 5V19C13 20.0538 12.1836 20.9181 11.1492 20.9945L11 21H10C8.94618 21 8.08188 20.1836 8.00549 19.1492L8 19V5C8 3.94618 8.8164 3.08188 9.85081 3.00549L10 3H11H10ZM16.9743 5.0005C17.8138 5.0005 18.5825 5.5311 18.8643 6.34636L18.9113 6.5025L21.9263 18.2485C22.1888 19.2689 21.613 20.3094 20.6295 20.6402L20.4863 20.6825L19.5173 20.9315C19.3513 20.9735 19.1833 20.9945 19.0193 20.9945C18.1807 20.9945 17.4112 20.463 17.1302 19.6476L17.0833 19.4915L14.0673 7.7465C13.8058 6.72514 14.3807 5.68555 15.3649 5.35484L15.5083 5.3125L16.4763 5.0635C16.6423 5.0205 16.8103 5.0005 16.9743 5.0005ZM5 4.5H4C3.75467 4.5 3.55042 4.67778 3.50806 4.91043L3.5 5V19C3.5 19.2444 3.67699 19.4494 3.91016 19.4919L4 19.5H5C5.24533 19.5 5.44958 19.3222 5.49194 19.0896L5.5 19V5C5.5 4.75556 5.32301 4.55062 5.08984 4.50809L5 4.5ZM11 4.5H10C9.75467 4.5 9.55042 4.67778 9.50806 4.91043L9.5 5V19C9.5 19.2444 9.67699 19.4494 9.91016 19.4919L10 19.5H11C11.2453 19.5 11.4496 19.3222 11.4919 19.0896L11.5 19V5C11.5 4.75556 11.323 4.55062 11.0898 4.50809L11 4.5ZM16.9753 6.5005L16.9119 6.50437L16.8493 6.5165L15.8813 6.7645C15.7063 6.8095 15.6143 6.9275 15.5743 6.9955C15.5431 7.0483 15.4985 7.14718 15.5049 7.27422L15.5203 7.3745L18.5363 19.1185C18.6023 19.3765 18.8333 19.4945 19.0193 19.4945L19.0818 19.4906L19.1443 19.4785L20.1133 19.2295C20.3515 19.1691 20.5052 18.9458 20.4879 18.7102L20.4733 18.6215L17.4583 6.8755C17.3913 6.6185 17.1613 6.5005 16.9753 6.5005Z"; } .ocr-icon-svg--library-filled { --icon-svg-path:"M5.5 3C6.328 3 7 3.672 7 4.5V19.5C7 20.328 6.328 21 5.5 21H3.5C2.672 21 2 20.328 2 19.5V4.5C2 3.672 2.672 3 3.5 3H5.5ZM11.5 3C12.328 3 13 3.672 13 4.5V19.5C13 20.328 12.328 21 11.5 21H9.5C8.672 21 8 20.328 8 19.5V4.5C8 3.672 8.672 3 9.5 3H11.5ZM18.781 6.1238L21.995 18.6428C22.201 19.4448 21.718 20.2628 20.915 20.4688L19.039 20.9498C18.236 21.1558 17.419 20.6728 17.213 19.8698L13.999 7.3528C13.793 6.5498 14.276 5.7328 15.079 5.5268L16.955 5.0438C17.758 4.8388 18.575 5.3228 18.781 6.1238Z"; } .ocr-icon-svg--bot { --icon-svg-path:"M17.7534 13.9994C18.9961 13.9994 20.0034 15.0068 20.0034 16.2494V17.1545C20.0034 18.2482 19.526 19.2874 18.6961 19.9998C17.1307 21.3437 14.8904 22.0006 12.0004 22.0006C9.11087 22.0006 6.87205 21.344 5.30918 20.0003C4.48056 19.2879 4.00391 18.2495 4.00391 17.1567V16.2494C4.00391 15.0068 5.01127 13.9994 6.25391 13.9994H17.7534ZM17.7534 15.4994H6.25391C5.83969 15.4994 5.50391 15.8352 5.50391 16.2494V17.1567C5.50391 17.8124 5.7899 18.4354 6.28707 18.8629C7.54516 19.9445 9.44117 20.5006 12.0004 20.5006C14.5603 20.5006 16.4582 19.9442 17.7191 18.8617C18.2169 18.4342 18.5034 17.8107 18.5034 17.1545V16.2494C18.5034 15.8352 18.1676 15.4994 17.7534 15.4994ZM11.8989 2.00685L12.0007 2C12.3804 2 12.6942 2.28215 12.7438 2.64823L12.7507 2.75L12.7499 3.499L16.2504 3.49951C17.493 3.49951 18.5004 4.50687 18.5004 5.74951V10.2541C18.5004 11.4967 17.493 12.5041 16.2504 12.5041H7.75036C6.50772 12.5041 5.50036 11.4967 5.50036 10.2541V5.74951C5.50036 4.50687 6.50772 3.49951 7.75036 3.49951L11.2499 3.499L11.2507 2.75C11.2507 2.3703 11.5328 2.05651 11.8989 2.00685L12.0007 2L11.8989 2.00685ZM16.2504 4.99951H7.75036C7.33615 4.99951 7.00036 5.33529 7.00036 5.74951V10.2541C7.00036 10.6683 7.33615 11.0041 7.75036 11.0041H16.2504C16.6646 11.0041 17.0004 10.6683 17.0004 10.2541V5.74951C17.0004 5.33529 16.6646 4.99951 16.2504 4.99951ZM9.74965 6.49951C10.4396 6.49951 10.9989 7.05883 10.9989 7.74879C10.9989 8.43876 10.4396 8.99808 9.74965 8.99808C9.05969 8.99808 8.50036 8.43876 8.50036 7.74879C8.50036 7.05883 9.05969 6.49951 9.74965 6.49951ZM14.2424 6.49951C14.9324 6.49951 15.4917 7.05883 15.4917 7.74879C15.4917 8.43876 14.9324 8.99808 14.2424 8.99808C13.5524 8.99808 12.9931 8.43876 12.9931 7.74879C12.9931 7.05883 13.5524 6.49951 14.2424 6.49951Z"; } .ocr-icon-svg--bot-filled { --icon-svg-path:"M17.7534 13.9994C18.9961 13.9994 20.0034 15.0068 20.0034 16.2494V17.1545C20.0034 18.2482 19.526 19.2874 18.6961 19.9998C17.1307 21.3437 14.8904 22.0006 12.0004 22.0006C9.11087 22.0006 6.87205 21.344 5.30918 20.0003C4.48056 19.2879 4.00391 18.2495 4.00391 17.1567V16.2494C4.00391 15.0068 5.01127 13.9994 6.25391 13.9994H17.7534ZM11.8989 2.00685L12.0007 2C12.3804 2 12.6942 2.28215 12.7438 2.64823L12.7507 2.75L12.7499 3.499L16.2504 3.49951C17.493 3.49951 18.5004 4.50687 18.5004 5.74951V10.2541C18.5004 11.4967 17.493 12.5041 16.2504 12.5041H7.75036C6.50772 12.5041 5.50036 11.4967 5.50036 10.2541V5.74951C5.50036 4.50687 6.50772 3.49951 7.75036 3.49951L11.2499 3.499L11.2507 2.75C11.2507 2.3703 11.5328 2.05651 11.8989 2.00685L12.0007 2L11.8989 2.00685ZM9.74965 6.49951C9.05969 6.49951 8.50036 7.05883 8.50036 7.74879C8.50036 8.43876 9.05969 8.99808 9.74965 8.99808C10.4396 8.99808 10.9989 8.43876 10.9989 7.74879C10.9989 7.05883 10.4396 6.49951 9.74965 6.49951ZM14.2424 6.49951C13.5524 6.49951 12.9931 7.05883 12.9931 7.74879C12.9931 8.43876 13.5524 8.99808 14.2424 8.99808C14.9324 8.99808 15.4917 8.43876 15.4917 7.74879C15.4917 7.05883 14.9324 6.49951 14.2424 6.49951Z"; } .ocr-icon-svg--lightbulb { --icon-svg-path:"M12 2.00098C16.0041 2.00098 19.25 5.24691 19.25 9.25098C19.25 11.347 18.3493 13.2707 16.5869 14.9929C16.51 15.0681 16.4504 15.1586 16.4118 15.2582L16.3804 15.3605L15.2493 20.2561C15.0266 21.22 14.2035 21.9183 13.2302 21.993L13.057 21.9996H10.9433C9.95374 21.9996 9.08791 21.3545 8.79629 20.4228L8.75088 20.2555L7.62132 15.3607C7.58904 15.2208 7.51728 15.0931 7.41456 14.9928C5.73515 13.3526 4.83778 11.5297 4.75613 9.54923L4.75 9.25098L4.75388 9.01166C4.88014 5.11837 8.07601 2.00098 12 2.00098ZM14.115 18.499H9.884L10.2125 19.9182C10.2831 20.2245 10.5357 20.4504 10.8401 20.4925L10.9433 20.4996H13.057C13.3713 20.4996 13.6481 20.3044 13.7577 20.0174L13.7878 19.9184L14.115 18.499ZM12 3.50098C8.89821 3.50098 6.37006 5.95699 6.25415 9.03042L6.25 9.25098L6.25672 9.52799C6.33286 11.0913 7.05722 12.5471 8.46262 13.9197C8.72675 14.1777 8.92265 14.496 9.03422 14.846L9.08291 15.0235L9.538 16.999H14.461L14.9189 15.0228C15.0019 14.6634 15.1718 14.3309 15.4124 14.0539L15.5386 13.9201C16.9432 12.5475 17.6672 11.0916 17.7433 9.52803L17.75 9.25098L17.7458 9.03042C17.6299 5.95699 15.1018 3.50098 12 3.50098Z"; } .ocr-icon-svg--lightbulb-filled { --icon-svg-path:"M15.538 18.999L15.2473 20.2575C15.0241 21.2208 14.2013 21.9184 13.2285 21.993L13.0554 21.9996H10.9437C9.95426 21.9996 9.0885 21.3547 8.79678 20.4232L8.75135 20.2559L8.461 18.999H15.538ZM12 2.00098C16.0041 2.00098 19.25 5.24691 19.25 9.25098C19.25 11.3875 18.3144 13.3443 16.4846 15.0917C16.4493 15.1254 16.4247 15.1687 16.4137 15.2162L15.886 17.499H8.114L7.58801 15.2164C7.57702 15.1688 7.55234 15.1255 7.51701 15.0917C5.68616 13.3443 4.75 11.3875 4.75 9.25098C4.75 5.24691 7.99593 2.00098 12 2.00098Z"; } .ocr-icon-svg--apps-add-in { --icon-svg-path:"M10.5 3C11.7426 3 12.75 4.00736 12.75 5.25V11.25H18.75C19.9926 11.25 21 12.2574 21 13.5V18.75C21 19.9926 19.9926 21 18.75 21H5.25C4.00736 21 3 19.9926 3 18.75V5.25C3 4.00736 4.00736 3 5.25 3H10.5ZM11.25 12.75H4.5V18.75C4.5 19.1642 4.83579 19.5 5.25 19.5H11.249L11.25 12.75ZM18.75 12.75H12.749V19.5H18.75C19.1642 19.5 19.5 19.1642 19.5 18.75V13.5C19.5 13.0858 19.1642 12.75 18.75 12.75ZM10.5 4.5H5.25C4.83579 4.5 4.5 4.83579 4.5 5.25V11.25H11.25V5.25C11.25 4.83579 10.9142 4.5 10.5 4.5ZM17.8982 2.00685L18 2C18.3797 2 18.6935 2.28215 18.7432 2.64823L18.75 2.75V5.25H21.25C21.6297 5.25 21.9435 5.53215 21.9932 5.89823L22 6C22 6.3797 21.7178 6.69349 21.3518 6.74315L21.25 6.75H18.75V9.25C18.75 9.6297 18.4678 9.94349 18.1018 9.99315L18 10C17.6203 10 17.3065 9.71785 17.2568 9.35177L17.25 9.25V6.75H14.75C14.3703 6.75 14.0565 6.46785 14.0068 6.10177L14 6C14 5.6203 14.2822 5.30651 14.6482 5.25685L14.75 5.25H17.25V2.75C17.25 2.3703 17.5322 2.05651 17.8982 2.00685Z"; } .ocr-icon-svg--apps-add-in-filled { --icon-svg-path:"M10.5 3C11.8807 3 13 4.11929 13 5.5V11H18.5C19.8807 11 21 12.1193 21 13.5V18.5C21 19.8807 19.8807 21 18.5 21H5.5C4.11929 21 3 19.8807 3 18.5V5.5C3 4.11929 4.11929 3 5.5 3H10.5ZM11 13H5V18.5C5 18.7761 5.22386 19 5.5 19H11V13ZM18.5 13H13V19H18.5C18.7761 19 19 18.7761 19 18.5V13.5C19 13.2239 18.7761 13 18.5 13ZM10.5 5H5.5C5.22386 5 5 5.22386 5 5.5V11H11V5.5C11 5.22386 10.7761 5 10.5 5ZM17.8834 2.00673L18 2C18.5128 2 18.9355 2.38604 18.9933 2.88338L19 3V5H21C21.5128 5 21.9355 5.38604 21.9933 5.88338L22 6C22 6.51284 21.614 6.93551 21.1166 6.99327L21 7H19V9C19 9.51284 18.614 9.93551 18.1166 9.99327L18 10C17.4872 10 17.0645 9.61396 17.0067 9.11662L17 9V7H15C14.4872 7 14.0645 6.61396 14.0067 6.11662L14 6C14 5.48716 14.386 5.06449 14.8834 5.00673L15 5H17V3C17 2.48716 17.386 2.06449 17.8834 2.00673L18 2L17.8834 2.00673Z"; } .ocr-icon-svg--send { --icon-svg-path:"M5.69362 11.9997L2.29933 3.2715C2.0631 2.66403 2.65544 2.08309 3.2414 2.28959L3.33375 2.32885L21.3337 11.3288C21.852 11.588 21.8844 12.2975 21.4309 12.6129L21.3337 12.6705L3.33375 21.6705C2.75077 21.962 2.11746 21.426 2.2688 20.8234L2.29933 20.7278L5.69362 11.9997L2.29933 3.2715L5.69362 11.9997ZM4.4021 4.54007L7.01109 11.2491L13.6387 11.2497C14.0184 11.2497 14.3322 11.5318 14.3818 11.8979L14.3887 11.9997C14.3887 12.3794 14.1065 12.6932 13.7404 12.7428L13.6387 12.7497L7.01109 12.7491L4.4021 19.4593L19.3213 11.9997L4.4021 4.54007Z"; } .ocr-icon-svg--send-filled { --icon-svg-path:"M12.8147 12.1969L5.28344 13.4521C5.10705 13.4815 4.95979 13.6029 4.89723 13.7704L2.29933 20.7278C2.05066 21.3673 2.72008 21.9773 3.33375 21.6705L21.3337 12.6705C21.8865 12.3941 21.8865 11.6052 21.3337 11.3288L3.33375 2.32885C2.72008 2.02201 2.05066 2.63206 2.29933 3.2715L4.89723 10.2289C4.95979 10.3964 5.10705 10.5178 5.28344 10.5472L12.8147 11.8024C12.9236 11.8205 12.9972 11.9236 12.9791 12.0325C12.965 12.1168 12.899 12.1829 12.8147 12.1969Z"; } .ocr-icon > svg > path { d: path(var(--icon-svg-path)); } :root { --root-body-font-weight:400; --root-body-font-size:1rem; --root-body-line-height:1.5rem; --root-body-letter-spacing:-0.03em; --root-marquee-font-weight:600; --root-marquee-font-size:3.5rem; --root-marquee-line-height:3.875rem; --root-marquee-letter-spacing:-0.05em; --root-display-1-font-weight:600; --root-display-1-font-size:3rem; --root-display-1-line-height:3.5rem; --root-display-1-letter-spacing:-0.05em; --root-display-2-font-weight:600; --root-display-2-font-size:2.5rem; --root-display-2-line-height:3rem; --root-display-2-letter-spacing:-0.05em; --root-h1-font-weight:600; --root-h1-font-size:2rem; --root-h1-line-height:2.5rem; --root-h1-letter-spacing:-0.05em; --root-h2-font-weight:600; --root-h2-font-size:1.75rem; --root-h2-line-height:2.25rem; --root-h2-letter-spacing:-0.05em; --root-h3-font-weight:600; --root-h3-font-size:1.5rem; --root-h3-line-height:2rem; --root-h3-letter-spacing:-0.05em; --root-h4-font-weight:600; --root-h4-font-size:1.25rem; --root-h4-line-height:1.75rem; --root-h4-letter-spacing:-0.05em; --root-h5-font-weight:600; --root-h5-font-size:1.125rem; --root-h5-line-height:1.5rem; --root-h5-letter-spacing:-0.03em; --root-h6-font-weight:600; --root-h6-font-size:1rem; --root-h6-line-height:1.5rem; --root-h6-letter-spacing:-0.03em; --root-lead-font-weight:400; --root-lead-font-size:1.125rem; --root-lead-line-height:1.75rem; --root-lead-letter-spacing:-0.03em; --root-base-font-weight:400; --root-base-font-size:1rem; --root-base-line-height:1.5rem; --root-base-letter-spacing:-0.03em; --root-small-font-weight:400; --root-small-font-size:0.875rem; --root-small-line-height:1.25rem; --root-small-letter-spacing:-0.03em; --root-x-small-font-weight:400; --root-x-small-font-size:0.75rem; --root-x-small-line-height:1rem; --root-x-small-letter-spacing:-0.03em; --root-label-lead-font-weight:600; --root-label-lead-font-size:1rem; --root-label-lead-line-height:1.5rem; --root-label-font-weight:600; --root-label-font-size:0.875rem; --root-label-line-height:1.25rem; --root-label-small-font-weight:600; --root-label-small-font-size:0.75rem; --root-label-small-line-height:1rem; --root-label-eyebrow-font-weight:600; --root-label-eyebrow-font-size:0.75rem; --root-label-eyebrow-line-height:1rem; --root-label-eyebrow-letter-spacing:0.08em; --root-radii-xs:0.25rem; --root-radii-s:0.5rem; --root-radii-m:0.5rem; --root-radii-l:1rem; --root-radii-circle:12.5rem; --root-border-xs:0.0625rem; --root-border-s:0.125rem; --root-border-m:0.25rem; --root-border-l:0.5rem; --root-color-brilliant-blue-50:#e6f2fb; --root-color-brilliant-blue-100:#b0d5f2; --root-color-brilliant-blue-200:#8ac1eb; --root-color-brilliant-blue-300:#54a5e2; --root-color-brilliant-blue-400:#3393dd; --root-color-brilliant-blue-500:#0078d4; --root-color-brilliant-blue-600:#006dc1; --root-color-brilliant-blue-700:#005597; --root-color-brilliant-blue-800:#004275; --root-color-brilliant-blue-900:#002948; --root-color-blue-black-50:#e6e9ea; --root-color-blue-black-100:#b3babe; --root-color-blue-black-200:#8e989e; --root-color-blue-black-300:#5a6972; --root-color-blue-black-400:#3a4c56; --root-color-blue-black-500:#091f2c; --root-color-blue-black-600:#081c28; --root-color-blue-black-700:#06161f; --root-color-blue-black-800:#051118; --root-color-blue-black-900:#030b0f; --root-color-sea-salt-50:#fdfdfc; --root-color-sea-salt-100:#f8f7f5; --root-color-sea-salt-200:#f4f4f0; --root-color-sea-salt-300:#f0eeea; --root-color-sea-salt-400:#edebe5; --root-color-sea-salt-500:#e8e6df; --root-color-sea-salt-600:#d3d1cb; --root-color-sea-salt-700:#a5a39e; --root-color-sea-salt-800:#807f7b; --root-color-sea-salt-900:#4f4e4c; --root-color-sky-blue-50:#f4fafd; --root-color-sky-blue-100:#dceef8; --root-color-sky-blue-200:#cbe6f4; --root-color-sky-blue-300:#b3daf0; --root-color-sky-blue-400:#a4d3ed; --root-color-sky-blue-500:#8dc8e8; --root-color-sky-blue-600:#80b6d3; --root-color-sky-blue-700:#648ea5; --root-color-sky-blue-800:#4e6e80; --root-color-sky-blue-900:#30444f; --root-color-dark-blue-50:#eaecf1; --root-color-dark-blue-100:#bdc5d2; --root-color-dark-blue-200:#9da9bd; --root-color-dark-blue-300:#70829f; --root-color-dark-blue-400:#55698c; --root-color-dark-blue-500:#2a446f; --root-color-dark-blue-600:#263e65; --root-color-dark-blue-700:#1e304f; --root-color-dark-blue-800:#17253d; --root-color-dark-blue-900:#0e1726; --root-color-aqua-foam-50:#f8fcfb; --root-color-aqua-foam-100:#e9f4f1; --root-color-aqua-foam-200:#dfefea; --root-color-aqua-foam-300:#d0e8e1; --root-color-aqua-foam-400:#c7e3db; --root-color-aqua-foam-500:#b9dcd2; --root-color-aqua-foam-600:#a8c8bf; --root-color-aqua-foam-700:#839c95; --root-color-aqua-foam-800:#667974; --root-color-aqua-foam-900:#3f4b47; --root-color-pale-lime-50:#fbfdf4; --root-color-pale-lime-100:#f2f9dc; --root-color-pale-lime-200:#ebf6cb; --root-color-pale-lime-300:#e2f2b3; --root-color-pale-lime-400:#ddf0a5; --root-color-pale-lime-500:#d4ec8e; --root-color-pale-lime-600:#c1d781; --root-color-pale-lime-700:#97a865; --root-color-pale-lime-800:#75824e; --root-color-pale-lime-900:#485030; --root-color-deep-teal-50:#e9efef; --root-color-deep-teal-100:#baccce; --root-color-deep-teal-200:#99b4b7; --root-color-deep-teal-300:#6b9196; --root-color-deep-teal-400:#4e7c81; --root-color-deep-teal-500:#225b62; --root-color-deep-teal-600:#1f5359; --root-color-deep-teal-700:#184146; --root-color-deep-teal-800:#133236; --root-color-deep-teal-900:#0c1f21; --root-color-lavender-50:#f9f8fc; --root-color-lavender-100:#ede8f6; --root-color-lavender-200:#e4ddf2; --root-color-lavender-300:#d8cdec; --root-color-lavender-400:#d1c3e9; --root-color-lavender-500:#c5b4e3; --root-color-lavender-600:#b3a4cf; --root-color-lavender-700:#8c80a1; --root-color-lavender-800:#6c637d; --root-color-lavender-900:#433d4d; --root-color-violet-50:#f1e9f1; --root-color-violet-100:#d3bbd4; --root-color-violet-200:#bd9bbf; --root-color-violet-300:#9f6da1; --root-color-violet-400:#8d518f; --root-color-violet-500:#702573; --root-color-violet-600:#662269; --root-color-violet-700:#501a52; --root-color-violet-800:#3e143f; --root-color-violet-900:#260d27; --root-color-twilight-purple-50:#edebf0; --root-color-twilight-purple-100:#c6c1d0; --root-color-twilight-purple-200:#aaa3ba; --root-color-twilight-purple-300:#83789a; --root-color-twilight-purple-400:#6b5e86; --root-color-twilight-purple-500:#463668; --root-color-twilight-purple-600:#40315f; --root-color-twilight-purple-700:#32264a; --root-color-twilight-purple-800:#271e39; --root-color-twilight-purple-900:#181223; --root-color-teams-50:#efeffb; --root-color-teams-100:#cdccf2; --root-color-teams-200:#b4b4eb; --root-color-teams-300:#9291e2; --root-color-teams-400:#7d7cdd; --root-color-teams-500:#5d5bd4; --root-color-teams-600:#5553c1; --root-color-teams-700:#424197; --root-color-teams-800:#333275; --root-color-teams-900:#201f48; --root-color-pink-50:#fff7f8; --root-color-pink-100:#ffe7ea; --root-color-pink-200:#ffdce0; --root-color-pink-300:#ffccd1; --root-color-pink-400:#ffc2c9; --root-color-pink-500:#ffb3bb; --root-color-pink-600:#e8a3aa; --root-color-pink-700:#b57f85; --root-color-pink-800:#8c6267; --root-color-pink-900:#573d40; --root-color-orange-coral-50:#fff6f3; --root-color-orange-coral-100:#ffe2db; --root-color-orange-coral-200:#ffd5ca; --root-color-orange-coral-300:#ffc1b1; --root-color-orange-coral-400:#ffb5a2; --root-color-orange-coral-500:#ffa38b; --root-color-orange-coral-600:#e8947e; --root-color-orange-coral-700:#b57463; --root-color-orange-coral-800:#8c5a4c; --root-color-orange-coral-900:#57372f; --root-color-maroon-50:#f1e9ea; --root-color-maroon-100:#d4bcbf; --root-color-maroon-200:#bf9b9f; --root-color-maroon-300:#a16e74; --root-color-maroon-400:#8f5159; --root-color-maroon-500:#73262f; --root-color-maroon-600:#69232b; --root-color-maroon-700:#521b21; --root-color-maroon-800:#3f151a; --root-color-maroon-900:#270d10; --root-color-custard-yellow-50:#fffcf5; --root-color-custard-yellow-100:#fff6df; --root-color-custard-yellow-200:#fff2d0; --root-color-custard-yellow-300:#ffecbb; --root-color-custard-yellow-400:#ffe9ad; --root-color-custard-yellow-500:#ffe399; --root-color-custard-yellow-600:#e8cf8b; --root-color-custard-yellow-700:#b5a16d; --root-color-custard-yellow-800:#8c7d54; --root-color-custard-yellow-900:#574d34; --root-color-golden-yellow-50:#fff8e6; --root-color-golden-yellow-100:#ffe9b0; --root-color-golden-yellow-200:#ffdf8a; --root-color-golden-yellow-300:#ffd054; --root-color-golden-yellow-400:#ffc733; --root-color-golden-yellow-500:#ffb900; --root-color-golden-yellow-600:#e8a800; --root-color-golden-yellow-700:#b58300; --root-color-golden-yellow-800:#8c6600; --root-color-golden-yellow-900:#573f00; --root-color-dark-brown-50:#efedeb; --root-color-dark-brown-100:#ccc6c1; --root-color-dark-brown-200:#b4aaa3; --root-color-dark-brown-300:#92847a; --root-color-dark-brown-400:#7d6c60; --root-color-dark-brown-500:#5c4738; --root-color-dark-brown-600:#544133; --root-color-dark-brown-700:#413228; --root-color-dark-brown-800:#33271f; --root-color-dark-brown-900:#1f1813; --root-color-green-black-50:#e7e9e9; --root-color-green-black-100:#b4babb; --root-color-green-black-200:#90999a; --root-color-green-black-300:#5d6a6c; --root-color-green-black-400:#3d4d50; --root-color-green-black-500:#0d2124; --root-color-green-black-600:#0c1e21; --root-color-green-black-700:#09171a; --root-color-green-black-800:#071214; --root-color-green-black-900:#040b0c; --root-color-purple-black-50:#e8e7ea; --root-color-purple-black-100:#b7b4bd; --root-color-purple-black-200:#94909d; --root-color-purple-black-300:#645d71; --root-color-purple-black-400:#453d55; --root-color-purple-black-500:#170d2b; --root-color-purple-black-600:#150c27; --root-color-purple-black-700:#10091f; --root-color-purple-black-800:#0d0718; --root-color-purple-black-900:#08040f; --root-color-red-black-50:#eae7e7; --root-color-red-black-100:#bdb4b6; --root-color-red-black-200:#9d9092; --root-color-red-black-300:#715d60; --root-color-red-black-400:#553d41; --root-color-red-black-500:#2b0d12; --root-color-red-black-600:#270c10; --root-color-red-black-700:#1f090d; --root-color-red-black-800:#18070a; --root-color-red-black-900:#0f0406; --root-color-brown-black-50:#eae8e8; --root-color-brown-black-100:#bdb7b7; --root-color-brown-black-200:#9d9594; --root-color-brown-black-300:#706464; --root-color-brown-black-400:#544645; --root-color-brown-black-500:#291817; --root-color-brown-black-600:#251615; --root-color-brown-black-700:#1d1110; --root-color-brown-black-800:#170d0d; --root-color-brown-black-900:#0e0808; --root-color-off-white-50:#fefefe; --root-color-off-white-100:#fcfbfc; --root-color-off-white-200:#faf9fa; --root-color-off-white-300:#f8f7f8; --root-color-off-white-400:#f6f5f7; --root-color-off-white-500:#f4f3f5; --root-color-off-white-600:#dedddf; --root-color-off-white-700:#adadae; --root-color-off-white-800:#868687; --root-color-off-white-900:#535353; --root-color-warm-white-50:#fffefe; --root-color-warm-white-100:#fffdfb; --root-color-warm-white-200:#fffcf9; --root-color-warm-white-300:#fffaf7; --root-color-warm-white-400:#fff9f5; --root-color-warm-white-500:#fff8f3; --root-color-warm-white-600:#e8e2dd; --root-color-warm-white-700:#b5b0ad; --root-color-warm-white-800:#8c8886; --root-color-warm-white-900:#575453; --root-color-pale-gray-50:#fbfbfb; --root-color-pale-gray-100:#f3f3f2; --root-color-pale-gray-200:#eeeeec; --root-color-pale-gray-300:#e6e6e4; --root-color-pale-gray-400:#e1e1de; --root-color-pale-gray-500:#d9d9d6; --root-color-pale-gray-600:#c5c5c3; --root-color-pale-gray-700:#9a9a98; --root-color-pale-gray-800:#777776; --root-color-pale-gray-900:#4a4a49; --root-color-vapor-gray-50:#f7f7f7; --root-color-vapor-gray-100:#e7e7e7; --root-color-vapor-gray-200:#dbdcdc; --root-color-vapor-gray-300:#cbcccc; --root-color-vapor-gray-400:#c1c2c2; --root-color-vapor-gray-500:#b1b3b3; --root-color-vapor-gray-600:#a1a3a3; --root-color-vapor-gray-700:#7e7f7f; --root-color-vapor-gray-800:#616262; --root-color-vapor-gray-900:#3c3d3d; --root-color-dark-slate-50:#ececec; --root-color-dark-slate-100:#c5c4c4; --root-color-dark-slate-200:#a9a8a8; --root-color-dark-slate-300:#828080; --root-color-dark-slate-400:#6a6768; --root-color-dark-slate-500:#454142; --root-color-dark-slate-600:#3f3b3c; --root-color-dark-slate-700:#312e2f; --root-color-dark-slate-800:#262424; --root-color-dark-slate-900:#171616; --root-color-morganite-50:#fcfbf9; --root-color-morganite-100:#f6f1ee; --root-color-morganite-200:#f1ebe5; --root-color-morganite-300:#ebe2d9; --root-color-morganite-400:#e7dcd2; --root-color-morganite-500:#e1d3c7; --root-color-morganite-600:#cdc0b5; --root-color-morganite-700:#a0968d; --root-color-morganite-800:#7c746d; --root-color-morganite-900:#4d4844; --root-color-brown-50:#f9f4f1; --root-color-brown-100:#ebded4; --root-color-brown-200:#e2cebf; --root-color-brown-300:#d4b7a2; --root-color-brown-400:#cca990; --root-color-brown-500:#bf9474; --root-color-brown-600:#ae876a; --root-color-brown-700:#886952; --root-color-brown-800:#695140; --root-color-brown-900:#413227; --root-color-breen-50:#f2efe8; --root-color-breen-100:#d7ccb8; --root-color-breen-200:#c4b396; --root-color-breen-300:#a99066; --root-color-breen-400:#997b48; --root-color-breen-500:#7f5a1a; --root-color-breen-600:#745218; --root-color-breen-700:#5a4012; --root-color-breen-800:#46320e; --root-color-breen-900:#2b1f09; --root-color-bright-orange-50:#ffefeb; --root-color-bright-orange-100:#ffccc2; --root-color-bright-orange-200:#ffb4a4; --root-color-bright-orange-300:#ff927a; --root-color-bright-orange-400:#ff7d61; --root-color-bright-orange-500:#ff5c39; --root-color-bright-orange-600:#e85434; --root-color-bright-orange-700:#b54128; --root-color-bright-orange-800:#8c331f; --root-color-bright-orange-900:#571f13; --root-color-ginger-bread-50:#f1ebe8; --root-color-ginger-bread-100:#d4c2b9; --root-color-ginger-bread-200:#bfa497; --root-color-ginger-bread-300:#a17a68; --root-color-ginger-bread-400:#8f614a; --root-color-ginger-bread-500:#73391d; --root-color-ginger-bread-600:#69341a; --root-color-ginger-bread-700:#522815; --root-color-ginger-bread-800:#3f1f10; --root-color-ginger-bread-900:#27130a; --root-color-red-50:#feebed; --root-color-red-100:#fcc1c8; --root-color-red-200:#faa3ad; --root-color-red-300:#f87887; --root-color-red-400:#f65e70; --root-color-red-500:#f4364c; --root-color-red-600:#de3145; --root-color-red-700:#ad2636; --root-color-red-800:#861e2a; --root-color-red-900:#53121a; --root-color-lilac-50:#fbf5fb; --root-color-lilac-100:#f2e1f3; --root-color-lilac-200:#ecd2ed; --root-color-lilac-300:#e3bee4; --root-color-lilac-400:#ddb1df; --root-color-lilac-500:#d59ed7; --root-color-lilac-600:#c290c4; --root-color-lilac-700:#977099; --root-color-lilac-800:#755776; --root-color-lilac-900:#483649; --root-color-red-violet-50:#f9ebf9; --root-color-red-violet-100:#ebc2ed; --root-color-red-violet-200:#e2a5e4; --root-color-red-violet-300:#d57cd7; --root-color-red-violet-400:#cd62d0; --root-color-red-violet-500:#c03bc4; --root-color-red-violet-600:#af36b2; --root-color-red-violet-700:#882a8b; --root-color-red-violet-800:#6a206c; --root-color-red-violet-900:#411443; --root-color-purple-50:#f3eff9; --root-color-purple-100:#d9ceed; --root-color-purple-200:#c7b6e4; --root-color-purple-300:#ae95d8; --root-color-purple-400:#9e81d1; --root-color-purple-500:#8661c5; --root-color-purple-600:#7a58b3; --root-color-purple-700:#5f458c; --root-color-purple-800:#4a356c; --root-color-purple-900:#2e2143; --root-color-mint-green-50:#f4fdf1; --root-color-mint-green-100:#dcf8d3; --root-color-mint-green-200:#cbf5be; --root-color-mint-green-300:#b3f0a0; --root-color-mint-green-400:#a4ed8d; --root-color-mint-green-500:#8de971; --root-color-mint-green-600:#80d467; --root-color-mint-green-700:#64a550; --root-color-mint-green-800:#4e803e; --root-color-mint-green-900:#304f26; --root-color-grass-green-50:#e6f0e8; --root-color-grass-green-100:#b2cfb9; --root-color-grass-green-200:#8db897; --root-color-grass-green-300:#599768; --root-color-grass-green-400:#39834a; --root-color-grass-green-500:#07641d; --root-color-grass-green-600:#065b1a; --root-color-grass-green-700:#054715; --root-color-grass-green-800:#043710; --root-color-grass-green-900:#02220a; --root-color-biscay-green-50:#edf9f7; --root-color-biscay-green-100:#c7ede7; --root-color-biscay-green-200:#abe4db; --root-color-biscay-green-300:#85d8cb; --root-color-biscay-green-400:#6dd1c1; --root-color-biscay-green-500:#49c5b1; --root-color-biscay-green-600:#42b3a1; --root-color-biscay-green-700:#348c7e; --root-color-biscay-green-800:#286c61; --root-color-biscay-green-900:#19433c; --root-color-oyster-gray-50:#fbfbfa; --root-color-oyster-gray-100:#f3f1ef; --root-color-oyster-gray-200:#edeae7; --root-color-oyster-gray-300:#e4e1dc; --root-color-oyster-gray-400:#dfdbd5; --root-color-oyster-gray-500:#d7d2cb; --root-color-oyster-gray-600:#c4bfb9; --root-color-oyster-gray-700:#999590; --root-color-oyster-gray-800:#767470; --root-color-oyster-gray-900:#494745; --root-color-warm-gray-50:#f4f3f1; --root-color-warm-gray-100:#dbd8d5; --root-color-warm-gray-200:#cac6c0; --root-color-warm-gray-300:#b2aba3; --root-color-warm-gray-400:#a39b91; --root-color-warm-gray-500:#8c8276; --root-color-warm-gray-600:#7f766b; --root-color-warm-gray-700:#635c54; --root-color-warm-gray-800:#4d4841; --root-color-warm-gray-900:#302c28; --root-color-success-50:#e7f3ea; --root-color-success-100:#b4dabc; --root-color-success-200:#90c89c; --root-color-success-300:#5eaf6f; --root-color-success-400:#3e9f53; --root-color-success-500:#0e8728; --root-color-success-600:#0d7b24; --root-color-success-700:#0a601c; --root-color-success-800:#084a16; --root-color-success-900:#052e0e; --root-color-error-50:#fceaec; --root-color-error-100:#f5bfc5; --root-color-error-200:#f0a0a9; --root-color-error-300:#e97582; --root-color-error-400:#e55a6a; --root-color-error-500:#de3145; --root-color-error-600:#ca2d3f; --root-color-error-700:#9e2331; --root-color-error-800:#7a1b26; --root-color-error-900:#4b1117; --root-color-warning-50:#fffbe9; --root-color-warning-100:#fdf4bb; --root-color-warning-200:#fdee9a; --root-color-warning-300:#fce66c; --root-color-warning-400:#fbe14f; --root-color-warning-500:#fada23; --root-color-warning-600:#e4c620; --root-color-warning-700:#b29b19; --root-color-warning-800:#8a7813; --root-color-warning-900:#554a0c; --root-color-info-50:#e6effd; --root-color-info-100:#b0ccf8; --root-color-info-200:#8ab4f4; --root-color-info-300:#5492f0; --root-color-info-400:#337ded; --root-color-info-500:#005ce8; --root-color-info-600:#0054d3; --root-color-info-700:#0041a5; --root-color-info-800:#003380; --root-color-info-900:#001f4f; --root-color-neutral-white:#fff; --root-color-neutral-black:#000; --root-color-neutral-bright-lime:#89c402; --root-color-alpha-50:rgba(255, 255, 255, 0.05); --root-color-alpha-100:rgba(255, 255, 255, 0.1); --root-color-alpha-200:rgba(255, 255, 255, 0.2); --root-color-alpha-300:rgba(255, 255, 255, 0.3); --root-color-alpha-400:rgba(255, 255, 255, 0.4); --root-color-alpha-500:rgba(255, 255, 255, 0.5); --root-color-alpha-600:rgba(255, 255, 255, 0.6); --root-color-alpha-700:rgba(255, 255, 255, 0.7); --root-color-alpha-800:rgba(255, 255, 255, 0.8); --root-color-alpha-900:rgba(255, 255, 255, 0.9); --root-gradient-mesh-brilliant-blue:linear-gradient(122deg, #b3daf0 -18.47%, #54a5e2 50.34%, #8ac1eb 118.47%); --root-gradient-mesh-sky-blue:linear-gradient(131deg, #cbe6f4 0%, #8dc8e8 50.25%, #c5b4e3 100%); --root-gradient-mesh-pale-lime-green:linear-gradient(122deg, #ebf6cb -18.47%, #d4ec8e 50.34%, #85d8cb 118.47%); --root-gradient-mesh-pale-lime-foam:linear-gradient(127deg, #ebf6cb 0%, #d4ec8e 49.48%, #badcd2 100%); --root-gradient-mesh-aqua-foam:linear-gradient(122deg, #dfefea -18.47%, #badcd2 50.34%, #b0d5f2 118.47%); --root-gradient-mesh-custard-yellow:linear-gradient(122deg, #fff2cb -18.47%, #ffe38e 50.34%, #ffbead 118.47%); --root-gradient-mesh-pink:linear-gradient(122deg, #fed7e2 -18.47%, #fbb6ce 50.34%, #ffcf54 118.47%); --root-gradient-mesh-orange-coral:linear-gradient(122deg, #ffe1d9 -18.47%, #ffb19d 50.34%, #ffe38e 118.47%); --root-gradient-mesh-blue-black:linear-gradient(131deg, #003259 0%, #091f2c 50.25%, #004275 100%); --root-gradient-mesh-dark-blue-sky:linear-gradient(122deg, #2a446f -18.47%, #1e304f 50.34%, #3b5461 118.47%); --root-gradient-mesh-dark-blue-lime:linear-gradient(122deg, #2a446f -18.47%, #1e304f 50.34%, #59633c 118.47%); --root-gradient-mesh-deep-teal:linear-gradient(126deg, #225b62 0%, #133236 50%, #4e5c58 100%); --root-gradient-mesh-biscay-green:linear-gradient(122deg, #286c61 -18.47%, #1f534a 50.34%, #75824e 118.47%); --root-gradient-mesh-maroon:linear-gradient(122deg, #591520 -18.47%, #2b0d12 50.34%, #8c7d4e 118.47%); --root-gradient-linear-sea-salt:linear-gradient(90deg, #dceef8 0%, #f8f7f5 49.65%, #ede8f6 100%); --root-gradient-linear-sky-blue:linear-gradient(90deg, #ede8f6 0%, #f4fafd 49.99%, #dceef8 100%); --root-gradient-linear-pale-lime-custard-yellow:linear-gradient(90deg, #fff6dc 0%, #fbfdf4 49.99%, #edf9f7 100%); --root-gradient-linear-pale-lime-dark-blue:linear-gradient(90deg, #eaecf1 0%, #fbfdf4 49.99%, #eaf4f1 100%); --root-gradient-linear-aqua-foam:linear-gradient(90deg, #e9efef 0%, #f8fcfb 49.99%, #dceef8 100%); --root-gradient-linear-custard-yellow:linear-gradient(90deg, #ffe1d9 0%, #fffcf4 50%, #f2e9ea 100%); --root-gradient-linear-pink:linear-gradient(90deg, #fff8e6 0%, #fff7f8 49.99%, #f1e9f1 100%); --root-gradient-linear-orange-coral:linear-gradient(90deg, #edebf0 0%, #fff5f3 49.99%, #fff6dc 100%); --root-gradient-linear-blue-black:linear-gradient(90deg, #06161f 0%, #091f2c 49.99%, #003259 100%); --root-gradient-linear-green-black:linear-gradient(90deg, #050e0f 0%, #0d2124 49.99%, #133236 100%); --root-gradient-linear-brown-black:linear-gradient(90deg, #110a0a 0%, #291817 49.99%, #33271f 100%); --root-gradient-linear-red-black:linear-gradient(90deg, #120508 0%, #2b0d12 49.99%, #350d13 100%); --root-gradient-linear-purple-black:linear-gradient(90deg, #0a0512 0%, #170d2b 49.99%, #271e39 100%); --root-gradient-linear-viva-light-blue:linear-gradient(90deg, #e6f2fb 0%, #b0d5f2 100%); --root-gradient-linear-viva-dark-blue:linear-gradient(90deg, #2a446f 0%, #006dc1 100%); --root-gradient-linear-viva-light-purple:linear-gradient(90deg, #f3eff9, #d9ceed 100%); --root-gradient-linear-viva-dark-purple:linear-gradient(90deg, #463668, #7a58b3 100%); --root-gradient-linear-viva-light-teal:linear-gradient(90deg, #f8fcfb 0%, #c7ede7 100%); --root-gradient-linear-viva-dark-teal:linear-gradient(90deg, #225b62 0%, #348c7e 100%); --root-gradient-linear-redviolet-brightorange:linear-gradient(90deg, #882a8b 0%, #dc2c04 100%, #b54128 100%); --root-gradient-linear-brilliantblue-purple:linear-gradient(90deg, #0778d4 0%, #8661c5 100%); --root-gradient-linear-brilliantblue-biscaygreen:linear-gradient(89.97deg, #0078d4 0.03%, #6dd1c1 99.97%); --root-gradient-linear-mintgreen-brilliantblue:linear-gradient(90deg, #8de971 0%, #0778d4 100%); --root-gradient-linear-lavender-brilliantblue:linear-gradient(180deg, #f9f8fc 0%, #e6f2fb 100%); --root-gradient-linear-aquafoam-brilliantblue:linear-gradient(180deg, #f8fcfb 0%, #e6f2fb 100%); --root-gradient-linear-skyblue-brilliantblue:linear-gradient(180deg, #f4fafd 0%, #e6f2fb 100%); --root-gradient-linear-skyblue2:linear-gradient(180deg, #b8e5ff 0%, #f4fafd 100%); --root-gradient-linear-skyblue-template:linear-gradient(180deg, #f4fafd 0%, #dbf2ff 10%, #f4fafd 50%, #dcf2ff 90%, #b8e5ff 100%); --root-gradient-linear-blue-black-template:linear-gradient(180deg, #011f60 0%, #bfdcf8 13%, #dbf2ff 25%, #f4fafd 50%, #bfdcf8 75%, #2164a6 87%, #011f60 100%); --root-gradient-linear-brilliant-blue:linear-gradient(180deg, #002948, #004275 100%); --root-gradient-linear-brilliantblue600-purple600:linear-gradient(90deg, #006dc1, #7a58b3 100%); --root-overlay-day-full:rgba(255, 255, 255, 0.6); --root-overlay-day-gradient:linear-gradient(180deg, rgba(244, 250, 253, 0) 0%, #f4fafd 100%); --root-overlay-day-bg-overlay-fill:rgba(255, 255, 255, 0.6); --root-overlay-day-bg-overlay-horizontal:linear-gradient(270deg, rgba(255, 255, 255, 0) 33.48%, white 66.52%); --root-overlay-day-bg-overlay-horizontal-faded:linear-gradient(270deg, rgba(255, 255, 255, 0) 33.48%, rgba(255, 255, 255, 0.6) 66.52%); --root-overlay-day-bg-overlay-vertical:linear-gradient(0deg, rgba(244, 250, 253, 0) 0%, #f4fafd 100%); --root-overlay-day-bg-overlay-vertical-color:linear-gradient(180deg, #c03bc4 26.79%, rgba(244, 250, 253, 0) 100%); --root-overlay-day-video-overlay-fill:rgba(255, 255, 255, 0.6); --root-overlay-day-video-overlay-vertical:linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 50%); --root-overlay-day-video-overlay-bottom-vertical:linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 100%); --root-overlay-day-video-overlay-bottom-vertical-strong:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 48%, rgba(255, 255, 255, 0.9) 100%); --root-overlay-day-video-overlay-bottom-vertical-light:linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 100%); --root-overlay-night-full:rgba(0, 8, 20, 0.6); --root-overlay-night-gradient:linear-gradient(180deg, rgba(4, 13, 18, 0) 0%, rgba(4, 13, 18, 0.8) 93.59%); --root-overlay-night-bg-overlay-fill:rgba(0, 0, 0, 0.6); --root-overlay-night-bg-overlay-horizontal:linear-gradient(90deg, black 33.48%, rgba(0, 0, 0, 0) 66.74%); --root-overlay-night-bg-overlay-horizontal-faded:linear-gradient(90deg, rgba(0, 0, 0, 0.6) 33.48%, rgba(0, 0, 0, 0) 66.74%); --root-overlay-night-bg-overlay-vertical:linear-gradient(0deg, rgba(4, 13, 18, 0) 0%, #040d12 100%); --root-overlay-night-video-overlay-fill:rgba(0, 0, 0, 0.6); --root-overlay-night-video-overlay-vertical:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); --root-overlay-night-video-overlay-bottom-vertical:linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); --root-overlay-night-video-overlay-bottom-vertical-strong:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 48%, rgba(0, 0, 0, 0.9) 100%); --root-overlay-night-video-overlay-bottom-vertical-light:linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); --root-depth-color-1:rgba(0, 0, 0, 0.12); --root-depth-color-2:rgba(0, 0, 0, 0.14); --root-depth-2:0 0 0.125rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)),0 0.063rem 0.125rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14)); --root-depth-4:0 0 0.125rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)),0 0.125rem 0.25rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14)); --root-depth-8:0 0 0.125rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)),0 0.25rem 0.5rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14)); --root-depth-16:0 0 0.125rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)),0 0.5rem 1rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14)); --root-depth-28:0 0 0.5rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)),0 0.875rem 1.75rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14)); --root-depth-64:0 0 0.5rem var(--root-depth-color-1, rgba(0, 0, 0, 0.12)),0 2rem 4rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14)); --root-spacing-3xs:0.125rem; --root-spacing-2xs:0.25rem; --root-spacing-xs:0.5rem; --root-spacing-s:0.75rem; --root-spacing-m:0.75rem; --root-spacing-l:1rem; --root-spacing-xl:1.5rem; --root-spacing-2xl:2rem; --root-spacing-3xl:3rem; --root-spacing-4xl:3.5rem; --root-copy-padding-s:0rem; --root-copy-padding-m:0rem; --root-copy-padding-l:0rem; --root-copy-padding-xl:0rem; --root-breadth-vertical-default:var(--root-spacing-4xl); --root-breadth-vertical-relaxed:var(--root-spacing-4xl); --root-breadth-vertical-comfortable:var(--root-spacing-3xl); --root-breadth-vertical-none:0; --root-density-vertical-default:var(--root-spacing-2xl); --root-density-vertical-compact:var(--root-spacing-xl); --root-density-vertical-none:0; --root-density-horizontal-default:var(--root-spacing-m); --root-density-horizontal-relaxed:var(--root-spacing-4xl); --root-card-padding-default:1rem; --root-card-padding-comfortable:1.5rem; --root-card-padding-relaxed:2rem; --theme-background-accent-strong-normal:var(--root-color-brilliant-blue-500); --theme-background-accent-strong-hover:var(--root-color-brilliant-blue-600); --theme-background-accent-strong-pressed:var(--root-color-brilliant-blue-800); --theme-background-accent-strong-selected:var(--root-color-brilliant-blue-700); --theme-background-accent-subtle-normal:rgba(0, 85, 151, 0.15); --theme-background-accent-subtle-hover:rgba(0, 85, 151, 0.4); --theme-background-accent-subtle-pressed:var(--root-color-brilliant-blue-300); --theme-background-accent-subtle-selected:var(--root-color-brilliant-blue-700); --theme-background-base-fade:var(--root-color-sky-blue-50); --theme-background-base-color:var(--root-color-sky-blue-100); --theme-background-base-neutral:var(--root-color-neutral-white); --theme-background-special-fade:var(--root-gradient-linear-sky-blue); --theme-background-special-color:var(--root-gradient-mesh-sky-blue); --theme-background-special-neutral:var(--root-gradient-linear-skyblue-brilliantblue); --theme-background-special-subtle:var(--root-gradient-linear-skyblue2); --theme-background-special-template-subtle:var(--root-gradient-linear-skyblue-template); --theme-background-neutral-fade:var(--root-color-vapor-gray-50); --theme-background-neutral-color:var(--root-color-vapor-gray-100); --theme-background-supportive-fade:var(--root-color-pink-50); --theme-background-supportive-color:var(--root-color-pink-300); --theme-background-card-normal:var(--root-color-off-white-50); --theme-background-card-hover:var(--root-color-off-white-300); --theme-background-card-pressed:var(--root-color-off-white-400); --theme-background-card-selected:var(--root-color-off-white-50); --theme-background-glass-normal:var(--root-color-alpha-400); --theme-background-glass-hover:var(--root-color-alpha-500); --theme-background-glass-pressed:var(--root-color-alpha-600); --theme-background-glass-selected:var(--root-color-alpha-700); --theme-background-highlight-normal:var(--root-color-sky-blue-100); --theme-background-highlight-hover:var(--root-color-sky-blue-200); --theme-background-highlight-pressed:var(--root-color-sky-blue-400); --theme-background-highlight-selected:var(--root-color-sky-blue-300); --theme-background-overlay-full:var(--root-overlay-day-full); --theme-background-overlay-gradient:var(--root-overlay-day-gradient); --theme-background-background-overlay-fill:var(--root-overlay-day-bg-overlay-fill); --theme-background-background-overlay-horizontal:var(--root-overlay-day-bg-overlay-horizontal); --theme-background-background-overlay-horizontal-faded:var(--root-overlay-day-bg-overlay-horizontal-faded); --theme-background-background-overlay-vertical:var(--root-overlay-day-bg-overlay-vertical); --theme-background-background-overlay-vertical-color:var(--root-overlay-day-bg-overlay-vertical-color); --theme-background-video-overlay-fill:var(--root-overlay-day-video-overlay-fill); --theme-background-video-overlay-vertical:var(--root-overlay-day-video-overlay-vertical); --theme-background-video-overlay-bottom-vertical:var(--root-overlay-day-video-overlay-bottom-vertical); --theme-background-video-overlay-bottom-vertical-strong:var(--root-overlay-day-video-overlay-bottom-vertical-strong); --theme-background-video-overlay-bottom-vertical-light:var(--root-overlay-day-video-overlay-bottom-vertical-light); --theme-foreground-accent-strong-normal:var(--root-color-neutral-white); --theme-foreground-accent-strong-hover:var(--root-color-neutral-white); --theme-foreground-accent-strong-pressed:var(--root-color-neutral-white); --theme-foreground-accent-strong-selected:var(--root-color-neutral-white); --theme-foreground-accent-subtle-normal:var(--root-color-dark-blue-500); --theme-foreground-accent-subtle-hover:var(--root-color-dark-blue-600); --theme-foreground-accent-subtle-pressed:var(--root-color-dark-blue-900); --theme-foreground-accent-subtle-selected:var(--root-color-neutral-white); --theme-foreground-base-strong:var(--root-color-dark-blue-900); --theme-foreground-base-subtle:var(--root-color-dark-blue-800); --theme-foreground-base-highlight:var(--root-color-brilliant-blue-700); --theme-foreground-base-icon:var(--root-color-brilliant-blue-500); --theme-foreground-base-icon-light:var(--root-color-sky-blue-50); --theme-foreground-special-strong:var(--root-color-dark-blue-900); --theme-foreground-special-subtle:var(--root-color-dark-blue-800); --theme-foreground-special-highlight:var(--root-color-brilliant-blue-700); --theme-foreground-special-icon:var(--root-color-brilliant-blue-500); --theme-foreground-special-icon-light:var(--root-color-sky-blue-50); --theme-foreground-special-strong-gradient-1:var(--root-gradient-linear-redviolet-brightorange); --theme-foreground-special-strong-gradient-2:var(--root-gradient-linear-brilliantblue-purple); --theme-foreground-special-ai-gradient-1:var(--root-gradient-linear-brilliantblue-biscaygreen); --theme-foreground-neutral-strong:var(--root-color-dark-blue-900); --theme-foreground-neutral-subtle:var(--root-color-dark-blue-800); --theme-foreground-neutral-highlight:var(--root-color-dark-blue-800); --theme-foreground-neutral-icon:var(--root-color-dark-blue-900); --theme-foreground-neutral-icon-light:var(--root-color-dark-blue-50); --theme-foreground-supportive-strong:var(--root-color-violet-900); --theme-foreground-supportive-subtle:var(--root-color-violet-800); --theme-foreground-supportive-highlight:var(--root-color-violet-800); --theme-foreground-supportive-icon:var(--root-color-violet-500); --theme-foreground-supportive-icon-light:var(--root-color-violet-50); --theme-border-accent-strong-normal:var(--root-color-brilliant-blue-500); --theme-border-accent-strong-hover:var(--root-color-brilliant-blue-600); --theme-border-accent-strong-pressed:var(--root-color-brilliant-blue-800); --theme-border-accent-strong-selected:var(--root-color-brilliant-blue-700); --theme-border-accent-subtle-normal:var(--root-color-dark-blue-500); --theme-border-accent-subtle-hover:var(--root-color-dark-blue-600); --theme-border-accent-subtle-pressed:var(--root-color-dark-blue-800); --theme-border-accent-subtle-selected:var(--root-color-dark-blue-700); --theme-border-base-strong:var(--root-color-brilliant-blue-900); --theme-border-base-fade:var(--root-color-sky-blue-200); --theme-border-special-strong:var(--root-color-brilliant-blue-900); --theme-border-special-fade:var(--root-color-sky-blue-200); --theme-border-neutral-strong:var(--root-color-dark-blue-900); --theme-border-neutral-fade:var(--root-color-dark-blue-100); --theme-border-supportive-strong:var(--root-color-violet-900); --theme-border-supportive-fade:var(--root-color-pink-100); --theme-border-card-strong:var(--root-color-off-white-600); --theme-border-card-fade:var(--root-color-brilliant-blue-50); --theme-border-glass-strong:var(--root-color-alpha-900); --theme-border-glass-fade:var(--root-color-alpha-100); --theme-border-highlight-strong:var(--root-color-sky-blue-400); --theme-border-highlight-fade:var(--root-color-sky-blue-200); --root-filter-blur-s-filter:blur(0.25rem); --root-filter-blur-m-filter:blur(0.75rem); --root-filter-blur-l-filter:blur(1.25rem); --root-filter-blur-glass-background:rgba(255, 255, 255, 0.05); --root-filter-blur-glass-backdrop-filter:blur(1.25rem); --root-filter-brightness:0.7; --root-filter-blur:12.5rem; --root-icon-xs-font-size:0.75rem; --root-icon-xs-max-width:12px; --root-icon-xs-max-height:12px; --root-icon-s-font-size:1rem; --root-icon-s-max-width:16px; --root-icon-s-max-height:16px; --root-icon-m-font-size:1.25rem; --root-icon-m-max-width:20px; --root-icon-m-max-height:20px; --root-icon-l-font-size:1.5rem; --root-icon-l-max-width:24px; --root-icon-l-max-height:24px; --root-icon-xl-font-size:2rem; --root-icon-xl-max-width:32px; --root-icon-xl-max-height:32px; --root-icon-2xl-font-size:2.5rem; --root-icon-2xl-max-width:40px; --root-icon-2xl-max-height:40px; --root-icon-3xl-font-size:3rem; --root-icon-3xl-max-width:48px; --root-icon-3xl-max-height:48px; --root-icon-4xl-font-size:4rem; --root-icon-4xl-max-width:64px; --root-icon-4xl-max-height:64px; } @media (min-width: 860px) { :root { --root-marquee-font-size:4.75rem; --root-marquee-line-height:5.125rem; } } @media (min-width: 1440px) { :root { --root-marquee-font-size:6.25rem; --root-marquee-line-height:6.625rem; } } @media (min-width: 860px) { :root { --root-display-1-font-size:3.75rem; --root-display-1-line-height:4.5rem; } } @media (min-width: 1440px) { :root { --root-display-1-font-size:4.75rem; --root-display-1-line-height:5.375rem; } } @media (min-width: 860px) { :root { --root-display-2-font-size:2.75rem; --root-display-2-line-height:3.5rem; } } @media (min-width: 1440px) { :root { --root-display-2-font-size:3.875rem; --root-display-2-line-height:4.5rem; } } @media (min-width: 860px) { :root { --root-h1-font-size:2.5rem; --root-h1-line-height:3rem; } } @media (min-width: 1440px) { :root { --root-h1-font-size:3rem; --root-h1-line-height:3.5rem; } } @media (min-width: 860px) { :root { --root-h2-font-size:1.875rem; --root-h2-line-height:2.25rem; } } @media (min-width: 1440px) { :root { --root-h2-font-size:2.5rem; --root-h2-line-height:3rem; } } @media (min-width: 1440px) { :root { --root-h3-font-size:2rem; --root-h3-line-height:2.5rem; } } @media (min-width: 860px) { :root { --root-h4-font-size:1.25rem; --root-h4-line-height:1.75rem; } } @media (min-width: 1440px) { :root { --root-h4-font-size:1.5rem; --root-h4-line-height:2rem; } } @media (min-width: 1440px) { :root { --root-h5-font-size:1.25rem; --root-h5-line-height:1.75rem; } } @media (min-width: 1440px) { :root { --root-lead-font-size:1.25rem; --root-lead-line-height:2rem; } } @media (min-width: 860px) { :root { --root-radii-m:1rem; } } @media (min-width: 860px) { :root { --root-radii-l:1.5rem; } } @media (min-width: 860px) { :root { --root-spacing-m:1rem; } } @media (min-width: 860px) { :root { --root-spacing-l:1.5rem; } } @media (min-width: 860px) { :root { --root-spacing-xl:2rem; } } @media (min-width: 860px) { :root { --root-spacing-2xl:3rem; } } @media (min-width: 860px) { :root { --root-spacing-3xl:4.5rem; } } @media (min-width: 860px) { :root { --root-spacing-4xl:6rem; } } @media (min-width: 540px) { :root { --root-copy-padding-m:1.5rem; } } @media (min-width: 540px) { :root { --root-copy-padding-l:1.5rem; } } @media (min-width: 860px) { :root { --root-copy-padding-l:2rem; } } @media (min-width: 1440px) { :root { --root-copy-padding-l:3rem; } } @media (min-width: 540px) { :root { --root-copy-padding-xl:1.5rem; } } @media (min-width: 860px) { :root { --root-copy-padding-xl:5.5rem; } } @media (min-width: 1440px) { :root { --root-copy-padding-xl:11.75rem; } } @media (min-width: 860px) { :root { --root-card-padding-default:1.5rem; } } @media (min-width: 860px) { :root { --root-card-padding-comfortable:3rem; } } @media (min-width: 860px) { :root { --root-card-padding-relaxed:4.5rem; } } body { background-color: var(--theme-background-neutral-fade); color: var(--theme-foreground-base-subtle); } body .theme-night { color: var(--theme-foreground-base-subtle); } p { margin-bottom: 0; } .theme-day a:not(.btn), .theme-night a:not(.btn) { color: var(--link-text-color, inherit); } .container { padding-right: 1rem; padding-left: 1rem; } @media (min-width: 540px) { .container { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .container { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .container { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 860px) { .container { max-width: 100vw; } } @media (min-width: 1440px) { .container { max-width: 1328px; } } .container-fluid, .container-lg, .container-md { padding-right: 0.25rem; padding-left: 0.25rem; } @media (min-width: 540px) { .container-fluid, .container-lg, .container-md { padding-right: 0.25rem; padding-left: 0.25rem; } } @media (min-width: 860px) { .container-fluid, .container-lg, .container-md { padding-right: 0.5rem; padding-left: 0.5rem; } } @media (min-width: 1440px) { .container-fluid, .container-lg, .container-md { padding-right: 0.5rem; padding-left: 0.5rem; } } .row { display: flex; flex-wrap: wrap; margin-right: -0.25rem; margin-left: -0.25rem; } @media (min-width: 540px) { .row { margin-right: -0.25rem; margin-left: -0.25rem; } } @media (min-width: 860px) { .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media (min-width: 1440px) { .row { margin-right: -0.5rem; margin-left: -0.5rem; } } .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 { position: relative; width: 100%; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-auto { padding-right: 0.25rem; padding-left: 0.25rem; } @media (min-width: 540px) { .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-auto { padding-right: 0.25rem; padding-left: 0.25rem; } } @media (min-width: 860px) { .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-auto { padding-right: 0.5rem; padding-left: 0.5rem; } } @media (min-width: 1440px) { .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-auto { padding-right: 0.5rem; padding-left: 0.5rem; } } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-1 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-2 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-3 { flex: 0 0 50%; max-width: 50%; } .col-4 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-5 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-6 { flex: 0 0 100%; max-width: 100%; } .order-last { order: 7; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } html:not([dir=rtl]) .offset-1 { margin-left: 16.66667%; } html[dir=rtl] .offset-1 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-2 { margin-left: 33.33333%; } html[dir=rtl] .offset-2 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-3 { margin-left: 50%; } html[dir=rtl] .offset-3 { margin-right: 50%; } html:not([dir=rtl]) .offset-4 { margin-left: 66.66667%; } html[dir=rtl] .offset-4 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-5 { margin-left: 83.33333%; } html[dir=rtl] .offset-5 { margin-right: 83.33333%; } @media (min-width: 540px) { .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-1 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-2 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-3 { flex: 0 0 50%; max-width: 50%; } .col-sm-4 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-5 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-6 { flex: 0 0 100%; max-width: 100%; } .order-sm-last { order: 7; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } html:not([dir=rtl]) .offset-sm-0 { margin-left: 0; } html[dir=rtl] .offset-sm-0 { margin-right: 0; } html:not([dir=rtl]) .offset-sm-1 { margin-left: 16.66667%; } html[dir=rtl] .offset-sm-1 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-sm-2 { margin-left: 33.33333%; } html[dir=rtl] .offset-sm-2 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-sm-3 { margin-left: 50%; } html[dir=rtl] .offset-sm-3 { margin-right: 50%; } html:not([dir=rtl]) .offset-sm-4 { margin-left: 66.66667%; } html[dir=rtl] .offset-sm-4 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-sm-5 { margin-left: 83.33333%; } html[dir=rtl] .offset-sm-5 { margin-right: 83.33333%; } } @media (min-width: 860px) { .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } html:not([dir=rtl]) .offset-md-0 { margin-left: 0; } html[dir=rtl] .offset-md-0 { margin-right: 0; } html:not([dir=rtl]) .offset-md-1 { margin-left: 8.33333%; } html[dir=rtl] .offset-md-1 { margin-right: 8.33333%; } html:not([dir=rtl]) .offset-md-2 { margin-left: 16.66667%; } html[dir=rtl] .offset-md-2 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-md-3 { margin-left: 25%; } html[dir=rtl] .offset-md-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-md-4 { margin-left: 33.33333%; } html[dir=rtl] .offset-md-4 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-md-5 { margin-left: 41.66667%; } html[dir=rtl] .offset-md-5 { margin-right: 41.66667%; } html:not([dir=rtl]) .offset-md-6 { margin-left: 50%; } html[dir=rtl] .offset-md-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-md-7 { margin-left: 58.33333%; } html[dir=rtl] .offset-md-7 { margin-right: 58.33333%; } html:not([dir=rtl]) .offset-md-8 { margin-left: 66.66667%; } html[dir=rtl] .offset-md-8 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-md-9 { margin-left: 75%; } html[dir=rtl] .offset-md-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-md-10 { margin-left: 83.33333%; } html[dir=rtl] .offset-md-10 { margin-right: 83.33333%; } html:not([dir=rtl]) .offset-md-11 { margin-left: 91.66667%; } html[dir=rtl] .offset-md-11 { margin-right: 91.66667%; } } @media (min-width: 1440px) { .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .row-cols-lg-7 > * { flex: 0 0 14.28571%; max-width: 14.28571%; } .row-cols-lg-8 > * { flex: 0 0 12.5%; max-width: 12.5%; } .row-cols-lg-9 > * { flex: 0 0 11.11111%; max-width: 11.11111%; } .row-cols-lg-10 > * { flex: 0 0 10%; max-width: 10%; } .row-cols-lg-11 > * { flex: 0 0 9.09091%; max-width: 9.09091%; } .row-cols-lg-12 > * { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-1 { flex: 0 0 4.16667%; max-width: 4.16667%; } .col-lg-2 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-3 { flex: 0 0 12.5%; max-width: 12.5%; } .col-lg-4 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-5 { flex: 0 0 20.83333%; max-width: 20.83333%; } .col-lg-6 { flex: 0 0 25%; max-width: 25%; } .col-lg-7 { flex: 0 0 29.16667%; max-width: 29.16667%; } .col-lg-8 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-9 { flex: 0 0 37.5%; max-width: 37.5%; } .col-lg-10 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-11 { flex: 0 0 45.83333%; max-width: 45.83333%; } .col-lg-12 { flex: 0 0 50%; max-width: 50%; } .col-lg-13 { flex: 0 0 54.16667%; max-width: 54.16667%; } .col-lg-14 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-15 { flex: 0 0 62.5%; max-width: 62.5%; } .col-lg-16 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-17 { flex: 0 0 70.83333%; max-width: 70.83333%; } .col-lg-18 { flex: 0 0 75%; max-width: 75%; } .col-lg-19 { flex: 0 0 79.16667%; max-width: 79.16667%; } .col-lg-20 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-21 { flex: 0 0 87.5%; max-width: 87.5%; } .col-lg-22 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-23 { flex: 0 0 95.83333%; max-width: 95.83333%; } .col-lg-24 { flex: 0 0 100%; max-width: 100%; } .order-lg-last { order: 25; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .order-lg-13 { order: 13; } .order-lg-14 { order: 14; } .order-lg-15 { order: 15; } .order-lg-16 { order: 16; } .order-lg-17 { order: 17; } .order-lg-18 { order: 18; } .order-lg-19 { order: 19; } .order-lg-20 { order: 20; } .order-lg-21 { order: 21; } .order-lg-22 { order: 22; } .order-lg-23 { order: 23; } .order-lg-24 { order: 24; } html:not([dir=rtl]) .offset-lg-0 { margin-left: 0; } html[dir=rtl] .offset-lg-0 { margin-right: 0; } html:not([dir=rtl]) .offset-lg-1 { margin-left: 4.16667%; } html[dir=rtl] .offset-lg-1 { margin-right: 4.16667%; } html:not([dir=rtl]) .offset-lg-2 { margin-left: 8.33333%; } html[dir=rtl] .offset-lg-2 { margin-right: 8.33333%; } html:not([dir=rtl]) .offset-lg-3 { margin-left: 12.5%; } html[dir=rtl] .offset-lg-3 { margin-right: 12.5%; } html:not([dir=rtl]) .offset-lg-4 { margin-left: 16.66667%; } html[dir=rtl] .offset-lg-4 { margin-right: 16.66667%; } html:not([dir=rtl]) .offset-lg-5 { margin-left: 20.83333%; } html[dir=rtl] .offset-lg-5 { margin-right: 20.83333%; } html:not([dir=rtl]) .offset-lg-6 { margin-left: 25%; } html[dir=rtl] .offset-lg-6 { margin-right: 25%; } html:not([dir=rtl]) .offset-lg-7 { margin-left: 29.16667%; } html[dir=rtl] .offset-lg-7 { margin-right: 29.16667%; } html:not([dir=rtl]) .offset-lg-8 { margin-left: 33.33333%; } html[dir=rtl] .offset-lg-8 { margin-right: 33.33333%; } html:not([dir=rtl]) .offset-lg-9 { margin-left: 37.5%; } html[dir=rtl] .offset-lg-9 { margin-right: 37.5%; } html:not([dir=rtl]) .offset-lg-10 { margin-left: 41.66667%; } html[dir=rtl] .offset-lg-10 { margin-right: 41.66667%; } html:not([dir=rtl]) .offset-lg-11 { margin-left: 45.83333%; } html[dir=rtl] .offset-lg-11 { margin-right: 45.83333%; } html:not([dir=rtl]) .offset-lg-12 { margin-left: 50%; } html[dir=rtl] .offset-lg-12 { margin-right: 50%; } html:not([dir=rtl]) .offset-lg-13 { margin-left: 54.16667%; } html[dir=rtl] .offset-lg-13 { margin-right: 54.16667%; } html:not([dir=rtl]) .offset-lg-14 { margin-left: 58.33333%; } html[dir=rtl] .offset-lg-14 { margin-right: 58.33333%; } html:not([dir=rtl]) .offset-lg-15 { margin-left: 62.5%; } html[dir=rtl] .offset-lg-15 { margin-right: 62.5%; } html:not([dir=rtl]) .offset-lg-16 { margin-left: 66.66667%; } html[dir=rtl] .offset-lg-16 { margin-right: 66.66667%; } html:not([dir=rtl]) .offset-lg-17 { margin-left: 70.83333%; } html[dir=rtl] .offset-lg-17 { margin-right: 70.83333%; } html:not([dir=rtl]) .offset-lg-18 { margin-left: 75%; } html[dir=rtl] .offset-lg-18 { margin-right: 75%; } html:not([dir=rtl]) .offset-lg-19 { margin-left: 79.16667%; } html[dir=rtl] .offset-lg-19 { margin-right: 79.16667%; } html:not([dir=rtl]) .offset-lg-20 { margin-left: 83.33333%; } html[dir=rtl] .offset-lg-20 { margin-right: 83.33333%; } html:not([dir=rtl]) .offset-lg-21 { margin-left: 87.5%; } html[dir=rtl] .offset-lg-21 { margin-right: 87.5%; } html:not([dir=rtl]) .offset-lg-22 { margin-left: 91.66667%; } html[dir=rtl] .offset-lg-22 { margin-right: 91.66667%; } html:not([dir=rtl]) .offset-lg-23 { margin-left: 95.83333%; } html[dir=rtl] .offset-lg-23 { margin-right: 95.83333%; } } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } .uhf, .universalheader { line-height: normal !important; letter-spacing: normal !important; } body { font-weight: var(--root-body-font-weight, 400); font-size: var(--root-body-font-size, 1rem); line-height: var(--root-body-line-height, 1.5rem); letter-spacing: var(--root-body-letter-spacing, -0.03em); } .block-heading--campaign .block-heading__title, .block-heading--size-3xl .block-heading__title, .marquee { font-weight: var(--root-marquee-font-weight, 600); font-size: var(--root-marquee-font-size, 3.5rem); line-height: var(--root-marquee-line-height, 3.875rem); letter-spacing: var(--root-marquee-letter-spacing, -0.05em); margin-bottom: 0; } .block-heading__title, .display-1 { font-weight: var(--root-display-1-font-weight, 600); font-size: var(--root-display-1-font-size, 3rem); line-height: var(--root-display-1-line-height, 3.5rem); letter-spacing: var(--root-display-1-letter-spacing, -0.05em); margin-bottom: 0; } .block-heading--size-xl .block-heading__title, .display-2, .stat-large__title { font-weight: var(--root-display-2-font-weight, 600); font-size: var(--root-display-2-font-size, 2.5rem); line-height: var(--root-display-2-line-height, 3rem); letter-spacing: var(--root-display-2-letter-spacing, -0.05em); margin-bottom: 0; } .block-heading--size-l .block-heading__title, .h1, .sku__pricing-current, h1 { font-weight: var(--root-h1-font-weight, 600); font-size: var(--root-h1-font-size, 2rem); line-height: var(--root-h1-line-height, 2.5rem); letter-spacing: var(--root-h1-letter-spacing, -0.05em); margin-bottom: 0; } .block-feature--m .block-feature__title, .block-heading--size-m .block-heading__title, .h2, .stat-large__description, h2 { font-weight: var(--root-h2-font-weight, 600); font-size: var(--root-h2-font-size, 1.75rem); line-height: var(--root-h2-line-height, 2.25rem); letter-spacing: var(--root-h2-letter-spacing, -0.05em); margin-bottom: 0; } .block-feature--s .block-feature__title, .block-heading--size-s .block-heading__title, .h3, .sku__pricing-discount, .sku__title > :first-child, h3 { font-weight: var(--root-h3-font-weight, 600); font-size: var(--root-h3-font-size, 1.5rem); line-height: var(--root-h3-line-height, 2rem); letter-spacing: var(--root-h3-letter-spacing, -0.05em); margin-bottom: 0; } .block-feature--xs .block-feature__title, .block-heading--eyebrow-large .block-heading__eyebrow, .block-heading--size-xs .block-heading__title, .card-plan-detail--product-featured .sku__title > :first-child, .h4, h4 { font-weight: var(--root-h4-font-weight, 600); font-size: var(--root-h4-font-size, 1.25rem); line-height: var(--root-h4-line-height, 1.75rem); letter-spacing: var(--root-h4-letter-spacing, -0.05em); margin-bottom: 0; } .block-feature--2xs .block-feature__title, .carousel--type-vertical .carousel__indicators-item__label, .h5, h5 { font-weight: var(--root-h5-font-weight, 600); font-size: var(--root-h5-font-size, 1.125rem); line-height: var(--root-h5-line-height, 1.5rem); letter-spacing: var(--root-h5-letter-spacing, -0.03em); margin-bottom: 0; } .block-feature--3xs .block-feature__title, .block-feature__title, .h6, .sku--style-sticky-header-row .sku__title > :first-child, .sku--style-table-header .sku__title > :first-child, h6 { font-weight: var(--root-h6-font-weight, 600); font-size: var(--root-h6-font-size, 1rem); line-height: var(--root-h6-line-height, 1.5rem); letter-spacing: var(--root-h6-letter-spacing, -0.03em); margin-bottom: 0; } .block-feature--m .block-feature__paragraph, .block-heading__paragraph, .lead { font-weight: var(--root-lead-font-weight, 400); font-size: var(--root-lead-font-size, 1.125rem); line-height: var(--root-lead-line-height, 1.75rem); letter-spacing: var(--root-lead-letter-spacing, -0.03em); margin-bottom: 0; } .base, .block-feature--2xs .block-feature__paragraph, .block-feature--s .block-feature__paragraph, .block-feature--xs .block-feature__paragraph, .block-heading--size-l .block-heading__paragraph, .block-heading--size-m .block-heading__paragraph, .block-heading--size-s .block-heading__paragraph, .block-heading--size-xl .block-heading__paragraph, .block-heading--size-xs .block-heading__paragraph, .card-plan-detail--blocklist-base-title .block-items-list .list-item__content .label, .card-plan-detail--product-featured .card-plan-detail__badge-text, .card-plan-detail--product-featured .card-plan-detail__footer a, .card-plan-detail:has(.card-plan-detail__banner-top) .card-plan-detail__banner-top p, .card-plan-detail__banner-promo .card-plan-detail__banner-promo-body .link, .dropdown .list-item__inner__content div:last-child, .features-grid .block-feature__body .block-feature__paragraph, .input-master--gpt .label { font-weight: var(--root-base-font-weight, 400); font-size: var(--root-base-font-size, 1rem); line-height: var(--root-base-line-height, 1.5rem); letter-spacing: var(--root-base-letter-spacing, -0.03em); margin-bottom: 0; } .ai-chat-banner .block-feature__paragraph, .ai-chat-banner__disclaimer, .ai-chat-drawer__body__content__messages, .ai-chat-drawer__header .block-feature__paragraph, .block-feature--stat .block-feature__paragraph, .ocr-table-row.ocr-table-row--subheading td > .ocr-table-cell__content, .sku--style-table-header .sku__detail-commitment, .small, small { font-weight: var(--root-small-font-weight, 400); font-size: var(--root-small-font-size, 0.875rem); line-height: var(--root-small-line-height, 1.25rem); letter-spacing: var(--root-small-letter-spacing, -0.03em); margin-bottom: 0; } .ai-chat-drawer .webchat__bubble--lp-system-message .webchat__bubble__content, .ai-chat-drawer__disclaimer, .block-feature--3xs .block-feature__paragraph, .block-feature__paragraph, .block-heading__footnote, .section-master--blade-full-screen-banner .block-slim > p, .sku--style-sticky-header-row .sku__unavailable, .sku--style-table-header .sku__buttons a:not(.btn), .sku--style-table-header + .action > a, .sku--style-table-header + .link.link-inline, .sku__footnote, .sku__note, .x-small { font-weight: var(--root-x-small-font-weight, 400); font-size: var(--root-x-small-font-size, 0.75rem); line-height: var(--root-x-small-line-height, 1rem); letter-spacing: var(--root-x-small-letter-spacing, -0.03em); margin-bottom: 0; } .ai-chat-drawer__header .block-feature__title, .label-lead { font-weight: var(--root-label-lead-font-weight, 600); font-size: var(--root-label-lead-font-size, 1rem); line-height: var(--root-label-lead-line-height, 1.5rem); margin-bottom: 0; } .label, .sku--style-table-header .sku__pricing-current, .sku__detail-recurrence, .stat-large--stacked .stat-large__description, .stat-large__label, .tabs--type-badge .tab__item .list-item__leading-label, .tag .label { font-weight: var(--root-label-font-weight, 600); font-size: var(--root-label-font-size, 0.875rem); line-height: var(--root-label-line-height, 1.25rem); margin-bottom: 0; } .block-feature__date, .block-feature__label, .block-heading--eyebrow-editorial .block-heading__eyebrow, .label-small, .section-master--blade-full-screen-banner .popover__label, .sku--style-sticky-header-row .sku__detail-recurrence, .sku--style-sticky-header-row .sku__pricing-current, .sku--style-sticky-header-row .sku__pricing-discount, .sku--style-table-header .sku__pricing-discount { font-weight: var(--root-label-small-font-weight, 600); font-size: var(--root-label-small-font-size, 0.75rem); line-height: var(--root-label-small-line-height, 1rem); margin-bottom: 0; } .block-heading__eyebrow, .label-eyebrow, .tag--size-s .label { font-weight: var(--root-label-eyebrow-font-weight, 600); font-size: var(--root-label-eyebrow-font-size, 0.75rem); line-height: var(--root-label-eyebrow-line-height, 1rem); letter-spacing: var(--root-label-eyebrow-letter-spacing, 0.08em); margin-bottom: 0; } .action-trigger { letter-spacing: -0.02em; } .btn { --button-justify-content:center; border: 2px solid var(--button-border-color); padding: var(--button-padding-y) var(--button-padding-x); justify-content: var(--button-justify-content); font-weight: 600; font-size: 0.9375rem; line-height: 1.375rem; letter-spacing: -0.02em; --button-padding-x:var(--root-spacing-m); --button-padding-y:var(--root-spacing-s); --button-padding-glyph:calc(var(--root-spacing-m) - 2px); border-radius: var(--root-radii-s); --button-spacing-glyph:var(--root-spacing-s); --button-bg-color:var(--theme-background-accent-strong-normal); --button-color:var(--theme-foreground-accent-strong-normal); --button-border-color:transparent; background-color: var(--button-bg-color); color: var(--button-color); --button-hover-bg-color:var(--theme-background-accent-strong-hover); --button-hover-color:var(--theme-foreground-accent-strong-hover); --button-hover-border-color:transparent; --button-pressed-bg-color:var(--theme-background-accent-strong-pressed); --button-pressed-color:var(--theme-foreground-accent-strong-pressed); --button-pressed-border-color:transparent; border-radius: var(--root-radii-s); --button-opacity:0.2; } .btn:hover { --button-bg-color:var(--button-hover-bg-color); --button-color:var(--button-hover-color); --button-border-color:var(--button-hover-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); background-image: none; box-shadow: none; } .btn:active { --button-bg-color:var(--button-pressed-bg-color); --button-color:var(--button-pressed-color); --button-border-color:var(--button-pressed-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); } .btn.disabled, .btn.inactive, .btn:disabled { cursor: default; opacity: var(--button-opacity); } .btn--secondary { box-sizing: border-box; --button-bg-color:transparent; --button-color:var(--theme-foreground-accent-subtle-normal)!important; --button-border-color:var(--theme-border-accent-subtle-normal); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); --button-hover-bg-color:transparent; --button-hover-color:var(--theme-foreground-accent-subtle-hover)!important; --button-hover-border-color:var(--theme-border-accent-subtle-hover); --button-pressed-bg-color:transparent; --button-pressed-color:var(--theme-foreground-accent-subtle-pressed)!important; --button-pressed-border-color:var(--theme-border-accent-subtle-pressed); } .btn--secondary:hover { --button-bg-color:var(--button-hover-bg-color); --button-color:var(--button-hover-color); --button-border-color:var(--button-hover-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); background-image: none; box-shadow: none; } .btn--secondary:active { --button-bg-color:var(--button-pressed-bg-color); --button-color:var(--button-pressed-color); --button-border-color:var(--button-pressed-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); } .btn--ghost { --button-bg-color:transparent; --button-color:var(--theme-foreground-accent-subtle-normal); --button-border-color:transparent; background-color: var(--button-bg-color); color: var(--button-color); --button-hover-bg-color:var(--theme-background-accent-subtle-normal); --button-hover-color:var(--theme-foreground-accent-subtle-hover); --button-hover-border-color:transparent; --button-pressed-bg-color:transparent; --button-pressed-color:var(--theme-foreground-accent-subtle-pressed); --button-pressed-border-color:transparent; } .btn--ghost:hover { --button-bg-color:var(--button-hover-bg-color); --button-color:var(--button-hover-color); --button-border-color:var(--button-hover-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); background-image: none; box-shadow: none; } .btn--ghost:active { --button-bg-color:var(--button-pressed-bg-color); --button-color:var(--button-pressed-color); --button-border-color:var(--button-pressed-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); } .btn--md { --button-padding-x:var(--root-spacing-m); --button-padding-y:var(--root-spacing-xs); --button-padding-glyph:calc(var(--root-spacing-s) - 2px); --button-spacing-glyph:var(--root-spacing-xs); } .btn--sm { --button-padding-x:var(--root-spacing-s); --button-padding-y:var(--root-spacing-2xs); --button-padding-glyph:calc(var(--root-spacing-xs) - 2px); --button-spacing-glyph:var(--root-spacing-2xs); } .btn--leading-icon { display: flex; align-items: center; gap: var(--button-spacing-glyph); } .btn--leading-icon .glyph-append, .btn--leading-icon .glyph-prepend { display: flex; align-items: center; } .btn--leading-icon .btn__text { flex-shrink: 0; } .btn--trailing-icon { display: flex; align-items: center; gap: var(--button-spacing-glyph); } .btn--trailing-icon .glyph-append, .btn--trailing-icon .glyph-prepend { display: flex; align-items: center; } .btn--trailing-icon .btn__text { flex-shrink: 0; } .btn--icon-only { display: flex; align-items: center; gap: var(--button-spacing-glyph); --button-padding-y:0.875rem; --button-padding-x:0.875rem; } .btn--icon-only .glyph-append, .btn--icon-only .glyph-prepend { display: flex; align-items: center; } .btn--icon-only .btn__text { flex-shrink: 0; } a.btn--icon-only { width: -moz-fit-content; width: fit-content; } .btn--icon-only.btn--md { --button-padding-y:var(--root-spacing-s); --button-padding-x:var(--root-spacing-s); } .btn--icon-only.btn--sm { --button-padding-y:var(--root-spacing-xs); --button-padding-x:var(--root-spacing-xs); } .btn--icon { display: flex; align-items: center; gap: var(--button-spacing-glyph); } .btn--icon .glyph-append, .btn--icon .glyph-prepend { display: flex; align-items: center; } .btn--icon .btn__text { flex-shrink: 0; } a.btn--icon { width: -moz-fit-content; width: fit-content; } .btn--icon .ocr-icon { --icon-glyph-color:inherit; } .btn--circle { border-radius: var(--root-radii-circle); } .btn__text { padding-bottom: var(--root-spacing-3xs); display: block; text-align: center; } .btn--accent-azure, .btn--tertiary-bright-lime { box-sizing: border-box; --button-bg-color:#89c402; --button-color:#000!important; --button-border-color:#89c402; background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); --button-hover-bg-color:#a1d035; --button-hover-color:#000!important; --button-hover-border-color:#a1d035; --button-pressed-bg-color:#c9e48b; --button-pressed-color:#000!important; --button-pressed-border-color:#c9e48b; } .btn--accent-azure:hover, .btn--tertiary-bright-lime:hover { --button-bg-color:var(--button-hover-bg-color); --button-color:var(--button-hover-color); --button-border-color:var(--button-hover-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); background-image: none; box-shadow: none; } .btn--accent-azure:active, .btn--tertiary-bright-lime:active { --button-bg-color:var(--button-pressed-bg-color); --button-color:var(--button-pressed-color); --button-border-color:var(--button-pressed-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); } .btn--tertiary-grass-green { box-sizing: border-box; --button-bg-color:#07641d; --button-color:#fff!important; --button-border-color:#07641d; background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); --button-hover-bg-color:var(--root-color-grass-green-600); --button-hover-color:#fff!important; --button-hover-border-color:var(--root-color-grass-green-600); --button-pressed-bg-color:var(--root-color-grass-green-800); --button-pressed-color:#fff!important; --button-pressed-border-color:var(--root-color-grass-green-800); } .btn--tertiary-grass-green:hover { --button-bg-color:var(--button-hover-bg-color); --button-color:var(--button-hover-color); --button-border-color:var(--button-hover-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); background-image: none; box-shadow: none; } .btn--tertiary-grass-green:active { --button-bg-color:var(--button-pressed-bg-color); --button-color:var(--button-pressed-color); --button-border-color:var(--button-pressed-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); } .btn--media-stroke { border: var(--root-border-xs) solid var(--theme-foreground-accent-strong-normal); } .btn--tag { --button-bg-color:var(--theme-background-accent-subtle-normal); --button-color:var(--theme-foreground-normal-strong); border: none; display: inline-block; border-radius: var(--root-border-m); padding: var(--root-spacing-2xs) var(--root-spacing-m); text-decoration: none; } .btn--tag .btn__text { padding: 0; } .btn--tag:focus, .btn--tag:hover { --button-bg-color:var(--theme-background-accent-subtle-normal); --button-color:var(--theme-foreground-normal-strong); text-decoration: underline; } .btn--tag[disabled] { cursor: not-allowed; } .btn--tag[disabled] .btn--tag__label { opacity: 0.2; pointer-events: none; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slide-up { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes multi-slide-up-1 { 0% { opacity: 0; transform: translateY(75px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes multi-slide-up-2 { 0% { opacity: 0; transform: translateY(225px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes multi-slide-up-3 { 0% { opacity: 0; transform: translateY(375px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes multi-slide-up-4 { 0% { opacity: 0; transform: translateY(525px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes multi-slide-up-5 { 0% { opacity: 0; transform: translateY(675px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes multi-slide-up-6 { 0% { opacity: 0; transform: translateY(825px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes scale-down-center { 0% { transform: scale(2); } 100% { transform: scale(1); } } @keyframes slide-right { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes multi-slide-right-1 { 0% { opacity: 0; transform: translateX(75px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes multi-slide-right-2 { 0% { opacity: 0; transform: translateX(225px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes multi-slide-right-3 { 0% { opacity: 0; transform: translateX(375px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes multi-slide-right-4 { 0% { opacity: 0; transform: translateX(525px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes multi-slide-right-5 { 0% { opacity: 0; transform: translateX(675px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes multi-slide-right-6 { 0% { opacity: 0; transform: translateX(825px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes scale-down-right { 0% { opacity: 0; transform: scale(1.25); transform-origin: 0 50%; } 100% { opacity: 1; transform: scale(1); transform-origin: 0 50%; } } @keyframes slide-left { 0% { opacity: 0; transform: translateX(-50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes overflow-container { 0% { overflow: hidden; } 100% { overflow: initial; } } @keyframes typing { from { width: 0; } } @keyframes blink-caret { 50% { border-color: transparent; } } @keyframes hide-blink-caret { 100% { border-color: transparent; } } .animation .animation { animation-delay: 250ms; } .animation--duration-1600 { --animation-duration:1600ms!important; } @media (prefers-reduced-motion: no-preference) { .animation--effect-1, .animation--effect-1-scroll.effect-on { --animation-duration:1200ms; animation: fade-in var(--animation-duration), fade-in var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-2, .animation--effect-2-scroll.effect-on { --animation-duration:1200ms; animation: fade-in var(--animation-duration), slide-up var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-3, .animation--effect-3-scroll.effect-on { --animation-duration:2400ms; animation: overflow-container var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-3-scroll.effect-on > :nth-child(1), .animation--effect-3 > :nth-child(1) { --animation-duration:1200ms; animation: multi-slide-up-1 var(--animation-duration) ease-in-out 25ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-3-scroll.effect-on > :nth-child(2), .animation--effect-3 > :nth-child(2) { --animation-duration:1200ms; animation: multi-slide-up-2 var(--animation-duration) ease-in-out 50ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-3-scroll.effect-on > :nth-child(3), .animation--effect-3 > :nth-child(3) { --animation-duration:1200ms; animation: multi-slide-up-3 var(--animation-duration) ease-in-out 75ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-3-scroll.effect-on > :nth-child(4), .animation--effect-3 > :nth-child(4) { --animation-duration:1200ms; animation: multi-slide-up-4 var(--animation-duration) ease-in-out 0.1s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-3-scroll.effect-on > :nth-child(5), .animation--effect-3 > :nth-child(5) { --animation-duration:1200ms; animation: multi-slide-up-5 var(--animation-duration) ease-in-out 125ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-3-scroll.effect-on > :nth-child(6), .animation--effect-3 > :nth-child(6) { --animation-duration:1200ms; animation: multi-slide-up-6 var(--animation-duration) ease-in-out 150ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-4, .animation--effect-4-scroll.effect-on { --animation-duration:2400ms; animation: fade-in var(--animation-duration), overflow-container var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-4 .media, .animation--effect-4-scroll.effect-on .media, .animation--effect-4-scroll.effect-on.media, .animation--effect-4.media { --animation-duration:1200ms; animation: fade-in var(--animation-duration), scale-down-center var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-5, .animation--effect-5-scroll.effect-on { --animation-duration:1200ms; animation: fade-in var(--animation-duration), slide-right var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-5 .carousel__window .carousel__container > :nth-child(1), .animation--effect-5-scroll.effect-on .carousel__window .carousel__container > :nth-child(1) { --animation-duration:1200ms; animation: fade-in var(--animation-duration), multi-slide-right-1 var(--animation-duration) ease-in-out 25ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-5 .carousel__window .carousel__container > :nth-child(2), .animation--effect-5-scroll.effect-on .carousel__window .carousel__container > :nth-child(2) { --animation-duration:1200ms; animation: fade-in var(--animation-duration), multi-slide-right-2 var(--animation-duration) ease-in-out 50ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-5 .carousel__window .carousel__container > :nth-child(3), .animation--effect-5-scroll.effect-on .carousel__window .carousel__container > :nth-child(3) { --animation-duration:1200ms; animation: fade-in var(--animation-duration), multi-slide-right-3 var(--animation-duration) ease-in-out 75ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-5 .carousel__window .carousel__container > :nth-child(4), .animation--effect-5-scroll.effect-on .carousel__window .carousel__container > :nth-child(4) { --animation-duration:1200ms; animation: fade-in var(--animation-duration), multi-slide-right-4 var(--animation-duration) ease-in-out 0.1s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-5 .carousel__window .carousel__container > :nth-child(5), .animation--effect-5-scroll.effect-on .carousel__window .carousel__container > :nth-child(5) { --animation-duration:1200ms; animation: fade-in var(--animation-duration), multi-slide-right-5 var(--animation-duration) ease-in-out 125ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-5 .carousel__window .carousel__container > :nth-child(6), .animation--effect-5-scroll.effect-on .carousel__window .carousel__container > :nth-child(6) { --animation-duration:1200ms; animation: fade-in var(--animation-duration), multi-slide-right-6 var(--animation-duration) ease-in-out 150ms 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-6, .animation--effect-6-scroll.effect-on { --animation-duration:1200ms; animation: fade-in var(--animation-duration), slide-up var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-6 .media, .animation--effect-6-scroll.effect-on .media { --animation-duration:2100ms; animation: overflow-container var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-6 .media img, .animation--effect-6 .media video, .animation--effect-6 .media:first-child img, .animation--effect-6 .media:first-child video, .animation--effect-6-scroll.effect-on .media img, .animation--effect-6-scroll.effect-on .media video, .animation--effect-6-scroll.effect-on .media:first-child img, .animation--effect-6-scroll.effect-on .media:first-child video { --animation-duration:1200ms; animation: fade-in var(--animation-duration), scale-down-center var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-7 .media:first-child img, .animation--effect-7 .media:first-child video, .animation--effect-7-scroll.effect-on .media:first-child img, .animation--effect-7-scroll.effect-on .media:first-child video, .animation--effect-7-scroll.effect-on.media img, .animation--effect-7-scroll.effect-on.media video, .animation--effect-7.media img, .animation--effect-7.media video { --animation-duration:1200ms; animation: fade-in var(--animation-duration), scale-down-right var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .animation--effect-8, .animation--effect-8-scroll.effect-on { --animation-duration:1200ms; animation: fade-in var(--animation-duration), slide-left var(--animation-duration) ease-in-out 0s 1 normal none; } } .animation--effect-9 .animation__target, .animation--effect-9-scroll.effect-on .animation__target { --animation-e9-target-border-width:0.15em; --animation-e9-target-border-color:var(--theme-foreground-base-subtle); --animation-e9-target-white-space:nowrap; display: grid; place-items: center; overflow: hidden; border-right: var(--animation-e9-target-border-width) solid var(--animation-e9-target-border-color); white-space: var(--animation-e9-target-white-space); margin: 0 auto; -webkit-padding-end: 0.07em; padding-inline-end: 0.07em; width: 100%; } @media (prefers-reduced-motion: no-preference) { .animation--effect-9 .animation__target, .animation--effect-9-scroll.effect-on .animation__target { animation: typing 2.5s steps(50, end), blink-caret 0.5s step-end infinite alternate, hide-blink-caret 1s 5s forwards; } } .animation--effect-2-scroll, .animation--effect-3-scroll, .animation--effect-5-scroll, .animation--effect-6-scroll, .animation--effect-8-scroll { opacity: 0; transition: opacity 1.2s ease-in-out 50ms; } .animation--effect-2-scroll.effect-on, .animation--effect-3-scroll.effect-on, .animation--effect-5-scroll.effect-on, .animation--effect-6-scroll.effect-on, .animation--effect-8-scroll.effect-on { opacity: 1; } [class*=slide-in-] { position: relative; animation-duration: 0.75s; animation-fill-mode: both; animation-timing-function: ease-out; } @media (prefers-reduced-motion: reduce) { [class*=slide-in-] { position: initial; animation-duration: initial; animation-fill-mode: initial; animation-timing-function: initial; } } @keyframes slide-in-top { from { opacity: 0; top: 35px; } to { opacity: 1; top: 0; } } [class*=slide-in-top] { animation-name: slide-in-top; } .slide-in-top-0 { animation-delay: 0; } .slide-in-top-1 { animation-delay: 0.25s; } .slide-in-top-2 { animation-delay: 0.5s; } .slide-in-top-3 { animation-delay: 0.75s; } .slide-in-top-4 { animation-delay: 1s; } @keyframes slide-in-right { from { opacity: 0; right: 35px; } to { opacity: 1; right: 0; } } [class*=slide-in-right] { animation-name: slide-in-right; } .slide-in-right-0 { animation-delay: 0; } .slide-in-right-1 { animation-delay: 0.25s; } .slide-in-right-2 { animation-delay: 0.5s; } .slide-in-right-3 { animation-delay: 0.75s; } .slide-in-right-4 { animation-delay: 1s; } @keyframes slide-in-bottom { from { opacity: 0; bottom: 35px; } to { opacity: 1; bottom: 0; } } [class*=slide-in-bottom] { animation-name: slide-in-bottom; } .slide-in-bottom-0 { animation-delay: 0; } .slide-in-bottom-1 { animation-delay: 0.25s; } .slide-in-bottom-2 { animation-delay: 0.5s; } .slide-in-bottom-3 { animation-delay: 0.75s; } .slide-in-bottom-4 { animation-delay: 1s; } @keyframes slide-in-left { from { opacity: 0; left: 35px; } to { opacity: 1; left: 0; } } [class*=slide-in-left] { animation-name: slide-in-left; } .slide-in-left-0 { animation-delay: 0; } .slide-in-left-1 { animation-delay: 0.25s; } .slide-in-left-2 { animation-delay: 0.5s; } .slide-in-left-3 { animation-delay: 0.75s; } .slide-in-left-4 { animation-delay: 1s; } .sticky-transition { z-index: 999; opacity: 100%; transform: translateY(0); transition: transform, z-index, opacity 180ms ease-in-out 10ms !important; } .sticky-transition:not(.stuck) { transform: translateY(-100%); z-index: 0; opacity: 0; height: 0; overflow: hidden; } .float-in { transition: transform 0.5s ease-in-out; } @media (prefers-reduced-motion: reduce) { .float-in { transition: none; } } html:not([dir=rtl]) .float-in.from-right { transform: translateX(100%); } html[dir=rtl] .float-in.from-right { transform: translateX(-100%); } html:not([dir=rtl]) .float-in.from-right.show, html:not([dir=rtl]) .show > .float-in.from-right { transform: translateX(0); } html[dir=rtl] .float-in.from-right.show, html[dir=rtl] .show > .float-in.from-right { transform: translateX(0); } html:not([dir=rtl]) .float-in.from-left { transform: translateX(-100%); } html[dir=rtl] .float-in.from-left { transform: translateX(100%); } html:not([dir=rtl]) .float-in.from-left.show, html:not([dir=rtl]) .show > .float-in.from-left { transform: translateX(0); } html[dir=rtl] .float-in.from-left.show, html[dir=rtl] .show > .float-in.from-left { transform: translateX(0); } html:not([dir=rtl]) .border { border-width: var(--root-border-xs) !important; } html[dir=rtl] .border { border-width: var(--root-border-xs) !important; } html:not([dir=rtl]) .border-width-2 { border-width: var(--root-border-s) !important; } html:not([dir=rtl]) .border-width-3 { border-width: var(--root-border-m) !important; } html:not([dir=rtl]) .border-width-4 { border-width: var(--root-border-l) !important; } html[dir=rtl] .border-width-2 { border-width: var(--root-border-s) !important; } html[dir=rtl] .border-width-3 { border-width: var(--root-border-m) !important; } html[dir=rtl] .border-width-4 { border-width: var(--root-border-l) !important; } .rounded-xs { border-radius: var(--root-radii-xs) !important; } .rounded-xs.media, .rounded-xs.ocr-img { --image-border-radius:var( --root-radii-xs )!important; --media-border-radius:var( --root-radii-xs )!important; } .rounded-none { border-radius: 0 !important; --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-none.media, .rounded-none.ocr-img { --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-s { border-radius: var(--root-radii-s) !important; } .rounded-s.media, .rounded-s.ocr-img { --image-border-radius:var( --root-radii-s )!important; --media-border-radius:var( --root-radii-s )!important; } .rounded-none { border-radius: 0 !important; --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-none.media, .rounded-none.ocr-img { --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-m { border-radius: var(--root-radii-m) !important; } .rounded-m.media, .rounded-m.ocr-img { --image-border-radius:var( --root-radii-m )!important; --media-border-radius:var( --root-radii-m )!important; } .rounded-none { border-radius: 0 !important; --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-none.media, .rounded-none.ocr-img { --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-l { border-radius: var(--root-radii-l) !important; } .rounded-l.media, .rounded-l.ocr-img { --image-border-radius:var( --root-radii-l )!important; --media-border-radius:var( --root-radii-l )!important; } .rounded-none { border-radius: 0 !important; --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-none.media, .rounded-none.ocr-img { --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-circle { border-radius: var(--root-radii-circle) !important; } .rounded-circle.media, .rounded-circle.ocr-img { --image-border-radius:var( --root-radii-circle )!important; --media-border-radius:var( --root-radii-circle )!important; } .rounded-none { border-radius: 0 !important; --image-border-radius:0!important; --media-border-radius:0!important; } .rounded-none.media, .rounded-none.ocr-img { --image-border-radius:0!important; --media-border-radius:0!important; } .bg, [class*=bg--] { --bg-val:var(--root-color-brilliant-blue, #0078d4); background: var(--bg-val) !important; } .bg-img { --bg-img-val:var(--root-gradient-mesh-brilliant-blue, linear-gradient(122deg, #b3daf0 -18.47%, #54a5e2 50.34%, #8ac1eb 118.47%)); background-image: var(--bg-img-val) !important; } .bg-color { --bg-color-val:var(--root-color-brilliant-blue-500, #0078d4); background-color: var(--bg-color-val) !important; } .bg--accent-strong-normal { --bg-val:var( --theme-background-accent-strong-normal, #0078d4 ); } .bg--accent-strong-hover { --bg-val:var( --theme-background-accent-strong-hover, #0078d4 ); } .bg--accent-strong-pressed { --bg-val:var( --theme-background-accent-strong-pressed, #0078d4 ); } .bg--accent-strong-selected { --bg-val:var( --theme-background-accent-strong-selected, #0078d4 ); } .bg--accent-subtle-normal { --bg-val:var( --theme-background-accent-subtle-normal, #0078d4 ); } .bg--accent-subtle-hover { --bg-val:var( --theme-background-accent-subtle-hover, #0078d4 ); } .bg--accent-subtle-pressed { --bg-val:var( --theme-background-accent-subtle-pressed, #0078d4 ); } .bg--accent-subtle-selected { --bg-val:var( --theme-background-accent-subtle-selected, #0078d4 ); } .bg--base-fade { --bg-val:var( --theme-background-base-fade, #0078d4 ); } .bg--base-color { --bg-val:var( --theme-background-base-color, #0078d4 ); } .bg--base-neutral { --bg-val:var( --theme-background-base-neutral, #0078d4 ); } .bg--special-fade { --bg-val:var( --theme-background-special-fade, #0078d4 ); } .bg--special-color { --bg-val:var( --theme-background-special-color, #0078d4 ); } .bg--special-neutral { --bg-val:var( --theme-background-special-neutral, #0078d4 ); } .bg--special-subtle { --bg-val:var( --theme-background-special-subtle, #0078d4 ); } .bg--special-template-subtle { --bg-val:var( --theme-background-special-template-subtle, #0078d4 ); } .bg--neutral-fade { --bg-val:var( --theme-background-neutral-fade, #0078d4 ); } .bg--neutral-color { --bg-val:var( --theme-background-neutral-color, #0078d4 ); } .bg--supportive-fade { --bg-val:var( --theme-background-supportive-fade, #0078d4 ); } .bg--supportive-color { --bg-val:var( --theme-background-supportive-color, #0078d4 ); } .bg--card-normal { --bg-val:var( --theme-background-card-normal, #0078d4 ); } .bg--card-hover { --bg-val:var( --theme-background-card-hover, #0078d4 ); } .bg--card-pressed { --bg-val:var( --theme-background-card-pressed, #0078d4 ); } .bg--card-selected { --bg-val:var( --theme-background-card-selected, #0078d4 ); } .bg--glass-normal { --bg-val:var( --theme-background-glass-normal, #0078d4 ); } .bg--glass-hover { --bg-val:var( --theme-background-glass-hover, #0078d4 ); } .bg--glass-pressed { --bg-val:var( --theme-background-glass-pressed, #0078d4 ); } .bg--glass-selected { --bg-val:var( --theme-background-glass-selected, #0078d4 ); } .bg--highlight-normal { --bg-val:var( --theme-background-highlight-normal, #0078d4 ); } .bg--highlight-hover { --bg-val:var( --theme-background-highlight-hover, #0078d4 ); } .bg--highlight-pressed { --bg-val:var( --theme-background-highlight-pressed, #0078d4 ); } .bg--highlight-selected { --bg-val:var( --theme-background-highlight-selected, #0078d4 ); } .bg--overlay-full { --bg-val:var( --theme-background-overlay-full, #0078d4 ); } .bg--overlay-full .overlay__target { --bg-val:var( --theme-background-overlay-full, #0078d4 ); } .bg--overlay-gradient { --bg-val:var( --theme-background-overlay-gradient, #0078d4 ); } .bg--overlay-gradient .overlay__target { --bg-val:var( --theme-background-overlay-gradient, #0078d4 ); } .bg--background-overlay-fill { --bg-val:var( --theme-background-background-overlay-fill, #0078d4 ); } .bg--background-overlay-horizontal { --bg-val:var( --theme-background-background-overlay-horizontal, #0078d4 ); } .bg--background-overlay-horizontal-faded { --bg-val:var( --theme-background-background-overlay-horizontal-faded, #0078d4 ); } .bg--background-overlay-vertical { --bg-val:var( --theme-background-background-overlay-vertical, #0078d4 ); } .bg--background-overlay-vertical-color { --bg-val:var( --theme-background-background-overlay-vertical-color, #0078d4 ); } .bg--video-overlay-fill { --bg-val:var( --theme-background-video-overlay-fill, #0078d4 ); } .bg--video-overlay-vertical { --bg-val:var( --theme-background-video-overlay-vertical, #0078d4 ); } .bg--video-overlay-bottom-vertical { --bg-val:var( --theme-background-video-overlay-bottom-vertical, #0078d4 ); } .bg--video-overlay-bottom-vertical-strong { --bg-val:var( --theme-background-video-overlay-bottom-vertical-strong, #0078d4 ); } .bg--video-overlay-bottom-vertical-light { --bg-val:var( --theme-background-video-overlay-bottom-vertical-light, #0078d4 ); } .overlay__target { position: relative; } .overlay__target::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--bg-val); border-radius: inherit; } .fg, [class*=fg--] { --fg-val:var(--root-color-brilliant-blue, #0078d4); color: var(--fg-val) !important; } .text-gradient { background-clip: text !important; line-height: initial; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; } .fg--accent-strong-normal { --fg-val:var( --theme-foreground-accent-strong-normal, #0078d4 ); } .fg--accent-strong-hover { --fg-val:var( --theme-foreground-accent-strong-hover, #0078d4 ); } .fg--accent-strong-pressed { --fg-val:var( --theme-foreground-accent-strong-pressed, #0078d4 ); } .fg--accent-strong-selected { --fg-val:var( --theme-foreground-accent-strong-selected, #0078d4 ); } .fg--accent-subtle-normal { --fg-val:var( --theme-foreground-accent-subtle-normal, #0078d4 ); } .fg--accent-subtle-hover { --fg-val:var( --theme-foreground-accent-subtle-hover, #0078d4 ); } .fg--accent-subtle-pressed { --fg-val:var( --theme-foreground-accent-subtle-pressed, #0078d4 ); } .fg--accent-subtle-selected { --fg-val:var( --theme-foreground-accent-subtle-selected, #0078d4 ); } .fg--base-strong { --fg-val:var( --theme-foreground-base-strong, #0078d4 ); } .fg--base-subtle { --fg-val:var( --theme-foreground-base-subtle, #0078d4 ); } .fg--base-highlight { --fg-val:var( --theme-foreground-base-highlight, #0078d4 ); } .fg--base-icon { --fg-val:var( --theme-foreground-base-icon, #0078d4 ); } .fg--base-icon-light { --fg-val:var( --theme-foreground-base-icon-light, #0078d4 ); } .fg--special-strong { --fg-val:var( --theme-foreground-special-strong, #0078d4 ); } .fg--special-subtle { --fg-val:var( --theme-foreground-special-subtle, #0078d4 ); } .fg--special-highlight { --fg-val:var( --theme-foreground-special-highlight, #0078d4 ); } .fg--special-icon { --fg-val:var( --theme-foreground-special-icon, #0078d4 ); } .fg--special-icon-light { --fg-val:var( --theme-foreground-special-icon-light, #0078d4 ); } .fg--special-strong-gradient-1 { --fg-val:var( --theme-foreground-special-strong-gradient-1, #0078d4 ); } .fg--special-strong-gradient-2 { --fg-val:var( --theme-foreground-special-strong-gradient-2, #0078d4 ); } .fg--special-ai-gradient-1 { --fg-val:var( --theme-foreground-special-ai-gradient-1, #0078d4 ); } .fg--neutral-strong { --fg-val:var( --theme-foreground-neutral-strong, #0078d4 ); } .fg--neutral-subtle { --fg-val:var( --theme-foreground-neutral-subtle, #0078d4 ); } .fg--neutral-highlight { --fg-val:var( --theme-foreground-neutral-highlight, #0078d4 ); } .fg--neutral-icon { --fg-val:var( --theme-foreground-neutral-icon, #0078d4 ); } .fg--neutral-icon-light { --fg-val:var( --theme-foreground-neutral-icon-light, #0078d4 ); } .fg--supportive-strong { --fg-val:var( --theme-foreground-supportive-strong, #0078d4 ); } .fg--supportive-subtle { --fg-val:var( --theme-foreground-supportive-subtle, #0078d4 ); } .fg--supportive-highlight { --fg-val:var( --theme-foreground-supportive-highlight, #0078d4 ); } .fg--supportive-icon { --fg-val:var( --theme-foreground-supportive-icon, #0078d4 ); } .fg--supportive-icon-light { --fg-val:var( --theme-foreground-supportive-icon-light, #0078d4 ); } .d-contents { display: contents !important; } @media (min-width: 540px) { .d-sm-contents { display: contents !important; } } @media (min-width: 860px) { .d-md-contents { display: contents !important; } } @media (min-width: 1440px) { .d-lg-contents { display: contents !important; } } @media print { .d-print-contents { display: contents !important; } } .layout { --layout-column-gap:var(--root-density-horizontal-default, 1rem); --layout-column-count:1; --layout-row-gap:0.5rem; --layout-column-gap-offset:calc(var(--layout-column-gap) * (var(--layout-column-count) - 1)); --layout-available-width:calc(100% - var(--layout-column-gap-offset)); --layout-column-width:calc(var(--layout-available-width) / var(--layout-column-count)); -moz-column-gap: var(--layout-column-gap); column-gap: var(--layout-column-gap); display: flex; flex-wrap: wrap; row-gap: var(--layout-row-gap, 0.5rem); } .layout > .layout__col, .section-master--blade-hero-impact .section-master__slot .col, .section-master--blade-media-video-large .section-master__slot .col { flex: 0 0 var(--layout-column-width); } @media (min-width: 1440px) { .layout--boxed, .section-master--blade-hero-impact .section-master__slot { justify-content: center; --layout-column-width:calc(20 / 24 * 100%); } } @media (min-width: 860px) { .interactive-demo__header .block-heading, .interactive-demo__tab .tab-panel .block-feature, .layout--focus, .section-master--blade-media-video-large .layout, .section-master--blade-media-video-xl .layout { margin-inline: auto; width: 83.33333%; } } @media (min-width: 1440px) { .interactive-demo__header .block-heading, .interactive-demo__tab .tab-panel .block-feature, .layout--focus, .section-master--blade-media-video-large .layout, .section-master--blade-media-video-xl .layout { width: 58.3333333333%; } } @media (min-width: 860px) { .layout--gapped, .section-master--layout-two-column-gapped .section-master__layout { --layout-column-gap:calc(2 / 12 * 100% + 1rem); } } @media (min-width: 1440px) { .layout--gapped, .section-master--layout-two-column-gapped .section-master__layout { --layout-column-gap:calc(4 / 24 * 100% + 1rem); } } .layout--density-relaxed { --layout-column-gap:var(--root-density-horizontal-relaxed, 1rem); } @media (min-width: 860px) { .layout--cols-2 { --layout-column-count:2; } } @media (min-width: 860px) { .layout--cols-3 { --layout-column-count:3; } } @media (min-width: 860px) { .layout--cols-4 { --layout-column-count:2; } } @media (min-width: 1440px) { .layout--cols-4 { --layout-column-count:4; } } @media (min-width: 860px) { .layout--cols-4-even-1 { --layout-column-count:4; } } @media (min-width: 540px) { .layout--cols-5 { --layout-column-count:2; } } @media (min-width: 860px) { .layout--cols-5 { --layout-column-count:3; } } @media (min-width: 1440px) { .layout--cols-5 { --layout-column-count:5; } } @media (min-width: 860px) { .layout--cols-6 { --layout-column-count:3; } } @media (min-width: 1440px) { .layout--cols-6 { --layout-column-count:6; } } @media (min-width: 1440px) { .layout--stage { justify-content: center; --layout-column-width:calc(16 / 24 * 100%); } } @media (min-width: 860px) { .layout--offset-left > .layout__col:nth-child(even), .layout--offset-right > .layout__col:nth-child(odd) { --layout-column-width:calc(33% - 1rem / 2); } } @media (min-width: 860px) { .layout--offset-left > .layout__col:nth-child(odd), .layout--offset-right > .layout__col:nth-child(even) { --layout-column-width:calc(66% - 1rem / 2); } } @media (min-width: 860px) { .layout--editorial { --layout-column-width:100%; } } @media (min-width: 1440px) { .layout--editorial { --layout-column-gap:calc(1 / 24 * 100% + 1rem); } } @media (min-width: 1440px) { .layout--editorial > .layout__col:nth-child(odd) { --layout-column-width:calc(5 / 24 * 100% - 0.5rem); } } @media (min-width: 1440px) { .layout--editorial > .layout__col:nth-child(even) { --layout-column-width:calc(12 / 24 * 100% - 0.5rem); } } @media (min-width: 860px) { .layout--sidebar > .layout__col:nth-child(odd) { --layout-column-width:calc(4 / 12 * 100% - 0.5rem); } } @media (min-width: 1440px) { .layout--sidebar > .layout__col:nth-child(odd) { --layout-column-width:calc(6 / 24 * 100% - 0.5rem); } } @media (min-width: 860px) { .layout--sidebar > .layout__col:nth-child(even) { --layout-column-width:calc(8 / 12 * 100% - 0.5rem); } } @media (min-width: 1440px) { .layout--sidebar > .layout__col:nth-child(even) { --layout-column-width:calc(18 / 24 * 100% - 0.5rem); } } .layout--overflow { flex-wrap: nowrap; } @media (max-width: 539.98px) { .layout--overflow { width: 83.33333%; } } .layout--overflow-boxed { flex-wrap: nowrap; } @media (min-width: 1440px) { .layout--overflow-boxed { width: 91.6666666667%; -webkit-padding-start: 8.3333333333%; padding-inline-start: 8.3333333333%; } } @media (min-width: 860px) { html[dir=rtl] .layout--rtl-fixed { justify-content: end; } } @media (min-width: 860px) { .layout--3-col-offset-stack > .layout__col:nth-child(1), .layout--3-col-offset-stack > .layout__col:nth-child(6) { --layout-column-width:calc(66.66% - 1rem); } } @media (min-width: 1440px) { .layout--3-col-offset-stack > .layout__col:nth-child(1), .layout--3-col-offset-stack > .layout__col:nth-child(6) { --layout-column-width:calc(50% - 1rem); } } @media (min-width: 860px) { .layout--3-col-offset-stack > .layout__col:nth-child(2), .layout--3-col-offset-stack > .layout__col:nth-child(5) { --layout-column-width:calc(33.33% - 1rem); } } @media (min-width: 860px) { .layout--3-col-offset-stack > .layout__col:nth-child(3), .layout--3-col-offset-stack > .layout__col:nth-child(4) { --layout-column-width:calc(50% - 1rem); } } @media (min-width: 1440px) { .layout--3-col-offset-stack > .layout__col:nth-child(2), .layout--3-col-offset-stack > .layout__col:nth-child(3), .layout--3-col-offset-stack > .layout__col:nth-child(4), .layout--3-col-offset-stack > .layout__col:nth-child(5) { --layout-column-width:calc(25% - 1rem); } } .img-object-pos-0-50 { -o-object-position: 0 50%; object-position: 0 50%; } .overflow-unset { overflow: unset !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-y-unset { overflow-y: unset !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .right-center { right: 0; top: 50%; transform: translate(0, -50%); } .right-center-n90deg { right: 0; top: 50%; transform-origin: top right; transform: rotate(-90deg) translate(50%, -100%); } .bottom-center { bottom: 0; right: 50%; transform: translate(50%, 0); width: -moz-max-content; width: max-content; } .absolute-bottom-center { bottom: 0; left: 50%; transform: translate(-50%, -50%); } .z-index-n1 { z-index: -1; } .z-index-0 { z-index: 0; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2 !important; } @media (min-width: 540px) { .sm-right-center { right: 0; top: 50%; bottom: auto; transform: translate(0, -50%); } .sm-right-center-n90deg { right: 0; top: 50%; bottom: auto; transform-origin: top right; transform: rotate(-90deg) translate(50%, -100%); } } .bottom-auto { bottom: auto !important; } .bottom-var { bottom: var(--bottom-val) !important; } html:not([dir=rtl]) .left-auto { left: auto !important; } html[dir=rtl] .left-auto { right: auto !important; } html:not([dir=rtl]) .left-var { left: var(--left-val) !important; } html[dir=rtl] .left-var { right: var(--left-val) !important; } html:not([dir=rtl]) .right-auto { right: auto !important; } html[dir=rtl] .right-auto { left: auto !important; } html:not([dir=rtl]) .right-var { right: var(--right-val) !important; } html[dir=rtl] .right-var { left: var(--right-val) !important; } .top-auto { top: auto !important; } .top-var { top: var(--top-val) !important; } .hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; } .hide-scrollbar::-webkit-scrollbar { display: none; } .rounded-scrollbar { --scrollbar-track-bg-color:transparent; --scrollbar-border-radius:13px; scrollbar-width: thin; scrollbar-color: #757575 #d2d2d2; } .rounded-scrollbar::-webkit-scrollbar { width: 26px; background-color: var(--scrollbar-track-bg-color); } html:not([dir=rtl]) .rounded-scrollbar::-webkit-scrollbar { border-radius: 0 var(--scrollbar-border-radius) var(--scrollbar-border-radius) 0; } html[dir=rtl] .rounded-scrollbar::-webkit-scrollbar { border-radius: var(--scrollbar-border-radius) 0 0 var(--scrollbar-border-radius); } .rounded-scrollbar::-webkit-scrollbar-thumb, .rounded-scrollbar::-webkit-scrollbar-track { border: 10px solid var(--scrollbar-track-bg-color, transparent); background-clip: padding-box; border-radius: var(--scrollbar-border-radius); } .rounded-scrollbar::-webkit-scrollbar-thumb { background-color: #757575; border-color: transparent; } .rounded-scrollbar::-webkit-scrollbar-track { background-color: #d2d2d2; } .rounded-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #404040; } .w-col-1 { width: 16.66667% !important; } .w-col-2 { width: 33.33333% !important; } .w-col-3 { width: 50% !important; } .w-col-4 { width: 66.66667% !important; } .w-col-5 { width: 83.33333% !important; } .w-col-6 { width: 100% !important; } @media (min-width: 540px) { .w-sm-col-1 { width: 16.66667% !important; } .w-sm-col-2 { width: 33.33333% !important; } .w-sm-col-3 { width: 50% !important; } .w-sm-col-4 { width: 66.66667% !important; } .w-sm-col-5 { width: 83.33333% !important; } .w-sm-col-6 { width: 100% !important; } } @media (min-width: 860px) { .w-md-col-1 { width: 8.33333% !important; } .w-md-col-2 { width: 16.66667% !important; } .w-md-col-3 { width: 25% !important; } .w-md-col-4 { width: 33.33333% !important; } .w-md-col-5 { width: 41.66667% !important; } .w-md-col-6 { width: 50% !important; } .w-md-col-7 { width: 58.33333% !important; } .w-md-col-8 { width: 66.66667% !important; } .w-md-col-9 { width: 75% !important; } .w-md-col-10 { width: 83.33333% !important; } .w-md-col-11 { width: 91.66667% !important; } .w-md-col-12 { width: 100% !important; } } @media (min-width: 1440px) { .w-lg-col-1 { width: 4.16667% !important; } .w-lg-col-2 { width: 8.33333% !important; } .w-lg-col-3 { width: 12.5% !important; } .w-lg-col-4 { width: 16.66667% !important; } .w-lg-col-5 { width: 20.83333% !important; } .w-lg-col-6 { width: 25% !important; } .w-lg-col-7 { width: 29.16667% !important; } .w-lg-col-8 { width: 33.33333% !important; } .w-lg-col-9 { width: 37.5% !important; } .w-lg-col-10 { width: 41.66667% !important; } .w-lg-col-11 { width: 45.83333% !important; } .w-lg-col-12 { width: 50% !important; } .w-lg-col-13 { width: 54.16667% !important; } .w-lg-col-14 { width: 58.33333% !important; } .w-lg-col-15 { width: 62.5% !important; } .w-lg-col-16 { width: 66.66667% !important; } .w-lg-col-17 { width: 70.83333% !important; } .w-lg-col-18 { width: 75% !important; } .w-lg-col-19 { width: 79.16667% !important; } .w-lg-col-20 { width: 83.33333% !important; } .w-lg-col-21 { width: 87.5% !important; } .w-lg-col-22 { width: 91.66667% !important; } .w-lg-col-23 { width: 95.83333% !important; } .w-lg-col-24 { width: 100% !important; } } .mw-fit-content { max-width: -moz-fit-content !important; max-width: fit-content !important; } .min-h-100 { min-height: 100% !important; } .h-var { height: var(--h-val, 100%); } .mh-var { max-height: var(--mh-val, 100%); } .mh-vh-90 { max-height: 90vh !important; } .mh-vh-100 { max-height: 100vh !important; } .mh-val-1-var { max-height: var(--mh-val-1, 600px); } .mh-val-2-var { max-height: var(--mh-val-2, 600px); } .minh-var { min-height: var(--minh-val, 100%); } @use "sass:math"; .m-3xs { margin: var(--root-spacing-3xs); } .mt-3xs, .my-3xs { margin-top: var(--root-spacing-3xs); } html:not([dir=rtl]) .mr-3xs, html:not([dir=rtl]) .mx-3xs { margin-right: var(--root-spacing-3xs); } html[dir=rtl] .mr-3xs, html[dir=rtl] .mx-3xs { margin-left: var(--root-spacing-3xs); } .mb-3xs, .my-3xs { margin-bottom: var(--root-spacing-3xs); } html:not([dir=rtl]) .ml-3xs, html:not([dir=rtl]) .mx-3xs { margin-left: var(--root-spacing-3xs); } html[dir=rtl] .ml-3xs, html[dir=rtl] .mx-3xs { margin-right: var(--root-spacing-3xs); } .m-n3xs { margin: calc(var(--root-spacing-3xs) * -1); } .mt-n3xs, .my-n3xs { margin-top: calc(var(--root-spacing-3xs) * -1); } html:not([dir=rtl]) .mr-n3xs, html:not([dir=rtl]) .mx-n3xs { margin-right: calc(var(--root-spacing-3xs) * -1); } html[dir=rtl] .mr-n3xs, html[dir=rtl] .mx-n3xs { margin-left: calc(var(--root-spacing-3xs) * -1); } .mb-n3xs, .my-n3xs { margin-bottom: calc(var(--root-spacing-3xs) * -1); } html:not([dir=rtl]) .ml-n3xs, html:not([dir=rtl]) .mx-n3xs { margin-left: calc(var(--root-spacing-3xs) * -1); } html[dir=rtl] .ml-n3xs, html[dir=rtl] .mx-n3xs { margin-right: calc(var(--root-spacing-3xs) * -1); } .m-2xs { margin: var(--root-spacing-2xs); } .mt-2xs, .my-2xs { margin-top: var(--root-spacing-2xs); } html:not([dir=rtl]) .mr-2xs, html:not([dir=rtl]) .mx-2xs { margin-right: var(--root-spacing-2xs); } html[dir=rtl] .mr-2xs, html[dir=rtl] .mx-2xs { margin-left: var(--root-spacing-2xs); } .mb-2xs, .my-2xs { margin-bottom: var(--root-spacing-2xs); } html:not([dir=rtl]) .ml-2xs, html:not([dir=rtl]) .mx-2xs { margin-left: var(--root-spacing-2xs); } html[dir=rtl] .ml-2xs, html[dir=rtl] .mx-2xs { margin-right: var(--root-spacing-2xs); } .m-n2xs { margin: calc(var(--root-spacing-2xs) * -1); } .mt-n2xs, .my-n2xs { margin-top: calc(var(--root-spacing-2xs) * -1); } html:not([dir=rtl]) .mr-n2xs, html:not([dir=rtl]) .mx-n2xs { margin-right: calc(var(--root-spacing-2xs) * -1); } html[dir=rtl] .mr-n2xs, html[dir=rtl] .mx-n2xs { margin-left: calc(var(--root-spacing-2xs) * -1); } .mb-n2xs, .my-n2xs { margin-bottom: calc(var(--root-spacing-2xs) * -1); } html:not([dir=rtl]) .ml-n2xs, html:not([dir=rtl]) .mx-n2xs { margin-left: calc(var(--root-spacing-2xs) * -1); } html[dir=rtl] .ml-n2xs, html[dir=rtl] .mx-n2xs { margin-right: calc(var(--root-spacing-2xs) * -1); } .m-xs { margin: var(--root-spacing-xs); } .mt-xs, .my-xs { margin-top: var(--root-spacing-xs); } html:not([dir=rtl]) .mr-xs, html:not([dir=rtl]) .mx-xs { margin-right: var(--root-spacing-xs); } html[dir=rtl] .mr-xs, html[dir=rtl] .mx-xs { margin-left: var(--root-spacing-xs); } .mb-xs, .my-xs { margin-bottom: var(--root-spacing-xs); } html:not([dir=rtl]) .ml-xs, html:not([dir=rtl]) .mx-xs { margin-left: var(--root-spacing-xs); } html[dir=rtl] .ml-xs, html[dir=rtl] .mx-xs { margin-right: var(--root-spacing-xs); } .m-nxs { margin: calc(var(--root-spacing-xs) * -1); } .mt-nxs, .my-nxs { margin-top: calc(var(--root-spacing-xs) * -1); } html:not([dir=rtl]) .mr-nxs, html:not([dir=rtl]) .mx-nxs { margin-right: calc(var(--root-spacing-xs) * -1); } html[dir=rtl] .mr-nxs, html[dir=rtl] .mx-nxs { margin-left: calc(var(--root-spacing-xs) * -1); } .mb-nxs, .my-nxs { margin-bottom: calc(var(--root-spacing-xs) * -1); } html:not([dir=rtl]) .ml-nxs, html:not([dir=rtl]) .mx-nxs { margin-left: calc(var(--root-spacing-xs) * -1); } html[dir=rtl] .ml-nxs, html[dir=rtl] .mx-nxs { margin-right: calc(var(--root-spacing-xs) * -1); } .m-s { margin: var(--root-spacing-s); } .mt-s, .my-s { margin-top: var(--root-spacing-s); } html:not([dir=rtl]) .mr-s, html:not([dir=rtl]) .mx-s { margin-right: var(--root-spacing-s); } html[dir=rtl] .mr-s, html[dir=rtl] .mx-s { margin-left: var(--root-spacing-s); } .mb-s, .my-s { margin-bottom: var(--root-spacing-s); } html:not([dir=rtl]) .ml-s, html:not([dir=rtl]) .mx-s { margin-left: var(--root-spacing-s); } html[dir=rtl] .ml-s, html[dir=rtl] .mx-s { margin-right: var(--root-spacing-s); } .m-ns { margin: calc(var(--root-spacing-s) * -1); } .mt-ns, .my-ns { margin-top: calc(var(--root-spacing-s) * -1); } html:not([dir=rtl]) .mr-ns, html:not([dir=rtl]) .mx-ns { margin-right: calc(var(--root-spacing-s) * -1); } html[dir=rtl] .mr-ns, html[dir=rtl] .mx-ns { margin-left: calc(var(--root-spacing-s) * -1); } .mb-ns, .my-ns { margin-bottom: calc(var(--root-spacing-s) * -1); } html:not([dir=rtl]) .ml-ns, html:not([dir=rtl]) .mx-ns { margin-left: calc(var(--root-spacing-s) * -1); } html[dir=rtl] .ml-ns, html[dir=rtl] .mx-ns { margin-right: calc(var(--root-spacing-s) * -1); } .m-m { margin: var(--root-spacing-m); } .mt-m, .my-m { margin-top: var(--root-spacing-m); } html:not([dir=rtl]) .mr-m, html:not([dir=rtl]) .mx-m { margin-right: var(--root-spacing-m); } html[dir=rtl] .mr-m, html[dir=rtl] .mx-m { margin-left: var(--root-spacing-m); } .mb-m, .my-m { margin-bottom: var(--root-spacing-m); } html:not([dir=rtl]) .ml-m, html:not([dir=rtl]) .mx-m { margin-left: var(--root-spacing-m); } html[dir=rtl] .ml-m, html[dir=rtl] .mx-m { margin-right: var(--root-spacing-m); } .m-nm { margin: calc(var(--root-spacing-m) * -1); } .mt-nm, .my-nm { margin-top: calc(var(--root-spacing-m) * -1); } html:not([dir=rtl]) .mr-nm, html:not([dir=rtl]) .mx-nm { margin-right: calc(var(--root-spacing-m) * -1); } html[dir=rtl] .mr-nm, html[dir=rtl] .mx-nm { margin-left: calc(var(--root-spacing-m) * -1); } .mb-nm, .my-nm { margin-bottom: calc(var(--root-spacing-m) * -1); } html:not([dir=rtl]) .ml-nm, html:not([dir=rtl]) .mx-nm { margin-left: calc(var(--root-spacing-m) * -1); } html[dir=rtl] .ml-nm, html[dir=rtl] .mx-nm { margin-right: calc(var(--root-spacing-m) * -1); } .m-l { margin: var(--root-spacing-l); } .mt-l, .my-l { margin-top: var(--root-spacing-l); } html:not([dir=rtl]) .mr-l, html:not([dir=rtl]) .mx-l { margin-right: var(--root-spacing-l); } html[dir=rtl] .mr-l, html[dir=rtl] .mx-l { margin-left: var(--root-spacing-l); } .mb-l, .my-l { margin-bottom: var(--root-spacing-l); } html:not([dir=rtl]) .ml-l, html:not([dir=rtl]) .mx-l { margin-left: var(--root-spacing-l); } html[dir=rtl] .ml-l, html[dir=rtl] .mx-l { margin-right: var(--root-spacing-l); } .m-nl { margin: calc(var(--root-spacing-l) * -1); } .mt-nl, .my-nl { margin-top: calc(var(--root-spacing-l) * -1); } html:not([dir=rtl]) .mr-nl, html:not([dir=rtl]) .mx-nl { margin-right: calc(var(--root-spacing-l) * -1); } html[dir=rtl] .mr-nl, html[dir=rtl] .mx-nl { margin-left: calc(var(--root-spacing-l) * -1); } .mb-nl, .my-nl { margin-bottom: calc(var(--root-spacing-l) * -1); } html:not([dir=rtl]) .ml-nl, html:not([dir=rtl]) .mx-nl { margin-left: calc(var(--root-spacing-l) * -1); } html[dir=rtl] .ml-nl, html[dir=rtl] .mx-nl { margin-right: calc(var(--root-spacing-l) * -1); } .m-xl { margin: var(--root-spacing-xl); } .mt-xl, .my-xl { margin-top: var(--root-spacing-xl); } html:not([dir=rtl]) .mr-xl, html:not([dir=rtl]) .mx-xl { margin-right: var(--root-spacing-xl); } html[dir=rtl] .mr-xl, html[dir=rtl] .mx-xl { margin-left: var(--root-spacing-xl); } .mb-xl, .my-xl { margin-bottom: var(--root-spacing-xl); } html:not([dir=rtl]) .ml-xl, html:not([dir=rtl]) .mx-xl { margin-left: var(--root-spacing-xl); } html[dir=rtl] .ml-xl, html[dir=rtl] .mx-xl { margin-right: var(--root-spacing-xl); } .m-nxl { margin: calc(var(--root-spacing-xl) * -1); } .mt-nxl, .my-nxl { margin-top: calc(var(--root-spacing-xl) * -1); } html:not([dir=rtl]) .mr-nxl, html:not([dir=rtl]) .mx-nxl { margin-right: calc(var(--root-spacing-xl) * -1); } html[dir=rtl] .mr-nxl, html[dir=rtl] .mx-nxl { margin-left: calc(var(--root-spacing-xl) * -1); } .mb-nxl, .my-nxl { margin-bottom: calc(var(--root-spacing-xl) * -1); } html:not([dir=rtl]) .ml-nxl, html:not([dir=rtl]) .mx-nxl { margin-left: calc(var(--root-spacing-xl) * -1); } html[dir=rtl] .ml-nxl, html[dir=rtl] .mx-nxl { margin-right: calc(var(--root-spacing-xl) * -1); } .m-2xl { margin: var(--root-spacing-2xl); } .mt-2xl, .my-2xl { margin-top: var(--root-spacing-2xl); } html:not([dir=rtl]) .mr-2xl, html:not([dir=rtl]) .mx-2xl { margin-right: var(--root-spacing-2xl); } html[dir=rtl] .mr-2xl, html[dir=rtl] .mx-2xl { margin-left: var(--root-spacing-2xl); } .mb-2xl, .my-2xl { margin-bottom: var(--root-spacing-2xl); } html:not([dir=rtl]) .ml-2xl, html:not([dir=rtl]) .mx-2xl { margin-left: var(--root-spacing-2xl); } html[dir=rtl] .ml-2xl, html[dir=rtl] .mx-2xl { margin-right: var(--root-spacing-2xl); } .m-n2xl { margin: calc(var(--root-spacing-2xl) * -1); } .mt-n2xl, .my-n2xl { margin-top: calc(var(--root-spacing-2xl) * -1); } html:not([dir=rtl]) .mr-n2xl, html:not([dir=rtl]) .mx-n2xl { margin-right: calc(var(--root-spacing-2xl) * -1); } html[dir=rtl] .mr-n2xl, html[dir=rtl] .mx-n2xl { margin-left: calc(var(--root-spacing-2xl) * -1); } .mb-n2xl, .my-n2xl { margin-bottom: calc(var(--root-spacing-2xl) * -1); } html:not([dir=rtl]) .ml-n2xl, html:not([dir=rtl]) .mx-n2xl { margin-left: calc(var(--root-spacing-2xl) * -1); } html[dir=rtl] .ml-n2xl, html[dir=rtl] .mx-n2xl { margin-right: calc(var(--root-spacing-2xl) * -1); } .m-3xl { margin: var(--root-spacing-3xl); } .mt-3xl, .my-3xl { margin-top: var(--root-spacing-3xl); } html:not([dir=rtl]) .mr-3xl, html:not([dir=rtl]) .mx-3xl { margin-right: var(--root-spacing-3xl); } html[dir=rtl] .mr-3xl, html[dir=rtl] .mx-3xl { margin-left: var(--root-spacing-3xl); } .mb-3xl, .my-3xl { margin-bottom: var(--root-spacing-3xl); } html:not([dir=rtl]) .ml-3xl, html:not([dir=rtl]) .mx-3xl { margin-left: var(--root-spacing-3xl); } html[dir=rtl] .ml-3xl, html[dir=rtl] .mx-3xl { margin-right: var(--root-spacing-3xl); } .m-n3xl { margin: calc(var(--root-spacing-3xl) * -1); } .mt-n3xl, .my-n3xl { margin-top: calc(var(--root-spacing-3xl) * -1); } html:not([dir=rtl]) .mr-n3xl, html:not([dir=rtl]) .mx-n3xl { margin-right: calc(var(--root-spacing-3xl) * -1); } html[dir=rtl] .mr-n3xl, html[dir=rtl] .mx-n3xl { margin-left: calc(var(--root-spacing-3xl) * -1); } .mb-n3xl, .my-n3xl { margin-bottom: calc(var(--root-spacing-3xl) * -1); } html:not([dir=rtl]) .ml-n3xl, html:not([dir=rtl]) .mx-n3xl { margin-left: calc(var(--root-spacing-3xl) * -1); } html[dir=rtl] .ml-n3xl, html[dir=rtl] .mx-n3xl { margin-right: calc(var(--root-spacing-3xl) * -1); } .m-4xl { margin: var(--root-spacing-4xl); } .mt-4xl, .my-4xl { margin-top: var(--root-spacing-4xl); } html:not([dir=rtl]) .mr-4xl, html:not([dir=rtl]) .mx-4xl { margin-right: var(--root-spacing-4xl); } html[dir=rtl] .mr-4xl, html[dir=rtl] .mx-4xl { margin-left: var(--root-spacing-4xl); } .mb-4xl, .my-4xl { margin-bottom: var(--root-spacing-4xl); } html:not([dir=rtl]) .ml-4xl, html:not([dir=rtl]) .mx-4xl { margin-left: var(--root-spacing-4xl); } html[dir=rtl] .ml-4xl, html[dir=rtl] .mx-4xl { margin-right: var(--root-spacing-4xl); } .m-n4xl { margin: calc(var(--root-spacing-4xl) * -1); } .mt-n4xl, .my-n4xl { margin-top: calc(var(--root-spacing-4xl) * -1); } html:not([dir=rtl]) .mr-n4xl, html:not([dir=rtl]) .mx-n4xl { margin-right: calc(var(--root-spacing-4xl) * -1); } html[dir=rtl] .mr-n4xl, html[dir=rtl] .mx-n4xl { margin-left: calc(var(--root-spacing-4xl) * -1); } .mb-n4xl, .my-n4xl { margin-bottom: calc(var(--root-spacing-4xl) * -1); } html:not([dir=rtl]) .ml-n4xl, html:not([dir=rtl]) .mx-n4xl { margin-left: calc(var(--root-spacing-4xl) * -1); } html[dir=rtl] .ml-n4xl, html[dir=rtl] .mx-n4xl { margin-right: calc(var(--root-spacing-4xl) * -1); } .p-3xs { padding: var(--root-spacing-3xs); } .pt-3xs, .py-3xs { padding-top: var(--root-spacing-3xs); } html:not([dir=rtl]) .pr-3xs, html:not([dir=rtl]) .px-3xs { padding-right: var(--root-spacing-3xs); } html[dir=rtl] .pr-3xs, html[dir=rtl] .px-3xs { padding-left: var(--root-spacing-3xs); } .pb-3xs, .py-3xs { padding-bottom: var(--root-spacing-3xs); } html:not([dir=rtl]) .pl-3xs, html:not([dir=rtl]) .px-3xs { padding-left: var(--root-spacing-3xs); } html[dir=rtl] .pl-3xs, html[dir=rtl] .px-3xs { padding-right: var(--root-spacing-3xs); } .p-2xs { padding: var(--root-spacing-2xs); } .pt-2xs, .py-2xs { padding-top: var(--root-spacing-2xs); } html:not([dir=rtl]) .pr-2xs, html:not([dir=rtl]) .px-2xs { padding-right: var(--root-spacing-2xs); } html[dir=rtl] .pr-2xs, html[dir=rtl] .px-2xs { padding-left: var(--root-spacing-2xs); } .pb-2xs, .py-2xs { padding-bottom: var(--root-spacing-2xs); } html:not([dir=rtl]) .pl-2xs, html:not([dir=rtl]) .px-2xs { padding-left: var(--root-spacing-2xs); } html[dir=rtl] .pl-2xs, html[dir=rtl] .px-2xs { padding-right: var(--root-spacing-2xs); } .p-xs { padding: var(--root-spacing-xs); } .pt-xs, .py-xs { padding-top: var(--root-spacing-xs); } html:not([dir=rtl]) .pr-xs, html:not([dir=rtl]) .px-xs { padding-right: var(--root-spacing-xs); } html[dir=rtl] .pr-xs, html[dir=rtl] .px-xs { padding-left: var(--root-spacing-xs); } .pb-xs, .py-xs { padding-bottom: var(--root-spacing-xs); } html:not([dir=rtl]) .pl-xs, html:not([dir=rtl]) .px-xs { padding-left: var(--root-spacing-xs); } html[dir=rtl] .pl-xs, html[dir=rtl] .px-xs { padding-right: var(--root-spacing-xs); } .p-s { padding: var(--root-spacing-s); } .pt-s, .py-s { padding-top: var(--root-spacing-s); } html:not([dir=rtl]) .pr-s, html:not([dir=rtl]) .px-s { padding-right: var(--root-spacing-s); } html[dir=rtl] .pr-s, html[dir=rtl] .px-s { padding-left: var(--root-spacing-s); } .pb-s, .py-s { padding-bottom: var(--root-spacing-s); } html:not([dir=rtl]) .pl-s, html:not([dir=rtl]) .px-s { padding-left: var(--root-spacing-s); } html[dir=rtl] .pl-s, html[dir=rtl] .px-s { padding-right: var(--root-spacing-s); } .p-m { padding: var(--root-spacing-m); } .pt-m, .py-m { padding-top: var(--root-spacing-m); } html:not([dir=rtl]) .pr-m, html:not([dir=rtl]) .px-m { padding-right: var(--root-spacing-m); } html[dir=rtl] .pr-m, html[dir=rtl] .px-m { padding-left: var(--root-spacing-m); } .pb-m, .py-m { padding-bottom: var(--root-spacing-m); } html:not([dir=rtl]) .pl-m, html:not([dir=rtl]) .px-m { padding-left: var(--root-spacing-m); } html[dir=rtl] .pl-m, html[dir=rtl] .px-m { padding-right: var(--root-spacing-m); } .p-l { padding: var(--root-spacing-l); } .pt-l, .py-l { padding-top: var(--root-spacing-l); } html:not([dir=rtl]) .pr-l, html:not([dir=rtl]) .px-l { padding-right: var(--root-spacing-l); } html[dir=rtl] .pr-l, html[dir=rtl] .px-l { padding-left: var(--root-spacing-l); } .pb-l, .py-l { padding-bottom: var(--root-spacing-l); } html:not([dir=rtl]) .pl-l, html:not([dir=rtl]) .px-l { padding-left: var(--root-spacing-l); } html[dir=rtl] .pl-l, html[dir=rtl] .px-l { padding-right: var(--root-spacing-l); } .p-xl { padding: var(--root-spacing-xl); } .pt-xl, .py-xl { padding-top: var(--root-spacing-xl); } html:not([dir=rtl]) .pr-xl, html:not([dir=rtl]) .px-xl { padding-right: var(--root-spacing-xl); } html[dir=rtl] .pr-xl, html[dir=rtl] .px-xl { padding-left: var(--root-spacing-xl); } .pb-xl, .py-xl { padding-bottom: var(--root-spacing-xl); } html:not([dir=rtl]) .pl-xl, html:not([dir=rtl]) .px-xl { padding-left: var(--root-spacing-xl); } html[dir=rtl] .pl-xl, html[dir=rtl] .px-xl { padding-right: var(--root-spacing-xl); } .p-2xl { padding: var(--root-spacing-2xl); } .pt-2xl, .py-2xl { padding-top: var(--root-spacing-2xl); } html:not([dir=rtl]) .pr-2xl, html:not([dir=rtl]) .px-2xl { padding-right: var(--root-spacing-2xl); } html[dir=rtl] .pr-2xl, html[dir=rtl] .px-2xl { padding-left: var(--root-spacing-2xl); } .pb-2xl, .py-2xl { padding-bottom: var(--root-spacing-2xl); } html:not([dir=rtl]) .pl-2xl, html:not([dir=rtl]) .px-2xl { padding-left: var(--root-spacing-2xl); } html[dir=rtl] .pl-2xl, html[dir=rtl] .px-2xl { padding-right: var(--root-spacing-2xl); } .p-3xl { padding: var(--root-spacing-3xl); } .pt-3xl, .py-3xl { padding-top: var(--root-spacing-3xl); } html:not([dir=rtl]) .pr-3xl, html:not([dir=rtl]) .px-3xl { padding-right: var(--root-spacing-3xl); } html[dir=rtl] .pr-3xl, html[dir=rtl] .px-3xl { padding-left: var(--root-spacing-3xl); } .pb-3xl, .py-3xl { padding-bottom: var(--root-spacing-3xl); } html:not([dir=rtl]) .pl-3xl, html:not([dir=rtl]) .px-3xl { padding-left: var(--root-spacing-3xl); } html[dir=rtl] .pl-3xl, html[dir=rtl] .px-3xl { padding-right: var(--root-spacing-3xl); } .p-4xl { padding: var(--root-spacing-4xl); } .pt-4xl, .py-4xl { padding-top: var(--root-spacing-4xl); } html:not([dir=rtl]) .pr-4xl, html:not([dir=rtl]) .px-4xl { padding-right: var(--root-spacing-4xl); } html[dir=rtl] .pr-4xl, html[dir=rtl] .px-4xl { padding-left: var(--root-spacing-4xl); } .pb-4xl, .py-4xl { padding-bottom: var(--root-spacing-4xl); } html:not([dir=rtl]) .pl-4xl, html:not([dir=rtl]) .px-4xl { padding-left: var(--root-spacing-4xl); } html[dir=rtl] .pl-4xl, html[dir=rtl] .px-4xl { padding-right: var(--root-spacing-4xl); } .rotate-n90deg { transform: rotate(-90deg) translate(0, -100%); } .origin-right { transform-origin: right top; } .bg-transition-ease-in-out { transition-duration: 180ms; transition-property: background-color, color; transition-timing-function: ease-in-out; } .text-line-clamp-1 { line-clamp: 1; -webkit-line-clamp: 1; } .text-line-clamp-2 { line-clamp: 2; -webkit-line-clamp: 2; } .text-line-clamp-3 { line-clamp: 3; -webkit-line-clamp: 3; } [class*=text-line-clamp] { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .text-decoration-hover, .text-decoration-hover a { text-decoration: none; } .text-decoration-hover a:focus, .text-decoration-hover a:hover, .text-decoration-hover:focus, .text-decoration-hover:hover { text-decoration: underline; } .text-gradient, .text-gradient sub, .text-gradient sup { --text-gradient-bg-color:var(--root-color-neutral-white); --text-gradient-bg-image:linear-gradient(91deg, #1692d4 20.99%, #9574f1 84.33%); background-color: var(--text-gradient-bg-color); background-image: var(--text-gradient-bg-image); -webkit-background-clip: text; background-clip: text; box-decoration-break: clone; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; } .depth-2 { box-shadow: var(--root-depth-2) !important; } .depth-4 { box-shadow: var(--root-depth-4) !important; } .depth-8 { box-shadow: var(--root-depth-8) !important; } .depth-16 { box-shadow: var(--root-depth-16) !important; } .depth-28 { box-shadow: var(--root-depth-28) !important; } .depth-64 { box-shadow: var(--root-depth-64) !important; } .depth-2-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: var(--root-depth-2) !important; opacity: 0; transition: opacity 0.2s; } @media (prefers-reduced-motion: reduce) { .depth-2-hover::before { transition: none; } } .depth-2-hover:focus::before, .depth-2-hover:hover::before { opacity: 1; } .depth-4-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: var(--root-depth-4) !important; opacity: 0; transition: opacity 0.2s; } @media (prefers-reduced-motion: reduce) { .depth-4-hover::before { transition: none; } } .depth-4-hover:focus::before, .depth-4-hover:hover::before { opacity: 1; } .depth-8-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: var(--root-depth-8) !important; opacity: 0; transition: opacity 0.2s; } @media (prefers-reduced-motion: reduce) { .depth-8-hover::before { transition: none; } } .depth-8-hover:focus::before, .depth-8-hover:hover::before { opacity: 1; } .depth-16-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: var(--root-depth-16) !important; opacity: 0; transition: opacity 0.2s; } @media (prefers-reduced-motion: reduce) { .depth-16-hover::before { transition: none; } } .depth-16-hover:focus::before, .depth-16-hover:hover::before { opacity: 1; } .depth-28-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: var(--root-depth-28) !important; opacity: 0; transition: opacity 0.2s; } @media (prefers-reduced-motion: reduce) { .depth-28-hover::before { transition: none; } } .depth-28-hover:focus::before, .depth-28-hover:hover::before { opacity: 1; } .depth-64-hover::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: var(--root-depth-64) !important; opacity: 0; transition: opacity 0.2s; } @media (prefers-reduced-motion: reduce) { .depth-64-hover::before { transition: none; } } .depth-64-hover:focus::before, .depth-64-hover:hover::before { opacity: 1; } .cursor-pointer { cursor: pointer !important; } .filter-brightness-var { filter: brightness(var(--filter-brightness-val, 0.7)) !important; } .filter-blur { filter: blur(var(--root-filter-blur, 12.5rem)) !important; } .filter-blur--s { filter: var(--root-filter-blur-s-filter) !important; } .filter-blur--m { filter: var(--root-filter-blur-m-filter) !important; } .filter-blur--l { filter: var(--root-filter-blur-l-filter) !important; } .filter-blur--glass { background: var(--root-filter-blur-glass-background) !important; -webkit-backdrop-filter: var(--root-filter-blur-glass-backdrop-filter) !important; backdrop-filter: var(--root-filter-blur-glass-backdrop-filter) !important; } html[dir=rtl] .glyph-rtl-left.glyph-prepend-chevron-right::before { display: inline-block; transform: rotate(180deg); } html[dir=rtl] .glyph-rtl-left.glyph-append-chevron-right::after { display: inline-block; transform: rotate(180deg); } html[dir=rtl] .glyph-rtl-right.glyph-prepend-chevron-left::before { display: inline-block; transform: rotate(180deg); } html[dir=rtl] .glyph-rtl-right.glyph-append-chevron-left::after { display: inline-block; transform: rotate(180deg); } .indicator { --indicator-color:var(--theme-foreground-base-highlight); --indicator-size-small:0.25rem; --indicator-size-large:0.5rem; --indicator-pill-radius:0.25rem; background-color: var(--indicator-color); --indicator-size:var(--indicator-size-small); --indicator-length:auto; } @media (forced-colors: active) { .indicator { --indicator-color:activetext; } } .indicator { width: var(--indicator-size); height: var(--indicator-length); } .indicator--horizontal { --indicator-length:100%; height: var(--indicator-size); width: var(--indicator-length); } .indicator--size-lg { --indicator-size:var(--indicator-size-large); } .indicator--shape-pill { border-radius: var(--indicator-pill-radius); } .card-horizontal--case-study-media .card-horizontal__content, .card-plan-detail .card-plan-detail__highlight, .checklist--special .checklist-item, .jumplinks-item__link, .media--highlight, .media--highlight-glass, .media--highlight-solid, .ocr-slider--type-product-selector, .popover__content--compound .popover__compound, .surface--glass, .surface--glass-selected, .surface--solid, .surface--solid-border, .surface--special, .surface--transparent, .tabs--type-link [data-mount=ocr-slider] .slider__overflow, .tabs--type-product-selector [data-mount=ocr-slider] .slider__overflow { --surface-bg:var(--theme-background-card-normal, #fefefe); --surface-border-width:0; --surface-border-style:none; --surface-border-color:var(--theme-border-card-fade, #e0e0e0); --surface-border-radius:0; background: var(--surface-bg); border: var(--surface-border-width) var(--surface-border-style) var(--surface-border-color); border-radius: var(--surface-border-radius, 0); } .card-horizontal--case-study-media .card-horizontal__content, .media--highlight-glass, .surface--glass, .surface--glass-selected { --surface-bg:var(--theme-background-glass-normal); --surface-border-width:var(--root-border-xs); --surface-border-style:solid; --surface-border-color:var(--theme-border-glass-fade); --surface-backdrop-filter:blur(80px); -webkit-backdrop-filter: var(--surface-backdrop-filter); backdrop-filter: var(--surface-backdrop-filter); } .surface--glass-selected { --surface-bg:var(--theme-background-glass-selected); } .surface--transparent { --surface-bg:transparent; } .card-plan-detail .card-plan-detail__highlight, .surface--solid-border { --surface-border-width:var(--root-border-s); --surface-border-style:solid; --surface-border-color:var(--theme-border-card-fade); } .checklist--special .checklist-item, .surface--special { --surface-bg:var(--theme-background-highlight-normal); --surface-border-width:var(--root-border-s); --surface-border-style:solid; --surface-border-color:var(--theme-border-highlight-fade); } .ocr-columns { --ocr-columns-count:1; -moz-column-count: var(--ocr-columns-count, 1); column-count: var(--ocr-columns-count, 1); } @media (min-width: 860px) { .ocr-columns--count-2 { --ocr-columns-count:2; } .ocr-columns--count-3 { --ocr-columns-count:3; } .ocr-columns--count-4 { --ocr-columns-count:4; } .ocr-columns--count-5 { --ocr-columns-count:5; } .ocr-columns--count-6 { --ocr-columns-count:6; } } .pill-bar { --tab-group-x-align:start; --arrow-background-color:var(--bg-val); --arrow-background-gradient-start-position:25%; --pill-bar-dropdown-display:none; --pill-bar-dropdown-position:relative; --pill-bar-dropdown-menu-list-display:flex; --pill-bar-dropdown-menu-z-index:499; } .pill-bar ul { list-style-type: none; padding: 0; margin: 0; } .theme-night .bg--special-fade .pill-bar .arrow-next { --arrow-background-gradient-start-position:0%; --arrow-background-color:#003259; } .theme-night .bg--special-fade .pill-bar .arrow-prev { --arrow-background-gradient-start-position:0%; --arrow-background-color:var(--root-color-blue-black-700); } .bg--special-fade .pill-bar .arrow-next { --arrow-background-color:var(--root-color-sky-blue-100); } .bg--special-fade .pill-bar .arrow-prev { --arrow-background-color:var(--root-color-lavender-100); } .theme-night .bg--special-color .pill-bar .arrow-next { --arrow-background-color:#003259; } .theme-night .bg--special-color .pill-bar .arrow-prev { --arrow-background-color:#05273f; } .bg--special-color .pill-bar .arrow-next { --arrow-background-color:#a7bfe6; } .bg--special-color .pill-bar .arrow-prev { --arrow-background-color:#a4d3ec; } .pill-bar--size-l .pill-bar__item { padding: var(--root-spacing-s) var(--root-spacing-l); } .pill-bar--size-l .tab-arrows button.arrow-next, .pill-bar--size-l .tab-arrows button.arrow-prev { width: calc(var(--root-spacing-s) * 2 + var(--root-base-line-height)); } .pill-bar--centered .tab-group { --tab-group-x-align:center; } .pill-bar--centered .tab-window { display: flex; justify-content: center; } .pill-bar--centered .slider__window { justify-content: center; } .pill-bar__item { padding: var(--root-spacing-xs) var(--root-spacing-l); white-space: nowrap; border-radius: 12.5rem; background-color: var(--theme-background-accent-subtle-normal); color: var(--theme-foreground-accent-subtle-normal) !important; border: none !important; } html:not([dir=rtl]) .pill-bar__item { margin-right: var(--root-spacing-xs); } html[dir=rtl] .pill-bar__item { margin-left: var(--root-spacing-xs); } @media (forced-colors: active) { .pill-bar__item { border: 1px solid activetext !important; } } .pill-bar__item__label { padding-bottom: var(--root-spacing-3xs); pointer-events: none; font-weight: 600; font-size: 0.9375rem; line-height: 1.375rem; letter-spacing: -0.02em; } .pill-bar__item:hover { background-color: var(--theme-background-accent-subtle-hover); color: var(--theme-foreground-accent-subtle-hover) !important; } .pill-bar__item:active { background-color: var(--theme-background-accent-subtle-pressed); color: var(--theme-foreground-accent-subtle-pressed) !important; } @media (forced-colors: active) { .pill-bar__item:active { border: 1px solid transparent !important; outline-style: dashed !important; outline-color: transparent !important; outline-offset: -0.375rem !important; } } .pill-bar__item.active { background-color: var(--theme-background-accent-subtle-selected); color: var(--theme-foreground-accent-subtle-selected) !important; } @media (forced-colors: active) { .pill-bar__item.active { border: 1px solid transparent !important; outline-style: dashed !important; outline-color: transparent !important; outline-offset: -0.375rem !important; } } .pill-bar__item.selected { background-color: var(--theme-background-accent-subtle-selected); color: var(--theme-foreground-accent-subtle-selected) !important; } .pill-bar .tab-group { justify-content: var(--tab-group-x-align, "start"); } .pill-bar .tab-group .active:not(.tab-image):not(.ocr-input) { background-color: var(--theme-background-accent-subtle-selected); color: var(--theme-foreground-accent-subtle-selected) !important; } .pill-bar .tab-arrows { color: var(--theme-foreground-accent-subtle-normal); } .pill-bar .tab-arrows .arrow-next.pill-bar__arrow-next-bg, .pill-bar .tab-arrows .arrow-prev.pill-bar__arrow-prev-bg { border-radius: 0; z-index: 1; width: 20vw; border: none; pointer-events: none; } .pill-bar .tab-arrows .arrow-next.pill-bar__arrow-next-bg::after, .pill-bar .tab-arrows .arrow-prev.pill-bar__arrow-prev-bg::after { content: none !important; } .pill-bar .tab-arrows .arrow-next, .pill-bar .tab-arrows .arrow-prev { border: 2px solid var(--theme-foreground-accent-subtle-normal); border-radius: var(--root-radii-circle); padding: 0; width: calc(var(--root-spacing-xs) * 2 + var(--root-base-line-height)); } .pill-bar .tab-arrows .arrow-next::after, .pill-bar .tab-arrows .arrow-prev::after { font-size: var(--root-h5-font-size); font-weight: var(--root-small-font-weight); color: var(--theme-foreground-accent-subtle-normal); } .pill-bar .tab-arrows .arrow-next:focus, .pill-bar .tab-arrows .arrow-next:hover, .pill-bar .tab-arrows .arrow-prev:focus, .pill-bar .tab-arrows .arrow-prev:hover { transform: unset; } .pill-bar .tab-arrows .arrow-prev { left: -0.25rem; background: linear-gradient(90deg, var(--arrow-background-color, #f2f2f2) var(--arrow-background-gradient-start-position), rgba(242, 242, 242, 0) 100%); } .pill-bar .tab-arrows .arrow-prev[style*="display: none"] ~ .pill-bar__arrow-prev-bg { display: none; } .pill-bar .tab-arrows .arrow-next { right: -0.25rem; background: linear-gradient(270deg, var(--arrow-background-color, #f2f2f2) var(--arrow-background-gradient-start-position), rgba(242, 242, 242, 0) 100%); } .pill-bar .tab-arrows .arrow-next[style*="display: none"] ~ .pill-bar__arrow-next-bg { display: none; } .pill-bar__item--disabled { opacity: 0.2; pointer-events: none; } .pill-bar__item--icon { display: inline-flex; align-items: center; gap: var(--root-spacing-xs); height: 100%; border: var(--root-border-xs) solid transparent !important; } .pill-bar__item--icon.selected { background-color: var(--theme-background-accent-subtle-normal); color: var(--theme-foreground-accent-subtle-normal) !important; border: var(--root-border-xs) solid var(--theme-border-accent-subtle-normal) !important; padding-top: var(--root-spacing-xs); -webkit-padding-end: var(--root-spacing-xs); padding-inline-end: var(--root-spacing-xs); padding-bottom: var(--root-spacing-xs); -webkit-padding-start: var(--root-spacing-l); padding-inline-start: var(--root-spacing-l); } .pill-bar__item--icon.selected .ocr-icon { display: block !important; } .pill-bar__item--icon .ocr-icon { display: none !important; pointer-events: none; } .pill-bar__item--icon .ocr-icon > svg { fill: var(--theme-foreground-base-icon); } .pill-bar--filter [data-filter-values].hide { display: none; } .pill-bar--filter :not(.pill-bar--secondary-filter) .cmp-tabs .tab-panel-group, .pill-bar--filter :not(.pill-bar--secondary-filter) .tab-panel-group { --tabs-panel-margin-top:var(--sm-density, var(--root-spacing-2xl))!important; } .pill-bar--secondary { display: flex; padding-bottom: var(--root-spacing-2xl); gap: var(--root-spacing-xl); flex-direction: column; align-items: flex-end; } .pill-bar--secondary .dropdown-bar { width: 100%; } .pill-bar--secondary .dropdown-bar .layout { --layout-column-count:1; } @media (min-width: 540px) { .pill-bar--secondary { flex-direction: row; align-items: center; } .pill-bar--secondary .dropdown-bar { width: auto; } .pill-bar--secondary .dropdown-bar .layout { --layout-column-count:unset; } } .pill-bar--secondary-filter .cmp-tabs .tab-panel-group, .pill-bar--secondary-filter .tab-panel-group { --tabs-panel-margin-top:0; } .pill-bar--secondary-filter .cmp-tabs .tab-panel-group .pill-bar--secondary, .pill-bar--secondary-filter .tab-panel-group .pill-bar--secondary { margin-top: var(--sm-density, var(--root-spacing-2xl)); padding-top: var(--root-spacing-xl); border-top: 1px solid var(--theme-border-neutral-fade); } .pill-bar--selector.surface--solid-border { border: none; background-color: transparent; } .pill-bar--selector .tab-overflow, .pill-bar--selector .tab-window, .pill-bar--selector [data-mount=tab-slider] { display: contents; } .pill-bar--selector .tab-arrows { display: none !important; } .pill-bar--selector .tab-group { display: inline-flex; padding: var(--root-spacing-xs); background-color: var(--theme-background-base-neutral); border-radius: 12.5rem; } .pill-bar--selector .tab-group :last-child { margin-inline: 0; } .pill-bar--selector .pill-bar__item { background-color: transparent; } .pill-bar--dynamically-added-filters ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; gap: var(--root-spacing-xs); width: 100%; list-style: none; max-height: 14.5rem; overflow-y: auto; } .pill-bar--radio-tabs .tab-group { flex-wrap: wrap; gap: var(--root-spacing-m); } .pill-bar--radio-tabs .ocr-input { cursor: pointer; } .pill-bar--radio-tabs .ocr-input .ocr-input__label { color: var(--theme-foreground-base-subtle); -webkit-margin-start: var(--root-spacing-xs); margin-inline-start: var(--root-spacing-xs); } .pill-bar--radio-tabs .ocr-input:hover .ocr-input__input { --ocr-input-bg-color:var(--theme-background-accent-subtle-hover); } .pill-bar--radio-tabs .ocr-input.active .ocr-input__input { --ocr-input-bg-image:url('data:image/svg+xml,'); background-image: var(--ocr-input-bg-image); --ocr-input-bg-color:var(--theme-background-accent-strong-normal); background-position: center center; background-repeat: no-repeat; } .pill-bar--radio-tabs .ocr-input .tag { height: -moz-fit-content; height: fit-content; align-self: center; -webkit-margin-start: var(--root-spacing-xs); margin-inline-start: var(--root-spacing-xs); text-transform: uppercase; } .pill-bar--radio-tabs li a.ocr-input { border: none; font-weight: unset; transition: unset !important; padding: 5px; } .pill-bar--radio-tabs li a.ocr-input .tag { color: var(--tag-label-color); } .pill-bar .dropdown [data-mount=m365-dropdown] { display: var(--pill-bar-dropdown-display); } .pill-bar .menu-list { overflow: hidden !important; position: var(--pill-bar-dropdown-position); display: var(--pill-bar-dropdown-menu-list-display) !important; z-index: var(--pill-bar-dropdown-menu-z-index); } .pill-bar .ocr-slider .tab-group { flex-direction: column; } @media (max-width: 859.98px) { .pill-bar { --pill-bar-dropdown-display:block; --pill-bar-dropdown-position:absolute; --pill-bar-item-indicator-opacity:0; } .pill-bar .menu-list { --pill-bar-dropdown-menu-list-display:none; } .pill-bar .menu-list.show { --pill-bar-dropdown-menu-list-display:block; } .pill-bar .menu-list .tab-group { width: 100%; } .pill-bar .menu-list .pill-bar__item { display: flex; justify-content: flex-start; padding: var(--root-spacing-s) var(--root-spacing-xs); border-radius: var(--menu-list-item-border-radius); background-color: var(--theme-background-card-normal); color: var(--theme-foreground-base-strong) !important; margin: 0; } .pill-bar .menu-list .pill-bar__item.active, .pill-bar .menu-list .pill-bar__item:focus, .pill-bar .menu-list .pill-bar__item:hover { --pill-bar-item-indicator-opacity:1; background-color: var(--theme-background-accent-subtle-hover); } .pill-bar .menu-list .pill-bar__item:active { background-color: var(--theme-background-accent-subtle-pressed); } .pill-bar .menu-list .pill-bar__item__label { -webkit-padding-start: var(--root-spacing-xs); padding-inline-start: var(--root-spacing-xs); padding-bottom: 0; font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; } .pill-bar .menu-list .indicator { opacity: var(--pill-bar-item-indicator-opacity); transition: opacity 0.2s ease; height: 80%; align-self: center; color: var(--theme-foreground-base-highlight); } .pill-bar .ocr-slider .slider__arrows { display: none !important; } .pill-bar .ocr-slider .slider__window { width: 100% !important; max-height: 308px; overflow-y: auto; } } @media (min-width: 860px) { .pill-bar .dropdown, .pill-bar .dropdown:hover, .pill-bar .menu-list { box-shadow: none; background-color: transparent; } .pill-bar .menu-list { transform: unset !important; --dropdown-menu-list-margin-top:0; padding: 0 !important; } .pill-bar .ocr-slider .tab-group { flex-direction: row; } } .pill-bar--mobile-dropdown-links .pill-bar__item { display: block; } .pill-bar__panel__static { color: var(--theme-foreground-accent-subtle-normal); } [data-filter-values].hide { display: none; } .link { --link-text-color:var(--theme-foreground-accent-subtle-normal); --link-text-decoration:none; color: var(--link-text-color); font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; text-decoration-line: var(--link-text-decoration); display: inline-flex; align-items: center; gap: var(--root-spacing-xs); } .link:hover { --link-text-color:var(--theme-foreground-accent-subtle-hover); } .link:hover .btn:not(.disabled) { background-color: var(--theme-background-accent-strong-hover); } .link:active { --link-text-color:var(--theme-foreground-accent-subtle-pressed); } .link:active .btn:not(.disabled) { background-color: var(--theme-background-accent-strong-pressed); } html:not([dir=rtl]) .link :not(.ocr-icon) > .glyph-prepend::before { content: "\e76c"; } html[dir=rtl] .link :not(.ocr-icon) > .glyph-prepend::before { content: "\e76b"; } .link__text { padding-bottom: var(--root-spacing-3xs); } .link[disabled] { opacity: 0.2; pointer-events: none; cursor: not-allowed; } .link[disabled] .btn.disabled { --button-opacity:1; } .link-inline { --link-text-decoration:underline; text-underline-offset: var(--root-spacing-3xs); } .block-feature { --block-feature--spacing:var(--root-spacing-m); --block-feature--direction:column; --block-feature-align-items:flex-start; --block-feature-text-align:left; --block-feature-eyebrow-gap:var(--root-spacing-2xs); --block-feature-headings-gap:var(--root-spacing-2xs); --block-feature-body-gap:var(--root-spacing-m); --block-feature-body-copy-padding:0; flex-direction: var(--block-feature--direction); gap: var(--block-feature--spacing); } html[dir=rtl] .block-feature { --block-feature-text-align:right; } .block-feature .align-items-start, .block-feature.align-items-start { align-items: var(--block-feature-align-items, flex-start) !important; text-align: var(--block-feature-text-align, left); } .block-feature__top { gap: var(--root-spacing-m); } .block-feature__badge .ocr-icon { --icon-svg-fill:var(--theme-foreground-base-icon); --icon-glyph-color:var(--theme-foreground-base-icon); } .block-feature__headings { gap: var(--block-feature-headings-gap); } .block-feature__eyebrow { display: flex; gap: var(--block-feature-eyebrow-gap); } .block-feature__label { color: var(--theme-foreground-base-highlight); } .block-feature__date { opacity: 0.7; color: var(--theme-foreground-neutral-subtle); } .block-feature__title { --block-feature-title-color:var(--theme-foreground-base-strong); --block-feature-title-indicator-spacing:initial; --block-feature-title-indicator-content:none; --block-feature-title-indicator-color:var(--theme-background-accent-strong-normal); --block-feature-title-indicator-width:0.25rem; --block-feature-title-indicator-height:24px; --block-feature-title-indicator-radius:0.25rem; --block-feature-title-indicator-top:50%; --block-feature-title-indicator-transform:translate(50%, -50%); --block-feature-word-break:break-word; color: var(--block-feature-title-color); word-break: var(--block-feature-word-break); position: relative; } html:not([dir=rtl]) .block-feature__title { padding-left: var(--block-feature-title-indicator-spacing); } html[dir=rtl] .block-feature__title { padding-right: var(--block-feature-title-indicator-spacing); } .block-feature__title::before { content: var(--block-feature-title-indicator-content); position: absolute; top: var(--block-feature-title-indicator-top); transform: var(--block-feature-title-indicator-transform); background-color: var(--block-feature-title-indicator-color); border-radius: var(--block-feature-title-indicator-radius); width: var(--block-feature-title-indicator-width); height: var(--block-feature-title-indicator-height); } html:not([dir=rtl]) .block-feature__title::before { left: 0; } html[dir=rtl] .block-feature__title::before { right: 0; } @media (forced-colors: active) { .block-feature__title::before { --block-feature-title-indicator-color:activetext; } } .block-feature__body { gap: var(--block-feature-body-gap); } .block-feature__paragraph { color: var(--theme-foreground-base-subtle); -moz-text-align-last: start; text-align-last: start; } .block-feature__footer { width: 100%; } .block-feature .block-slim { --block-slim-flex-direction:column; --block-slim-gap:var(--block-feature--spacing); --block-slim-display:inline-flex; display: var(--block-slim-display); } .block-feature .block-feature__body { -webkit-padding-end: var(--block-feature-body-copy-padding); padding-inline-end: var(--block-feature-body-copy-padding); } .block-feature--align-list { --block-feature--direction:row; } .block-feature--align-list.block-feature--stat .block-feature__body, .block-feature--align-stacked.block-feature--stat .block-feature__body { --block-feature-body-gap:var(--root-spacing-xs); } .block-feature--text-center .align-items-start, .block-feature--text-center.align-items-start { --block-feature-align-items:center; --block-feature-text-align:center; } .block-feature--text-center .block-feature__paragraph { -moz-text-align-last: center; text-align-last: center; } @media (max-width: 859.98px) { .block-feature--text-center .block-feature__footer .btn--icon { width: 100%; } .block-feature--text-center .block-feature__footer .btn--icon .ocr-icon { --icon-width:unset; } } .block-feature--m, .block-feature--s, .block-feature--xs { --block-feature-headings-gap:var(--root-spacing-xs); } .block-feature--indicator .block-feature__title { --block-feature-title-indicator-content:""; --block-feature-title-indicator-spacing:var(--root-spacing-s); --block-feature-title-indicator-height:100%; --block-feature-title-indicator-top:0; --block-feature-title-indicator-transform:0; } .block-feature--stat { padding-right: var(--root-copy-padding-l); } .block-feature--stat .block-feature__title { --block-feature-title-indicator-content:""; --block-feature-title-indicator-spacing:var(--root-spacing-m); } .block-feature--stat .block-feature__paragraph { -webkit-padding-start: var(--root-spacing-m); padding-inline-start: var(--root-spacing-m); } .block-feature--stat .block-feature__footer { -webkit-padding-start: var(--root-spacing-m); padding-inline-start: var(--root-spacing-m); } .block-feature__badge .badge { --badge-width:3rem; --badge-height:3rem; } .block-feature__badge .badge .ocr-icon { --icon-font-size:var(--root-icon-l-font-size); --icon-max-width:var(--root-icon-l-max-width); --icon-max-height:var(--root-icon-l-max-height); } .block-feature__badge .ocr-icon--size-3xl { --icon-font-size:var(--root-icon-2xl-font-size); --icon-max-width:var(--root-icon-2xl-max-width); --icon-max-height:var(--root-icon-2xl-max-height); } @media (min-width: 860px) { .block-feature__badge .badge { --badge-width:4rem; --badge-height:4rem; } .block-feature__badge .badge .ocr-icon { --icon-font-size:var(--root-icon-xl-font-size); --icon-max-width:var(--root-icon-xl-max-width); --icon-max-height:var(--root-icon-xl-max-height); } .block-feature__badge .ocr-icon--size-3xl { --icon-font-size:var(--root-icon-3xl-font-size); --icon-max-width:var(--root-icon-3xl-max-width); --icon-max-height:var(--root-icon-3xl-max-height); } } .block-heading { --block-heading-text-align:initial; --block-heading-eyebrow-color:var(--theme-foreground-base-highlight); --block-heading-title-color:var(--theme-foreground-base-strong); --block-heading-paragraph-color:var(--theme-foreground-base-subtle); --block-heading-footnote-color:var(--theme-foreground-base-subtle); --block-heading-eyebrow-margin:0 0 var(--root-spacing-s); --block-heading-title-margin:0; --block-heading-paragraph-margin:var(--root-spacing-l) 0 0; --block-heading-slot-margin:var(--root-spacing-xl) 0 0; --block-heading-button-group-margin:var(--root-spacing-xl) 0 0; --block-heading-footnote-margin:var(--root-spacing-l) 0 0; --block-heading-paragraph-inline-padding:var(--root-spacing-l); text-align: var(--block-heading-text-align); } @media (min-width: 860px) { .block-heading { --block-heading-eyebrow-margin:0 0 var(--root-spacing-m); --block-heading-paragraph-inline-padding:var(--root-spacing-2xl); } } .block-heading .block-heading__button-group > .button-group { justify-content: var(--block-heading-text-align); } .block-heading--normal-case .block-heading__eyebrow { text-transform: inherit !important; } .block-heading__logo { margin: var(--block-heading-eyebrow-margin); } .block-heading__eyebrow { text-transform: uppercase; color: var(--block-heading-eyebrow-color); margin: var(--block-heading-eyebrow-margin); } .block-heading__title { color: var(--block-heading-title-color); margin: var(--block-heading-title-margin); } .block-heading__title sub, .block-heading__title sup { -webkit-padding-end: 0.05em; padding-inline-end: 0.05em; } .block-heading__paragraph { color: var(--block-heading-paragraph-color); margin: var(--block-heading-paragraph-margin); -webkit-padding-end: var(--block-heading-paragraph-inline-padding); padding-inline-end: var(--block-heading-paragraph-inline-padding); } .block-heading__slot { margin: var(--block-heading-slot-margin); } .block-heading__button-group { margin: var(--block-heading-button-group-margin); } .block-heading__footnote { color: var(--block-heading-footnote-color); margin: var(--block-heading-footnote-margin); } .block-heading--eyebrow-large .block-heading__eyebrow { letter-spacing: 0; margin: var(--block-heading-eyebrow-margin); } .block-heading--eyebrow-editorial .block-heading__eyebrow { letter-spacing: 0; margin: var(--block-heading-eyebrow-margin); } .block-heading--size-3xl { --block-heading-button-group-margin:var(--root-spacing-2xl) 0 0; --block-heading-footnote-margin:var(--root-spacing-2xl) 0 0; } .block-heading--size-3xl .block-heading__paragraph { --block-heading-paragraph-margin:var(--root-spacing-xl) 0 0; } .block-heading--size-xl { --block-heading-paragraph-margin:var(--root-spacing-m) 0 0; --block-heading-footnote-margin:var(--root-spacing-xl) 0 0; } @media (min-width: 860px) { .block-heading--size-l .block-heading__eyebrow { --block-heading-eyebrow-margin:0 0 var(--root-spacing-xs); } } @media (min-width: 860px) { .block-heading--size-m .block-heading__eyebrow { --block-heading-eyebrow-margin:0 0 var(--root-spacing-xs); } } @media (min-width: 860px) { .block-heading--size-s .block-heading__eyebrow { --block-heading-eyebrow-margin:0 0 var(--root-spacing-xs); } } .block-heading--size-xs .block-heading__eyebrow { --block-heading-eyebrow-margin:0 0 var(--root-spacing-xs); } .block-heading--alignment-centered { --block-heading-text-align:center; } .block-heading--alignment-centered .block-heading__logo { max-width: -moz-fit-content; max-width: fit-content; margin-inline: auto; } .block-heading--alignment-centered .block-heading__paragraph { -webkit-padding-start: var(--block-heading-paragraph-inline-padding); padding-inline-start: var(--block-heading-paragraph-inline-padding); } .block-heading--alignment-centered .block-heading__slot { display: flex; flex-direction: column; align-items: center; } .theme-night .block-heading--campaign .block-heading__title.text-gradient { --text-gradient-bg-image:linear-gradient(91deg, #1cf77d 24.46%, #507cff 76.42%); } .list-item { --list-item-leading-label-color:var(--theme-foreground-base-strong); --list-item-padding:var(--root-spacing-m); } .list-item__inner { -moz-column-gap: var(--root-spacing-xs); column-gap: var(--root-spacing-xs); padding: var(--list-item-padding) 0; } .list-item--divider-top { border-top: 1px solid var(--theme-border-base-fade); } .list-item--divider-bottom { border-bottom: 1px solid var(--theme-border-base-fade); } .list-item__content { row-gap: var(--root-spacing-2xs); } .list-item__leading-label { color: var(--list-item-leading-label-color); } .block-items-list { --block-items-list-flex-basis:100%; --block-items-list-justify:flex-start; list-style: none; padding: 0; margin: 0; display: flex; gap: var(--root-spacing-xs); flex-wrap: wrap; justify-content: var(--block-items-list-justify); } .block-items-list__item { flex-basis: var(--block-items-list-flex-basis); display: block; } .block-items-list .list-item__inner { padding: 0; } .block-items-list--align-inline { --block-items-list-flex-basis:auto; } .block-items-list--align-inline .list-item__inner { padding: var(--root-spacing-m) 0; } .block-items-list--align-inline .badge { --badge-width:2rem; --badge-height:2rem; --badge-border-radius:var(--root-radii-s); } .block-items-list--align-inline .badge .ocr-icon { --icon-font-size:var(--root-icon-m-font-size); --icon-max-width:var(--root-icon-m-max-width); --icon-max-height:var(--root-icon-m-max-height); } .block-items-list--type-checklist .list-item__leading { align-self: flex-start; display: flex; } .block-items-list--type-checklist .ocr-icon > svg { top: 0; } .block-items-list--inline-spacing-xl { -moz-column-gap: var(--root-spacing-xl); column-gap: var(--root-spacing-xl); } .block-slim { --block-slim-justify:flex-start; --block-slim-flex-direction:row; --block-slim-gap:initial; display: flex; justify-content: var(--block-slim-justify); flex-direction: var(--block-slim-flex-direction); gap: var(--block-slim-gap); } .block-slim__button--fill { flex-grow: 1; } .block-slim__label { color: var(--theme-foreground-base-highlight); } .block-slim__label--eyebrow { text-transform: uppercase; } .block-slim--related-products { --block-slim-gap:var(--root-spacing-xs); flex-wrap: wrap; } .block-slim--related-products .list-item__inner { -moz-column-gap: var(--root-spacing-xs); column-gap: var(--root-spacing-xs); } .block-slim--related-products .badge { --badge-width:2rem; --badge-height:2rem; --badge-border-radius:var(--root-radii-s); } .block-slim--related-products .badge .ocr-icon { --icon-font-size:var(--root-icon-m-font-size); --icon-max-width:var(--root-icon-m-max-width); --icon-max-height:var(--root-icon-m-max-height); } .block-slim.block-slim--checklist { --block-slim-flex-direction:column; --block-slim-gap:var(--root-spacing-xs); } .block-slim.block-slim--checklist .list-item__inner { padding: 0; } .block-slim.block-slim--checklist .list-item__inner .ocr-icon { --icon-svg-fill:var(--theme-foreground-base-icon); } .button-group { --button-group-direction:column; display: flex; flex-direction: var(--button-group-direction); gap: var(--root-spacing-xs); } @media (min-width: 540px) { .button-group:not(.button-group--stacked) { --button-group-direction:row; } } @media (max-width: 539.98px) { .button-group:not(.button-group--stacked) .btn--icon { width: auto; } .button-group:not(.button-group--stacked) .ocr-icon { --icon-width:auto; } } .cta { letter-spacing: -0.02em; } .card { --card-background-color:var(--theme-background-card-normal); --card-content-gap:var(--root-spacing-2xl); --card-box-shadow:var(--root-depth-4); --card-border-radius:var(--root-radii-l); --card-padding:var(--root-card-padding-default); --card-media-horizontal-padding:var(--root-spacing-xs); box-shadow: var(--card-box-shadow); background: var(--card-background-color); border-radius: var(--card-border-radius); height: 100%; } .card:active { --card-box-shadow:var(--root-depth-2); --card-background-color:var(--theme-background-card-pressed); } .card:hover { --card-box-shadow:var(--root-depth-8); --card-background-color:var(--theme-background-card-hover); } .card:focus { --card-box-shadow:var(--root-depth-4); --card-background-color:var(--theme-background-card-selected); } .card .card__media { padding-top: var(--root-spacing-xs); -webkit-padding-start: var(--card-media-horizontal-padding); padding-inline-start: var(--card-media-horizontal-padding); -webkit-padding-end: var(--card-media-horizontal-padding); padding-inline-end: var(--card-media-horizontal-padding); } .card .card__media:last-child { padding-bottom: var(--root-spacing-xs); } .card .card__content { padding: var(--card-padding); justify-content: space-between; } .card .card__content:has(.tag) { justify-content: flex-start; } .card .card__content .tag { width: -moz-fit-content; width: fit-content; margin-bottom: 0.5rem; } .card .card__content .tag + .block-feature { margin-top: 0; } .card .card__content > :not(:first-child) { margin-top: var(--card-content-gap); } .card .card__content > .dropdown + .block-slim { margin-top: var(--root-spacing-xs); } @media (max-width: 539.98px) { .card .card__content .block-slim .btn { flex-grow: 1; } .card .card__content .block-slim .link > .btn { flex-grow: unset; } .card .card__content .block-slim .button-group { flex-grow: 1; } } .card .ocr-img { --image-border-radius:var(--root-radii-m); } .card--style-modal { flex-direction: column-reverse; } .card--style-modal .card__media { padding-top: 0; padding-bottom: var(--root-spacing-xs); } .card--style-modal-badge-card .card__content { padding-top: 1.5rem; padding-bottom: 1.5rem; } .card--style-modal-badge-card .card__media { padding: 1rem 0 0; } .card--style-modal-badge-card .block-slim { --card-content-gap:0.75rem; } .card--style-star-rating .block-slim { justify-content: space-between; } .card--style-customer-story .block-slim { --card-content-gap:2rem; --block-slim-gap:var(--card-content-gap); --block-slim-flex-direction:column; } .card--style-customer-story .block-slim .related-products { flex-wrap: wrap; } .card--style-customer-story .block-slim .button-group { --button-group-direction:row; } .card--style-customer-story .block-slim .button-group .btn { flex-grow: unset; } .card--style-customer-story .list-item__inner { padding: 0; } .card--style-quote .block-feature__badge .ocr-icon { justify-content: center; } html[dir=rtl] .card--style-quote .block-feature__badge .ocr-icon .glyph-append-left-double-quote { transform: scaleX(-1); } .card--style-quote .block-feature__badge .ocr-icon .glyph-append-left-double-quote::after { vertical-align: middle; } .card--border-radius-m { --card-border-radius:var(--root-radii-m); } .card--border-radius-m .ocr-img { --image-border-radius:var(--root-radii-s); } .card--remove-depth { --card-box-shadow:none; } .card--remove-depth:active, .card--remove-depth:focus, .card--remove-depth:hover { --card-box-shadow:none; } .card--padding-comfortable { --card-padding:var(--root-card-padding-comfortable); } .card--padding-relaxed { --card-padding:var(--root-card-padding-relaxed); } @media (forced-colors: active) { .card { border: 1px solid activetext; } } .card--stat { --card-content-gap:var(--root-spacing-l); } .card--stat .card__media { padding-top: 0; } .card--stat .card__content .block-slim .btn { flex-grow: unset; } .card--full-bleed { overflow: hidden; } .card--full-bleed .card__media { --card-media-horizontal-padding:0; padding-top: 0; } .card--full-bleed .card__media:last-child { padding-bottom: 0; } .card--full-bleed .ocr-img { --image-border-radius:0; } .card--with-tag-centered .card__content .tag { align-self: center; } .card.surface--glass, .card.surface--glass-selected, .card.surface--special { --card-background-color:var(--surface-bg); border: var(--surface-border-width) var(--surface-border-style) var(--surface-border-color); } .card [data-mount=card-interactive], .card[data-mount=card-interactive] { transition: height 0.5s ease-in-out; height: 100%; } .card-horizontal, .card__content, .testimonial-card, .testimonial-card__body { position: relative; display: flex; flex: 1 1 auto; min-width: 1px; word-wrap: break-word; background-clip: border-box; height: 100%; } .card__content, .testimonial-card__content { flex-direction: column; } .card-horizontal { --card-media-order:1; --card-horizontal-content-gap:var(--root-spacing-4xl); --card-horizontal-box-shadow:var(--root-depth-4); --card-horizontal-background-color:var(--theme-background-card-normal); --card-horizontal-border-radius:var(--root-radii-l); --card-horizontal-padding:var(--root-card-padding-default); display: block; box-shadow: var(--card-horizontal-box-shadow); overflow: hidden; background: var(--card-horizontal-background-color); border-radius: var(--card-horizontal-border-radius); border: var(--root-border-xs) solid var(--theme-border-card-fade); } @media (forced-colors: active) { .card-horizontal { border: 1px solid activetext; } } .card-horizontal:active { --card-horizontal-box-shadow:var(--root-depth-2); --card-horizontal-background-color:var(--theme-background-card-pressed); } .card-horizontal:hover { --card-horizontal-box-shadow:var(--root-depth-8); --card-horizontal-background-color:var(--theme-background-card-hover); } .card-horizontal:focus { --card-horizontal-box-shadow:var(--root-depth-4); --card-horizontal-background-color:var(--theme-background-card-selected); } .card-horizontal .card-horizontal__media { padding: 0; --image-border-radius:var(--root-radii-m); padding-block: var(--root-spacing-xs); -webkit-padding-end: var(--root-spacing-m); padding-inline-end: var(--root-spacing-m); } @media (min-width: 860px) { .card-horizontal .card-horizontal__media { order: var(--card-media-order); } } .card-horizontal .card-horizontal__media .media { --media-width:100%; --media-height:100%; } .card-horizontal .card-horizontal__media .media--universal-media-player, .card-horizontal .card-horizontal__media video { --media-border-radius:var(--root-radii-m); } @media (max-width: 859.98px) { .card-horizontal .card-horizontal__media { padding-inline: var(--root-spacing-m); padding-block: var(--root-spacing-xs) 0; } } .card-horizontal .card-horizontal__content { display: flex; flex-direction: column; justify-content: space-between; gap: var(--card-horizontal-content-gap); padding: var(--card-horizontal-padding); -webkit-padding-end: calc(var(--root-copy-padding-l) + var(--card-horizontal-padding)); padding-inline-end: calc(var(--root-copy-padding-l) + var(--card-horizontal-padding)); } .card-horizontal .card-horizontal__content .label-eyebrow { letter-spacing: normal; } @media (min-width: 860px) { .card-horizontal .card-horizontal__content .label-eyebrow { font-size: var(--root-small-font-size); } } @media (max-width: 859.98px) { .card-horizontal .card-horizontal__content { --card-horizontal-content-gap:var(--root-spacing-2xl); } } @media (max-width: 539.98px) { .card-horizontal .card-horizontal__content .block-slim .btn { flex-grow: 1; } .card-horizontal .card-horizontal__content .block-slim .button-group { flex-grow: 1; } .card-horizontal .card-horizontal__content .block-slim .link .btn { flex-grow: 0; } } .card-horizontal .card-horizontal__content .menu-list--single-select { background-color: var(--theme-background-card-normal); } .card-horizontal .card-horizontal__content .menu-list--single-select[variant=single-select] { border-radius: var(--root-radii-m); padding: var(--root-spacing-xs) !important; box-shadow: var(--root-depth-2); } .card-horizontal .card-horizontal__content .menu-list--single-select .selected[aria-checked=true] .radio-label::after { content: unset; } .card-horizontal .card-horizontal__spacer { display: none; } .card-horizontal .block-feature__badge > .ocr-icon .media__asset { border: var(--root-border-xs) solid var(--theme-border-neutral-fade); border-radius: var(--root-radii-s); overflow: hidden; } .card-horizontal .block-slim .badge { --badge-border-radius:var(--root-radii-s); } .card-horizontal .block-slim .badge .ocr-img { --image-border-radius:var(--root-radii-s); } .card-horizontal .ocr-img { --image-width:100%; --image-height:100%; --image-object-fit:cover; } .card-horizontal--with-dropdown .card-horizontal { overflow: visible; } .card-horizontal--with-dropdown .dropdown { width: -moz-fit-content; width: fit-content; } .card-horizontal--with-dropdown .dropdown__action-link { width: -moz-fit-content; width: fit-content; margin-top: var(--root-spacing-s); } .card-horizontal--with-stats .card-horizontal { overflow: visible; } .card-horizontal--with-stats .block-feature { --block-feature--spacing:var(--root-spacing-s); } .card-horizontal--with-stats .block-feature__label { color: var(--theme-foreground-base-subtle); } .card-horizontal--border-radius-m .card-horizontal { --card-horizontal-border-radius:var(--root-radii-m); } .card-horizontal--border-radius-m .card-horizontal .media { --media-border-radius:var(--root-radii-s); } .card-horizontal--border-radius-m .card-horizontal .ocr-img { --image-border-radius:var(--root-radii-s); } .card-horizontal--remove-depth .card-horizontal { --card-horizontal-box-shadow:none; } .card-horizontal--remove-depth .card-horizontal:active, .card-horizontal--remove-depth .card-horizontal:focus, .card-horizontal--remove-depth .card-horizontal:hover { --card-horizontal-box-shadow:none; } .card-horizontal--padding-comfortable .card-horizontal { --card-horizontal-padding:var(--root-card-padding-comfortable); } .card-horizontal--padding-relaxed .card-horizontal { --card-horizontal-padding:var(--root-card-padding-relaxed); } .card-horizontal--case-study-media { height: 100%; } .card-horizontal--case-study-media .card-horizontal { box-shadow: unset; background: unset; border-radius: unset; border: unset; } .card-horizontal--case-study-media .card-horizontal__media { position: absolute; height: 100%; max-width: 100%; padding-block: 0; -webkit-padding-end: 0; padding-inline-end: 0; } .card-horizontal--case-study-media .card-horizontal__content { --card-horizontal-background-color:var(--surface-bg); gap: unset; box-shadow: var(--card-horizontal-box-shadow); background: var(--card-horizontal-background-color); border-radius: var(--card-horizontal-border-radius); border: var(--surface-border-width) var(--surface-border-style) var(--surface-border-color); margin: var(--root-spacing-xs); -webkit-padding-end: var(--card-horizontal-padding); padding-inline-end: var(--card-horizontal-padding); } .card-horizontal--case-study-media .block-feature { --card-horizontal-content-gap:var(--root-spacing-2xl); margin-top: var(--root-spacing-m); margin-bottom: var(--card-horizontal-content-gap); } .card-horizontal--case-study-media .row { height: 100%; } .card-horizontal--case-study-media .col, .card-horizontal--case-study-media .row { margin: 0; padding: 0; } @media (max-width: 859.98px) { .card-horizontal--case-study-media .card-horizontal__spacer { display: block; height: 220px; } .card-horizontal--case-study-media .block-feature { --card-horizontal-content-gap:var(--root-spacing-l); } .card-horizontal--case-study-media .card-horizontal__media { padding: 0; } .card-horizontal--case-study-media .card-horizontal .card-horizontal__content .block-slim .btn { flex-grow: 0; } } .card-horizontal--split .card-horizontal .card-horizontal__media, .card-horizontal--split-flipped .card-horizontal .card-horizontal__media { padding-inline: 0.25rem; padding-block: 0; } @media (min-width: 540px) { .card-horizontal--split .card-horizontal .card-horizontal__media, .card-horizontal--split-flipped .card-horizontal .card-horizontal__media { padding-inline: 0.25rem; padding-block: 0; } } @media (min-width: 860px) { .card-horizontal--split .card-horizontal .card-horizontal__media, .card-horizontal--split-flipped .card-horizontal .card-horizontal__media { padding-inline: 0.5rem; padding-block: 0; } } @media (min-width: 1440px) { .card-horizontal--split .card-horizontal .card-horizontal__media, .card-horizontal--split-flipped .card-horizontal .card-horizontal__media { padding-inline: 0.5rem; padding-block: 0; } } .card-horizontal--split .card-horizontal .card-horizontal__content, .card-horizontal--split-flipped .card-horizontal .card-horizontal__content { -webkit-padding-end: var(--card-horizontal-padding); padding-inline-end: var(--card-horizontal-padding); } .card-horizontal--split .card-horizontal .card-horizontal__content .block-feature .block-feature__body, .card-horizontal--split-flipped .card-horizontal .card-horizontal__content .block-feature .block-feature__body { --block-feature-body-gap:var(--root-spacing-2xl); } .card-horizontal--split .card-horizontal .card-horizontal__content .block-feature .block-slim, .card-horizontal--split-flipped .card-horizontal .card-horizontal__content .block-feature .block-slim { --block-feature--spacing:var(--root-spacing-2xl); width: 100%; } .card-horizontal--split .card-horizontal { --card-media-order:0; } @media (min-width: 860px) { .card-horizontal--split .card-horizontal .card-horizontal__media { -webkit-padding-end: 0; padding-inline-end: 0; } } .card-horizontal--split .card-horizontal .card-horizontal__media .media { padding-inline: var(--root-spacing-xs) 0; padding-block: var(--root-spacing-xs); } @media (max-width: 859.98px) { .card-horizontal--split .card-horizontal .card-horizontal__media .media { padding-inline: var(--root-spacing-xs); padding-block: var(--root-spacing-xs) 0; } } .card-horizontal--split .card-horizontal .card-horizontal__content { -webkit-padding-end: var(--card-horizontal-padding); padding-inline-end: var(--card-horizontal-padding); } @media (min-width: 860px) { .card-horizontal--split-flipped .card-horizontal .card-horizontal__media { -webkit-padding-start: 0; padding-inline-start: 0; } } .card-horizontal--split-flipped .card-horizontal .card-horizontal__media .media { padding-inline: 0 var(--root-spacing-xs); padding-block: var(--root-spacing-xs); } @media (max-width: 859.98px) { .card-horizontal--split-flipped .card-horizontal .card-horizontal__media .media { padding-inline: var(--root-spacing-xs); padding-block: var(--root-spacing-xs) 0; } } .card-promo { --card-promo-background-color:initial; --card-promo-box-shadow:var(--root-depth-4); --card-promo-safe-area-height:220px; --card-promo-horizontal-max-height:330px; --bg-val:var(--theme-background-overlay-gradient); display: grid; background-color: var(--card-promo-background-color); box-shadow: var(--card-promo-box-shadow) !important; height: 100%; } .card-promo .card-promo__image { grid-area: 1/1; z-index: 1; border-radius: inherit; overflow: hidden; } .card-promo .card-promo__image .media { -o-object-fit: cover; object-fit: cover; --media-width:100%; --media-height:100%; } .card-promo .card-promo__image .media::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--bg-val); border-radius: inherit; } @media (max-width: 859.98px) { .card-promo .safe-area { height: var(--card-promo-safe-area-height); } .card-promo .block-feature .block-feature__body { width: 100%; } .card-promo .block-feature .block-feature__body .block-slim { --block-slim-display:flex; } } .card-promo .card-promo__fg-content { grid-area: 1/1; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: var(--root-card-padding-default); } .card-promo:active { --card-promo-box-shadow:var(--root-depth-2); --card-promo-background-color:var(--theme-background-card-pressed); } .card-promo:hover { --card-promo-box-shadow:var(--root-depth-8); --card-promo-background-color:var(--theme-background-card-hover); } .card-promo:focus { --card-promo-box-shadow:var(--root-depth-4); --card-promo-background-color:var(--theme-background-card-selected); } .card-promo--horizontal { max-height: var(--card-promo-horizontal-max-height); } .card-promo--horizontal .card-promo__image { max-height: var(--card-promo-horizontal-max-height); } .card-promo--horizontal .card-promo__fg-content { align-items: center; justify-content: center; padding: var(--root-card-padding-relaxed); } @media (min-width: 860px) { .card-promo--horizontal .block-feature { -webkit-padding-start: var(--root-spacing-4xl); padding-inline-start: var(--root-spacing-4xl); -webkit-padding-end: var(--root-spacing-4xl); padding-inline-end: var(--root-spacing-4xl); } } .card-promo--horizontal .block-feature .block-feature__footer { padding-top: calc(var(--root-spacing-xl) - var(--root-spacing-m)); } @media (max-width: 859.98px) { .card-promo--horizontal { max-height: unset; } .card-promo--horizontal .card-promo__image { max-height: unset; } .card-promo--horizontal .card-promo__fg-content { justify-content: flex-end; padding-bottom: var(--root-spacing-3xl); } .card-promo--horizontal .block-feature__footer .block-slim { width: 100%; } } .card-promo--overlay-none { --bg-val:none; } .card-promo__image .ocr-img { --image-width:100%; --image-height:100%; --image-object-fit:cover; --image-border-radius:var(--root-radii-l); } .ghost-card { --ghost-card-spacing:var(--root-spacing-m); --ghost-card-feature-margin:var(--ghost-card-spacing); --ghost-card-row-display:flex; --ghost-card-ocr-divider-display:block; --image-border-radius:16px; --ghost-card-image-aspect-ratio:4/3; } .ghost-card .block-feature__label { letter-spacing: var(--root-h5-letter-spacing); } .ghost-card .layout { --layout-row-gap:var(--root-spacing-m); display: var(--ghost-card-row-display); } .ghost-card .block-feature { margin-top: var(--ghost-card-feature-margin); } .ghost-card--flipped .layout { flex-direction: row-reverse; } @media (max-width: 859.98px) { .ghost-card--flipped .layout { flex-direction: column-reverse; } } .ghost-card--size-large, .ghost-card--stacked { --ghost-card-image-aspect-ratio:16/9; --ghost-card-image-max-width:none; --ghost-card-row-display:flex; } @media (min-width: 540px) { .ghost-card--size-large .layout--cols-2, .ghost-card--stacked .layout--cols-2 { --layout-column-count:1; } } @media (min-width: 860px) { .ghost-card--size-medium .layout, .ghost-card--size-small .layout { --layout-column-width:calc( 100% - var(--ghost-card-image-max-width) - var(--layout-column-gap) ); } .ghost-card--size-medium .layout--offset-left > .layout__col:nth-child(even), .ghost-card--size-medium .layout > .layout__col:nth-child(odd), .ghost-card--size-small .layout--offset-left > .layout__col:nth-child(even), .ghost-card--size-small .layout > .layout__col:nth-child(odd) { flex-basis: var(--ghost-card-image-max-width); } } .ghost-card--size-small { --ghost-card-image-aspect-ratio:1; --ghost-card-image-max-width:152px; } .ghost-card--size-medium { --ghost-card-image-aspect-ratio:4/3; --ghost-card-image-max-width:208px; } .ghost-card--divider-disabled { --ghost-card-ocr-divider-display:none; --ghost-card-feature-margin:none; } .ghost-card .media { --media-aspect-ratio:var(--ghost-card-image-aspect-ratio); } .ghost-card .media .ocr-img { --image-width:100%; --image-height:100%; --image-max-width:var(--ghost-card-image-max-width); } .ghost-card .ocr-divider { display: var(--ghost-card-ocr-divider-display); } @media (max-width: 859.98px) { .ghost-card { --ghost-card-feature-margin:var(--ghost-card-spacing); --ghost-card-image-aspect-ratio:4/3; --ghost-card-image-max-width:none; --ghost-card-row-display:flex; } .ghost-card.ghost-card--size-small { --ghost-card-image-aspect-ratio:21/9; } .ghost-card.ghost-card--size-medium { --ghost-card-image-aspect-ratio:16/9; } } .testimonial-card { --testimonial-card-stats-margin:0; --testimonial-card-box-shadow:var(--root-depth-4); --bg-val:var(--theme-background-card-normal); overflow: hidden; border-radius: var(--root-radii-l); box-shadow: var(--testimonial-card-box-shadow) !important; } @media (forced-colors: active) { .testimonial-card { border: 1px solid activetext; } } .testimonial-card:active { --testimonial-card-box-shadow:var(--root-depth-2); --bg-val:var(--theme-background-card-pressed); } .testimonial-card:hover { --testimonial-card-box-shadow:var(--root-depth-8); --bg-val:var(--theme-background-card-hover); } .testimonial-card:focus { --testimonial-card-box-shadow:var(--root-depth-4); --bg-val:var(--theme-background-card-selected); } .testimonial-card .testimonial-card__content { display: flex; gap: var(--root-spacing-s); padding: var(--root-spacing-l); height: auto; } @media (min-width: 1440px) { .testimonial-card .testimonial-card__content { -webkit-padding-end: calc(var(--root-copy-padding-l) + var(--root-spacing-l)); padding-inline-end: calc(var(--root-copy-padding-l) + var(--root-spacing-l)); } } .testimonial-card .testimonial-card__content .testimonial-card__content-media .media__asset { border: var(--root-border-xs) solid var(--theme-border-neutral-fade); border-radius: var(--root-radii-s); overflow: hidden; } .testimonial-card .testimonial-card__body, .testimonial-card .testimonial-card__products, .testimonial-card .testimonial-card__quote { display: flex; gap: var(--root-spacing-xl); flex-direction: column; } .testimonial-card .testimonial-card__quote { gap: var(--root-spacing-m); } .testimonial-card .testimonial-card__stats { margin: var(--testimonial-card-stats-margin) 0; } .testimonial-card .testimonial-card__stats > .layout { --layout-column-gap:var(--root-spacing-2xl); } @media (max-width: 1439.98px) { .testimonial-card .testimonial-card__stats > .layout { --layout-column-gap:var(--root-spacing-l); } } @media (min-width: 860px) { .testimonial-card .testimonial-card__stats > .layout .layout__col { flex: unset; } } .testimonial-card .testimonial-card__products { gap: var(--root-spacing-xs); color: var(--theme-foreground-base-strong); } .testimonial-card .testimonial-card__products .list-item__inner { padding: 0; } .testimonial-card .testimonial-card__footer { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .testimonial-card .testimonial-card__footer .button-group { margin-top: var(--root-spacing-xl); } .testimonial-card .testimonial-card__footer .block-items-list { gap: var(--root-spacing-m); } .testimonial-card .testimonial-card__media { --image-border-radius:var(--root-radii-m); padding-block: var(--root-spacing-xs); padding-inline: 0 var(--root-spacing-xs); } @media (max-width: 859.98px) { .testimonial-card .testimonial-card__media { padding-inline: var(--root-spacing-xs); padding-block: var(--root-spacing-xs) 0; } } .testimonial-card .testimonial-card__media .media { --media-width:100%; --media-height:100%; } .testimonial-card .testimonial-card__media .ocr-img { --image-width:100%; --image-height:100%; --image-object-fit:cover; } .testimonial-card .testimonial-card__media .media__slot button { background-color: transparent; border-color: var(--theme-border-accent-subtle-normal); color: var(--theme-foreground-accent-subtle-normal); } .contact-sales-widget, .contact-sales-widget.collapse:not(.show) { display: inline-flex; } .contact-sales-widget.collapse:not(.show).show, .contact-sales-widget.show { display: flex; } @media (min-width: 540px) { .contact-sales-widget, .contact-sales-widget.collapse:not(.show) { display: flex; } } .mobile-close-button-wrapper { display: flex; justify-content: flex-end; top: 0.5rem; position: relative; } .contact-sales-link { width: -moz-fit-content; width: fit-content; } .theme-night .contact-sales__button { --button-bg-color:#0067b8; } .theme-night .contact-sales__button:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .badge { --badge-background-color:var(--theme-background-card-normal); --badge-border-width:var(--root-border-xs); --badge-border-radius:var(--root-radii-s); --badge-border-color:var(--theme-border-card-fade); background-color: var(--badge-background-color); border-width: var(--badge-border-width); border-radius: var(--badge-border-radius); border-color: var(--badge-border-color); border-style: solid; display: inline-flex; justify-content: center; align-items: center; padding: 0; font-size: unset; width: var(--badge-width); height: var(--badge-height); } .badge .ocr-img { --image-display:flex; --image-border-radius:0; } @media (forced-colors: active) { .badge { forced-color-adjust: none; } } .badge.badge--size-xs { --badge-width:2rem; --badge-height:2rem; } .badge.badge--size-s { --badge-width:3rem; --badge-height:3rem; } .badge.badge--size-m { --badge-width:4rem; --badge-height:4rem; } .badge.badge--size-l { --badge-width:5rem; --badge-height:5rem; } .badge.badge--size-xl { --badge-width:8rem; --badge-height:8rem; } .badge.badge-logo--xs > div.ocr-icon { width: 1.0625rem; height: 1.0625rem; max-width: 1.0625rem; max-height: 1.0625rem; } .badge.badge-logo--xs > div.ocr-icon > div.ocr-img, .badge.badge-logo--xs > div.ocr-icon > div.ocr-img img { width: 1.0625rem; } .badge.badge-logo--xs > div.ocr-icon > div.ocr-img, .badge.badge-logo--xs > div.ocr-icon > div.ocr-img img { height: 1.0625rem; } .badge.badge-logo--xs > div.ocr-icon > div.ocr-img, .badge.badge-logo--xs > div.ocr-icon > div.ocr-img img { max-width: 1.0625rem; } .badge.badge-logo--xs > div.ocr-icon > div.ocr-img, .badge.badge-logo--xs > div.ocr-icon > div.ocr-img img { max-height: 1.0625rem; } .badge.badge-logo--s > div.ocr-icon { width: 1.59438rem; height: 1.59438rem; max-width: 1.59438rem; max-height: 1.59438rem; } .badge.badge-logo--s > div.ocr-icon > div.ocr-img, .badge.badge-logo--s > div.ocr-icon > div.ocr-img img { width: 1.59438rem; } .badge.badge-logo--s > div.ocr-icon > div.ocr-img, .badge.badge-logo--s > div.ocr-icon > div.ocr-img img { height: 1.59438rem; } .badge.badge-logo--s > div.ocr-icon > div.ocr-img, .badge.badge-logo--s > div.ocr-icon > div.ocr-img img { max-width: 1.59438rem; } .badge.badge-logo--s > div.ocr-icon > div.ocr-img, .badge.badge-logo--s > div.ocr-icon > div.ocr-img img { max-height: 1.59438rem; } .badge.badge-logo--m > div.ocr-icon { width: 2.12562rem; height: 2.12562rem; max-width: 2.12562rem; max-height: 2.12562rem; } .badge.badge-logo--m > div.ocr-icon > div.ocr-img, .badge.badge-logo--m > div.ocr-icon > div.ocr-img img { width: 2.12562rem; } .badge.badge-logo--m > div.ocr-icon > div.ocr-img, .badge.badge-logo--m > div.ocr-icon > div.ocr-img img { height: 2.12562rem; } .badge.badge-logo--m > div.ocr-icon > div.ocr-img, .badge.badge-logo--m > div.ocr-icon > div.ocr-img img { max-width: 2.12562rem; } .badge.badge-logo--m > div.ocr-icon > div.ocr-img, .badge.badge-logo--m > div.ocr-icon > div.ocr-img img { max-height: 2.12562rem; } .badge.badge-logo--l > div.ocr-icon { width: 2.65687rem; height: 2.65687rem; max-width: 2.65687rem; max-height: 2.65687rem; } .badge.badge-logo--l > div.ocr-icon > div.ocr-img, .badge.badge-logo--l > div.ocr-icon > div.ocr-img img { width: 2.65687rem; } .badge.badge-logo--l > div.ocr-icon > div.ocr-img, .badge.badge-logo--l > div.ocr-icon > div.ocr-img img { height: 2.65687rem; } .badge.badge-logo--l > div.ocr-icon > div.ocr-img, .badge.badge-logo--l > div.ocr-icon > div.ocr-img img { max-width: 2.65687rem; } .badge.badge-logo--l > div.ocr-icon > div.ocr-img, .badge.badge-logo--l > div.ocr-icon > div.ocr-img img { max-height: 2.65687rem; } .badge.badge-logo--xl > div.ocr-icon { width: 4.25125rem; height: 4.25125rem; max-width: 4.25125rem; max-height: 4.25125rem; } .badge.badge-logo--xl > div.ocr-icon > div.ocr-img, .badge.badge-logo--xl > div.ocr-icon > div.ocr-img img { width: 4.25125rem; } .badge.badge-logo--xl > div.ocr-icon > div.ocr-img, .badge.badge-logo--xl > div.ocr-icon > div.ocr-img img { height: 4.25125rem; } .badge.badge-logo--xl > div.ocr-icon > div.ocr-img, .badge.badge-logo--xl > div.ocr-icon > div.ocr-img img { max-width: 4.25125rem; } .badge.badge-logo--xl > div.ocr-icon > div.ocr-img, .badge.badge-logo--xl > div.ocr-icon > div.ocr-img img { max-height: 4.25125rem; } .badge.badge-media--xs > div.ocr-icon { width: 1.5rem; height: 1.5rem; max-width: 1.5rem; max-height: 1.5rem; } .badge.badge-media--xs > div.ocr-icon > div.ocr-img, .badge.badge-media--xs > div.ocr-icon > div.ocr-img img { width: 1.5rem; } .badge.badge-media--xs > div.ocr-icon > div.ocr-img, .badge.badge-media--xs > div.ocr-icon > div.ocr-img img { height: 1.5rem; } .badge.badge-media--xs > div.ocr-icon > div.ocr-img, .badge.badge-media--xs > div.ocr-icon > div.ocr-img img { max-width: 1.5rem; } .badge.badge-media--xs > div.ocr-icon > div.ocr-img, .badge.badge-media--xs > div.ocr-icon > div.ocr-img img { max-height: 1.5rem; } .badge.badge-media--s > div.ocr-icon { width: 2rem; height: 2rem; max-width: 2rem; max-height: 2rem; } .badge.badge-media--s > div.ocr-icon > div.ocr-img, .badge.badge-media--s > div.ocr-icon > div.ocr-img img { width: 2rem; } .badge.badge-media--s > div.ocr-icon > div.ocr-img, .badge.badge-media--s > div.ocr-icon > div.ocr-img img { height: 2rem; } .badge.badge-media--s > div.ocr-icon > div.ocr-img, .badge.badge-media--s > div.ocr-icon > div.ocr-img img { max-width: 2rem; } .badge.badge-media--s > div.ocr-icon > div.ocr-img, .badge.badge-media--s > div.ocr-icon > div.ocr-img img { max-height: 2rem; } .badge.badge-media--m > div.ocr-icon { width: 3rem; height: 3rem; max-width: 3rem; max-height: 3rem; } .badge.badge-media--m > div.ocr-icon > div.ocr-img, .badge.badge-media--m > div.ocr-icon > div.ocr-img img { width: 3rem; } .badge.badge-media--m > div.ocr-icon > div.ocr-img, .badge.badge-media--m > div.ocr-icon > div.ocr-img img { height: 3rem; } .badge.badge-media--m > div.ocr-icon > div.ocr-img, .badge.badge-media--m > div.ocr-icon > div.ocr-img img { max-width: 3rem; } .badge.badge-media--m > div.ocr-icon > div.ocr-img, .badge.badge-media--m > div.ocr-icon > div.ocr-img img { max-height: 3rem; } .badge.badge-media--l > div.ocr-icon { width: 3.5rem; height: 3.5rem; max-width: 3.5rem; max-height: 3.5rem; } .badge.badge-media--l > div.ocr-icon > div.ocr-img, .badge.badge-media--l > div.ocr-icon > div.ocr-img img { width: 3.5rem; } .badge.badge-media--l > div.ocr-icon > div.ocr-img, .badge.badge-media--l > div.ocr-icon > div.ocr-img img { height: 3.5rem; } .badge.badge-media--l > div.ocr-icon > div.ocr-img, .badge.badge-media--l > div.ocr-icon > div.ocr-img img { max-width: 3.5rem; } .badge.badge-media--l > div.ocr-icon > div.ocr-img, .badge.badge-media--l > div.ocr-icon > div.ocr-img img { max-height: 3.5rem; } .badge.badge-media--xl > div.ocr-icon { height: 6rem; width: 6rem; max-width: 6rem; max-height: 6rem; } .badge.badge-media--xl > div.ocr-icon > div.ocr-img, .badge.badge-media--xl > div.ocr-icon > div.ocr-img img { height: 6rem; } .badge.badge-media--xl > div.ocr-icon > div.ocr-img, .badge.badge-media--xl > div.ocr-icon > div.ocr-img img { width: 6rem; } .badge.badge-media--xl > div.ocr-icon > div.ocr-img, .badge.badge-media--xl > div.ocr-icon > div.ocr-img img { max-width: 6rem; } .badge.badge-media--xl > div.ocr-icon > div.ocr-img, .badge.badge-media--xl > div.ocr-icon > div.ocr-img img { max-height: 6rem; } .badge.badge--size-xs > div.ocr-icon { --icon-font-size:var(--root-icon-m-font-size); --icon-max-width:var(--root-icon-m-max-width); --icon-max-height:var(--root-icon-m-max-height); } .badge.badge--size-s > div.ocr-icon { --icon-font-size:var(--root-icon-l-font-size); --icon-max-width:var(--root-icon-l-max-width); --icon-max-height:var(--root-icon-l-max-height); } .badge.badge--size-m > div.ocr-icon { --icon-font-size:var(--root-icon-xl-font-size); --icon-max-width:var(--root-icon-xl-max-width); --icon-max-height:var(--root-icon-xl-max-height); } .badge.badge--size-l > div.ocr-icon { --icon-font-size:var(--root-icon-2xl-font-size); --icon-max-width:var(--root-icon-2xl-max-width); --icon-max-height:var(--root-icon-2xl-max-height); } .badge.badge--size-xl > div.ocr-icon { --icon-font-size:var(--root-icon-3xl-font-size); --icon-max-width:var(--root-icon-3xl-max-width); --icon-max-height:var(--root-icon-3xl-max-height); } .badge--full-width .ocr-icon { --icon-max-width:unset!important; --icon-max-height:unset!important; } .badge--full-width .ocr-icon, .badge--full-width img { height: unset !important; } .badge--full-width .ocr-img, .badge--full-width img { width: 100%; } .badge--glass { --badge-background-color:var(--theme-background-glass-normal); --badge-border-width:var(--root-border-xs); --badge-border-color:var(--theme-border-glass-fade); --badge-box-shadow:none; box-shadow: var(--badge-box-shadow); } .badge--circle { border-radius: var(--root-radii-circle); } .badge--circle[class*=badge-media--] > .ocr-icon img { border-radius: var(--root-radii-circle); } .card-plan-detail-list { display: flex; flex-direction: column; row-gap: 1rem; --plan-detail-cards:2; --plan-detail-card-width:calc(24 / var(--plan-detail-cards)); --plan-detail-card-space:8px; } @media (min-width: 860px) { .card-plan-detail-list { display: grid; grid-template-columns: repeat(2, calc(100% * var(--plan-detail-card-width) / 24 - 8px)); grid-template-rows: repeat(13, min-content); -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 0; } .card-plan-detail-list .card-plan-detail--grid-card { display: contents; } .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__style-div { grid-row: 1/span 13; --layout-column-gap:var(--root-spacing-2xl); --layout-row-gap:var(--root-spacing-xl); background-color: var(--theme-background-card-normal); border-radius: var(--root-radii-l); color: var(--theme-foreground-base-strong); padding: var(--root-spacing-l); box-shadow: var(--root-depth-4); } .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__sku, .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__sku .sku { display: contents; } .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__badges, .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__content, .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__footer, .card-plan-detail-list .card-plan-detail--grid-card .sku__buttons, .card-plan-detail-list .card-plan-detail--grid-card .sku__detail-commitment, .card-plan-detail-list .card-plan-detail--grid-card .sku__detail-recurrence, .card-plan-detail-list .card-plan-detail--grid-card .sku__footnote, .card-plan-detail-list .card-plan-detail--grid-card .sku__note, .card-plan-detail-list .card-plan-detail--grid-card .sku__paragraph, .card-plan-detail-list .card-plan-detail--grid-card .sku__pricing, .card-plan-detail-list .card-plan-detail--grid-card .sku__title, .card-plan-detail-list .card-plan-detail--grid-card .sku__unavailable { padding-inline: var(--root-spacing-xl); } .card-plan-detail-list .card-plan-detail--grid-card .sku__title { grid-row-start: 1; padding-top: var(--root-spacing-xl); } .card-plan-detail-list .card-plan-detail--grid-card .sku__paragraph { grid-row-start: 2; } .card-plan-detail-list .card-plan-detail--grid-card .sku__pricing, .card-plan-detail-list .card-plan-detail--grid-card .sku__unavailable { grid-row-start: 3; } .card-plan-detail-list .card-plan-detail--grid-card .sku__detail-recurrence { grid-row-start: 4; } .card-plan-detail-list .card-plan-detail--grid-card .sku__detail-commitment { grid-row-start: 5; } .card-plan-detail-list .card-plan-detail--grid-card .sku__note { grid-row-start: 6; } .card-plan-detail-list .card-plan-detail--grid-card .sku__buttons { grid-row-start: 7; } .card-plan-detail-list .card-plan-detail--grid-card .sku__footnote { grid-row-start: 8; margin-bottom: var(--root-spacing-l); } .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__content { grid-row-start: 9; } .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__badges { grid-row-start: 10; } .card-plan-detail-list .card-plan-detail--grid-card .ocr-divider { grid-row-start: 11; margin-inline: var(--root-spacing-xl); } .card-plan-detail-list .card-plan-detail--grid-card .card-plan-detail__footer { grid-row-start: 12; padding-bottom: var(--root-spacing-xl); } .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .card-plan-detail__badges, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .card-plan-detail__content, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .card-plan-detail__footer, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .card-plan-detail__style-div, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .ocr-divider, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__buttons, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__detail-commitment, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__detail-recurrence, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__footnote, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__note, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__paragraph, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__pricing, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__title, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(1) .sku__unavailable { grid-column-start: 1; } .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .card-plan-detail__badges, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .card-plan-detail__content, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .card-plan-detail__footer, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .card-plan-detail__style-div, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .ocr-divider, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__buttons, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__detail-commitment, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__detail-recurrence, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__footnote, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__note, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__paragraph, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__pricing, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__title, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(2) .sku__unavailable { grid-column-start: 2; } .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__badges, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__content, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__footer, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__style-div, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .ocr-divider, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__buttons, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__detail-commitment, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__detail-recurrence, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__footnote, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__note, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__paragraph, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__pricing, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__title, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(3) .sku__unavailable { grid-column-start: 3; } .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__badges, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__content, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__footer, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__style-div, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .ocr-divider, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__buttons, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__detail-commitment, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__detail-recurrence, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__footnote, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__note, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__paragraph, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__pricing, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__title, .card-plan-detail-list .card-plan-detail--grid-card:nth-child(4) .sku__unavailable { grid-column-start: 4; } } .card-plan-detail-list--cards-3 { --plan-detail-cards:3; --plan-detail-card-space:12px; } .card-plan-detail-list--cards-4 { --plan-detail-cards:4; --plan-detail-card-space:12px; } @media (min-width: 860px) { .card-plan-detail-list--product-featured-cards { grid-template-columns: repeat(var(--plan-detail-cards), calc(100% * var(--plan-detail-card-width) / 24 - var(--plan-detail-card-space))); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card { --plan-detail-cards-rows:15; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__style-div { grid-row: 1/span 15; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__body { display: contents; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__banner-top { grid-row-start: 1; z-index: 1; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__title { grid-row-start: 2; padding-top: var(--root-spacing-xl); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__paragraph { grid-row-start: 3; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__pricing, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__unavailable { grid-row-start: 4; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__detail-recurrence { grid-row-start: 5; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__detail-commitment { grid-row-start: 6; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__note { grid-row-start: 7; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__buttons { grid-row-start: 8; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__footnote { grid-row-start: 9; margin-bottom: var(--root-spacing-l); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .ocr-divider:nth-child(3) { grid-row-start: 10; margin-top: 0; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__content { grid-row-start: 11; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__banner-promo { grid-row-start: 12; margin-inline: var(--root-spacing-xl); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__badges { grid-row-start: 13; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .ocr-divider:nth-child(6), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .ocr-divider:nth-child(7) { grid-row-start: 14; margin-inline: var(--root-spacing-xl); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__footer { grid-row-start: 15; padding-bottom: var(--root-spacing-xl); } } @media (min-width: 860px) and (min-width: 860px) and (max-width: 1439.98px) { .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__style-div, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__style-div { grid-row: 16/span 15; margin-top: var(--root-spacing-m); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__banner-top, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__banner-top { grid-row-start: calc(1 + var(--plan-detail-cards-rows)); margin-top: var(--root-spacing-m); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__title, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__title { grid-row-start: calc(2 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__paragraph, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__paragraph { grid-row-start: calc(3 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__pricing, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__unavailable, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__pricing, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__unavailable { grid-row-start: calc(4 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__detail-recurrence, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__detail-recurrence { grid-row-start: calc(5 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__detail-commitment, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__detail-commitment { grid-row-start: calc(6 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__note, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__note { grid-row-start: calc(7 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__buttons, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__buttons { grid-row-start: calc(8 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__footnote, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__footnote { grid-row-start: calc(9 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .ocr-divider:nth-child(3), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .ocr-divider:nth-child(3) { grid-row-start: calc(10 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__content, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__content { grid-row-start: calc(11 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__banner-promo, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__banner-promo { grid-row-start: calc(12 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__badges, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__badges { grid-row-start: calc(13 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .ocr-divider:nth-child(6), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .ocr-divider:nth-child(7), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .ocr-divider:nth-child(6), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .ocr-divider:nth-child(7) { grid-row-start: calc(14 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__footer, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__footer { grid-row-start: calc(15 + var(--plan-detail-cards-rows)); } } @media (min-width: 860px) { .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(1) .card-plan-detail__banner-promo, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(1) .card-plan-detail__banner-top, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(1) .card-plan-detail__style-div { grid-column-start: 1; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(2) .card-plan-detail__banner-promo, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(2) .card-plan-detail__banner-top, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(2) .card-plan-detail__style-div { grid-column-start: 2; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__banner-promo, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__banner-top, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__style-div { grid-column-start: 3; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__banner-promo, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__banner-top, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__style-div { grid-column-start: 4; } } @media (min-width: 860px) and (max-width: 1439.98px) { .card-plan-detail-list--product-featured-cards { --plan-detail-cards:2; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card { --plan-detail-cards-rows:15; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__style-div { grid-row: 1/span 15; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__body { display: contents; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__banner-top { grid-row-start: 1; z-index: 1; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__title { grid-row-start: 2; padding-top: var(--root-spacing-xl); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__paragraph { grid-row-start: 3; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__pricing, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__unavailable { grid-row-start: 4; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__detail-recurrence { grid-row-start: 5; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__detail-commitment { grid-row-start: 6; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__note { grid-row-start: 7; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__buttons { grid-row-start: 8; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .sku__footnote { grid-row-start: 9; margin-bottom: var(--root-spacing-l); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .ocr-divider:nth-child(3) { grid-row-start: 10; margin-top: 0; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__content { grid-row-start: 11; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__banner-promo { grid-row-start: 12; margin-inline: var(--root-spacing-xl); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__badges { grid-row-start: 13; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .ocr-divider:nth-child(6), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .ocr-divider:nth-child(7) { grid-row-start: 14; margin-inline: var(--root-spacing-xl); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card .card-plan-detail__footer { grid-row-start: 15; padding-bottom: var(--root-spacing-xl); } } @media (min-width: 860px) and (max-width: 1439.98px) and (min-width: 860px) and (max-width: 1439.98px) { .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__style-div, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__style-div { grid-row: 16/span 15; margin-top: var(--root-spacing-m); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__banner-top, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__banner-top { grid-row-start: calc(1 + var(--plan-detail-cards-rows)); margin-top: var(--root-spacing-m); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__title, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__title { grid-row-start: calc(2 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__paragraph, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__paragraph { grid-row-start: calc(3 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__pricing, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__unavailable, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__pricing, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__unavailable { grid-row-start: calc(4 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__detail-recurrence, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__detail-recurrence { grid-row-start: calc(5 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__detail-commitment, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__detail-commitment { grid-row-start: calc(6 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__note, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__note { grid-row-start: calc(7 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__buttons, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__buttons { grid-row-start: calc(8 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__footnote, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__footnote { grid-row-start: calc(9 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .ocr-divider:nth-child(3), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .ocr-divider:nth-child(3) { grid-row-start: calc(10 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__content, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__content { grid-row-start: calc(11 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__banner-promo, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__banner-promo { grid-row-start: calc(12 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__badges, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__badges { grid-row-start: calc(13 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .ocr-divider:nth-child(6), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .ocr-divider:nth-child(7), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .ocr-divider:nth-child(6), .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .ocr-divider:nth-child(7) { grid-row-start: calc(14 + var(--plan-detail-cards-rows)); } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__footer, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__footer { grid-row-start: calc(15 + var(--plan-detail-cards-rows)); } } @media (min-width: 860px) and (max-width: 1439.98px) { .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__badges, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__banner-promo, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__banner-top, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__content, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__footer, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .card-plan-detail__style-div, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .ocr-divider, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__buttons, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__detail-commitment, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__detail-recurrence, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__footnote, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__note, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__paragraph, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__pricing, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__title, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(3) .sku__unavailable { grid-column-start: 1; } .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__badges, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__banner-promo, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__banner-top, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__content, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__footer, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .card-plan-detail__style-div, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .ocr-divider, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__buttons, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__detail-commitment, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__detail-recurrence, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__footnote, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__note, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__paragraph, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__pricing, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__title, .card-plan-detail-list--product-featured-cards .card-plan-detail--grid-card:nth-child(4) .sku__unavailable { grid-column-start: 2; } } .card-plan-detail-list .card-plan-detail--product-featured .block-items-list { --block-items-list-flex-basis:100%; } .card-plan-detail-list .card-plan-detail--product-featured .block-items-list--align-inline { --block-items-list-flex-basis:auto; } .ocr-img { --image-display:inherit; --image-width:inherit; --image-max-width:100%; --image-height:auto; --image-border-radius:inherit; --image-object-fit:inherit; --image-aspect-ratio:initial; display: var(--image-display); width: var(--image-width); max-width: var(--image-max-width); height: var(--image-height); } .ocr-img img, .ocr-img picture { width: inherit; max-width: inherit; height: inherit; -o-object-fit: var(--image-object-fit); object-fit: var(--image-object-fit); border-radius: var(--image-border-radius); aspect-ratio: var(--image-aspect-ratio); } .img-fluid img, .img-fluid picture { max-width: 100%; height: auto; } .img-object-cover img, .img-object-cover picture { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .img-hc-dark { filter: invert(1); } } .ocr-accordion-item { --accordion--item--border-color:var(--theme-border-neutral-fade); --accordion--item--background-card-color:var(--theme-background-base-color); --animation-starting-origin:100%; display: flex; } @media (min-width: 860px) { @keyframes accordion-item-media-ltr { 0% { opacity: 1; z-index: 1; transform: translateX(var(--animation-starting-origin)); } 100% { opacity: 1; z-index: 1; transform: translateX(0); } } @keyframes accordion-item-media-rtl { 0% { opacity: 1; z-index: 1; transform: translateX(calc(-1 * var(--animation-starting-origin))); } 100% { opacity: 1; z-index: 1; transform: translateX(0); } } } .ocr-accordion-item .indicator { display: block; opacity: 1; transform: scaleY(1); transition: opacity, transform 0.8s ease-in-out; } .ocr-accordion-item__content { width: 100%; border-bottom: var(--root-border-xs) solid var(--accordion--item--border-color); } html:not([dir=rtl]) .ocr-accordion-item__content { margin-left: var(--root-spacing-2xl); } html[dir=rtl] .ocr-accordion-item__content { margin-right: var(--root-spacing-2xl); } .ocr-accordion-item__btn-group-tagged { --button-group-direction:column; } .ocr-accordion-item__btn-group-tagged .ocr-accordion-item__tag-container { padding-top: var(--root-spacing-xl); } @media (min-width: 860px) { .ocr-accordion-item__btn-group-tagged { --button-group-direction:row; } .ocr-accordion-item__btn-group-tagged .ocr-accordion-item__tag-container { padding: var(--root-spacing-xl) 0; } } @media (max-width: 859.98px) { .ocr-accordion-item__btn-group-tagged .ocr-accordion-item__header { padding-top: 0 !important; } } .ocr-accordion-item__header { display: flex; gap: var(--root-spacing-xs); padding: var(--root-spacing-xl) 0 !important; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: none; outline: 0 !important; color: var(--theme-foreground-base-strong); } .ocr-accordion-item__header:focus-visible { outline: auto !important; } .ocr-accordion-item__body { display: flex; flex-direction: column; gap: var(--root-spacing-xl); padding-bottom: var(--root-spacing-xl); } .ocr-accordion-item__body ul:first-child { padding: revert; } .ocr-accordion-item p { margin: 0; } .ocr-accordion-item:has(.collapse:not(.show)) .indicator { opacity: 0; transform: scaleY(0); } .ocr-accordion-item .collapsing { transition: height 0.8s ease-in-out !important; } .ocr-accordion-item .collapsing .media { opacity: 1; } .ocr-accordion-item .media.slide-in-bottom-2 { animation-delay: unset; animation-name: none; } @media (prefers-reduced-motion: no-preference) { .ocr-accordion-item:has(.collapsing) .media, .ocr-accordion-item:has(.show) .media { --animation-duration:800ms; animation: slide-up var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (min-width: 860px) and (prefers-reduced-motion: no-preference) { html:not([dir=rtl]) .ocr-accordion-item:has(.collapsing) .media, html:not([dir=rtl]) .ocr-accordion-item:has(.show) .media { --animation-duration:800ms; animation: accordion-item-media-ltr var(--animation-duration) ease-in-out 0s 1 normal none; } } @media (min-width: 860px) and (prefers-reduced-motion: no-preference) { html[dir=rtl] .ocr-accordion-item:has(.collapsing) .media, html[dir=rtl] .ocr-accordion-item:has(.show) .media { --animation-duration:800ms; animation: accordion-item-media-rtl var(--animation-duration) ease-in-out 0s 1 normal none; } } .ocr-accordion-item .btn-collapse { flex-direction: row-reverse; justify-content: flex-end; } @media (max-width: 540px) { .ocr-accordion-item .btn-collapse { justify-content: space-between; } } html:not([dir=rtl]) .ocr-accordion-item .btn-collapse::before { transform: rotate(-180deg); } html[dir=rtl] .ocr-accordion-item .btn-collapse::before { transform: rotate(-180deg); } html:not([dir=rtl]) .ocr-accordion-item .btn-collapse[aria-expanded=false]::before { transform: rotate(0); } html[dir=rtl] .ocr-accordion-item .btn-collapse[aria-expanded=false]::before { transform: rotate(0); } .ocr-accordion ul:first-child { overflow: hidden; color: var(--theme-foreground-base-subtle); padding: 0; } @media (min-width: 860px) { .accordion .ocr-accordion-item__tag-container { align-self: center; } .accordion .ocr-accordion-item:first-child .ocr-accordion-item__tag-container { padding-top: 0; } } .ocr-accordion:not(.ocr-accordion--contained) .ocr-accordion-item:first-child .ocr-accordion-item__header { padding-top: 0 !important; } .ocr-accordion--contained ul:first-child { box-shadow: var(--root-depth-8); border-radius: var(--root-radii-s); background-color: var(--theme-background-card-normal); } .ocr-accordion--contained ul:first-child .ocr-accordion-item .indicator { display: none; } .ocr-accordion--contained ul:first-child .ocr-accordion-item__content { margin: 0; } .ocr-accordion--contained ul:first-child .ocr-accordion-item__header { padding: var(--root-spacing-l) var(--root-spacing-xl) !important; } .ocr-accordion--contained ul:first-child .ocr-accordion-item__body { padding: var(--root-spacing-xl); background-color: var(--accordion--item--background-card-color); } .ocr-accordion--contained ul:first-child .ocr-accordion-item .btn-collapse { justify-content: space-between !important; } @media (prefers-reduced-motion: no-preference) { .accordion--vertical:has(.collapsing) { --animation-duration:1200ms; animation: overflow-container var(--animation-duration) ease-in-out 0s 1 normal none; } } .secondary-nav { --secondary-nav-dropdown-display:none; --secondary-nav-dropdown-position:relative; --secondary-nav-dropdown-menu-list-display:flex; background-color: var(--theme-background-card-normal); box-shadow: var(--root-depth-2); } .secondary-nav > nav { align-items: center; } @media (min-width: 860px) { .secondary-nav > .indicator.indicator--horizontal { display: none; } } .secondary-nav .dropdown { flex-grow: 1; box-shadow: none; overflow: initial; --drop-down-border-radius:0; } @media (min-width: 860px) { .secondary-nav .dropdown { overflow: hidden; } } .secondary-nav .dropdown__link { display: var(--secondary-nav-dropdown-display); } .secondary-nav .dropdown__link .indicator { position: absolute; bottom: 0; } .secondary-nav .dropdown [class*=fg--] { --fg-val:var(--theme-foreground-accent-subtle-normal); } .secondary-nav .dropdown:hover { box-shadow: none; } .secondary-nav .menu-list { box-shadow: none; overflow: hidden !important; position: var(--secondary-nav-dropdown-position); -moz-column-gap: var(--root-spacing-2xl); column-gap: var(--root-spacing-2xl); display: var(--secondary-nav-dropdown-menu-list-display) !important; margin-top: var(--root-spacing-xs); } .secondary-nav .menu-list__list-item-text { padding: 0; } @media (min-width: 860px) { .secondary-nav .menu-list { --menu-list-item-link-width:fit-content; transform: unset !important; flex-wrap: wrap; padding: 0 !important; position: relative !important; border-radius: 0; padding-bottom: var(--root-spacing-2xs) !important; -webkit-padding-start: var(--root-spacing-2xs) !important; padding-inline-start: var(--root-spacing-2xs) !important; margin-top: 0; } .secondary-nav .menu-list__list-item { margin-top: var(--root-spacing-m); } .secondary-nav .menu-list__item-link { flex-direction: column-reverse; padding: 0; border-radius: 0; align-items: start; justify-content: space-between; } .secondary-nav .menu-list__item-link:active, .secondary-nav .menu-list__item-link:focus, .secondary-nav .menu-list__item-link:hover { background-color: transparent; --menu-list-item-indicator-opacity:0; } .secondary-nav .menu-list__item-link.selected { --menu-list-item-indicator-opacity:1; } .secondary-nav .menu-list__item-link .indicator { width: 100%; height: var(--indicator-size-small); margin-bottom: calc(var(--root-spacing-2xs) * -1); } .secondary-nav .menu-list__list-item-text { pointer-events: none; } .secondary-nav .menu-list .button-group { display: none; } .secondary-nav .menu-list .ocr-divider { display: none; } } .secondary-nav .ocr-slider .slider__window { flex-direction: column; } .secondary-nav__title { color: var(--theme-foreground-accent-subtle-normal); } .secondary-nav__divider { color: var(--theme-border-accent-subtle-normal); } .secondary-nav__divider, .secondary-nav__title { align-self: center; } .secondary-nav__divider > :first-child { height: var(--root-label-lead-line-height, 1.5rem); } @media (max-width: 859.98px) { .secondary-nav { --secondary-nav-dropdown-display:block; --secondary-nav-dropdown-position:absolute; } .secondary-nav .dropdown { margin: var(--root-spacing-2xs); position: static; } .secondary-nav .container { padding-left: 0; padding-right: 0; } .secondary-nav .container > .button-group { display: none !important; } .secondary-nav .menu-list { --secondary-nav-dropdown-menu-list-display:none; max-height: 300px; flex-direction: column; overflow-y: auto !important; } .secondary-nav .menu-list.show { --secondary-nav-dropdown-menu-list-display:block; } .secondary-nav .menu-list__list-item-text { padding-left: var(--root-spacing-s); } .secondary-nav__title { margin-inline: var(--root-spacing-m); } .secondary-nav .ocr-slider .slider__arrows { display: none !important; } .secondary-nav .ocr-slider .slider__overflow { -webkit-margin-end: 0; margin-inline-end: 0; } .secondary-nav .ocr-slider .slider__window { width: 100% !important; -webkit-padding-after: var(--root-spacing-s); padding-block-end: var(--root-spacing-s); overflow: hidden; } } @media (min-width: 860px) { .secondary-nav__divider { -webkit-margin-end: var(--root-spacing-l); margin-inline-end: var(--root-spacing-l); } .secondary-nav__title { -webkit-margin-end: var(--root-spacing-l); margin-inline-end: var(--root-spacing-l); white-space: nowrap; } .secondary-nav .ocr-slider .slider__arrows .slider__arrow-next, .secondary-nav .ocr-slider .slider__arrows .slider__arrow-next-bg, .secondary-nav .ocr-slider .slider__arrows .slider__arrow-prev, .secondary-nav .ocr-slider .slider__arrows .slider__arrow-prev-bg { --arrow-background-color:var(--drop-down-background-color); } .secondary-nav .ocr-slider .slider__window { flex-direction: row; } .secondary-nav .ocr-slider .slider__window .menu-list__list-item { padding-bottom: var(--root-spacing-2xs); } .secondary-nav .ocr-slider .slider__window .menu-list__list-item:first-child { -webkit-padding-start: var(--root-spacing-2xs); padding-inline-start: var(--root-spacing-2xs); } .secondary-nav .ocr-slider .slider__window .menu-list__list-item:first-child .menu-list__item-link { -webkit-margin-start: 0; margin-inline-start: 0; } .secondary-nav .ocr-slider .slider__window .menu-list__list-item:last-child { -webkit-padding-end: var(--root-spacing-2xs); padding-inline-end: var(--root-spacing-2xs); } .secondary-nav .ocr-slider .slider__window .menu-list__item-link { -webkit-margin-end: var(--root-spacing-2xl); margin-inline-end: var(--root-spacing-2xl); } .secondary-nav .ocr-slider .slider__window .menu-list__item-link .indicator { margin-bottom: calc(var(--root-spacing-2xs) * -1); } .secondary-nav .menu-list__list-item-text { -webkit-padding-after: var(--root-spacing-m); padding-block-end: var(--root-spacing-m); } .secondary-nav .menu-list--no-padding { padding: 0 !important; } } .secondary-nav .container > .button-group { -webkit-margin-start: var(--root-spacing-xl); margin-inline-start: var(--root-spacing-xl); } .secondary-nav--jumplinks { width: 100%; background-color: unset; box-shadow: unset; top: unset !important; z-index: unset !important; position: relative; } .secondary-nav--jumplinks .secondary-nav__jumplinks-list { display: flex; justify-content: center; padding: 0; margin: 0; gap: var(--root-spacing-m); } .secondary-sticky-nav > .container { gap: var(--root-spacing-2xl); display: flex; flex-direction: column; text-align: center; align-items: center; padding-top: var(--root-breadth-vertical-relaxed); padding-bottom: var(--root-breadth-vertical-relaxed); } .secondary-sticky-nav.secondary-nav--no-top-padding > .container { padding-top: 0; } .secondary-sticky-nav.secondary-nav--no-bottom-padding > .container { padding-bottom: 0; } .secondary-sticky-nav .sticky { z-index: 500; } .secondary-sticky-nav .secondary-nav .button-group .link-inline { -webkit-margin-start: 0.1875rem; margin-inline-start: 0.1875rem; } .ocr-slider { --tab-group-x-align:start; --arrow-background-color:var(--theme-background-neutral-fade); --arrow-background-gradient-start-position:25%; --arrow-color:var(--theme-foreground-accent-subtle-normal); padding: 0; } .theme-night .bg--special-fade .ocr-slider .slider__arrow-next { --arrow-background-gradient-start-position:0%; --arrow-background-color:#003259; } .theme-night .bg--special-fade .ocr-slider .slider__arrow-prev { --arrow-background-gradient-start-position:0%; --arrow-background-color:var(--root-color-blue-black-700); } .bg--special-fade .ocr-slider .slider__arrow-next { --arrow-background-color:var(--root-color-sky-blue-100); } .bg--special-fade .ocr-slider .slider__arrow-prev { --arrow-background-color:var(--root-color-lavender-100); } .theme-night .bg--special-color .ocr-slider .slider__arrow-next { --arrow-background-color:#003259; } .theme-night .bg--special-color .ocr-slider .slider__arrow-prev { --arrow-background-color:#05273f; } .bg--special-color .ocr-slider .slider__arrow-next { --arrow-background-color:#9cc3e7; } .bg--special-color .ocr-slider .slider__arrow-prev { --arrow-background-color:#afd9ef; } .ocr-slider .slider__overflow { overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; height: 100%; } .ocr-slider .slider__overflow::-webkit-scrollbar { display: none; } .ocr-slider ul { list-style-type: none; padding: 0; margin: 0; } .ocr-slider .slider__arrows { display: none; } .ocr-slider .slider__arrows [tabindex]:focus { outline: 0.1875rem dotted currentColor !important; z-index: 2; } .ocr-slider .slider__arrows .slider__arrow-next.slider__arrow-next-bg, .ocr-slider .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg { border-radius: 0; z-index: 1; width: 20vw; border: none; pointer-events: none; } .ocr-slider .slider__arrows .slider__arrow-next.slider__arrow-next-bg::after, .ocr-slider .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg::after { content: none !important; } .ocr-slider .slider__arrows .slider__arrow-next, .ocr-slider .slider__arrows .slider__arrow-prev { position: absolute; height: 100%; border: 2px solid var(--arrow-color); border-radius: var(--root-radii-circle); color: var(--arrow-color); max-height: calc(var(--root-spacing-xs) * 2 + var(--root-base-line-height)); margin-inline: var(--root-spacing-xs); padding: 0; top: 50%; width: calc(var(--root-spacing-xs) * 2 + var(--root-base-line-height)); transition: all 125ms ease-in-out; z-index: 2; } .ocr-slider .slider__arrows .slider__arrow-next.slider__arrow-next-bg, .ocr-slider .slider__arrows .slider__arrow-next.slider__arrow-prev-bg, .ocr-slider .slider__arrows .slider__arrow-prev.slider__arrow-next-bg, .ocr-slider .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg { margin-inline: 0; max-height: 100%; } .ocr-slider .slider__arrows .slider__arrow-next::after, .ocr-slider .slider__arrows .slider__arrow-prev::after { font-family: MWF-FLUENT-ICONS; font-size: var(--root-h5-font-size); font-weight: var(--root-small-font-weight); color: var(--arrow-color); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .ocr-slider .slider__arrows .slider__arrow-next:focus, .ocr-slider .slider__arrows .slider__arrow-next:hover, .ocr-slider .slider__arrows .slider__arrow-prev:focus, .ocr-slider .slider__arrows .slider__arrow-prev:hover { transform: unset; } .ocr-slider .slider__arrows .slider__arrow-prev { left: -0.25rem; background: linear-gradient(90deg, var(--arrow-background-color, #f2f2f2) var(--arrow-background-gradient-start-position), rgba(242, 242, 242, 0) 100%); transform: translate(0.25rem, -50%); } .ocr-slider .slider__arrows .slider__arrow-prev:focus, .ocr-slider .slider__arrows .slider__arrow-prev:hover { transform: translate(0, -50%); } .ocr-slider .slider__arrows .slider__arrow-prev::after { content: "\e76b"; } .ocr-slider .slider__arrows .slider__arrow-next { right: -0.25rem; background: linear-gradient(270deg, var(--arrow-background-color, #f2f2f2) var(--arrow-background-gradient-start-position), rgba(242, 242, 242, 0) 100%); transform: translate(-0.25rem, -50%); } .ocr-slider .slider__arrows .slider__arrow-next:focus, .ocr-slider .slider__arrows .slider__arrow-next:hover { transform: translate(0, -50%); } .ocr-slider .slider__arrows .slider__arrow-next::after { content: "\e76c"; } .ocr-slider .slider__arrows .slider__arrow-next[style*="display: none"] ~ .slider__arrow-next-bg, .ocr-slider .slider__arrows .slider__arrow-prev[style*="display: none"] ~ .slider__arrow-prev-bg { display: none; } .ocr-slider .slider__window { display: flex; flex-direction: row; margin-bottom: 0; } @media (max-width: 1439.98px) { .ocr-slider--type-product-selector { display: block !important; padding: 8px; border-radius: var(--root-radii-circle) !important; box-shadow: var(--root-depth-2); width: -moz-fit-content; width: fit-content; } } .ocr-slider.ocr-slider--small-arrows .slider__arrows button.slider__arrow-next, .ocr-slider.ocr-slider--small-arrows .slider__arrows button.slider__arrow-prev { width: 36px; height: 36px; } @media (min-width: 860px) { .ocr-slider--offset-arrows { display: flex; justify-content: center; } } @media (max-width: 859.98px) { .ocr-slider--offset-arrows { border-radius: unset; border: none; } } @media (min-width: 860px) { .ocr-slider--offset-arrows .slider__overflow { background-color: var(--theme-background-base-neutral); border-radius: var(--root-radii-circle); border: var(--root-border-xs) solid var(--theme-border-card-fade); } } @media (max-width: 859.98px) { .ocr-slider--offset-arrows .slider__overflow { -webkit-padding-end: 0; padding-inline-end: 0; } } .ocr-slider--offset-arrows .slider__arrows { --arrow-background-color:var(--theme-background-card-normal); } .ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev[type=button] { left: unset; right: 3.25rem; } html[dir=rtl] .ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev[type=button] { right: unset; left: 0; } .ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev[type=button]:disabled:hover { transform: translate(0.25rem, -50%); } html[dir=rtl] .ocr-slider--offset-arrows .slider__arrows .slider__arrow-next[type=button] { right: unset; left: 3.25rem; } .ocr-slider--offset-arrows .slider__arrows .slider__arrow-next[type=button]:disabled:hover { transform: translate(-0.25rem, -50%); } .ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev { --arrow-background-gradient-start-position:15%; } html[dir=rtl] .ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev { --arrow-background-gradient-start-position:50%; } .ocr-slider--offset-arrows .slider__arrows .slider__arrow-next { --arrow-background-gradient-start-position:50%; } html[dir=rtl] .ocr-slider--offset-arrows .slider__arrows .slider__arrow-next { --arrow-background-gradient-start-position:15%; } .ocr-slider--offset-arrows .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg { left: -0.35rem; transform: translate(0.3rem, -50%); border-top-left-radius: var(--root-radii-circle) !important; border-bottom-left-radius: var(--root-radii-circle) !important; } .ocr-slider--offset-arrows .slider__arrows .slider__arrow-next.slider__arrow-next-bg { right: -0.29rem; border-top-right-radius: var(--root-radii-circle) !important; border-bottom-right-radius: var(--root-radii-circle) !important; } .ocr-slider--offset-arrows .pill-bar__item { -webkit-margin-end: var(--root-spacing-2xs) !important; margin-inline-end: var(--root-spacing-2xs) !important; } .ocr-faq-item { --accordion--item--border-color:var(--theme-border-neutral-fade); --accordion--item--background-card-color:var(--theme-background-base-color); display: flex; } .ocr-faq-item :focus { color: inherit; } .ocr-faq-item__content { width: 100%; border-bottom: var(--root-border-xs) solid var(--accordion--item--border-color); } .ocr-faq-item__header { display: flex; padding: var(--root-spacing-l) 0 !important; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: none; outline: 0 !important; gap: var(--root-spacing-m); } .ocr-faq-item__header:focus::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0.1875rem dotted currentColor; z-index: 1; } .ocr-faq-item__header--label { display: none; color: var(--theme-foreground-base-highlight); width: 15%; max-width: 152px; } @media (min-width: 540px) { .ocr-faq-item__header--label { display: initial; } } html:not([dir=rtl]) .ocr-faq-item__header--label { text-align: left; } html[dir=rtl] .ocr-faq-item__header--label { text-align: right; } .ocr-faq-item__header--title { flex: 1; } html:not([dir=rtl]) .ocr-faq-item__header--title { text-align: left; } html[dir=rtl] .ocr-faq-item__header--title { text-align: right; } .ocr-faq-item__body-wrapper { display: flex; gap: var(--root-spacing-m); } .ocr-faq-item__empty-div { width: 15%; max-width: 152px; display: none; } @media (min-width: 540px) { .ocr-faq-item__empty-div { display: initial; } } .ocr-faq-item__body { flex: 1; display: flex; flex-direction: column; gap: var(--root-spacing-xl); padding-bottom: var(--root-spacing-xl); -webkit-padding-end: var(--root-copy-padding-xl); padding-inline-end: var(--root-copy-padding-xl); } .ocr-faq-item .lead { color: var(--theme-foreground-base-strong); } .ocr-faq-item .faq-collapse { background: 0 0; } .ocr-faq-item .faq-collapse[aria-expanded=false]::after, .ocr-faq-item .faq-collapse[aria-expanded=true]::after { background-color: var(--theme-background-accent-strong-normal); border-radius: 0.5rem; height: 2.5rem; width: 2.5rem; padding: 0.625rem; font-family: MWF-FLUENT-ICONS; color: var(--theme-foreground-accent-strong-normal); } .ocr-faq-item .faq-collapse[aria-expanded=true]::after { content: "\e738"; background-color: var(--theme-background-accent-strong-pressed); } .ocr-faq-item .faq-collapse[aria-expanded=false]::after { content: "\e710"; } .ocr-faq__header { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 859.98px) { .ocr-faq__header { flex-direction: column; gap: var(--root-spacing-xl); } } .ocr-faq__controls { display: flex; justify-content: flex-end; gap: var(--root-spacing-xs); align-items: center; } @media (max-width: 859.98px) { .ocr-faq__controls { justify-content: center; width: 100%; } .ocr-faq__controls .button-group { width: 100%; } } .ocr-faq__title { color: var(--theme-foreground-base-strong); align-self: flex-start; } .ocr-faq > ul { overflow: hidden; color: var(--theme-foreground-base-subtle); padding: 0; margin-bottom: 0; margin-top: var(--root-spacing-2xl); } .ocr-faq--contained > ul { margin-top: 0; } .ocr-faq--contained .ocr-faq-item { border: var(--root-border-xs) solid var(--theme-border-glass-fade); border-radius: var(--root-radii-m); background-color: var(--theme-background-glass-normal); margin-bottom: var(--root-spacing-2xs); } .ocr-faq--contained .ocr-faq-item.active { background-color: var(--theme-background-card-normal); } .ocr-faq--contained .ocr-faq-item__content { border: none; } .ocr-faq--contained .ocr-faq-item__header { padding: var(--root-spacing-m) !important; color: var(--theme-foreground-base-strong); } .ocr-faq--contained .ocr-faq-item__body { padding: var(--root-spacing-m); } .ocr-faq--contained .ocr-faq-item__body .block-heading { margin-bottom: var(--root-spacing-l); } .ocr-faq--contained .ocr-faq-item__body .selector-slider { margin-bottom: var(--root-spacing-xl); } .ocr-faq--contained .ocr-faq-item__body .tab-panel-group { margin-top: var(--root-spacing-xl); } .ocr-faq--contained .ocr-faq-item__body-wrapper.collapsing { display: block; } .ocr-faq--contained .ocr-faq-item__body-wrapper.collapsing .selector-slider__indicators-wrapper { display: none; } .ocr-faq--contained .ocr-faq-item__body-wrapper.show { display: block; } .dropdown { display: flex; --drop-down-background-color:var(--theme-background-card-normal); --drop-down-border-radius:var(--root-radii-m); border-radius: var(--drop-down-border-radius); box-shadow: var(--root-depth-4); background-color: var(--drop-down-background-color); --dropdown-menu-list-margin-top:var(--root-spacing-2xs); } @media (forced-colors: active) { .dropdown { border: 1px solid activetext; } } .dropdown .list-item__inner { padding: var(--root-spacing-s) var(--root-spacing-s) var(--root-spacing-s) var(--root-spacing-m); } .dropdown .list-item__inner .list-item__trailing { align-self: self-end; } .dropdown .glyph-prepend { transition: transform 0.6s ease; } html:not([dir=rtl]) .dropdown .glyph-prepend { transform: rotate(0); } html[dir=rtl] .dropdown .glyph-prepend { transform: rotate(0); } html[dir=rtl] .dropdown .menu-list__item-link .glyph-prepend { transform: scale(-1); } .dropdown .dropdown__link .ocr-icon { --icon-glyph-color:var(--theme-background-accent-strong-normal); } .dropdown .active { --drop-down-background-color:var(--theme-background-card-selected); } .dropdown .active .glyph-prepend { transition: transform 0.6s ease; } html:not([dir=rtl]) .dropdown .active .glyph-prepend { transform: rotate(-180deg); } html[dir=rtl] .dropdown .active .glyph-prepend { transform: rotate(-180deg); } .dropdown .active .ocr-icon { --icon-glyph-color:var(--theme-background-accent-strong-pressed); } .dropdown__action-link { margin-top: var(--root-spacing-xs); } .dropdown:hover { --drop-down-background-color:var(--theme-background-card-hover); box-shadow: var(--root-depth-8); } .dropdown:hover .dropdown__link .ocr-icon { --icon-glyph-color:var(--theme-background-accent-strong-hover); } .dropdown .dropdown__link:focus .ocr-icon { --icon-glyph-color:var(--theme-background-accent-strong-selected); } .dropdown--disabled { --drop-down-background-color:var(--theme-background-card-hover); opacity: 0.2; pointer-events: none; cursor: not-allowed; } .dropdown--disabled:hover { --drop-down-background-color:var(--theme-background-card-hover); } .dropdown--with-border { border: var(--root-border-s) solid var(--theme-border-neutral-fade); box-shadow: none; } .dropdown--with-border .list-item__inner { padding-bottom: var(--root-spacing-m); } .dropdown--title-dropdown { --drop-down-background-color:none; --drop-down-border-radius:none; box-shadow: none; font-size: var(--root-body-font-size, 1rem); line-height: var(--root-body-line-height, 1.5rem); letter-spacing: var(--root-body-letter-spacing, -0.03em); letter-spacing: var(--root-body-letter-spacing); } .dropdown--title-dropdown:hover { --drop-down-background-color:none; box-shadow: none; } .dropdown--title-dropdown .dropdown__link { width: -moz-fit-content !important; width: fit-content !important; } .dropdown--title-dropdown .dropdown__link .list-item__content-title { --fg-val:var(--theme-foreground-accent-subtle-normal); } .dropdown--title-dropdown .dropdown__link .list-item__content-title:hover { --fg-val:var(--theme-foreground-accent-subtle-hover); } .dropdown--title-dropdown .dropdown__link .indicator { background: var(--theme-foreground-special-ai-gradient-1); padding: 0 var(--root-spacing-2xs); } .dropdown--title-dropdown .dropdown__link .list-item__inner { padding: 0 0 var(--root-spacing-xs) 0; -moz-column-gap: var(--root-spacing-2xs); column-gap: var(--root-spacing-2xs); } @media (max-width: 859.98px) { .dropdown--title-dropdown .dropdown__link .ocr-icon--size-3xl { --icon-font-size:var(--root-icon-xl-font-size); --icon-max-width:var(--root-icon-xl-max-width); --icon-max-height:var(--root-icon-xl-max-height); } } .dropdown--title-dropdown .active .list-item__content-title { --fg-val:var(--theme-foreground-accent-subtle-pressed); } .dropdown--title-dropdown.theme-night .dropdown__link .indicator { background: linear-gradient(91deg, #1cf77d 24.46%, #507cff 76.42%); } .menu-list { --menu-list-item-link-width:100%; width: 100%; --menu-list-border-radius:var(--root-radii-m); --menu-list-item-border-radius:var(--root-radii-s); padding: var(--root-spacing-xs) !important; background-color: var(--theme-background-card-normal); border-radius: var(--menu-list-border-radius); box-shadow: var(--root-depth-2); border: none; margin-top: var(--dropdown-menu-list-margin-top); } @media (forced-colors: active) { .menu-list { border: 1px solid activetext; } } .menu-list--bare { --menu-list-border-radius:0; --menu-list-item-border-radius:0; } .menu-list--filter, .menu-list--scrollbar { max-height: 308px; } .menu-list--filter.rounded-scrollbar, .menu-list--scrollbar.rounded-scrollbar { --scrollbar-track-bg-color:var(--theme-background-card-normal); --scrollbar-border-radius:30px; } .menu-list--single-select { background-color: transparent; border-radius: 0; box-shadow: none; padding: 0 !important; } .menu-list--single-select .menu-list__list-item { position: relative; } .menu-list--single-select .menu-list__item-radio { width: 100%; cursor: pointer; } .menu-list--single-select .menu-list__item-radio:focus { outline-offset: -0.25rem; } .menu-list--single-select .radio-label { position: relative; margin-bottom: 0; width: inherit; padding-inline: var(--root-spacing-xs); } .menu-list--single-select .clear-div { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 10; background-color: transparent; cursor: pointer; } .menu-list--single-select .hidden { display: none; } .menu-list--single-select .selected[aria-checked=true] { background-color: var(--theme-background-accent-subtle-hover); } .menu-list--single-select .selected[aria-checked=true] .indicator { opacity: 1; } .menu-list--single-select .selected[aria-checked=true] .radio-label::after { content: "\e894"; font-family: MWF-FLUENT-ICONS; font-weight: 700; color: var(--theme-foreground-base-strong); position: absolute; right: 0; } html[dir=rtl] .menu-list--single-select .selected[aria-checked=true] .radio-label::after { left: 0; right: unset; } .menu-list__item-checkbox { padding: var(--root-spacing-s) var(--root-spacing-m); width: 100%; } .menu-list__item-checkbox .ocr-input__label { color: var(--theme-foreground-base-strong); } .menu-list .checkbox-input { position: absolute; z-index: -1; opacity: 0; } .menu-list .checkbox-label { position: relative; margin-bottom: 0; width: inherit; color: var(--theme-foreground-base-strong); --background-color:var(--theme-background-accent-subtle-normal); text-align: start; } @media (max-width: 859.98px) { .menu-list .checkbox-label { -webkit-padding-end: 1.5rem; padding-inline-end: 1.5rem; } } .menu-list .checkbox-label::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; width: 1.5rem; height: 1.5rem; background-color: var(--background-color); border-radius: var(--root-radii-xs); border: 1px solid var(--theme-background-accent-strong-normal); } @media (forced-colors: active) { .menu-list .checkbox-label::after { background-color: activetext; } } html:not([dir=rtl]) .menu-list .checkbox-label::after { right: 0; } html[dir=rtl] .menu-list .checkbox-label::after { left: 0; } .menu-list .checkbox-label:hover { --background-color:var(--theme-background-accent-subtle-hover); } .menu-list__item-checkbox .checkbox-input:checked ~ .checkbox-label::after { content: "\e73e"; font-family: MWF-FLUENT-ICONS; display: flex; align-items: center; justify-content: center; color: var(--theme-foreground-accent-strong-normal); background-color: var(--theme-background-accent-strong-normal); } .menu-list input:focus + .checkbox-label::after { outline: var(--root-border-xs) solid var(--theme-border-accent-subtle-selected); } .menu-list__list-item { display: flex; } .menu-list__list-item .list-item__inner { padding: 0; } .menu-list__list-item .list-item__inner .list-item__leading { display: none; } .menu-list__list-item .indicator { opacity: var(--menu-list-item-indicator-opacity); transition: opacity 0.2s ease; height: auto; color: var(--theme-foreground-base-highlight); } @media (forced-colors: active) { .menu-list__list-item .indicator { --indicator-color:activetext; } } .menu-list__list-item-text { padding-inline: var(--root-spacing-xs); width: 100%; } .menu-list__list-item--disabled { --menu-list-item-indicator-opacity:0; opacity: 0.2; pointer-events: none; } .menu-list__list-item--disabled:focus, .menu-list__list-item--disabled:hover { --menu-list-item-background-color:transparent; --menu-list-item-indicator-opacity:0; } .menu-list__list-item--disabled:active { --menu-list-item-background-color:transparent; --menu-list-item-indicator-opacity:0; } .menu-list__item-link, .menu-list__item-radio { --menu-list-item-background-color:transparent; --menu-list-item-indicator-opacity:0; background-color: var(--menu-list-item-background-color); border-radius: var(--menu-list-item-border-radius); padding: var(--root-spacing-s) var(--root-spacing-xs); display: flex; text-decoration: none; } .menu-list__item-link:focus, .menu-list__item-link:hover, .menu-list__item-radio:focus, .menu-list__item-radio:hover { --menu-list-item-background-color:var(--theme-background-accent-subtle-hover); --menu-list-item-indicator-opacity:1; } @media (forced-colors: active) { .menu-list__item-link:focus, .menu-list__item-link:hover, .menu-list__item-radio:focus, .menu-list__item-radio:hover { border: 1px solid activetext; } } .menu-list__item-link:active, .menu-list__item-radio:active { --menu-list-item-background-color:var(--theme-background-accent-subtle-pressed); --menu-list-item-indicator-opacity:1; } @media (forced-colors: active) { .menu-list__item-link:active, .menu-list__item-radio:active { border: 1px solid activetext; } } .menu-list__item-link, .menu-list__list-item { width: var(--menu-list-item-link-width); } .menu-list .ocr-slider .menu-list__list-item { white-space: nowrap; } .menu-list .ocr-divider { margin-top: var(--root-spacing-s); margin-bottom: var(--root-spacing-s); } .menu-list--scrollbar .menu-list__list-item.selected { pointer-events: none; } .menu-list--scrollbar .menu-list__list-item.selected a { background-color: var(--theme-background-accent-subtle-hover); } .menu-list--scrollbar .menu-list__list-item.selected .indicator { --menu-list-item-indicator-opacity:1; } .search-bar { --search-bar-vertical-padding:var(--root-spacing-s); background-color: var(--theme-background-card-normal); padding: var(--search-bar-vertical-padding) var(--root-spacing-s) var(--search-bar-vertical-padding) var(--root-spacing-m); border-radius: var(--root-radii-m); box-shadow: var(--root-depth-2); } .search-bar--size-sm { --search-bar-vertical-padding:var(--root-spacing-xs); } .hero-media { --hero-media-fixed-container-max-width:1328px; --play-button-gap:18px; --breadcrumbs-height:56px; } .hero-media__foreground { padding: var(--root-spacing-xl) 0; } @media (min-width: 540px) { .hero-media__foreground { padding: var(--root-spacing-3xl) 0; } } .hero-media .media { --media-width:100%; } @media (min-width: 860px) { .hero-media .breadcrumbs { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .hero-media .breadcrumbs { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (max-width: 859.98px) { .hero-media--container-padding-disabled .container.hero-media__link-bar { padding-inline: unset !important; } } .hero-media .media__slot { padding-right: 1rem; padding-left: 1rem; width: 100%; max-width: var(--hero-media-fixed-container-max-width); left: 0; right: 0; margin-left: auto; margin-right: auto; padding-block: var(--root-spacing-m); display: flex; justify-content: var(--pos-x); } @media (min-width: 540px) { .hero-media .media__slot { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .hero-media .media__slot { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .hero-media .media__slot { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 540px) { .hero-media .media__slot { padding-block: var(--root-spacing-l); } } .hero-media .ocr-img { --image-width:100%; } .hero-media .search-bar { margin-bottom: var(--root-spacing-xl); } .hero-media .search-bar + .button-group { width: 100%; justify-content: center; } .hero-media .layout.layout--stage { justify-content: center; --layout-column-width:calc(24 / 24 * 100%); } @media (min-width: 860px) { .hero-media .layout.layout--stage { --layout-column-width:calc(16 / 24 * 100%); } } .hero-media .tabs--type-link .slider__arrow-next, .hero-media .tabs--type-link .slider__arrow-prev, .hero-media .tabs--type-product-selector .slider__arrow-next, .hero-media .tabs--type-product-selector .slider__arrow-prev { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px !important; } .hero-media .tabs--type-link .slider__arrow-next::after, .hero-media .tabs--type-link .slider__arrow-prev::after, .hero-media .tabs--type-product-selector .slider__arrow-next::after, .hero-media .tabs--type-product-selector .slider__arrow-prev::after { font-size: var(--root-h5-font-size); font-weight: var(--root-h5-font-weight); } @media (max-width: 859.98px) { .hero-media .tabs--type-link .slider__arrow-next::after, .hero-media .tabs--type-link .slider__arrow-prev::after, .hero-media .tabs--type-product-selector .slider__arrow-next::after, .hero-media .tabs--type-product-selector .slider__arrow-prev::after { font-size: var(--root-small-font-size); } } @media (max-width: 859.98px) { .hero-media .block-heading { --block-heading-text-align:left; } html[dir=rtl] .hero-media .block-heading { --block-heading-text-align:right; } .hero-media .hero-media__foreground .hero-media__link-bar { -webkit-padding-end: 0; padding-inline-end: 0; position: unset; margin-top: var(--root-spacing-2xl); } .hero-media--tab-product-selector .block-heading { --block-heading-text-align:center; } html[dir=rtl] .hero-media--tab-product-selector .block-heading { --block-heading-text-align:center; } .hero-media .search-bar + .button-group { justify-content: unset; } } @media (min-width: 860px) { .hero-media { display: flex; } .hero-media:has(.breadcrumbs) { position: relative; } .hero-media .breadcrumbs { position: absolute; z-index: 1; padding-top: var(--root-spacing-xl); max-width: var(--hero-media-fixed-container-max-width); left: 0; right: 0; margin-left: auto; margin-right: auto; } .hero-media:has(.breadcrumbs) .media__slot { margin-top: calc(var(--play-button-gap) + var(--breadcrumbs-height)); } .hero-media__media { display: flex; flex-direction: column; align-items: center; overflow: hidden; margin: auto 0; width: 100%; } .hero-media__foreground { width: 100%; align-self: center; -webkit-margin-start: -100% !important; margin-inline-start: -100% !important; -webkit-margin-end: 0; margin-inline-end: 0; z-index: 1; padding: 0; } } .hero-media--variation-tab { --hero-tab-layout-column-width:var(--layout-available-width); --hero-tab-layout-column-count:2; --hero-tab-layout-column-gap:var(--root-spacing-4xl); --hero-tab-layout-padding:var(--root-spacing-4xl); } @media (min-width: 860px) and (max-width: 1439.98px) { .hero-media--variation-tab .breadcrumbs { max-width: 100vw; width: 90%; box-sizing: content-box; } } .hero-media--variation-tab .hero-media__foreground { position: relative; padding: var(--hero-tab-layout-padding) 0 var(--root-spacing-xl) 0; } @media (min-width: 860px) { .hero-media--variation-tab .hero-media__foreground { position: initial; padding: var(--hero-tab-layout-padding) 0 calc(var(--root-spacing-3xl) + var(--root-spacing-2xl) + var(--root-spacing-m)) 0; } .hero-media--variation-tab .hero-media__foreground .layout.layout--focus { --layout-column-count:var(--hero-tab-layout-column-count); --layout-column-gap:var(--hero-tab-layout-column-gap); } .hero-media--variation-tab .hero-media__foreground .layout__col { -webkit-padding-end: var(--root-copy-padding-l); padding-inline-end: var(--root-copy-padding-l); } } @media (min-width: 860px) { .hero-media--variation-tab .hero-media__media { height: calc(100% - var(--hero-tab-layout-padding)); margin: 0; } .hero-media--variation-tab .hero-media__media .media { position: absolute; height: calc(100% - var(--hero-tab-layout-padding)); } .hero-media--variation-tab .hero-media__media .ocr-img img { height: 100%; width: 100%; --image-object-fit:cover; } .hero-media--variation-tab .hero-media__media video { height: 100%; -o-object-fit: cover; object-fit: cover; } } @media (max-width: 1439.98px) { .hero-media--variation-tab .hero-media__media .ocr-img.media__asset { --media-aspect-ratio:16/9; } } .hero-media--variation-tab .hero-media__link-bar { position: absolute; margin-left: auto; margin-right: auto; top: calc((var(--root-spacing-l) + var(--root-h5-font-size)) * -1); bottom: unset; left: 0; right: 0; } @media (min-width: 860px) { .hero-media--variation-tab .hero-media__link-bar { top: unset; bottom: calc(var(--root-spacing-m) * 2 + var(--root-h5-font-size)); } } .hero-media--variation-tab .ocr-slider .slider__overflow { border-radius: var(--root-radii-s); } .hero-media--variation-tab .ocr-slider .slider__arrows .slider__arrow-next, .hero-media--variation-tab .ocr-slider .slider__arrows .slider__arrow-prev { height: 98%; } .hero-media--variation-tab .ocr-slider .slider__arrows .slider__arrow-prev-bg { border-top-left-radius: var(--root-radii-s); border-bottom-left-radius: var(--root-radii-s); } .hero-media--variation-tab .ocr-slider .slider__arrows .slider__arrow-next-bg { border-top-right-radius: var(--root-radii-s); border-bottom-right-radius: var(--root-radii-s); } @media (min-width: 860px) { .hero-media--variation-tab { position: relative; padding-bottom: var(--hero-tab-layout-padding); } .hero-media--variation-tab .ocr-slider .slider__overflow { border-radius: unset; } } .hero-media--variation-tab-offset-disabled .hero-media__foreground { padding: var(--hero-tab-layout-padding) 0; } .hero-media--variation-tab-offset-disabled .hero-media__link-bar { padding-bottom: var(--root-spacing-xl); } @media (min-width: 860px) { .hero-media--variation-tab-offset-disabled { padding-bottom: 0; } .hero-media--variation-tab-offset-disabled .container { padding-top: var(--root-spacing-xl); } .hero-media--variation-tab-offset-disabled .hero-media__media { height: 100%; } .hero-media--variation-tab-offset-disabled .hero-media__media .media { height: 100%; } .hero-media--variation-tab-offset-disabled .hero-media__link-bar { position: initial; margin-top: var(--root-spacing-2xl); padding-top: 0; } } .hero-media--featured-xl .layout__col { display: flex; flex-direction: column; align-items: center; } .hero-media--featured-xl .hero-media__foreground { width: 100%; position: absolute; top: 240px; -webkit-margin-start: 0 !important; margin-inline-start: 0 !important; padding: 0; } @media (min-width: 860px) { .hero-media--featured-xl .hero-media__foreground { top: 285px; } } .hero-media--featured-xl .hero-media__media [data-mount=m365-video] video { width: 100vw !important; max-width: 100%; min-height: 700px; max-height: 1600px; -o-object-fit: cover; object-fit: cover; } .hero-media--campaign { z-index: 1; position: relative; margin-bottom: -200px; } @media (min-width: 860px) { .hero-media--campaign { margin-bottom: -31%; } } @media (min-width: 1440px) { .hero-media--campaign { margin-bottom: -500px; } } .hero-media--tab-product-selector { --hero-tab-layout-column-count:1; } .hero-media--tab-product-selector .layout.layout--focus { justify-content: center; } .hero-media--tab-product-selector .hero-media__foreground .layout__col { -webkit-padding-end: 0; padding-inline-end: 0; } .media { --media-display:flex; --media-width:inherit; --media-max-width:100%; --media-height:auto; --media-border-radius:inherit; --media-aspect-ratio:initial; --media-overlay-background:var( --theme-background-background-overlay-fill, rgba(255, 255, 255, 0.6) ); position: relative; display: var(--media-display); width: var(--media-width); max-width: var(--media-max-width); height: var(--media-height); border-radius: var(--media-border-radius); } .media.overlay__target { --bg-val:var(--media-overlay-background); } .media .ocr-img { --image-aspect-ratio:var(--media-aspect-ratio); } .media video { border-radius: var(--media-border-radius); } .media--pos-top-left { --pos-y:start; --pos-x:flex-start; } .media--pos-top-middle { --pos-y:start; --pos-x:center; } .media--pos-top-right { --pos-y:start; --pos-x:flex-end; } .media--pos-middle-left { --pos-y:center; --pos-x:flex-start; } .media--pos-middle-middle { --pos-y:center; --pos-x:center; } .media--pos-middle-right { --pos-y:center; --pos-x:flex-end; } .media--pos-bottom-left { --pos-y:end; --pos-x:flex-start; } .media--pos-bottom-middle { --pos-y:end; --pos-x:center; } .media--pos-bottom-right { --pos-y:end; --pos-x:flex-end; } .media--pos-middle-middle { justify-content: var(--pos-x); align-items: var(--pos-y); } .media--pos-top-left { justify-content: var(--pos-x); align-items: var(--pos-y); } .media--pos-top-right { justify-content: var(--pos-x); align-items: var(--pos-y); } .media--pos-bottom-left { justify-content: var(--pos-x); align-items: var(--pos-y); } .media--pos-bottom-right { justify-content: var(--pos-x); align-items: var(--pos-y); } .media--ratio-21-9 { --media-aspect-ratio:2.33333; } .media--ratio-21-9 video { aspect-ratio: 2.33333; } .media--ratio-16-9 { --media-aspect-ratio:1.77778; } .media--ratio-16-9 video { aspect-ratio: 1.77778; } .media--ratio-4-3 { --media-aspect-ratio:1.33333; } .media--ratio-4-3 video { aspect-ratio: 1.33333; } .media--ratio-1-1 { --media-aspect-ratio:1; } .media--ratio-1-1 video { aspect-ratio: 1; } .media--ratio-3-4 { --media-aspect-ratio:0.75; } .media--ratio-3-4 video { aspect-ratio: 0.75; } .media--ratio-2-3 { --media-aspect-ratio:0.66667; } .media--ratio-2-3 video { aspect-ratio: 0.66667; } .media--highlight { --surface-bg:var(--theme-background-special-color); --media-highlight-padding:var(--root-spacing-3xl); --media-border-radius:var(--root-radii-l); padding: var(--media-highlight-padding); --media-width:fit-content; } .media--highlight .ocr-img { --image-border-radius:var(--root-radii-m); } .media--highlight-glass { --surface-bg:var(--theme-background-glass-normal); --media-highlight-padding:var(--root-spacing-l); -webkit-backdrop-filter: var(--root-filter-blur-glass-backdrop-filter); backdrop-filter: var(--root-filter-blur-glass-backdrop-filter); } .media--highlight-solid { --surface-bg:var(--theme-background-card-normal, #fefefe); --surface-border-width:var(--root-border-xs); --surface-border-style:solid; --surface-border-color:var(--theme-border-card-fade, #faf9fa); --surface-border-radius:var(--root-radii-l); --media-highlight-padding:var(--root-spacing-m); } .media--highlight-border-width-xs { --media-highlight-padding:var(--root-spacing-xs); } .media--highlight.media--universal-media-player { --media-width:inherit; } .media--interactive { border-radius: var(--root-radii-m); --bg-val:var(--theme-background-background-overlay-vertical, linear-gradient(0deg, rgba(244, 250, 253, 0) 0%, #f4fafd 100%)); } .media--interactive .btn { box-sizing: border-box; --button-bg-color:transparent; --button-color:var(--theme-foreground-accent-subtle-normal)!important; --button-border-color:var(--theme-border-accent-subtle-normal); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); --button-hover-bg-color:transparent; --button-hover-color:var(--theme-foreground-accent-subtle-hover)!important; --button-hover-border-color:var(--theme-border-accent-subtle-hover); --button-pressed-bg-color:transparent; --button-pressed-color:var(--theme-foreground-accent-subtle-pressed)!important; --button-pressed-border-color:var(--theme-border-accent-subtle-pressed); } .media--interactive .btn:hover { --button-bg-color:var(--button-hover-bg-color); --button-color:var(--button-hover-color); --button-border-color:var(--button-hover-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); background-image: none; box-shadow: none; } .media--interactive .btn:active { --button-bg-color:var(--button-pressed-bg-color); --button-color:var(--button-pressed-color); --button-border-color:var(--button-pressed-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); } .media--interactive .ocr-img { --image-width:100%; } .media [data-mount=m365-video] { width: var(--media-width); } .media [data-mount=m365-video] figure { margin-bottom: 0; } .media--universal-media-player { --media-display:block; } .media--universal-media-player .vjs-poster, .media--universal-media-player .vjs-poster::before, .media--universal-media-player video-js { border-radius: var(--media-border-radius); } .media--universal-media-player .vjs-control-bar { border-bottom-right-radius: var(--media-border-radius); border-bottom-left-radius: var(--media-border-radius); } .media--universal-media-player.media--highlight, .media--universal-media-player.media--highlight-glass, .media--universal-media-player.media--highlight-solid { --media-border-radius:var(--root-radii-m); } .media.bg--video-overlay-bottom-vertical-light::before, .media.bg--video-overlay-bottom-vertical-strong-light::before, .media.bg--video-overlay-bottom-vertical-strong::before, .media.bg--video-overlay-bottom-vertical::before, .media.bg--video-overlay-fill::before, .media.bg--video-overlay-vertical::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--bg-val); border-radius: inherit; } .media--vidyard { --media-display:unset; } .media__slot { position: absolute; padding: var(--root-spacing-m); } .theme-night .media--highlight-solid { border-color: var(--theme-border-card-fade, #17253d); background: var(--theme-background-card-normal, #121d2f); } .modal-backdrop { all: unset; } .modal-backdrop.show { all: unset; } .modal.show { --modal-backdrop-color:rgba(0, 8, 20, 0.6); background-color: var(--modal-backdrop-color); } .modal-content { --modal-border-radius:var(--root-radii-l); --modal-background-color:var(--theme-background-card-normal); --modal-content-padding:var(--root-spacing-l); --modal-content-flex-gap:var(--root-spacing-xl); --modal-content-width:fit-content; position: unset; border-radius: var(--modal-border-radius); background-color: var(--modal-background-color); padding: var(--modal-content-padding); width: var(--modal-content-width); } .modal-content .ocr-divider { --modal-content-divider-display:none; display: var(--modal-content-divider-display); } .modal-header { --modal-header-padding:var(--root-spacing-xl); color: var(--theme-foreground-base-strong); padding: unset; padding-bottom: var(--modal-header-padding); justify-content: normal; gap: var(--modal-content-flex-gap); } .modal-header .modal-header__container { flex-grow: 1; } .modal-header .spacer { width: 100%; height: var(--root-h4-line-height); } .modal-col { flex-basis: 100%; } .modal-body { all: unset; color: var(--theme-foreground-base-subtle); } .modal-footer { --modal-footer-padding:var(--root-spacing-xl); --modal-footer-display:block; padding: unset; padding-top: var(--modal-footer-padding); display: var(--modal-footer-display); } @media (min-width: 540px) { .modal-footer { --modal-footer-display:flex; } } .modal-wrapper .modal-header.sticky { background-color: var(--modal-backdrop-color); width: 100%; } .modal-wrapper.modal--full-screen .modal.show { --modal-backdrop-color:var(--theme-background-base-fade); } .modal-wrapper.modal--full-screen .modal-dialog--video { max-width: unset; } .modal-wrapper.modal--full-screen .modal-dialog--video .modal-col, .modal-wrapper.modal--full-screen .modal-dialog--video .modal-content { width: 100%; } .modal-wrapper.modal--full-screen .modal-content { --modal-background-color:unset; padding: unset; } .modal-wrapper.modal--full-screen .modal-body { padding: 0; } .modal-wrapper.modal--full-screen .modal-header { --modal-header-padding:var(--root-spacing-xl); padding-top: var(--modal-header-padding); border-bottom: 1px solid var(--theme-border-base-fade); flex-direction: row; } .modal-wrapper.modal--full-screen .modal-close { border-color: var(--theme-foreground-accent-strong-normal); } .modal-wrapper.modal--full-screen .modal-close:focus { outline-color: var(--theme-foreground-accent-strong-normal); } html:not([dir=rtl]) .modal-wrapper.modal--full-screen .modal-close { right: var(--root-spacing-l); } html[dir=rtl] .modal-wrapper.modal--full-screen .modal-close { left: var(--root-spacing-l); } .modal-wrapper.modal--full-screen .modal-close .glyph-prepend-cancel { color: var(--theme-foreground-accent-strong-normal); } .modal-wrapper.modal--full-bleed .modal-dialog { padding-left: 0; padding-right: 0; margin-left: unset; margin-right: unset; max-width: unset; } .modal-wrapper.modal--full-bleed .modal-col, .modal-wrapper.modal--full-bleed .modal-content { width: 100%; } .modal-wrapper.modal--dialog-card .modal-header { --modal-header-padding:0; } .modal-wrapper.modal--dialog-card .modal-footer { --modal-footer-padding:0; } .modal-wrapper.modal--dialog-card .modal-body-wrapper { display: flex; flex-direction: column; gap: var(--modal-content-flex-gap); } .modal-wrapper.modal--dialog-card .modal-body-wrapper .modal-body-content { display: flex; flex-direction: column; gap: var(--root-spacing-xs); -webkit-padding-end: var(--root-spacing-2xl); padding-inline-end: var(--root-spacing-2xl); } .modal-wrapper.modal--dialog-card .modal-content { gap: var(--modal-content-flex-gap); } @media (min-width: 540px) { .modal-wrapper .show-in-mobile-only { display: none !important; } } .modal-wrapper.modal--side-panel .modal-dialog { position: fixed; padding: 0; max-width: unset; width: 50%; height: 100%; display: block; } html:not([dir=rtl]) .modal-wrapper.modal--side-panel .modal-dialog { right: 0; } html[dir=rtl] .modal-wrapper.modal--side-panel .modal-dialog { left: 0; } .modal-wrapper.modal--side-panel .modal-col, .modal-wrapper.modal--side-panel .modal-content { height: 100%; margin: 0; } .modal-wrapper.modal--side-panel .modal-content { --modal-border-radius:0; justify-content: flex-start !important; overflow: auto; } .modal-wrapper.modal--side-panel .modal-body { margin: 0 var(--root-spacing-3xl); padding: var(--root-spacing-xl) 0 var(--root-spacing-3xl) 0; } .modal-wrapper.modal--side-panel .modal-body-wrapper { gap: var(--root-spacing-2xl); flex-direction: column; display: flex; } .modal-wrapper.modal--side-panel .modal-content > .ocr-divider { margin: 0 var(--root-spacing-3xl); --modal-content-divider-display:block; } .modal-wrapper.modal--side-panel .modal-footer { flex-direction: column; align-items: flex-start; gap: var(--root-spacing-l); --modal-footer-padding:var(--root-spacing-2xl) var(--root-spacing-3xl) 0; padding: var(--modal-footer-padding); } @media (max-width: 859.98px) { .modal-wrapper.modal--side-panel .modal-col, .modal-wrapper.modal--side-panel .modal-content, .modal-wrapper.modal--side-panel .modal-dialog { width: 100%; } .modal-wrapper.modal--side-panel .modal-body, .modal-wrapper.modal--side-panel .ocr-divider { margin: 0 var(--root-spacing-l); } .modal-wrapper.modal--side-panel .modal-footer { --modal-footer-padding:var(--root-spacing-xl) var(--root-spacing-l) 0; } } .modal-open .media--highlight-glass { --root-filter-blur-glass-backdrop-filter:initial; } .tabs { --arrow-background-color:var(--bg-val); --tab-group-tab-item-count:6; --tab-group-tab-item-max:6; --tab-group-max-width:800px; --tabs-type-label-item-max-width:208px; display: flex; flex-direction: column; } .tabs--order-reverse { flex-direction: column-reverse; } .theme-night .tabs .arrow-next { --arrow-background-gradient-start-position:0%; --arrow-background-color:#003259; } .theme-night .tabs .arrow-prev { --arrow-background-gradient-start-position:0%; --arrow-background-color:var(--root-color-blue-black-700); } .bg--special-fade .tabs .arrow-next { --arrow-background-color:var(--root-color-sky-blue-100); } .bg--special-fade .tabs .arrow-prev { --arrow-background-color:var(--root-color-lavender-100); } .theme-night .bg--special-color .tabs .arrow-next { --arrow-background-color:#003259; } .theme-night .bg--special-color .tabs .arrow-prev { --arrow-background-color:#05273f; } .bg--special-color .tabs .arrow-next { --arrow-background-color:#9cc3e7; } .bg--special-color .tabs .arrow-prev { --arrow-background-color:#afd9ef; } .tabs--align-left .tab-group-container { align-items: start !important; } .tabs--align-left .tab-group-container .tab-group { justify-content: flex-start !important; } @media (max-width: 859.98px) { .tabs--type-product-selector .container { padding-inline: 0 !important; } } .tabs--type-product-selector:has(> [data-mount=ocr-slider]) { max-width: 100%; width: -moz-fit-content; width: fit-content; align-self: center; } .tabs--type-product-selector:has(> [data-mount=ocr-slider]) .tab-group { -moz-column-gap: var(--root-spacing-2xs); column-gap: var(--root-spacing-2xs); } .tabs--type-product-selector [data-mount=ocr-slider] .slider__overflow { background-color: inherit; height: 84px; padding-top: 2px; } @media (min-width: 860px) { .tabs--type-product-selector [data-mount=ocr-slider] .slider__overflow { height: 100%; background-color: unset; padding-top: unset; border-radius: var(--root-radii-circle); } } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrows { padding-bottom: 40px; margin-top: 24px; position: relative; margin-inline: 1rem; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next:disabled, .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev:disabled { opacity: 0.2; cursor: default; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next { left: 3rem; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next::after { content: "\e72a"; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev { right: 3rem; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev::after { content: "\e72b"; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next-bg, .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev-bg { display: none; } @media (min-width: 860px) { .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrows { padding-bottom: 0; margin-top: 0; position: unset; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next, .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev { top: 50%; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next:disabled, .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev:disabled { display: none !important; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next:disabled:disabled + [class*=slider__arrow-][class*=-bg], .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev:disabled:disabled + [class*=slider__arrow-][class*=-bg] { display: none !important; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next { left: auto; right: -1rem; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev { left: -1rem; right: auto; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next-bg, .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev-bg { display: initial; width: 80px !important; height: 80% !important; border-radius: var(--root-radii-circle) !important; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-prev-bg { left: -0.5rem; } .tabs--type-product-selector [data-mount=ocr-slider] .slider__arrow-next-bg { right: -0.5rem; } } .tabs--type-compound .tab-arrows { padding-bottom: 40px; margin-top: 24px; position: relative; } .tabs--type-compound .arrow-next::after { content: "\e72a"; } html:not([dir=rtl]) .tabs--type-compound .arrow-next { left: 3rem; } html[dir=rtl] .tabs--type-compound .arrow-next { right: -0.5rem; } .tabs--type-compound .arrow-prev::after { content: "\e72b"; } html[dir=rtl] .tabs--type-compound .arrow-prev { right: 3rem; left: auto; } .tabs--type-compound .arrow-next, .tabs--type-compound .arrow-prev { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; } .tabs--type-compound .arrow-next:disabled, .tabs--type-compound .arrow-prev:disabled { opacity: 0.2; cursor: default; } .tabs--type-compound .arrow-next::after, .tabs--type-compound .arrow-prev::after { font-size: var(--root-h5-font-size); font-weight: var(--root-h5-font-weight) !important; } @media (max-width: 859.98px) { .tabs--type-compound .arrow-next::after, .tabs--type-compound .arrow-prev::after { font-size: var(--root-small-font-size); } } .tabs--type-compound .tabs__arrow-next-bg, .tabs--type-compound .tabs__arrow-prev-bg { display: none; } @media (min-width: 860px) { .tabs--type-compound .tab-arrows { padding-bottom: 0; margin-top: 0; position: unset; } .tabs--type-compound .arrow-next:disabled, .tabs--type-compound .arrow-prev:disabled { display: none !important; } .tabs--type-compound .arrow-next:disabled:disabled + [class*=tabs__arrow-][class*=-bg], .tabs--type-compound .arrow-prev:disabled:disabled + [class*=tabs__arrow-][class*=-bg] { display: none !important; } html:not([dir=rtl]) .tabs--type-compound .arrow-next { left: initial; } html[dir=rtl] .tabs--type-compound .arrow-next { right: initial; } html[dir=rtl] .tabs--type-compound .arrow-prev { right: auto; left: -0.5rem; } .tabs--type-compound .tabs__arrow-next-bg, .tabs--type-compound .tabs__arrow-prev-bg { display: initial; } } .tabs--type-link [data-mount=ocr-slider] .slider__overflow { background-color: inherit; } @media (min-width: 860px) { .tabs--type-link [data-mount=ocr-slider] .slider__overflow { background-color: unset; border-radius: var(--root-radii-m); } } .tabs--type-link [data-mount=ocr-slider] .slider__arrows { padding-bottom: 40px; margin-top: 24px; position: relative; margin-inline: 1rem; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next:disabled, .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev:disabled { opacity: 0.2; cursor: default; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next { right: -1rem; left: 2.5rem; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next::after { content: "\e72a"; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev { right: 2.5rem; left: -1rem; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev::after { content: "\e72b"; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next-bg, .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev-bg { display: none; } @media (min-width: 860px) { .tabs--type-link [data-mount=ocr-slider] .slider__arrows { padding-bottom: 0; margin-top: 0; position: unset; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next, .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev { top: 50%; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next:disabled, .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev:disabled { display: none !important; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next:disabled:disabled + [class*=slider__arrow-][class*=-bg], .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev:disabled:disabled + [class*=slider__arrow-][class*=-bg] { display: none !important; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next { left: auto; right: -0.5rem; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev { left: -0.5rem; right: auto; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next-bg, .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev-bg { display: initial; border-radius: var(--root-radii-m) !important; height: 98% !important; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-prev-bg { left: -0.5rem; } .tabs--type-link [data-mount=ocr-slider] .slider__arrow-next-bg { right: -0.5rem; } } .tabs:has(.tabs__slider.tabs--type-badge) .tab-panel .media, .tabs:has(.tabs__slider.tabs--type-badge) .tab-panel .ump-container { margin: 0 auto; } @media (max-width: 859.98px) { .tabs:has(.tabs__slider.tabs--type-badge) { flex-direction: column-reverse; } .tabs:has(.tabs__slider.tabs--type-badge) .tabs__slider.tabs--type-badge { margin-top: var(--root-spacing-2xl); } } .tabs--type-compound .tab-group, .tabs--type-label .tab-group, .tabs--type-link .tab-group, .tabs--type-media .tab-group, .tabs--type-media-bar .tab-group, .tabs--type-product-selector .tab-group { justify-content: center; } .tabs--type-label .tab-group, .tabs--type-media .tab-group { gap: var(--root-spacing-m); } .tab-group--length-5 { --tab-group-tab-item-count:5; } .tab-group--length-4 { --tab-group-tab-item-count:4; } .tab-group--length-3 { --tab-group-tab-item-count:3; } .tab-group--length-1, .tab-group--length-2 { --tab-group-tab-item-count:2; } .cmp-tabs .tab-panel-group, .tab-panel-group { --tabs-panel-margin-top:var(--sm-density, var(--root-spacing-2xl)); margin: var(--tabs-panel-margin-top) 0 0 0; } .tabs--order-reverse .cmp-tabs .tab-panel-group, .tabs--order-reverse .tab-panel-group { margin: 0 0 var(--tabs-panel-margin-top) 0; } .cmp-tabs .tab-panel-group:has(.ocr-accordion.ocr-accordion-item.media), .tab-panel-group:has(.ocr-accordion.ocr-accordion-item.media) { overflow-x: hidden; } .tabs__slider.tabs--type-badge + .tab-panel-group { --tabs-panel-margin-top:var(--root-spacing-2xl)!important; -webkit-padding-start: 1rem; padding-inline-start: 1rem; -webkit-padding-end: 1rem; padding-inline-end: 1rem; } @media (max-width: 859.98px) { .tabs__slider.tabs--type-badge + .tab-panel-group { --tabs-panel-margin-top:0!important; } } @media (min-width: 540px) { .tabs__slider.tabs--type-badge + .tab-panel-group { -webkit-padding-start: 4rem; padding-inline-start: 4rem; -webkit-padding-end: 4rem; padding-inline-end: 4rem; } } @media (min-width: 860px) { .tabs__slider.tabs--type-badge + .tab-panel-group { -webkit-padding-start: 3.5rem; padding-inline-start: 3.5rem; -webkit-padding-end: 3.5rem; padding-inline-end: 3.5rem; } } @media (min-width: 1440px) { .tabs__slider.tabs--type-badge + .tab-panel-group { -webkit-padding-start: 5%; padding-inline-start: 5%; -webkit-padding-end: 5%; padding-inline-end: 5%; } } .tab { border-top: none !important; border-bottom: none !important; border-color: var(--theme-border-neutral-fade) !important; border-width: 1px !important; outline-offset: 0 !important; width: 100%; } html:not([dir=rtl]) .tab { border-left: none !important; } html[dir=rtl] .tab { border-right: none !important; } .tab:focus { color: currentColor !important; } html:not([dir=rtl]) .tab:last-child { border-right: none !important; } html[dir=rtl] .tab:last-child { border-left: none !important; } html:not([dir=rtl]) .tabs--type-compound .tab:first-child, html:not([dir=rtl]) .tabs--type-compound .tab:first-child .tab__item, html:not([dir=rtl]) .tabs--type-link .tab:first-child .tab__item, html:not([dir=rtl]) .tabs--type-link .tab:first-child a, html:not([dir=rtl]) .tabs--type-media-bar .tab:first-child, html:not([dir=rtl]) .tabs--type-media-bar .tab:first-child .tab__item { border-top-left-radius: var(--root-radii-m); border-bottom-left-radius: var(--root-radii-m); } html[dir=rtl] .tabs--type-compound .tab:first-child, html[dir=rtl] .tabs--type-compound .tab:first-child .tab__item, html[dir=rtl] .tabs--type-link .tab:first-child .tab__item, html[dir=rtl] .tabs--type-link .tab:first-child a, html[dir=rtl] .tabs--type-media-bar .tab:first-child, html[dir=rtl] .tabs--type-media-bar .tab:first-child .tab__item { border-top-right-radius: var(--root-radii-m); border-bottom-right-radius: var(--root-radii-m); } html:not([dir=rtl]) .tabs--type-compound .tab:last-child, html:not([dir=rtl]) .tabs--type-compound .tab:last-child .tab__item, html:not([dir=rtl]) .tabs--type-link .tab:last-child .tab__item, html:not([dir=rtl]) .tabs--type-link .tab:last-child a, html:not([dir=rtl]) .tabs--type-media-bar .tab:last-child, html:not([dir=rtl]) .tabs--type-media-bar .tab:last-child .tab__item { border-top-right-radius: var(--root-radii-m); border-bottom-right-radius: var(--root-radii-m); } html[dir=rtl] .tabs--type-compound .tab:last-child, html[dir=rtl] .tabs--type-compound .tab:last-child .tab__item, html[dir=rtl] .tabs--type-link .tab:last-child .tab__item, html[dir=rtl] .tabs--type-link .tab:last-child a, html[dir=rtl] .tabs--type-media-bar .tab:last-child, html[dir=rtl] .tabs--type-media-bar .tab:last-child .tab__item { border-top-left-radius: var(--root-radii-m); border-bottom-left-radius: var(--root-radii-m); } html:not([dir=rtl]) .tabs--type-compound .tab:first-child .indicator, html:not([dir=rtl]) .tabs--type-link .tab:first-child .indicator, html:not([dir=rtl]) .tabs--type-media-bar .tab:first-child .indicator { border-bottom-left-radius: var(--root-radii-m); } html[dir=rtl] .tabs--type-compound .tab:first-child .indicator, html[dir=rtl] .tabs--type-link .tab:first-child .indicator, html[dir=rtl] .tabs--type-media-bar .tab:first-child .indicator { border-bottom-right-radius: var(--root-radii-m); } html:not([dir=rtl]) .tabs--type-compound .tab:last-child .indicator, html:not([dir=rtl]) .tabs--type-link .tab:last-child .indicator, html:not([dir=rtl]) .tabs--type-media-bar .tab:last-child .indicator { border-bottom-right-radius: var(--root-radii-m); } html[dir=rtl] .tabs--type-compound .tab:last-child .indicator, html[dir=rtl] .tabs--type-link .tab:last-child .indicator, html[dir=rtl] .tabs--type-media-bar .tab:last-child .indicator { border-bottom-left-radius: var(--root-radii-m); } .tabs--type-compound .tab, .tabs--type-link .tab a, .tabs--type-media-bar .tab { box-shadow: var(--root-depth-2); } .tabs--type-compound .tab, .tabs--type-media-bar .tab { max-width: calc(1328px / var(--tab-group-tab-item-max)); } .tabs--type-label .tab { max-width: var(--tabs-type-label-item-max-width); } .tabs--type-media .tab { max-width: calc(1328px / var(--tab-group-tab-item-max) - var(--root-spacing-s) * 5); } .tabs--type-badge .tab, .tabs--type-label .tab, .tabs--type-media .tab { border: none !important; } .tabs--type-link .tab { max-width: calc(var(--tab-group-max-width) / var(--tab-group-tab-item-count)); flex: 0 0 auto; } .tabs--type-link .tab a { position: relative; display: block; margin-top: 2px; margin-bottom: 2px; border-left: none; border-top: none; border-bottom: none; border-color: var(--theme-border-neutral-fade) !important; border-width: 1px; width: 100%; } .tabs--type-link .tab a:focus { z-index: 1; outline-offset: 0; } .tabs--type-link .tab .active { height: calc(100% - var(--root-spacing-2xs)); } .tabs--type-link .tab .active .glyph-prepend { display: none; } .tabs--type-link .tab:last-child a { border-right: none; } .tabs--type-link .tab .glyph-prepend { display: initial; } @media (min-width: 860px) { .tabs--type-link .tab { --tab-group-max-width:1328px; } } .theme-night .tab { border: none !important; } .tabs--type-product-selector .tab { width: 200px; } @media (min-width: 860px) { .tabs--type-product-selector .tab { width: 259px; } } .tabs--type-product-selector .tab a { position: relative; display: block; border: none; } .tabs--type-product-selector .tab a:focus { z-index: 1; outline-offset: 0; outline-color: var(--theme-foreground-base-strong); border-radius: var(--root-radii-circle); } .tabs--type-product-selector .tab .active .glyph-prepend { display: none; } @media (min-width: 860px) { .tabs--type-product-selector .tab { --tab-group-max-width:1312px; max-width: calc(var(--tab-group-max-width) / var(--tab-group-tab-item-count)); } } .tabs--type-product-selector .tab :not(.active) > .tab__item:hover { border-radius: var(--root-radii-circle); background-color: var(--theme-background-accent-subtle-normal); } .tabs--type-badge .tab { width: 124px; } .tab__item { background: var(--theme-background-card-normal); height: 100%; position: relative; } .tab__item:focus .indicator, .tab__item:hover .indicator { opacity: 1; } .active .tab__item .indicator { opacity: 1; } .tab__item:active { background: var(--theme-background-card-pressed); } .tab__item .indicator { --indicator-length:var(--root-spacing-2xs); --indicator-size-small:100%; display: block; opacity: 0; transition: opacity 0.2s ease; position: absolute; bottom: 0; left: 0; } .tabs--type-compound .tab__item { overflow: hidden; padding: var(--root-spacing-m) var(--root-spacing-l) var(--root-spacing-l) var(--root-spacing-l); } @media (forced-colors: active) { .tabs--type-compound .tab__item { border: 1px solid activetext; } } .tabs--type-compound .tab__item .list-item__inner { padding: 0; } .tabs--type-badge .tab__item { height: auto; max-height: none; padding: var(--root-spacing-l) var(--root-spacing-xs); } .tabs--type-badge .tab__item .list-item__inner { justify-content: center; --list-item-padding:0; } .tabs--type-badge .tab__item .list-item__leading { text-align: center; } .tabs--type-badge .tab__item .badge { margin-bottom: var(--root-spacing-m); } .tabs--type-badge .tab__item .list-item__leading-label { color: var(--theme-foreground-base-strong); } .tabs--type-link .tab__item { overflow: hidden; padding: var(--root-spacing-s) var(--root-spacing-l) var(--root-spacing-l) var(--root-spacing-l); max-height: 84px; } @media (forced-colors: active) { .tabs--type-link .tab__item { border: 1px solid activetext; } } @media (min-width: 860px) { .tabs--type-link .tab__item { padding: var(--root-spacing-l) var(--root-spacing-l) var(--root-spacing-xl) var(--root-spacing-l); } } .tabs--type-link .tab__item .tabs__tab-item--content .list-item__inner { justify-content: space-between; } .tabs--type-link .tab__item .list-item__inner { padding: 0; } .tabs--type-link .tab__item .list-item__inner p { font-size: var(--root-h5-font-size); font-weight: var(--root-h5-font-weight); } .tabs--type-media .tab__item { overflow: hidden; box-shadow: var(--root-depth-2); border-radius: var(--root-radii-m); } @media (forced-colors: active) { .tabs--type-media .tab__item { border: 1px solid activetext; } } .tabs--type-media .tab__item .tabs__tab-item--content { padding: var(--root-spacing-m); } .tabs--type-media .tab__item .media__asset { aspect-ratio: 4/3; padding: var(--root-spacing-m); } .tabs--type-media .tab__item .media__asset img, .tabs--type-media .tab__item .media__asset picture { aspect-ratio: inherit; } .tabs--type-media .tab__item .indicator { border-bottom-left-radius: var(--root-radii-m); border-bottom-right-radius: var(--root-radii-m); } .tabs--type-media-bar .tab__item { overflow: hidden; } @media (forced-colors: active) { .tabs--type-media-bar .tab__item { border: 1px solid activetext; } } .tabs--type-media-bar .tab__item .tabs__tab-item--content { padding: var(--root-spacing-m); } .tabs--type-media-bar .tab__item .media__asset { aspect-ratio: 21/9; padding: var(--root-spacing-m); } .tabs--type-media-bar .tab__item .media__asset img, .tabs--type-media-bar .tab__item .media__asset picture { aspect-ratio: inherit; } .tabs--type-label .tab__item { background: 0 0; color: var(--theme-foreground-accent-subtle-normal); } .tabs--type-label .tab__item:focus .indicator, .tabs--type-label .tab__item:hover .indicator { opacity: 0.65; } .tabs--type-label .tab__item:active { background: 0 0; } .tabs--type-label .tab__item:active .indicator { opacity: 0.8; } .tabs--type-label .tab__item .indicator { --indicator-length:0.25rem; position: unset; opacity: 0.5; border-radius: var(--root-radii-s); margin-bottom: var(--root-spacing-m); } @media (forced-colors: active) { .tabs--type-label .tab__item .indicator { --indicator-color:activetext; } } .tabs--type-label .active .tab__item .indicator { opacity: 1; } .tabs--type-product-selector .tab__item { border: none; padding: var(--root-spacing-s); display: flex; justify-content: center; align-items: center; height: 64px; max-height: 64px; border-radius: var(--root-radii-circle); } @media (min-width: 860px) { .tabs--type-product-selector .tab__item { height: 74px; max-height: 74px; } } .tabs--type-product-selector .tab__item .list-item { --list-item-leading-label-color:var(--theme-foreground-accent-subtle-normal); } .tabs--type-product-selector .tab__item .list-item__inner { padding: 0; justify-content: center !important; } .tabs--type-product-selector .tab__item .list-item__inner .list-item__content { flex-grow: unset !important; } .tabs--type-product-selector .tab__item .list-item__inner .list-item__content-title { font-weight: var(--root-h5-font-weight); font-size: var(--root-base-font-size, 1rem); line-height: var(--root-base-line-height, 1.5rem); --fg-val:var(--theme-foreground-accent-subtle-normal); } .tabs--type-product-selector .active .tab__item { background: var(--theme-background-accent-strong-selected); border-radius: var(--root-radii-circle); } @media (forced-colors: active) { .tabs--type-product-selector .active .tab__item { border: 1px solid activetext; } } .tabs--type-product-selector .active .tab__item .list-item { --list-item-leading-label-color:var(--theme-foreground-accent-subtle-selected); } .tabs--type-product-selector .active .tab__item .list-item .list-item__content-title { --fg-val:var(--theme-foreground-accent-subtle-selected)!important; } .tabs--type-badge .active .tab__item { border-radius: var(--root-radii-s); } .tabs--type-badge .active .tab__item .list-item { --list-item-leading-label-color:var(--theme-foreground-accent-subtle-normal); } .tabs--type-badge .active .tab__item .list-item .list-item__content-title { --fg-val:var(--theme-foreground-accent-subtle-normal)!important; } .theme-night .tab__item { background: var(--theme-background-glass-normal); border: var(--root-border-xs) solid var(--theme-border-glass-fade); } .theme-night .tab__item:active { background: var(--theme-background-glass-pressed); } .theme-night .tab__item:hover { background: var(--theme-background-glass-hover); } .theme-night .active .tab__item { background: var(--theme-background-glass-selected); } .theme-night .tabs--type-product-selector .tab__item { border: none; background: var(--theme-background-card-normal); } .theme-night .tabs--type-product-selector .active .tab__item { background: var(--theme-background-accent-strong-selected); } .theme-night .tabs--type-badge .tab__item { background-color: var(--theme-background-card-normal); } .theme-night .tabs--type-badge .active .tab__item { background-color: var(--theme-background-card-selected); } .theme-night .tabs--type-label .tab__item { background: revert; border: revert; } .theme-night .tabs--type-label .tab__item:active { background: revert; } .theme-night .tabs--type-label .tab__item:hover { background: revert; } .tabs__slider { position: relative; z-index: 1; } .tabs__slider .tab-arrows > button { height: 36px; top: calc(50% - 18px); } .tabs__slider .tab-arrows { color: var(--theme-foreground-accent-subtle-normal); } .tabs__slider .tab-arrows .arrow-next.tabs__arrow-next-bg, .tabs__slider .tab-arrows .arrow-prev.tabs__arrow-prev-bg { border-radius: 0; z-index: 1; width: 20vw; border: none; pointer-events: none; margin-top: var(--root-spacing-xs); height: 100%; max-height: calc(100% - var(--root-spacing-xs) * 2); } .tabs__slider .tab-arrows .arrow-next.tabs__arrow-next-bg::after, .tabs__slider .tab-arrows .arrow-prev.tabs__arrow-prev-bg::after { content: none; } .tabs__slider .tab-arrows .arrow-next, .tabs__slider .tab-arrows .arrow-prev { border: 2px solid var(--theme-foreground-accent-subtle-normal); border-radius: var(--root-radii-circle); padding: 0; width: 40px; height: 40px; pointer-events: auto; } .tabs__slider .tab-arrows .arrow-next::after, .tabs__slider .tab-arrows .arrow-prev::after { font-size: var(--root-h5-font-size); font-weight: var(--root-small-font-weight); color: var(--theme-foreground-accent-subtle-normal); } .tabs__slider .tab-arrows .arrow-next:focus, .tabs__slider .tab-arrows .arrow-next:hover, .tabs__slider .tab-arrows .arrow-prev:focus, .tabs__slider .tab-arrows .arrow-prev:hover { transform: unset; } .tabs__slider .tab-arrows .arrow-prev { left: -0.25rem; background: linear-gradient(90deg, var(--arrow-background-color, #f2f2f2) 25%, rgba(242, 242, 242, 0) 100%); } .tabs__slider .tab-arrows .arrow-prev[style*="display: none"] ~ .tabs__arrow-prev-bg { display: none; } .tabs__slider .tab-arrows .arrow-next { right: -0.25rem; background: linear-gradient(270deg, var(--arrow-background-color, #f2f2f2) 25%, rgba(242, 242, 242, 0) 100%); } .tabs__slider .tab-arrows .arrow-next[style*="display: none"] ~ .tabs__arrow-next-bg { display: none; } .tabs__slider.tabs--type-badge { -webkit-padding-start: 1rem; padding-inline-start: 1rem; } @media (min-width: 540px) { .tabs__slider.tabs--type-badge { -webkit-padding-start: 4rem; padding-inline-start: 4rem; } } @media (min-width: 860px) { .tabs__slider.tabs--type-badge { -webkit-padding-start: 3.5rem; padding-inline-start: 3.5rem; } } @media (min-width: 1440px) { .tabs__slider.tabs--type-badge { -webkit-padding-start: 5%; padding-inline-start: 5%; } } .tabs__slider.tabs--type-badge .tab-group { -moz-column-gap: var(--root-spacing-m); column-gap: var(--root-spacing-m); } .tabs__slider.tabs--type-badge .tab-group .tab__item { box-shadow: var(--root-depth-2); border-radius: var(--root-radii-s); } @media (forced-colors: active) { .tabs__slider.tabs--type-badge .tab-group .tab__item { border: 1px solid activetext; } } .tabs__slider.tabs--type-badge .tab-group .tab__item .indicator { border-bottom-left-radius: var(--root-radii-s); border-bottom-right-radius: var(--root-radii-s); } .tabs__slider.tabs--type-badge .tab-arrows { padding-bottom: 40px; margin-top: 24px; position: relative; } .tabs__slider.tabs--type-badge .arrow-next:disabled, .tabs__slider.tabs--type-badge .arrow-prev:disabled { opacity: 0.2; cursor: default; } .tabs__slider.tabs--type-badge .arrow-next::after { content: "\e72a"; } html:not([dir=rtl]) .tabs__slider.tabs--type-badge .arrow-next { left: 3rem; } html[dir=rtl] .tabs__slider.tabs--type-badge .arrow-next { right: -0.5rem; } .tabs__slider.tabs--type-badge .arrow-prev::after { content: "\e72b"; } html[dir=rtl] .tabs__slider.tabs--type-badge .arrow-prev { right: 3rem; left: auto; } .tabs__slider.tabs--type-badge .tabs__arrow-next-bg, .tabs__slider.tabs--type-badge .tabs__arrow-prev-bg { display: none; } .tabs--type-link .slider__window, .tabs--type-product-selector .slider__window { display: block !important; } .tabs--type-product-selector .slider__window { padding: 8px; box-shadow: var(--root-depth-2); width: -moz-fit-content !important; width: fit-content !important; border-radius: var(--root-radii-circle); background-color: var(--theme-background-card-normal, #fefefe); margin-inline: 1rem; } @media (min-width: 860px) { .tabs--type-product-selector .slider__window { margin-inline: unset; border-radius: unset; } } .ow-m365-video { max-width: 100%; } .ow-m365-video.ow-sm { width: 800px; } .ow-m365-video.ow-md { width: 1200px; } .ow-m365-video.ow-lg { width: 1600px; } .ow-m365-video.ow-xl { width: 1920px; } .popover__content { align-items: flex-start; display: inline-flex; gap: var(--root-spacing-2xs); position: relative; } .popover__content--badge .popover__badge { background-color: transparent; border: none; padding: 0; } .popover__content--badge .popover__badge:hover { background-color: var(--theme-background-card-hover); } .popover__content--badge .popover__badge:active { background-color: var(--theme-background-card-pressed); } .popover__content--badge .popover__badge[disabled] { opacity: 0.2; } .popover__content--compound { --popover-compound-button-width:124px; } .popover__content--compound .popover__compound { --surface-border-radius:var(--root-radii-s); padding: var(--root-spacing-l) var(--root-spacing-xs); box-shadow: var(--root-depth-2); gap: var(--root-spacing-m); position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; width: var(--popover-compound-button-width); } .popover__content--compound .popover__compound:hover { --surface-bg:var(--theme-background-card-hover); text-decoration: underline; } .popover__content--compound .popover__compound.active { --surface-bg:var(--theme-background-card-selected); } .popover__content--compound .popover__compound .popover__body { display: flex; flex-direction: column; gap: var(--root-spacing-2xs); } .popover__content--compound .popover__compound.active .indicator { display: block; position: absolute; right: 0; left: 0; bottom: 0; } .popover__content--compound .popover__compound .indicator { display: none; } .popover__label { color: var(--theme-foreground-base-strong); margin: 0; } .popover__info { align-items: flex-start; border: none; display: flex; padding: 0 !important; background-color: transparent; } .popover__info .ocr-icon { display: inline-flex; --icon-svg-fill:var(--theme-foreground-base-icon); } .popover__card { padding-top: var(--root-spacing-s); padding-bottom: var(--root-spacing-s); -webkit-padding-start: var(--root-spacing-l); padding-inline-start: var(--root-spacing-l); -webkit-padding-end: 2rem; padding-inline-end: 2rem; background-color: var(--theme-background-card-normal); border-radius: var(--root-radii-xs); box-shadow: var(--root-depth-4); border: none; width: -moz-max-content; width: max-content; max-width: 360px !important; } @media (forced-colors: active) { .popover__card { border: 1px solid transparent; } } .popover__card-body { color: var(--theme-foreground-base-strong); margin: 0; } .popover__card .close { top: 0; color: var(--theme-foreground-base-strong); font-size: var(--root-x-small-font-size, 0.75rem); } .popover__card .arrow { display: none; } .carousel { --carousel-item-padding:var(--root-spacing-l); --carousel-indicators-outline-offset:-0.375rem; --carousel-slide-outline-offset:-0.15rem; --carousel-arrow-height:calc(calc(var(--root-spacing-m) + 1px) * 2 + 1.5rem); --carousel-window-margin-top:0; --carousel-window-margin-bottom:calc(var(--carousel-arrow-height) + var(--root-spacing-xl)); --carousel-controls-justify-content:flex-start; --carousel-indicators-display:none; --carousel-indicators-max-width:200px; --carousel-compound-bar-indicators-gap:calc(0px); --carousel-snap-align:start; --carousel-controls-z-index:1; --hero-media-indicator-offset:0.25rem; --media-playlist-indicator-height:202px; --media-playlist-overlay-bottom-spacing:50px; display: flex !important; flex-direction: column !important; position: relative; } .carousel__section a.sr-only-focusable:active, .carousel__section a.sr-only-focusable:focus { z-index: 501; word-wrap: break-word; max-width: -webkit-fill-available; max-width: -moz-available; max-width: fill-available; } .carousel__controls { position: absolute; bottom: 0; display: flex; justify-content: var(--carousel-controls-justify-content); z-index: var(--carousel-controls-z-index, 1); width: 100%; gap: var(--root-spacing-xs); } .carousel__controls .carousel__cta { margin: auto; -webkit-margin-end: 0; margin-inline-end: 0; } .carousel__window { overflow-x: scroll; white-space: nowrap; scroll-snap-type: unset; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; margin-top: var(--carousel-window-margin-top); margin-bottom: var(--carousel-window-margin-bottom); } .carousel.scroll-snap-mandatory .carousel__window { scroll-snap-type: x mandatory; } .carousel__window.carousel__window--no-controls.hide-scrollbar { --carousel-window-margin-top:0; --carousel-window-margin-bottom:0; } .carousel__slide { white-space: normal; scroll-snap-align: var(--carousel-snap-align); padding: 0.1875rem; } .carousel__slide:focus { outline-offset: var(--carousel-slide-outline-offset); } .carousel__slide .card-horizontal { margin: 0; } .carousel__indicators { display: var(--carousel-indicators-display); justify-content: center; margin-bottom: 0; } .carousel__indicators .indicator { --indicator-color:var(--theme-background-accent-strong-selected); } .theme-night .carousel__indicators .indicator { --indicator-color:var(--theme-background-accent-subtle-selected); } .carousel__indicators-item { display: flex; } .carousel__indicators-item:focus { outline-offset: var(--carousel-indicators-outline-offset); } .carousel__indicators-item__label { color: var(--theme-foreground-base-subtle); } .carousel__arrow-next, .carousel__arrow-prev { display: var(--carousel-arrows-display); border: 2px solid var(--theme-border-accent-subtle-normal); border-radius: var(--root-radii-circle); align-items: center; align-self: center; height: -moz-fit-content; height: fit-content; color: var(--theme-foreground-accent-subtle-normal); background: 0 0; } html[dir=rtl] .carousel__arrow-next, html[dir=rtl] .carousel__arrow-prev { transform: rotate(-180deg); } .carousel__arrow-next [class^=glyph], .carousel__arrow-prev [class^=glyph] { display: flex; align-items: center; } .carousel__arrow-next:disabled, .carousel__arrow-prev:disabled { opacity: 0.2; } .carousel__arrow-prev { padding: calc(var(--root-spacing-m) + 1px) calc(var(--root-spacing-m) + 2px) calc(var(--root-spacing-m) + 1px) var(--root-spacing-m); } .carousel__arrow-next { padding: calc(var(--root-spacing-m) + 1px) var(--root-spacing-m) calc(var(--root-spacing-m) + 1px) calc(var(--root-spacing-m) + 2px); } .carousel__back-to-controls { padding: var(--root-spacing-xs) var(--root-spacing-m) !important; width: auto !important; max-width: 100%; bottom: calc(var(--root-spacing-3xl) * -1); margin-inline: 5px; } @media (min-width: 860px) { .carousel__back-to-controls { bottom: calc(var(--root-spacing-2xl) * -1); } } @media (max-width: 859.98px) { .carousel { --carousel-arrow-nav-display:inline-flex; --carousel-media-nav-display:none; } } .carousel ol { list-style-type: none; padding: 0; } .carousel--indicator-media-bar .carousel__indicators-item { max-width: 221.3333333333px; } .carousel--indicator-media-bar .carousel__indicators-item.active .indicator { opacity: 1; } .carousel--indicator-media-bar .carousel__indicators-item--container { background: var(--theme-background-card-normal); box-shadow: var(--root-depth-4); overflow: hidden; max-width: var(--carousel-indicators-max-width); } @media (forced-colors: active) { .carousel--indicator-media-bar .carousel__indicators-item--container { border: 1px solid activetext; } } .carousel--indicator-media-bar .carousel__indicators-item--container:focus .indicator, .carousel--indicator-media-bar .carousel__indicators-item--container:hover .indicator { opacity: 1; } .carousel--indicator-media-bar .carousel__indicators-item--container .indicator { --indicator-length:var(--root-spacing-2xs); --indicator-size-small:100%; display: block; opacity: 0; transition: opacity 0.2s ease; bottom: 0; left: 0; } @media (forced-colors: active) { .carousel--indicator-media-bar .carousel__indicators-item--container .indicator { --indicator-color:activetext; } } .carousel--indicator-media-bar .carousel__indicators-item__media { padding: var(--root-spacing-m); display: flex; justify-content: center; } .carousel--indicator-media-bar .carousel__indicators-item__media .media__asset { padding: var(--root-spacing-m); } .carousel--indicator-media-bar .carousel__indicators-item__label { background: 0 0; color: var(--theme-foreground-accent-subtle-normal); } .indicator + .carousel--indicator-media-bar .carousel__indicators-item__label { position: unset; opacity: 0.1; border-radius: var(--root-radii-s); margin-bottom: var(--root-spacing-m); } .carousel--indicator-media-bar .carousel__indicators-item__label:focus .indicator, .carousel--indicator-media-bar .carousel__indicators-item__label:hover .indicator { opacity: 0.2; } .carousel--indicator-media-bar .carousel__indicators-item__label:active { background: 0 0; } .carousel--indicator-media-bar .carousel__indicators-item__label:active .indicator { --indicator-color:var(--theme-background-accent-subtle-pressed); opacity: 1; } html:not([dir=rtl]) .carousel--indicator-media-bar li:first-child, html:not([dir=rtl]) .carousel--indicator-media-bar li:first-child .carousel__indicators-item--container { border-top-left-radius: var(--root-radii-m); border-bottom-left-radius: var(--root-radii-m); } html[dir=rtl] .carousel--indicator-media-bar li:first-child, html[dir=rtl] .carousel--indicator-media-bar li:first-child .carousel__indicators-item--container { border-top-right-radius: var(--root-radii-m); border-bottom-right-radius: var(--root-radii-m); } html:not([dir=rtl]) .carousel--indicator-media-bar li:last-child, html:not([dir=rtl]) .carousel--indicator-media-bar li:last-child .carousel__indicators-item--container { border-top-right-radius: var(--root-radii-m); border-bottom-right-radius: var(--root-radii-m); } html[dir=rtl] .carousel--indicator-media-bar li:last-child, html[dir=rtl] .carousel--indicator-media-bar li:last-child .carousel__indicators-item--container { border-top-left-radius: var(--root-radii-m); border-bottom-left-radius: var(--root-radii-m); } html:not([dir=rtl]) .carousel--indicator-media-bar li:first-child .indicator { border-bottom-left-radius: var(--root-radii-s); } html[dir=rtl] .carousel--indicator-media-bar li:first-child .indicator { border-bottom-right-radius: var(--root-radii-s); } html:not([dir=rtl]) .carousel--indicator-media-bar li:last-child .indicator { border-bottom-right-radius: var(--root-radii-s); } html[dir=rtl] .carousel--indicator-media-bar li:last-child .indicator { border-bottom-left-radius: var(--root-radii-s); } .carousel--indicator-compound-bar { --carousel-indicators-max-width:208px; --carousel-compound-bar-indicators-gap:var(--root-spacing-m); --carousel-indicators-outline-offset:0; } .carousel--indicator-compound-bar .carousel__indicators { gap: var(--carousel-compound-bar-indicators-gap); } .carousel--indicator-compound-bar li { flex: 1 1 auto; max-width: var(--carousel-indicators-max-width); width: 100%; } .carousel--indicator-compound-bar li .carousel__indicators-item { display: block; background: 0 0; text-decoration: none; } .carousel--indicator-compound-bar li .carousel__indicators-item.active .indicator, .carousel--indicator-compound-bar li .carousel__indicators-item:active .indicator, .carousel--indicator-compound-bar li .carousel__indicators-item:focus .indicator, .carousel--indicator-compound-bar li .carousel__indicators-item:hover .indicator { --indicator-color:var(--theme-background-accent-subtle-selected); } .carousel--indicator-compound-bar li .carousel__indicators-item.active .carousel__indicators-item__label { color: var(--theme-foreground-accent-subtle-pressed); } @media (min-width: 860px) { .carousel--type-case-study .carousel__controls, .carousel--type-media-tabs .carousel__controls { flex-direction: column; gap: var(--root-spacing-xl); } .carousel--type-case-study .carousel__controls .carousel__cta, .carousel--type-media-tabs .carousel__controls .carousel__cta { margin: auto; width: 100%; max-width: calc(var(--carousel-indicators-max-width) * 6 + var(--carousel-compound-bar-indicators-gap) * 5); } } .carousel--type-case-study, .carousel--type-case-study-news, .carousel--type-media-tabs, .carousel--type-promo { --carousel-window-margin-bottom:var(--root-spacing-xl); --carousel-controls-justify-content:flex-start; --carousel-indicators-display:none; --carousel-arrows-display:flex; } @media (min-width: 860px) { .carousel--type-case-study, .carousel--type-case-study-news, .carousel--type-media-tabs, .carousel--type-promo { --carousel-controls-justify-content:center; --carousel-indicators-display:flex; --carousel-arrows-display:none; } } @media (max-width: 859.98px) { .carousel--type-case-study .layout--overflow, .carousel--type-case-study-news .layout--overflow, .carousel--type-media-tabs .layout--overflow, .carousel--type-promo .layout--overflow { width: auto; } } .carousel--type-case-study .carousel__indicators-item:active .carousel__indicators-type--media, .carousel--type-case-study-news .carousel__indicators-item:active .carousel__indicators-type--media, .carousel--type-media-tabs .carousel__indicators-item:active .carousel__indicators-type--media, .carousel--type-promo .carousel__indicators-item:active .carousel__indicators-type--media { background: var(--theme-background-card-pressed); } @media (max-width: 1439.98px) { .carousel--type-regular .layout--cols-3 { --layout-column-count:2; } } @media (max-width: 539.98px) { .carousel--type-regular .layout--cols-3 { --layout-column-count:1; } } @media (max-width: 1439.98px) { .carousel--type-story-telling .layout--cols-5 { --layout-column-count:3; } } @media (max-width: 859.98px) { .carousel--type-story-telling .layout--cols-5 { --layout-column-count:2; } } @media (max-width: 539.98px) { .carousel--type-story-telling .layout--cols-5 { --layout-column-count:1; } } .carousel--type-vertical { --carousel-controls-justify-content:flex-start; --carousel-indicators-display:none; --carousel-arrows-display:flex; } @media (min-width: 860px) { .carousel--type-vertical { --carousel-indicators-display:flex; --carousel-arrows-display:none; } .carousel--type-vertical .carousel__controls { flex: 1; flex-direction: column; position: relative; display: flex; justify-content: var(--carousel-controls-justify-content); z-index: 1; width: 100%; gap: var(--root-spacing-xl); } .carousel--type-vertical .carousel__controls .carousel__indicators { justify-content: start; } .carousel--type-vertical .carousel__controls ol { flex-direction: column; width: 100%; } .carousel--type-vertical .carousel__controls li { display: flex; width: 100%; --indicator-opacity:0; } .carousel--type-vertical .carousel__controls li:has(.active), .carousel--type-vertical .carousel__controls li:hover { --indicator-opacity:1; } .carousel--type-vertical .carousel__controls li .carousel__indicators-item { position: relative; flex-wrap: wrap; width: 100%; padding-top: var(--root-spacing-m); padding-bottom: var(--root-spacing-m); -webkit-padding-start: var(--root-spacing-xs); padding-inline-start: var(--root-spacing-xs); -webkit-margin-start: calc(var(--root-spacing-2xl) - var(--root-spacing-xs)); margin-inline-start: calc(var(--root-spacing-2xl) - var(--root-spacing-xs)); color: inherit; text-decoration: none; --glyph-opacity:0; } .carousel--type-vertical .carousel__controls li .carousel__indicators-item.active { --glyph-opacity:1; } .carousel--type-vertical .carousel__controls li .carousel__indicators-item.active .carousel__indicators-type--media { background: var(--theme-background-card-pressed); } .carousel--type-vertical .carousel__controls li .carousel__indicators-item .glyph-prepend { opacity: var(--glyph-opacity); } .carousel--type-vertical .carousel__controls li .indicator { opacity: var(--indicator-opacity); } .carousel--type-vertical .carousel__controls li .ocr-divider { position: absolute; width: calc(100% - var(--root-spacing-xs)); top: 100%; } .carousel--type-vertical .carousel__controls .carousel__cta { margin: 0; } .carousel--type-vertical .carousel__window { flex: 1; -webkit-margin-end: var(--root-spacing-2xl); margin-inline-end: var(--root-spacing-2xl); } } @media (max-width: 859.98px) { .carousel--type-vertical .layout--overflow { width: auto; } } .carousel--type-vertical .carousel__indicators-item:active .carousel__indicators-type--media { background: var(--theme-background-card-pressed); } .carousel--type-vertical .carousel__section { display: flex; } .carousel--type-hero-media { --carousel-controls-z-index:2; } .carousel--type-hero-media .carousel__controls { padding-right: 1rem; padding-left: 1rem; } @media (min-width: 540px) { .carousel--type-hero-media .carousel__controls { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .carousel--type-hero-media .carousel__controls { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .carousel--type-hero-media .carousel__controls { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } .carousel--type-hero-media .carousel__slide { padding: 0; } .carousel--type-hero-media .block-heading__title { font-size: var(--root-h1-font-size, 2.5rem); } @media (max-width: 859.98px) { .carousel--type-hero-media .hero-media .overlay__target { --bg-val:transparent; } .carousel--type-hero-media .carousel__controls { padding: 0 var(--root-spacing-4xl) var(--root-spacing-4xl) var(--root-spacing-4xl); } .carousel--type-hero-media .carousel__slide { padding-bottom: var(--root-spacing-3xl); } } @media (max-width: 539.98px) { .carousel--type-hero-media .layout--overflow { width: auto; } .carousel--type-hero-media .carousel__controls { padding: 0 var(--root-spacing-l) var(--root-spacing-4xl) var(--root-spacing-l); } } @media (min-width: 860px) { .carousel--type-hero-media { --carousel-indicators-display:flex; --carousel-controls-justify-content:space-between; --carousel-window-margin-bottom:0; } .carousel--type-hero-media .carousel__arrow-next, .carousel--type-hero-media .carousel__arrow-prev { position: static !important; } .carousel--type-hero-media .carousel__controls { max-width: 1328px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .carousel--type-hero-media .carousel__indicators { position: absolute; bottom: calc(var(--root-spacing-xl) + var(--hero-media-indicator-offset)); width: 100%; gap: 4px; } .carousel--type-hero-media .carousel__indicators .indicator { --indicator-color:var(--theme-background-accent-subtle-normal); width: 1.5rem; } .carousel--type-hero-media .carousel__indicators .active .indicator { --indicator-color:var(--theme-background-accent-subtle-selected); } } @media (min-width: 860px) and (forced-colors: active) { .carousel--type-hero-media .carousel__indicators .active .indicator { --indicator-color:activetext; } .carousel--type-hero-media .carousel__indicators .indicator { --indicator-color:currentColor; } } @media (prefers-reduced-motion: no-preference) { .carousel--type-hero-media.animation--effect-2-scroll.effect-on .carousel__arrow-prev, .carousel--type-hero-media.animation:not(.animation--effect-2-scroll) .carousel__arrow-prev { --animation-duration:1200ms; animation: fade-in var(--animation-duration), slide-right var(--animation-duration) ease-in-out 0.2s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .carousel--type-hero-media.animation--effect-2-scroll.effect-on .carousel__arrow-next, .carousel--type-hero-media.animation:not(.animation--effect-2-scroll) .carousel__arrow-next { --animation-duration:1200ms; animation: fade-in var(--animation-duration), slide-left var(--animation-duration) ease-in-out 0.2s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .carousel--type-hero-media.animation--effect-2-scroll.effect-on .carousel__indicators, .carousel--type-hero-media.animation:not(.animation--effect-2-scroll) .carousel__indicators { --animation-duration:1200ms; animation: fade-in var(--animation-duration), slide-up var(--animation-duration) ease-in-out 0.2s 1 normal none; } } @media (prefers-reduced-motion: no-preference) { .carousel--type-hero-media.animation--effect-2-scroll.effect-on .hero-media__media .media, .carousel--type-hero-media.animation:not(.animation--effect-2-scroll) .hero-media__media .media { --animation-duration:1200ms; animation: fade-in var(--animation-duration), scale-down-center var(--animation-duration) ease-in-out 0.2s 1 normal none; } } .carousel--type-large .carousel__slide, .carousel--type-regular .carousel__slide, .carousel--type-story-telling .carousel__slide, .carousel--type-xlarge .carousel__slide { margin-bottom: var(--root-spacing-m); } .carousel--type-large .card, .carousel--type-regular .card, .carousel--type-story-telling .card, .carousel--type-xlarge .card { transition: box-shadow 0.2s ease-in-out; } .carousel--type-large .card .media, .carousel--type-regular .card .media, .carousel--type-story-telling .card .media, .carousel--type-xlarge .card .media { --media-border-radius:var(--root-radii-m); overflow: hidden; } .carousel--type-large .card .card__media > .media > .ocr-img img, .carousel--type-regular .card .card__media > .media > .ocr-img img, .carousel--type-story-telling .card .card__media > .media > .ocr-img img, .carousel--type-xlarge .card .card__media > .media > .ocr-img img { transform: scale(1); transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: no-preference) { .carousel--type-large .card:hover, .carousel--type-regular .card:hover, .carousel--type-story-telling .card:hover, .carousel--type-xlarge .card:hover { box-shadow: var(--root-depth-16); } .carousel--type-large .card:hover .card__media > .media > .ocr-img img, .carousel--type-regular .card:hover .card__media > .media > .ocr-img img, .carousel--type-story-telling .card:hover .card__media > .media > .ocr-img img, .carousel--type-xlarge .card:hover .card__media > .media > .ocr-img img { transform: scale(1.15); } } .carousel--type-large .empty-slide, .carousel--type-regular .empty-slide, .carousel--type-story-telling .empty-slide, .carousel--type-xlarge .empty-slide { -webkit-padding-start: 1px; padding-inline-start: 1px; } .carousel--type-case-study-news, .carousel--type-promo { --carousel-controls-justify-content:flex-start; --carousel-indicators-display:none; --carousel-arrows-display:flex; } .carousel--type-case-study-news .carousel__window, .carousel--type-promo .carousel__window { --carousel-window-margin-bottom:calc(var(--carousel-arrow-height) + var(--root-spacing-xl)); } .carousel--type-case-study-news .card-horizontal__content { --card-horizontal-content-gap:var(--root-spacing-3xl); } .carousel--type-large .carousel__container, .carousel--type-regular .carousel__container, .carousel--type-story-telling .carousel__container, .carousel--type-xlarge .carousel__container { padding-right: 1rem; padding-left: 1rem; margin: auto; } @media (min-width: 540px) { .carousel--type-large .carousel__container, .carousel--type-regular .carousel__container, .carousel--type-story-telling .carousel__container, .carousel--type-xlarge .carousel__container { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .carousel--type-large .carousel__container, .carousel--type-regular .carousel__container, .carousel--type-story-telling .carousel__container, .carousel--type-xlarge .carousel__container { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .carousel--type-large .carousel__container, .carousel--type-regular .carousel__container, .carousel--type-story-telling .carousel__container, .carousel--type-xlarge .carousel__container { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 860px) { .carousel--type-large .carousel__container, .carousel--type-regular .carousel__container, .carousel--type-story-telling .carousel__container, .carousel--type-xlarge .carousel__container { max-width: 100vw; } } @media (min-width: 1440px) { .carousel--type-large .carousel__container, .carousel--type-regular .carousel__container, .carousel--type-story-telling .carousel__container, .carousel--type-xlarge .carousel__container { max-width: 1328px; } } @media (min-width: 1440px) { .carousel--type-large .carousel__container, .carousel--type-regular .carousel__container, .carousel--type-story-telling .carousel__container, .carousel--type-xlarge .carousel__container { left: 0; right: 0; } } .carousel--type-case-study .carousel__container { margin: auto; } .carousel__container :has(.ump-container) { width: 100%; } .carousel__container :has(.ump-container) .carousel__slide.layout__col { width: 100%; } .carousel__container :has(.ump-container) .carousel__slide.layout__col .cascade-media-player { width: 100%; } .carousel--controls-top .carousel__controls { position: unset; } .carousel--controls-top .carousel__window { --carousel-window-margin-top:var(--root-spacing-xl); --carousel-window-margin-bottom:0; } .carousel--controls-top .carousel__slide { margin-bottom: calc(var(--carousel-window-margin-top) - var(--root-spacing-m)); } @media (min-width: 860px) { .carousel--controls-middle .carousel__controls { top: 50%; bottom: unset; transform: translateY(-50%); } .carousel--controls-middle .carousel__controls button { position: absolute; } .carousel--controls-middle .carousel__controls .carousel__arrow-prev { left: var(--root-spacing-m); padding: var(--root-spacing-m); } html[dir=rtl] .carousel--controls-middle .carousel__controls .carousel__arrow-prev { left: unset; right: var(--root-spacing-m); } .carousel--controls-middle .carousel__controls .carousel__arrow-next { right: var(--root-spacing-m); padding: var(--root-spacing-m); } html[dir=rtl] .carousel--controls-middle .carousel__controls .carousel__arrow-next { right: unset; left: var(--root-spacing-m); } } @media (min-width: 860px) { .carousel--controls-md-top .carousel__controls { position: unset; } .carousel--controls-md-top .carousel__window { --carousel-window-margin-top:var(--root-spacing-xl); --carousel-window-margin-bottom:0; } .carousel--controls-md-top .carousel__slide { margin-bottom: calc(var(--carousel-window-margin-top) - var(--root-spacing-m)); } } .carousel--type-media-tabs .media { margin: auto; } .carousel--controls-bottom-right .carousel__controls { justify-content: flex-end; } @media (min-width: 860px) and (max-width: 1439.98px) { .carousel--type-promo .layout--cols-2.layout--sidebar { --layout-column-count:1; } .carousel--type-promo .layout--cols-2.layout--sidebar > .layout__col { --layout-column-width:calc(var(--layout-available-width) / var(--layout-column-count)); } } .carousel--type-promo .layout--cols-2.layout--sidebar > .layout__col:nth-child(even) { max-width: var(--layout-column-width); } .carousel--type-promo .carousel__window { --carousel-window-margin-bottom:0; } .carousel--type-promo .carousel__section { margin-bottom: calc(var(--carousel-arrow-height) + var(--root-spacing-xl)); } .carousel--type-promo .carousel__controls { display: flex; } .carousel--type-promo .carousel__controls .carousel__arrow-next, .carousel--type-promo .carousel__controls .carousel__arrow-prev { order: 1; } .carousel--type-promo .carousel__controls .carousel__cta { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: auto; margin-inline-end: auto; } .carousel--type-media-playlist-video { --carousel-indicators-display:flex; } @media (max-width: 539.98px) { .carousel--type-media-playlist-video .layout--overflow { width: auto; } } @media (max-width: 1279.8px) { .carousel--type-media-playlist-video .carousel__section { display: flex; flex-direction: column; } .carousel--type-media-playlist-video .carousel__window { background-color: var(--bg-val); z-index: 2 !important; width: 100%; } .carousel--type-media-playlist-video .carousel__window .carousel__slide { padding: unset; } .carousel--type-media-playlist-video .carousel__controls { order: 1; } .carousel--type-media-playlist-video .carousel__controls .carousel__indicators { --carousel-indicators-display:flex; flex-direction: column; width: 100%; } .carousel--type-media-playlist-video .carousel__controls .carousel__indicators-item { width: 100%; } .carousel--type-media-playlist-video .carousel__controls .carousel__indicators-item--container { flex-grow: 1; } .carousel--type-media-playlist-video .ocr-slider .slider__arrows { display: none !important; } .carousel--type-media-playlist-video .ocr-slider .slider__window { width: 100% !important; justify-content: center; } .carousel--type-media-playlist-video .ocr-slider .slider__window > div.d-flex { flex-grow: 1; } .carousel--type-media-playlist-video .carousel__overlay-btn-toggle { display: none; } } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .carousel__section.single-slide .carousel__overlay-content { bottom: var(--media-playlist-overlay-bottom-spacing); } } .carousel--type-media-playlist-video .carousel__window { margin-bottom: 0 !important; background-color: var(--root-color-sky-blue-50); } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .carousel__window { position: initial !important; } } .carousel--type-media-playlist-video .carousel__slide { position: relative; } .carousel--type-media-playlist-video .carousel__slide:focus { outline-color: var(--root-color-dark-blue-800); } .carousel--type-media-playlist-video .carousel__overlay-content { padding: var(--root-spacing-l) 0 var(--root-spacing-2xl) 0; } .carousel--type-media-playlist-video .carousel__overlay-content > .block-feature { max-width: 288px; margin-inline: auto; } @media (min-width: 540px) { .carousel--type-media-playlist-video .carousel__overlay-content > .block-feature { max-width: 328px; } } @media (min-width: 860px) { .carousel--type-media-playlist-video .carousel__overlay-content { max-width: 570px; margin-inline: auto; } .carousel--type-media-playlist-video .carousel__overlay-content > .block-feature { max-width: none; } } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .carousel__overlay-content { padding: 0; position: absolute; bottom: calc(var(--media-playlist-indicator-height) + var(--media-playlist-overlay-bottom-spacing)); width: 100%; max-width: none; text-align: center; z-index: 1; overflow: hidden; } .carousel--type-media-playlist-video .carousel__overlay-content.carousel__overlay-content-hidden { bottom: var(--media-playlist-overlay-bottom-spacing); } .carousel--type-media-playlist-video .carousel__overlay-content .carousel__overlay-btn-toggle { margin-bottom: var(--root-spacing-m); } .carousel--type-media-playlist-video .carousel__overlay-content .carousel__overlay-btn-toggle span { transition: all 1s ease-in-out; display: inline-block; } .carousel--type-media-playlist-video .carousel__overlay-content .carousel__overlay-btn-toggle.overlay-visible span { transform: rotate(180deg); } .carousel--type-media-playlist-video .carousel__overlay-content.theme-night .block-feature__label { color: var(--root-color-sky-blue-300); } .carousel--type-media-playlist-video .carousel__overlay-content.theme-night .block-feature__title { --block-feature-title-color:var(--root-color-sky-blue-50); } .carousel--type-media-playlist-video .carousel__overlay-content.theme-night .block-feature__paragraph { color: var(--root-color-sky-blue-100); } .carousel--type-media-playlist-video .carousel__overlay-content.theme-day .block-feature__label { color: var(--root-color-brilliant-blue-700); } .carousel--type-media-playlist-video .carousel__overlay-content.theme-day .block-feature__title { --block-feature-title-color:var(--root-color-dark-blue-900); } .carousel--type-media-playlist-video .carousel__overlay-content.theme-day .block-feature__paragraph { color: var(--root-color-dark-blue-800); } .carousel--type-media-playlist-video .carousel__overlay-content .block-feature { width: 539px; margin-inline: auto; } } .carousel--type-media-playlist-video .carousel__controls { padding: 0 var(--root-spacing-l) 0 var(--root-spacing-l); position: relative; bottom: unset; } @media (min-width: 540px) { .carousel--type-media-playlist-video .carousel__controls { padding: 0 var(--root-spacing-2xl) 0 var(--root-spacing-2xl); } .carousel--type-media-playlist-video .carousel__controls > .ocr-slider { padding-inline: var(--root-spacing-2xl); } } @media (min-width: 860px) { .carousel--type-media-playlist-video .carousel__controls { max-width: 570px; margin-inline: auto; padding: 0; } .carousel--type-media-playlist-video .carousel__controls > .ocr-slider { padding-inline: 0; } } @media screen and (max-width: 1279.8px) { .carousel--type-media-playlist-video .carousel__controls { z-index: 1 !important; } } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .carousel__controls { z-index: 2; position: absolute; max-width: none; bottom: var(--media-playlist-overlay-bottom-spacing); } html:not([dir=rtl]) .carousel--type-media-playlist-video .carousel__controls { padding-left: 5%; padding-right: 1%; } html[dir=rtl] .carousel--type-media-playlist-video .carousel__controls { padding-left: 1%; padding-right: 5%; } .carousel--type-media-playlist-video .carousel__controls.theme-night .list-item__content .label-small { --fg-val:var(--root-color-sky-blue-300); } .carousel--type-media-playlist-video .carousel__controls.theme-night .list-item__content-title { --fg-val:var(--root-color-sky-blue-50); } .carousel--type-media-playlist-video .carousel__controls.theme-day .list-item__content .label-small { color: var(--root-color-brilliant-blue-700); } .carousel--type-media-playlist-video .carousel__controls.theme-day .list-item__content-title { --fg-val:var(--root-color-dark-blue-900); } } .carousel--type-media-playlist-video .carousel__controls .carousel__arrow-next, .carousel--type-media-playlist-video .carousel__controls .carousel__arrow-prev { display: none; } .carousel--type-media-playlist-video .carousel__indicators { gap: var(--root-spacing-m); } @media screen and (max-width: 1279.8px) { .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item-wrapper:nth-child(-n+4) { display: flex; } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item-wrapper { display: none; } } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item { text-decoration: none; max-width: none; height: 100%; } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item:focus { outline: 0; } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item:focus .carousel__indicators-item--container { outline: 2px dotted var(--theme-foreground-accent-subtle-normal); outline-offset: -2px; } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item:hover .carousel__indicators-item--container { background: var(--theme-background-glass-hover) !important; } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .carousel__indicators-item--container { background: var(--theme-background-card-selected) !important; } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .carousel__indicators-item__description, .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .list-item, .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .tag { display: none; } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item.active .carousel__indicators-item--container { background: var(--theme-background-glass-selected) !important; } } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item--container { max-width: none; background: var(--theme-background-card-normal) !important; } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item--container { background: var(--theme-background-glass-normal) !important; } } .carousel--type-media-playlist-video .carousel__indicators .carousel__indicators-item__media { padding: 0; } .carousel--type-media-playlist-video .carousel__indicators .ocr-img.media__asset { padding: 0; } .carousel--type-media-playlist-video .carousel__indicators .list-item .list-item__inner { padding: unset; } .carousel--type-media-playlist-video .carousel__show-more-indicator { display: none; } @media screen and (max-width: 1279.8px) { .carousel--type-media-playlist-video .carousel__show-more-indicator { display: block; padding-top: var(--root-spacing-2xl); } } @media (max-width: 539.98px) { .carousel--type-media-playlist-video .carousel__show-more-indicator { width: 100%; } } .carousel--type-media-playlist-video .ocr-slider { display: flex; flex-direction: column-reverse; gap: var(--root-spacing-xl); } .carousel--type-media-playlist-video .ocr-slider .slider__arrow-next-bg, .carousel--type-media-playlist-video .ocr-slider .slider__arrow-prev-bg { display: none; } .carousel--type-media-playlist-video .ocr-slider .slider__arrows { display: none; gap: var(--root-spacing-xs); } html[dir=rtl] .carousel--type-media-playlist-video .ocr-slider .slider__arrows { flex-direction: row-reverse; justify-content: flex-end; } .carousel--type-media-playlist-video .ocr-slider .slider__arrows button { height: var(--root-icon-3xl-max-height); width: var(--root-icon-3xl-max-width); max-height: var(--root-icon-3xl-max-height); position: relative; background: 0 0; margin: 0; } .carousel--type-media-playlist-video .ocr-slider .slider__arrows button:disabled { opacity: 0.2; cursor: default; } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .ocr-slider .slider__arrows { display: flex; } } .carousel--type-media-playlist-video .ocr-slider .slider__arrow-next::after { content: "\e72a"; } .carousel--type-media-playlist-video .ocr-slider .slider__arrow-prev::after { content: "\e72b"; } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .ocr-slider .slider__window { padding-bottom: 2px; } } @media (max-width: 1279.8px) { .carousel--type-media-playlist-video .ocr-slider .slider__window { padding-inline: 2px; } } .carousel--type-media-playlist-video .media.media--universal-media-player.overlay__target::before { z-index: 0; } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .media.media--universal-media-player.overlay__target::before { z-index: 1; background: var(--theme-background-video-overlay-bottom-vertical-strong); } } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-big-play-button { z-index: 1; top: 40px; } html:not([dir=rtl]) .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-big-play-button { left: 40px; } html[dir=rtl] .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-big-play-button { right: 40px; } } .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-big-play-button:focus { outline: 3px dotted var(--root-color-neutral-white) !important; } .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-control-bar { z-index: 1; } .carousel--type-media-playlist-video .media.media--universal-media-player .vjs-text-track-cue { inset: unset !important; } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video.theme-day .overlay__target::before { background: var(--theme-background-video-overlay-bottom-vertical-strong-light) !important; } } @media screen and (min-width: 1280px) { .carousel--type-media-playlist-video.theme-day .carousel__indicators .carousel__indicators-item--container { background: var(--theme-background-card-normal) !important; } } .carousel--type-media-playlist-video.theme-day .carousel__indicators-item:hover .carousel__indicators-item--container { background: var(--theme-background-card-hover) !important; } .carousel--type-media-playlist-video.theme-day .carousel__indicators-item:active .carousel__indicators-item--container { background: var(--theme-background-card-pressed) !important; } @media (prefers-reduced-motion: no-preference) { .carousel--type-media-playlist-video .slide-up-animation { --animation-duration:0.5s; animation: slide-up var(--animation-duration) ease-in-out 0s 1 normal none; } } .carousel--type-media-playlist-video .slide-up-bottom-animation { animation: carousel-mp-overlay-bottom-up 0.5s ease-in-out; } .carousel--type-media-playlist-video .slide-down-bottom-animation { animation: carousel-mp-overlay-bottom-down 0.5s ease-in-out; } .carousel--type-media-playlist-video .overlay-heading-hidden { z-index: -1; opacity: 0; transform: translateY(100%); position: absolute; } .carousel--type-media-playlist-video .overlay-controls-hidden { z-index: -1 !important; opacity: 0; transform: translateY(100%); } @keyframes carousel-mp-overlay-bottom-up { from { bottom: 50px; } to { bottom: 250px; } } @keyframes carousel-mp-overlay-bottom-down { from { bottom: 250px; } to { bottom: 50px; } } .carousel__indicators-type--label { display: flex; gap: var(--root-spacing-xs); } .carousel__indicators-type--label .glyph-prepend { display: flex; align-self: center; color: var(--theme-foreground-base-subtle); } .carousel__indicators-type--compound-label .indicator { --indicator-color:var(--theme-background-accent-subtle-normal); display: block; position: unset; border-radius: var(--root-radii-s); margin-bottom: var(--root-spacing-m); --indicator-length:var(--root-spacing-2xs); --indicator-size-small:100%; } .theme-night .carousel__indicators-type--compound-label .indicator { --indicator-color:var(--theme-background-accent-subtle-normal); } @media (forced-colors: active) { .carousel__indicators-type--compound-label .indicator { --indicator-color:activetext; } } .carousel__indicators-type--compound-label .carousel__indicators-item__label { color: var(--theme-foreground-accent-subtle-normal); } .carousel__indicators-type--videos { --carousel-indicator-item-media-width:144px; --carousel-indicator-item-listItem-width:auto; border-radius: var(--root-radii-m); display: inline-flex; -moz-column-gap: var(--root-spacing-l); column-gap: var(--root-spacing-l); align-items: center; padding: var(--root-spacing-m); position: relative; overflow: hidden; --surface-border-width:1px; --surface-border-color:rgba(255, 255, 255, 0.4); --surface-border-style:solid; --image-border-radius:var(--root-radii-s); } .carousel__indicators-type--videos .carousel__indicators-item__description .tag { margin-bottom: var(--root-spacing-2xs); } .carousel__indicators-type--videos .list-item .list-item__inner { padding: unset; } @media screen and (min-width: 1280px) { .carousel__indicators-type--videos > div { flex: 1 1 0; } } .carousel__indicators-type--videos .ocr-img { --image-max-width:var(--carousel-indicator-item-media-width); } .carousel__indicators-type--videos .list-item { width: var(--carousel-indicator-item-listItem-width); } .carousel__indicators-type--videos .indicator { position: absolute; } @media screen and (min-width: 1280px) { .carousel__indicators-type--videos { --carousel-indicator-item-listItem-width:160px; --carousel-indicator-item-media-width:160px; } } .ocr-divider { --divider-border-width:var(--root-border-xs); --divider-border-color:var(--theme-border-base-fade); border: 0; margin: 0; border-style: solid; border-top-width: var(--divider-border-width); border-color: var(--divider-border-color); } .ocr-divider--orientation-vertical { border-top: none; border-inline-start-width: var(--divider-border-width); } .ocr-divider--size-s { --divider-border-width:var(--root-border-s); --divider-border-color:var(--theme-border-base-strong); } .ocr-divider--size-m { --divider-border-width:var(--root-border-m); --divider-border-color:var(--theme-border-base-strong); } .footnote > ol { list-style-type: none; margin: 0; padding: 0; } .footnote__divider { margin-bottom: var(--root-spacing-xl); } .footnote__item { margin-bottom: var(--root-spacing-m); } .footnote__item-number { border-bottom: var(--root-border-xs) solid var(--theme-foreground-accent-subtle-normal); width: -moz-min-content; width: min-content; padding-bottom: var(--root-spacing-3xs); text-decoration: none; } .footnote__item-text { padding-top: var(--root-spacing-xs); } .dynamic-content__show-description { margin-bottom: var(--root-spacing-l); } .dynamic-content__load-more { margin-top: var(--root-spacing-l); } .dynamic-content__template { display: none; } .dynamic-content__spinner { display: flex; justify-content: center; } .filter-card-grid .dynamic-content__content { display: flex; flex-direction: column; gap: var(--root-spacing-3xl); } .filter-card-grid .card-grid__cards .link { --link-text-decoration:none; } .filter-card-grid .card-grid__cards .media { --media-aspect-ratio:21/9; --media-width:100%; } .filter-card-grid .card-grid__cards .ocr-img { --image-width:100%; } .button-dropdown-item { --button-border-color:var(--theme-border-accent-subtle-normal); --button-opacity:100%; --button-text-color:var(--theme-foreground-accent-subtle-normal); --background-color:transparent; box-shadow: none; } .button-dropdown-item button { display: flex; padding: var(--root-spacing-xs) var(--root-spacing-s) var(--root-spacing-xs) var(--root-spacing-m); gap: var(--root-spacing-xs); opacity: var(--button-opacity); border-style: solid; border-color: var(--button-border-color); border-width: var(--root-border-s); border-radius: var(--root-radii-s); color: var(--button-text-color) !important; background-color: var(--background-color); justify-content: center; } .button-dropdown-item button:hover { --button-border-color:var(--theme-border-accent-subtle-hover); --button-text-color:var(--theme-foreground-accent-subtle-hover); } .button-dropdown-item button:focus { outline: var(--root-border-s) solid var(--theme-border-base-strong); } .button-dropdown-item button.active { --button-text-color:var(--theme-foreground-accent-subtle-selected); --background-color:var(--theme-background-accent-subtle-selected); --button-border-color:transparent; } .button-dropdown-item button--label { padding-bottom: var(--root-spacing-3xs); } .button-dropdown-item button .glyph-prepend { display: flex; align-self: center; } .button-dropdown-item:has(.checkbox-input.checked) button { --button-text-color:var(--theme-foreground-accent-subtle-selected); --background-color:var(--theme-background-accent-subtle-selected); --button-border-color:transparent; } @media (min-width: 860px) { .button-dropdown-item { width: -moz-fit-content; width: fit-content; } .button-dropdown-item ul { min-width: 328px; } } .dropdown-bar .layout { display: flex; width: 100%; gap: var(--root-spacing-xs); --layout-column-count:unset; } @media (max-width: 539.98px) { .dropdown-bar .layout .menu-list { min-width: 250px; } } @media (max-width: 859.98px) { .dropdown-bar .layout { --layout-column-count:2; } .dropdown-bar .layout .menu-list { min-width: 250px; } } .spinner .spinner-dot::after { background: var(--theme-background-accent-strong-normal); } .theme-dark .spinner .spinner-dot::after { background: var(--theme-background-accent-strong-normal); } [data-mount=m365-video] { position: relative; --video-btn-width:32px; --video-btn-height:32px; --video-btn-position:3rem; } [data-mount=m365-video].overlay__target { --bg-val:var(--theme-background-background-overlay-fill, rgba(255, 255, 255, 0.6)); } [data-mount=m365-video] .m365-video__control { position: absolute; z-index: 1; color: var(--button-color) !important; height: var(--video-btn-height); width: var(--video-btn-width); } html:not([dir=rtl]) .m365-video--control-bottom-left[data-mount=m365-video] .m365-video__control, html:not([dir=rtl]) .m365-video--control-top-left[data-mount=m365-video] .m365-video__control { left: var(--video-btn-position); } html[dir=rtl] .m365-video--control-bottom-left[data-mount=m365-video] .m365-video__control, html[dir=rtl] .m365-video--control-top-left[data-mount=m365-video] .m365-video__control { right: var(--video-btn-position); } html:not([dir=rtl]) .m365-video--control-bottom-right[data-mount=m365-video] .m365-video__control, html:not([dir=rtl]) .m365-video--control-top-right[data-mount=m365-video] .m365-video__control { right: var(--video-btn-position); } html[dir=rtl] .m365-video--control-bottom-right[data-mount=m365-video] .m365-video__control, html[dir=rtl] .m365-video--control-top-right[data-mount=m365-video] .m365-video__control { left: var(--video-btn-position); } .m365-video--control-top-left[data-mount=m365-video] .m365-video__control, .m365-video--control-top-right[data-mount=m365-video] .m365-video__control { top: var(--video-btn-position); } .m365-video--control-bottom-left[data-mount=m365-video] .m365-video__control, .m365-video--control-bottom-right[data-mount=m365-video] .m365-video__control { bottom: var(--video-btn-position); } .m365-video--control-small[data-mount=m365-video] .m365-video__control { --video-btn-height:24px; --video-btn-width:24px; } .m365-video--control-large[data-mount=m365-video] .m365-video__control { --video-btn-height:48px; --video-btn-width:48px; } .m365-video--control-secondary[data-mount=m365-video] .m365-video__control { box-sizing: border-box; --button-bg-color:transparent; --button-color:var(--theme-foreground-accent-subtle-normal)!important; --button-border-color:var(--theme-border-accent-subtle-normal); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); --button-hover-bg-color:transparent; --button-hover-color:var(--theme-foreground-accent-subtle-hover)!important; --button-hover-border-color:var(--theme-border-accent-subtle-hover); --button-pressed-bg-color:transparent; --button-pressed-color:var(--theme-foreground-accent-subtle-pressed)!important; --button-pressed-border-color:var(--theme-border-accent-subtle-pressed); --button-color:var(--theme-foreground-accent-strong-normal)!important; --button-border-color:var(--theme-foreground-accent-strong-normal); } .m365-video--control-secondary[data-mount=m365-video] .m365-video__control:hover { --button-bg-color:var(--button-hover-bg-color); --button-color:var(--button-hover-color); --button-border-color:var(--button-hover-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); background-image: none; box-shadow: none; } .m365-video--control-secondary[data-mount=m365-video] .m365-video__control:active { --button-bg-color:var(--button-pressed-bg-color); --button-color:var(--button-pressed-color); --button-border-color:var(--button-pressed-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); } @media (max-width: 859.98px) { [data-mount=m365-video].m365-video--mobile-d-none { display: none; } } [data-mount=m365-video].m365-video--full-height { height: 100%; } [data-mount=m365-video].m365-video--full-height figure { height: 100%; } [data-mount=m365-video].m365-video--full-height video { height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 860px) { [data-mount=m365-video].m365-video--full-height-desktop-only { height: 100%; } [data-mount=m365-video].m365-video--full-height-desktop-only figure { height: 100%; } [data-mount=m365-video].m365-video--full-height-desktop-only video { height: 100%; -o-object-fit: cover; object-fit: cover; } } .sku { --sku-title-margin-bottom:var(--root-spacing-s); --sku-recurrence-margin-top:var(--root-spacing-2xs); --sku-recurrence-margin-bottom:var(--root-spacing-m); --sku-pricing-margin-bottom:0; --sku-buttons-margin-bottom:0; --sku-footnote-margin-top:var(--root-spacing-m); --sku-buttons-margin-top:var(--root-spacing-m); --sku-unavailable-margin-bottom:0; color: var(--theme-foreground-base-strong); } .sku__title { margin-bottom: var(--sku-title-margin-bottom); word-wrap: break-word; } .sku__unavailable { margin-bottom: var(--sku-unavailable-margin-bottom); } .sku__pricing { display: flex; flex-direction: row; align-items: flex-end; gap: var(--root-spacing-s); margin-bottom: var(--sku-pricing-margin-bottom); } .sku__pricing-discount { text-decoration: line-through; color: var(--theme-foreground-base-subtle); opacity: 50%; } @media (min-width: 1440px) { .sku__pricing-current { font-size: 43px; } } @media (min-width: 540px) and (max-width: 859.98px) { .sku__pricing-current { font-size: 27px; } } .sku__detail-recurrence { margin-top: var(--sku-recurrence-margin-top); margin-bottom: var(--sku-recurrence-margin-bottom); } .sku__detail-commitment { margin-bottom: var(--root-spacing-2xs); } .sku__buttons { margin-top: var(--sku-buttons-margin-top); margin-bottom: var(--sku-buttons-margin-bottom); } .sku__footnote { margin-top: var(--sku-footnote-margin-top); } .sku--style-table-header { --sku-title-margin-bottom:var(--root-spacing-xs); --sku-pricing-margin-bottom:var(--root-spacing-2xs); --sku-buttons-margin-bottom:var(--root-spacing-m); --sku-recurrence-margin-bottom:var(--root-spacing-2xs); --sku-footnote-margin-top:0; --sku-unavailable-margin-bottom:var(--root-spacing-l); } @media (max-width: 859.98px) { .sku--style-table-header { --sku-buttons-margin-bottom:0; } } .sku--style-sticky-header-row { --sku-title-margin-bottom:var(--root-spacing-xs); --sku-pricing-margin-bottom:var(--root-spacing-xs); --sku-recurrence-margin-top:0; --sku-buttons-margin-top:var(--root-spacing-xs); --sku-buttons-margin-bottom:var(--root-spacing-m); --sku-unavailable-margin-bottom:var(--root-spacing-m); } .card-plan-detail { --card-plan-detail-background-color:var(--theme-background-card-normal); --card-plan-detail-box-shadow:var(--root-depth-4); --layout-column-gap:var(--root-spacing-2xl); --layout-row-gap:var(--root-spacing-xl); background-color: var(--card-plan-detail-background-color); box-shadow: var(--card-plan-detail-box-shadow); border-radius: var(--root-radii-l); color: var(--theme-foreground-base-strong); padding: var(--root-spacing-l); } .card-plan-detail--highlight { --card-plan-detail-box-shadow:none!important; border: none !important; } .card-plan-detail:active { --card-plan-detail-box-shadow:var(--root-depth-2); --card-plan-detail-background-color:var(--theme-background-card-pressed); } .card-plan-detail:hover { --card-plan-detail-box-shadow:var(--root-depth-8); --card-plan-detail-background-color:var(--theme-background-card-hover); } .card-plan-detail:focus { --card-plan-detail-box-shadow:var(--root-depth-4); --card-plan-detail-background-color:var(--theme-background-card-selected); } .card-plan-detail .card-plan-detail__highlight { --surface-border-radius:var(--root-radii-m); --surface-border-width:var(--root-border-xs); --card-plan-detail-box-shadow:var(--root-depth-4); padding: var(--root-spacing-l); } @media (forced-colors: active) { .card-plan-detail .card-plan-detail__highlight { border: var(--root-border-xs) solid activetext; } } @media (max-width: 859.98px) { .card-plan-detail { padding-bottom: var(--root-spacing-2xl); } .card-plan-detail.card-plan-detail--highlight { padding-bottom: var(--root-spacing-l); } } @media (min-width: 860px) { .card-plan-detail { flex-direction: row; } } @media (forced-colors: active) { .card-plan-detail { border: var(--root-border-xs) solid activetext; } } .card-plan-detail .list-item .small { font-weight: 600; } .card-plan-detail__content { display: flex; flex-direction: column; row-gap: var(--root-spacing-l); } .card-plan-detail--product .badge { --badge-border-radius:var(--root-radii-s); } .card-plan-detail--product .sku__title { margin-bottom: var(--root-spacing-m); } .card-plan-detail--product .sku__title > :first-child { font-size: var(--root-h5-font-size, 1.125rem); } .card-plan-detail--product .sku__pricing { margin-top: var(--root-spacing-2xl); } .card-plan-detail--product .sku__detail-recurrence { margin-bottom: 0; } .card-plan-detail--product .sku__note { margin-top: var(--root-spacing-m); } .card-plan-detail--product .sku__buttons { margin-top: var(--root-spacing-2xl); } .card-plan-detail--grid-card { --card-plan-detail-box-shadow:var(--root-depth-4); padding: var(--root-spacing-m); } @media (min-width: 540px) { .card-plan-detail--grid-card { padding: var(--root-spacing-l); } } .card-plan-detail--grid-card .card-plan-detail__badges { padding-top: var(--root-spacing-m); } @media (min-width: 540px) { .card-plan-detail--grid-card .card-plan-detail__badges { padding-top: var(--root-spacing-2xl); } } .card-plan-detail--grid-card .card-plan-detail__badges .block-items-list--align-inline { -moz-column-gap: var(--root-spacing-xs); column-gap: var(--root-spacing-xs); row-gap: var(--root-spacing-xs); } .card-plan-detail--grid-card .card-plan-detail__badges .block-items-list--align-inline .list-item__inner { padding: 0; } .card-plan-detail--grid-card .ocr-divider { margin-top: var(--root-spacing-l); } @media (min-width: 540px) { .card-plan-detail--grid-card .ocr-divider { margin-top: var(--root-spacing-2xl); } } .card-plan-detail--grid-card .card-plan-detail__footer { display: flex; flex-direction: column; width: 100%; } @media (min-width: 860px) { .card-plan-detail--grid-card .card-plan-detail__footer { flex-direction: row; justify-content: space-between; } } .card-plan-detail--grid-card .card-plan-detail__footer-text { margin-top: var(--root-spacing-m); } .card-plan-detail--grid-card .card-plan-detail__footer-payment { margin-top: var(--root-spacing-m); } .card-plan-detail--grid-card .card-plan-detail__footer-payment .media { margin-top: var(--root-spacing-m); display: inline-flex; -webkit-margin-end: var(--root-spacing-xs); margin-inline-end: var(--root-spacing-xs); } .card-plan-detail--grid-card .card-plan-detail__footer-payment .media:last-child { -webkit-margin-end: 0; margin-inline-end: 0; } .card-plan-detail--vertical { --card-plan-detail-box-shadow:var(--root-depth-4); } .card-plan-detail--vertical .sku__buttons, .card-plan-detail--vertical .sku__detail-commitment, .card-plan-detail--vertical .sku__note, .card-plan-detail--vertical .sku__paragraph, .card-plan-detail--vertical .sku__title { margin-bottom: var(--root-spacing-m); } .card-plan-detail--vertical .card-plan-detail__sku { margin-bottom: var(--root-spacing-l); } .card-plan-detail--vertical .card-plan-detail__content { row-gap: var(--root-spacing-m); } .card-plan-detail--vertical .block-items-list { gap: 0; line-height: 20px; } @media (max-width: 1439.98px) { .card-plan-detail--vertical .block-items-list { line-height: 24px; } } .card-plan-detail--vertical .block-items-list--type-checklist { list-style-type: disc; -webkit-padding-start: var(--root-spacing-l); padding-inline-start: var(--root-spacing-l); } .card-plan-detail--vertical .block-items-list__item { display: list-item; } .card-plan-detail--vertical .list-item .small { font-weight: 400; } @media (min-width: 860px) { .card-plan-detail--vertical { flex-direction: column; } } .card-plan-detail .block-items-list { --block-items-list-flex-basis:75%; } @media (max-width: 539.98px) { .card-plan-detail .block-items-list { --block-items-list-flex-basis:100%; } } .card-plan-detail .block-items-list--align-inline { --block-items-list-flex-basis:auto; } @media (max-width: 539.98px) { .card-plan-detail .block-items-list--align-inline { --block-items-list-flex-basis:auto; } } .card-plan-detail .button-group { --button-group-direction:row; } @media (max-width: 539.98px) { .card-plan-detail .button-group { --button-group-direction:column; } } .card-plan-detail .list-item__leading { align-self: flex-start; } .card-plan-detail--product-featured .sku__paragraph, .card-plan-detail--product-featured.card-plan-detail--vertical .sku__buttons { margin-bottom: var(--root-spacing-l); } .card-plan-detail--product-featured .ocr-divider { border-color: var(--theme-border-special-fade); margin-top: var(--root-spacing-l); } .card-plan-detail--product-featured .card-plan-detail__content { margin-top: var(--root-spacing-l); } .card-plan-detail--product-featured .card-plan-detail__badge-text, .card-plan-detail--product-featured .card-plan-detail__footer a { font-weight: var(--root-h3-font-weight); } .card-plan-detail--product-featured.card-plan-detail--grid-card .card-plan-detail__badges { padding-top: var(--root-spacing-xl); } .card-plan-detail--product-featured .card-plan-detail__badge-text { margin-bottom: var(--root-spacing-xs); } .card-plan-detail:has(.card-plan-detail__banner-top) { padding: 0; } .card-plan-detail:has(.card-plan-detail__banner-top) .card-plan-detail__body { padding: var(--root-spacing-l); } .card-plan-detail:has(.card-plan-detail__banner-top) .card-plan-detail__banner-top { padding: var(--root-spacing-xs) var(--root-spacing-m) var(--root-spacing-s); text-align: center; gap: var(--root-spacing-xs); border-radius: var(--root-radii-l) var(--root-radii-l) 0 0; } .card-plan-detail:has(.card-plan-detail__banner-top) .card-plan-detail__banner-top p { gap: var(--root-spacing-s); } .card-plan-detail__banner-promo { border-radius: var(--root-radii-s); background-image: var(--theme-background-special-color) !important; margin-top: var(--root-spacing-xl); padding: var(--root-spacing-s) var(--root-spacing-m) var(--root-spacing-s) var(--root-spacing-s); gap: var(--root-spacing-s); } .card-plan-detail__banner-promo .card-plan-detail__banner-promo-body { gap: var(--root-spacing-xs); font-size: var(--root-x-small-font-size, 0.75rem); line-height: var(--root-x-small-line-height, 1rem); letter-spacing: var(--root-x-small-letter-spacing, -0.03em); } .card-plan-detail__banner-promo .card-plan-detail__banner-promo-body .link { font-weight: var(--root-h3-font-weight); } @media (min-width: 860px) { .layout--offset-right > .layout__col:nth-child(odd).card-plan-detail__sku { flex-basis: calc(35% - var(--layout-column-gap) / 2); } } @media (min-width: 1440px) { .layout--offset-right > .layout__col:nth-child(odd).card-plan-detail__sku { flex-basis: calc(44% - var(--layout-column-gap) / 2); } } @media (min-width: 860px) { .layout--offset-right > .layout__col:nth-child(even).card-plan-detail__content { flex-basis: calc(63% - var(--layout-column-gap) / 2); } } @media (min-width: 1440px) { .layout--offset-right > .layout__col:nth-child(even).card-plan-detail__content { flex-basis: calc(56% - var(--layout-column-gap) / 2); } } .theme-night .card-plan-detail__highlight { --surface-bg:var(--theme-background-glass-normal); --surface-border-color:var(--theme-border-glass-fade); } .testimonial { --testimonial-media-size:10rem; padding-top: var(--root-spacing-4xl); display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 859.98px) { .testimonial { --testimonial-media-size:6.5rem; } } .testimonial__top { position: relative; height: 0; top: calc(var(--testimonial-media-size) / 2 * -1); } .testimonial__media { --image-border-radius:var(--root-radii-circle); } .testimonial__badge { position: absolute; top: 0; left: calc(var(--root-spacing-xl) * -1); } html[dir=rtl] .testimonial__badge { right: calc(var(--root-spacing-xl) * -1); } .testimonial__heading { width: 100%; border-radius: var(--root-radii-l); background-color: var(--theme-background-glass-normal); padding: var(--root-spacing-4xl) var(--root-spacing-4xl) var(--root-spacing-2xl) var(--root-spacing-4xl); } @media (max-width: 859.98px) { .testimonial__heading { padding: var(--root-spacing-4xl) var(--root-spacing-m) var(--root-spacing-2xl); } } .testimonial__heading .block-heading { display: flex; flex-direction: column; gap: var(--root-spacing-xl); --block-heading-button-group-margin:0; --block-heading-paragraph-margin:0; --block-heading-footnote-margin:0; } .testimonial .media { --media-width:var(--testimonial-media-size); --media-height:var(--testimonial-media-size); } .testimonial .badge { --badge-width:4.5rem; --badge-height:4.5rem; padding: var(--root-spacing-m); border-radius: var(--root-radii-circle); background-color: var(--theme-background-accent-strong-normal); } @media (max-width: 859.98px) { .testimonial .badge { --badge-width:3rem; --badge-height:3rem; } } .testimonial .badge .ocr-icon { --icon-font-size:var(--root-icon-2xl-font-size); width: auto; } @media (max-width: 859.98px) { .testimonial .badge .ocr-icon { --icon-font-size:var(--root-icon-l-font-size); } } .testimonial .badge .ocr-icon > [class*=glyph-] { --icon-glyph-color:var(--theme-foreground-accent-strong-normal); } html[dir=rtl] .testimonial .badge .glyph-append-left-double-quote { transform: scaleX(-1); } .testimonial--logo .media { border-radius: var(--root-radii-circle); border: 1px solid var(--theme-border-glass-fade); background: var(--theme-background-glass-normal); padding: var(--root-spacing-m); -webkit-backdrop-filter: var(--root-filter-blur-glass-backdrop-filter); backdrop-filter: var(--root-filter-blur-glass-backdrop-filter); } .testimonial--quote-only .testimonial__top { display: flex; justify-content: center; align-items: center; top: 0; } .testimonial--quote-only .testimonial__heading { padding-top: var(--root-spacing-2xl); } .testimonial--quote-only .testimonial__badge { position: static; } .block-section-title__header { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--root-spacing-l); } .block-section-title__heading { color: var(--theme-foreground-base-strong); } .block-section-title__divider-top { margin-bottom: var(--root-spacing-xl); } .block-section-title__divider-bottom { margin-top: var(--root-spacing-xl); } @media (max-width: 539.98px) { .block-section-title__button { display: none; } } .ocr-input { --ocr-input-width:1.5rem; --ocr-input-height:1.5rem; --ocr-input-bg-color:var(--theme-background-accent-subtle-normal); --ocr-input-bg-image:none; --ocr-input-bg-size:0; --ocr-input-border-radius:none; } .ocr-input__input { outline: 0; flex-shrink: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--ocr-input-border-radius); background-color: var(--ocr-input-bg-color); width: var(--ocr-input-width); height: var(--ocr-input-height); } .ocr-input__input:checked, .ocr-input__input[type=checkbox]:indeterminate { --ocr-input-bg-color:var(--theme-background-accent-strong-normal); background-image: var(--ocr-input-bg-image); background-position: center center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: var(--ocr-input-bg-size); } .ocr-input__input:hover { --ocr-input-bg-color:var(--theme-background-accent-subtle-hover); } .ocr-input__input:hover:checked { --ocr-input-bg-color:var(--theme-background-accent-strong-hover); } .ocr-input__input:focus { --ocr-input-bg-color:var(--theme-background-accent-subtle-pressed); } .ocr-input__input:focus:checked { --ocr-input-bg-color:var(--theme-background-accent-strong-pressed); } .ocr-input__input:disabled { opacity: 0.55; pointer-events: none; } .ocr-input__input:disabled:checked { --ocr-input-bg-color:var(--theme-background-accent-strong-normal); opacity: 0.2; } .ocr-input__input:disabled ~ .ocr-input__label { opacity: 0.2; pointer-events: none; } .ocr-input__label { -webkit-margin-start: var(--root-spacing-s); margin-inline-start: var(--root-spacing-s); margin-bottom: 0; } .ocr-input--type-radio { --ocr-input-border-radius:50%; } .ocr-input--type-radio .ocr-input__input { --ocr-input-bg-size:0.5rem; } .ocr-input--type-radio .ocr-input__input:focus { outline-offset: 0.125rem; } .ocr-input--type-radio .ocr-input__input:checked { --ocr-input-bg-image:url('data:image/svg+xml,'); } @media (forced-colors: active) { .ocr-input--type-radio .ocr-input__input { border: 1px solid activetext !important; } } .ocr-input--type-checkbox { --ocr-input-border-radius:0.25rem; } .ocr-input--type-checkbox .ocr-input__input { --ocr-input-bg-size:1rem; border: var(--root-border-xs) solid var(--theme-background-accent-strong-normal); } @media (prefers-contrast: more) { .ocr-input--type-checkbox .ocr-input__input { outline: var(--root-border-xs) solid var(--theme-border-accent-subtle-selected); } } .ocr-input--type-checkbox .ocr-input__input:focus { outline: var(--root-border-xs) solid var(--theme-border-accent-subtle-selected); } .ocr-input--type-checkbox .ocr-input__input:checked { --ocr-input-bg-image:url('data:image/svg+xml,'); } .ocr-input--type-checkbox .ocr-input__input:indeterminate { --ocr-input-bg-image:url('data:image/svg+xml,'); } .ocr-input--size-sm { --ocr-input-width:1rem; --ocr-input-height:1rem; } .ocr-input--size-sm .ocr-input__input { margin-top: var(--root-spacing-2xs); } .statement-banner .layout__col { display: flex; flex-direction: column; align-items: center; } .statement-banner .badge { margin-bottom: var(--root-spacing-l); align-self: center; --badge-height:96px; --badge-width:96px; box-shadow: var(--root-depth-4); } @media (max-width: 1439.98px) { .statement-banner .badge { --badge-height:72px; --badge-width:72px; } } .statement-banner .badge .ocr-icon { --icon-font-size:32px; --icon-max-height:32px; --icon-max-width:32px; } @media (max-width: 1439.98px) { .statement-banner .badge .ocr-icon { --icon-font-size:24px; --icon-max-height:24px; --icon-max-width:24px; } } .statement-banner .layout--boxed { margin-bottom: var(--root-density-vertical-default); } .statement-banner .block-heading__title { display: inline; -webkit-padding-end: calc(var(--root-marquee-letter-spacing) * -1); padding-inline-end: calc(var(--root-marquee-letter-spacing) * -1); } .statement-banner .block-heading__paragraph { --block-heading-paragraph-margin:0; } .statement-banner--hero .block-heading__title.text-gradient { --text-gradient-bg-image:linear-gradient(90deg, #801ea4 0%, #dc2c04 100%); } .statement-banner--campaign { z-index: 3; position: relative; } .animated-header { --animated-header-display:inline-flex; --animated-header-background:var(--theme-background-glass-normal); --animated-header-x-padding:calc(var(--root-spacing-l) * 2); --animated-header-y-padding:var(--root-spacing-l); --animated-header-max-height:none; --animated-header-border-radius:var(--root-radii-circle); --animated-header-border:1px solid var(--theme-border-glass-fade); --animated-header-box-shadow:var(--root-depth-4); --animated-header-font-weight:var(--root-h4-font-weight); --animated-header-font-size:var(--root-h4-font-size); --animated-header-line-height:var(--root-h4-line-height); --animated-header-letter-spacing:var(--root-h4-letter-spacing); display: var(--animated-header-display); max-height: var(--animated-header-max-height); background: var(--animated-header-background); border-radius: var(--animated-header-border-radius); border: var(--animated-header-border); box-shadow: var(--animated-header-box-shadow); padding: var(--animated-header-y-padding) var(--animated-header-x-padding); font-weight: var(--animated-header-font-weight); font-size: var(--animated-header-font-size); line-height: var(--animated-header-line-height); letter-spacing: var(--animated-header-letter-spacing); } @media (min-width: 860px) { .animated-header { --animated-header-x-padding:calc(var(--root-spacing-3xl)); --animated-header-y-padding:var(--root-spacing-xl); } } @media (min-width: 860px) { .animated-header { --animated-header-font-weight:var(--root-h3-font-weight); --animated-header-font-size:var(--root-h3-font-size); --animated-header-line-height:var(--root-h3-line-height); --animated-header-letter-spacing:var(--root-h3-letter-spacing); } } .animated-header__text { display: inline-flex; } .section-master .row.section-master__slot .col:has(.ai-chat-banner) { -webkit-padding-end: 0; padding-inline-end: 0; } .ai-chat-banner { background: var(--ai-search-banner-background); --ai-search-banner-background:linear-gradient( 180deg, var(--root-color-brilliant-blue-900) 0%, var(--root-color-brilliant-blue-800) 98.96% ); box-shadow: var(--root-depth-4); width: 100%; padding-top: var(--root-spacing-xl); padding-bottom: var(--root-spacing-xl); } .ai-chat-banner--no-background-gradient { --ai-search-banner-background:none; } @media (max-width: 859.98px) { .ai-chat-banner { display: none; } } @media screen and (max-height: 349.9px) { .ai-chat-banner { display: none; } } .ai-chat-banner__text-content { display: flex; flex-direction: column; gap: 5px; } .ai-chat-banner__main-text { padding-block: var(--root-spacing-s); -webkit-padding-end: var(--root-spacing-s); padding-inline-end: var(--root-spacing-s); } .ai-chat-banner .block-feature { gap: 5px; } .ai-chat-banner .block-feature__body { gap: var(--root-spacing-2xs); } .ai-chat-banner__disclaimer { color: var(--theme-foreground-base-highlight); } .ai-chat-banner__search { display: flex; flex-direction: column; justify-content: center; gap: 0.625rem; } .ai-chat-banner__tags { display: flex; flex-wrap: wrap; gap: var(--root-spacing-m); list-style-type: none; margin: 0; padding: 0; } .ai-chat-button { display: flex; flex-wrap: nowrap; align-items: center; position: fixed; inset-inline-end: 1rem; bottom: 0; padding: var(--root-spacing-m); box-shadow: var(--root-depth-4); z-index: 1030; text-align: start; border: var(--root-border-xs) solid var(--theme-border-card-fade); border-radius: var(--root-radii-m); } @media screen and (max-height: 349.9px) { .ai-chat-button { display: none; } } .ai-chat-button:hover { box-shadow: var(--root-depth-8); } .ai-chat-button.theme-day { background-color: var(--theme-border-glass-strong); } .ai-chat-button.theme-night { background-color: var(--theme-border-card-strong); } .ai-chat-button > .ocr-icon { margin-bottom: var(--root-spacing-2xs); } .ai-chat-button__text { display: flex; flex-direction: column; justify-content: center; text-align: start; white-space: nowrap; } .ai-chat-button__text:not(:first-child) { -webkit-margin-start: var(--root-spacing-s); margin-inline-start: var(--root-spacing-s); } .ai-chat-button__text > span:only-child { line-height: var(--root-h4-line-height); } .ai-chat-button__text > small { color: var(--theme-background-accent-strong-selected); } .ai-chat-button > .btn:last-child { -webkit-margin-start: var(--root-spacing-xl); margin-inline-start: var(--root-spacing-xl); } .ai-chat-drawer { --ai-chat-drawer-width:432px; top: 0; height: 100%; display: flex; position: fixed; inset-inline-end: 0; width: var(--ai-chat-drawer-width); z-index: 1032; flex-direction: column; } @media (max-width: 539.98px) { .ai-chat-drawer { --ai-chat-drawer-width:360px; } } @media (max-width: 360px) { .ai-chat-drawer { width: 100%; } } @media screen and (max-height: 349.9px) { .ai-chat-drawer { display: none; } } .ai-chat-drawer__header { background-color: var(--theme-background-neutral-fade); padding: var(--root-spacing-s) var(--root-spacing-m); box-shadow: var(--root-depth-2); display: flex; justify-content: space-between; align-items: center; } .ai-chat-drawer__header .block-feature { --block-feature--spacing:var(--root-spacing-s); --block-feature-body-gap:0; } .ai-chat-drawer__header .block-feature__badge { align-self: center; } .ai-chat-drawer__header .block-feature__body { align-self: center; } .ai-chat-drawer__header .block-feature__paragraph { color: var(--theme-background-accent-strong-selected); } .ai-chat-drawer__header__control { display: flex; } .ai-chat-drawer__header__control .btn { padding: 4px; font-size: 1.25rem; line-height: 1rem; } .ai-chat-drawer .ocr-divider { --divider-border-color:var(--theme-border-base-fade); } .ai-chat-drawer__body { background-color: var(--theme-background-neutral-fade); border-radius: 0 0 var(--root-radii-l) var(--root-radii-l); padding: var(--root-spacing-l); box-shadow: var(--root-depth-2); height: 100%; overflow: auto; } .ai-chat-drawer__body__content__messages { height: 100%; } .ai-chat-drawer__body__content__tags { display: flex; flex-direction: column; gap: var(--root-spacing-xs); align-items: flex-end; } .ai-chat-drawer__body .webchat__send-box__main { position: relative; border-radius: var(--root-radii-s); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12); overflow: hidden; } .ai-chat-drawer__body .webchat__send-box__main::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #0a86c4 0.65%, #71ede8 100.65%); } .ai-chat-drawer__body .webchat__send-box__main input:disabled, .ai-chat-drawer__body .webchat__send-box__main input[aria-disabled=true], .ai-chat-drawer__body .webchat__send-box__main textarea:disabled, .ai-chat-drawer__body .webchat__send-box__main textarea[aria-disabled=true] { cursor: auto; pointer-events: none; } .ai-chat-drawer__body .webchat__send-box__main input:disabled::-moz-placeholder, .ai-chat-drawer__body .webchat__send-box__main input[aria-disabled=true]::-moz-placeholder, .ai-chat-drawer__body .webchat__send-box__main textarea:disabled::-moz-placeholder, .ai-chat-drawer__body .webchat__send-box__main textarea[aria-disabled=true]::-moz-placeholder { color: #d2d2d2; } .ai-chat-drawer__body .webchat__send-box__main input:disabled::placeholder, .ai-chat-drawer__body .webchat__send-box__main input[aria-disabled=true]::placeholder, .ai-chat-drawer__body .webchat__send-box__main textarea:disabled::placeholder, .ai-chat-drawer__body .webchat__send-box__main textarea[aria-disabled=true]::placeholder { color: #d2d2d2; } .ai-chat-drawer__body__content { height: 100%; } .ai-chat-drawer .webchat__bubble--lp-system-message { flex: 1 0 auto; text-align: end; } .ai-chat-drawer .webchat__bubble--lp-system-message .webchat__bubble__content { color: var(--theme-foreground-base-subtle) !important; background: 0 0 !important; border: none !important; min-height: 0 !important; } .ai-chat-drawer .webchat__bubble--lp-system-message .webchat__bubble__content .webchat__text-content { padding: 0 !important; } .ai-chat-drawer .webchat__bubble__content .ac-adaptiveCard, .ai-chat-drawer .webchat__bubble__content .webchat__text-content { padding: var(--root-spacing-m) var(--root-spacing-l) !important; } .ai-chat-drawer .webchat__bubble__content.lp-pcs-questionnaire .lp-json-pollock { display: flex !important; justify-content: center !important; padding-bottom: var(--root-spacing-m); } .ai-chat-drawer .webchat__bubble__content.lp-pcs-questionnaire .lp-json-pollock .lp-json-pollock-element-button button:disabled { --button-opacity:0.2; } .ai-chat-drawer .webchat__bubble__content.lp-pcs-questionnaire .lp-json-pollock .lp-json-pollock-element-button button:disabled.disabled, .ai-chat-drawer .webchat__bubble__content.lp-pcs-questionnaire .lp-json-pollock .lp-json-pollock-element-button button:disabled.inactive, .ai-chat-drawer .webchat__bubble__content.lp-pcs-questionnaire .lp-json-pollock .lp-json-pollock-element-button button:disabled:disabled { cursor: default; opacity: var(--button-opacity); } .ai-chat-drawer .webchat__bubble__content.lp-pcs-questionnaire .lp-json-pollock .lp-json-pollock-layout { border: none; } .ai-chat-drawer .webchat__bubble__content.lp-pcs-questionnaire .lp-json-pollock .lp-json-pollock-layout-horizontal > .lp-json-pollock-element-button { border-left: none !important; } .ai-chat-drawer .webchat__bubble__content.lp-pcs-questionnaire .lp-json-pollock .lp-json-pollock-layout-vertical > .lp-json-pollock-element-button { border-top: none !important; } .ai-chat-drawer .webchat__bubble__content.lp-pcs-richContent .lp-json-pollock-element-button > button { --button-bg-color:var(--theme-background-accent-strong-normal); --button-color:var(--theme-foreground-accent-strong-normal); --button-border-color:transparent; background-color: var(--button-bg-color); color: var(--button-color); --button-hover-bg-color:var(--theme-background-accent-strong-hover); --button-hover-color:var(--theme-foreground-accent-strong-hover); --button-hover-border-color:transparent; --button-pressed-bg-color:var(--theme-background-accent-strong-pressed); --button-pressed-color:var(--theme-foreground-accent-strong-pressed); --button-pressed-border-color:transparent; border-radius: var(--root-radii-s); } .ai-chat-drawer .webchat__bubble__content.lp-pcs-richContent .lp-json-pollock-element-button > button:hover { --button-bg-color:var(--button-hover-bg-color); --button-color:var(--button-hover-color); --button-border-color:var(--button-hover-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); background-image: none; box-shadow: none; } .ai-chat-drawer .webchat__bubble__content.lp-pcs-richContent .lp-json-pollock-element-button > button:active { --button-bg-color:var(--button-pressed-bg-color); --button-color:var(--button-pressed-color); --button-border-color:var(--button-pressed-border-color); background-color: var(--button-bg-color); color: var(--button-color); border-color: var(--button-border-color); } .ai-chat-drawer__disclaimer { text-align: end; color: var(--day-foreground-base-theme-subtle); margin-bottom: 0.5rem; } .ai-chat-drawer .webchat__basic-transcript__activity { margin: var(--root-spacing-m) 0; } .ai-chat-drawer .ac-adaptiveCard > .ac-container:first-child > .ac-textBlock { line-height: inherit !important; } .ai-chat-drawer .ac-adaptiveCard > .ac-container:first-child > .ac-textBlock .webchat__render-markdown__pure-identifier { vertical-align: super; font-size: 75%; line-height: 0; } .ai-chat-drawer .ac-adaptiveCard .ac-columnSet .ac-container > div:nth-child(1) > div, .ai-chat-drawer .ac-adaptiveCard .ac-textBlock, .ai-chat-drawer .ac-adaptiveCard .webchat__render-markdown--adaptive-cards > :first-child { overflow: visible !important; } .ai-chat-drawer .webchat__markdown__external-link-icon { display: none; } .ai-chat-drawer button.action--ai-feedback.ac-pushButton { border: 0; padding-inline: 0; } .ai-chat-drawer button.action--ai-feedback.ac-pushButton:focus { border: 1px dotted #000; } .ai-chat-drawer button.action--ai-feedback.ac-pushButton[aria-pressed=true] { background-color: transparent; } .ai-chat-message { padding: var(--root-spacing-m) var(--root-spacing-l); border-radius: var(--root-radii-s); font-size: 0.875rem; font-weight: 400; } .ai-chat-message--tag { border-width: var(--root-border-xs); padding: var(--root-spacing-xs) 10px; width: auto; line-height: 20px; } .ai-search { --ai-search-max-width:656px; position: relative; width: 100%; max-width: var(--ai-search-max-width); border: none; background-color: var(--root-color-off-white-50); border-radius: var(--root-radii-s); box-shadow: var(--root-depth-2); overflow: hidden; display: flex; align-items: flex-end; gap: var(--root-spacing-xs); z-index: 0; } .ai-search--disabled { opacity: 0.2; } .ai-search > div:not(.ocr-divider) { display: flex; align-items: center; width: 100%; } .ai-search input { background-color: transparent; width: 100%; border: none; padding-block: 1.25rem; -webkit-padding-start: var(--root-spacing-m); padding-inline-start: var(--root-spacing-m); -webkit-padding-end: 60px; padding-inline-end: 60px; border-radius: var(--root-radii-s); outline-offset: -4px; } .ai-search input:focus { outline: 0.1875rem dotted currentColor; } .ai-search .btn[type=submit] { --button-bg-color:transparent; --button-color:var(--root-color-brilliant-blue-800); position: absolute; inset-inline-end: 0; } .ai-search .ocr-icon > svg { --icon-svg-fill:var(--root-color-brilliant-blue-800); } html[dir=rtl] .ai-search .ocr-icon > svg { transform: scaleX(-1); } .ai-search .ocr-divider { position: absolute; bottom: 0; left: 0; right: 0; border: none; height: var(--root-border-m); background: linear-gradient(90deg, #0a86c4 0.3%, #71ede8 100%); z-index: -1; } .proactive-chat { position: fixed; bottom: 0; inset-inline-end: 1rem; display: flex; flex-direction: column; max-width: 608px; width: 100%; border-radius: var(--root-radii-l); gap: var(--root-spacing-xl); padding: var(--root-spacing-l); background: var(--theme-background-card-normal); box-shadow: var(--root-depth-2); z-index: 1031; } @media screen and (max-height: 349.9px) { .proactive-chat { display: none; } } @media (max-width: 859.98px) { .proactive-chat { max-width: 328px; gap: var(--root-spacing-m); } } .proactive-chat img { width: 112px; height: 112px; border: 1px solid #e6f2fb; border-radius: var(--root-radii-s); } .proactive-chat__header { display: flex; align-items: center; justify-content: space-between; } .proactive-chat__header button { width: 40px; height: 40px; margin-bottom: auto; } .proactive-chat__body { display: flex; gap: var(--root-spacing-xl); } @media (max-width: 859.98px) { .proactive-chat__body { flex-direction: column; gap: var(--root-spacing-m); } } .proactive-chat__body .block-feature { gap: var(--root-spacing-xl); } .proactive-chat__body .block-feature .button-group { -moz-column-gap: 16px; column-gap: 16px; flex-direction: row; } .proactive-chat__body .block-feature .button-group button { --button-padding-y:var(--root-spacing-xs); } .proactive-chat--option-2 .proactive-chat__body .block-feature { gap: var(--root-spacing-s); } .proactive-chat--option-2 .proactive-chat__body .block-feature__body { gap: var(--root-spacing-xl); } .input-master { --input-master-vertical-gap:var(--root-spacing-xs); --input-master-horizontal-gap:var(--root-spacing-3xs); --input-master-label-color:var(--theme-foreground-base-highlight); --input-master-input-color:var(--theme-foreground-base-subtle); --input-master-depth:none; display: flex; align-items: center; gap: var(--input-master-vertical-gap); box-shadow: var(--input-master-depth); } .input-master .label { color: var(--input-master-label-color); } .input-master .badge { border: none; } .input-master__search { display: flex; flex-direction: column; gap: var(--input-master-horizontal-gap); width: 100%; } .input-master__search input { background: 0 0; border: none; padding: 0; outline: 0; color: var(--input-master-input-color) !important; border-radius: var(--root-radii-xs); } .input-master__search input:focus { outline: 0.1875rem dotted currentColor; outline-offset: 0; } .input-master--gpt { --surface-border-radius:var(--root-radii-s); --input-master-depth:var(--root-depth-2); position: relative; padding-block: var(--root-spacing-l); -webkit-padding-start: var(--root-spacing-m); padding-inline-start: var(--root-spacing-m); overflow: hidden; } .input-master--gpt .indicator { --indicator-color:var(--theme-background-accent-strong-normal); --indicator-pill-radius:var(--surface-border-radius); --indicator-size:0.125rem; position: absolute; left: 0; bottom: 0; width: 100%; border-top-left-radius: 0; border-top-right-radius: 0; } .related-products { display: flex; gap: var(--root-spacing-xs); padding: 0; margin: 0; } .related-products--vertical { flex-direction: column; } .related-products--density-relaxed { gap: var(--root-spacing-xl); } .related-products__product { display: flex; align-items: center; gap: var(--root-spacing-xs); } .checkbox-dropdown__header { display: flex; align-items: center; justify-content: space-between; } .checkbox-dropdown__list { display: flex; flex-direction: column; padding: var(--root-spacing-m) var(--root-spacing-m) var(--root-spacing-l) var(--root-spacing-m); gap: var(--root-spacing-m); border-bottom: var(--root-border-xs) solid var(--theme-border-neutral-fade); } .checkbox-dropdown label { font-weight: 600; } .filter-panel-item { --filter-panel-item--border-radius:var(--root-radii-l); list-style-type: none; } .filter-panel-item--open .filter-panel-item__header { background-color: var(--theme-background-neutral-fade); } .filter-panel-item__header { display: flex; justify-content: space-between; align-items: center; background-color: var(--theme-background-accent-subtle-normal); padding: var(--root-spacing-m) var(--root-spacing-l); box-sizing: border-box; border-radius: var(--filter-panel-item--border-radius); border: none; width: 100%; } html:not([dir=rtl]) .filter-panel-item__header { text-align: left; } html[dir=rtl] .filter-panel-item__header { text-align: right; } .filter-panel-item__header h5 { color: var(--theme-foreground-base-strong); } .filter-panel-item__subcategories { display: flex; flex-direction: column; gap: var(--root-spacing-l); padding: var(--root-spacing-l) var(--root-spacing-l) var(--root-spacing-xl) var(--root-spacing-l); } .filter-panel-item__items { display: flex; flex-direction: column; gap: var(--root-spacing-s); } .filter-panel-item .link { width: -moz-fit-content; width: fit-content; } .filter-panel { background-color: var(--theme-background-card-normal); padding: var(--root-spacing-xs); border-radius: var(--root-radii-l); box-shadow: var(--root-depth-2); display: flex; flex-direction: column; gap: var(--root-spacing-2xs); } .filter-panel--modal { border-radius: 0; padding: 0; } .filter-panel--modal .filter-panel-item { --filter-panel-item--border-radius:0; } .ocr-share__label { color: var(--theme-foreground-base-highlight); margin-bottom: var(--root-spacing-m); } .ocr-share__link-group { list-style: none; -webkit-padding-start: 0; padding-inline-start: 0; display: flex; flex-direction: row; gap: var(--root-spacing-xl); margin-bottom: 0; } @media (max-width: 859.98px) { .ocr-share__link-group { flex-direction: column; gap: var(--root-spacing-m); } } .oc-pagination ul { display: flex; justify-content: center; -moz-column-gap: var(--root-spacing-2xs); column-gap: var(--root-spacing-2xs); padding: 0; } .oc-pagination__item { list-style-type: none; } .oc-pagination__item--horizontal { pointer-events: none; } .oc-pagination__item.active { pointer-events: none; } .oc-pagination__item .btn { display: flex; align-items: center; height: 2rem; width: 2rem; --button-padding-y:0; --button-padding-x:0; } @media (forced-colors: active) { .oc-pagination__item .btn:not(.btn--ghost) { color: activetext; border: 1px solid activetext; } } .oc-pagination__item .btn--ghost { color: var(--theme-foreground-accent-subtle-normal); } .oc-pagination__item .btn--ghost:hover { background-color: var(--theme-background-accent-subtle-normal); } .oc-pagination__item .btn span { display: flex; } html[dir=rtl] .oc-pagination__item .btn span { transform: scaleX(-1); } .oc-pagination__item.disabled { opacity: 0.2; pointer-events: none; } .tag { --tag-label-bottom-padding:var(--root-spacing-3xs); --tag-label-color:var(--theme-foreground-accent-subtle-normal); --tag-background:var(--theme-background-accent-subtle-normal); padding: var(--root-spacing-2xs) var(--root-spacing-m); border-radius: var(--root-border-m); background: var(--tag-background); width: -moz-fit-content; width: fit-content; } .tag .label { color: var(--tag-label-color); padding-bottom: var(--tag-label-bottom-padding); letter-spacing: initial; } .tag--size-s { --tag-label-bottom-padding:1px; padding: var(--root-spacing-3xs) var(--root-spacing-2xs); } .tag--size-s .label { text-transform: uppercase; } .tag--new { --tag-label-color:var(--root-color-blue-black-900); --tag-background:var(--root-color-info-200); } .tag--new.theme-night, .theme-night .tag--new { --tag-label-color:var(--root-color-alpha-900); --tag-background:var(--root-color-info-500); } .tag--not-clickable { --tag-label-color:var(--theme-foreground-special-strong); --tag-background:var(--theme-background-special-color); } .tag--with-link { cursor: pointer; padding: unset; } .tag--with-link:hover { --tag-label-color:var(--theme-foreground-accent-subtle-hover); --tag-background:var(--theme-background-accent-subtle-hover); } .tag--with-link:focus-within { --tag-label-color:var(--theme-foreground-accent-subtle-pressed); --tag-background:var(--theme-background-accent-subtle-pressed); } .tag--with-link:active { --tag-label-color:var(--theme-foreground-accent-subtle-selected); --tag-background:var(--theme-background-accent-subtle-selected); } .tag--with-link .label { padding-bottom: 0; } .tag--with-link .link { padding: calc(var(--root-spacing-2xs)) var(--root-spacing-m); text-decoration: none; } .tag--with-link .link:focus { border-radius: inherit; outline-offset: -0.375rem; } .tag--with-link .link .link__text { padding-bottom: var(--tag-label-bottom-padding); } .tag--d-none { display: none; } .tag-bar { display: flex; gap: var(--root-spacing-xs); flex-wrap: wrap; list-style-type: none; padding: 0; } .editorial-article__templates-item { padding-top: 0; padding-bottom: 0; } .editorial-article__slot { display: flex; flex-direction: column; gap: var(--root-spacing-4xl); } .editorial-article__slot--gap-3xl { gap: var(--root-spacing-3xl); } .editorial-article__slot--gap-2xl { gap: var(--root-spacing-2xl); } .editorial-article__slot--gap-none { gap: 0; } @media (max-width: 859.98px) { .editorial-article__left-rail { display: flex; flex-wrap: wrap; -moz-column-gap: var(--root-spacing-l); column-gap: var(--root-spacing-l); } .editorial-article__left-rail > .editorial-article__left-rail-item { margin-bottom: var(--root-spacing-l); } } .editorial-article--chapter .block-heading__eyebrow, .editorial-article--chapter .block-heading__title { color: var(--theme-foreground-base-strong); } .editorial-article--chapter .editorial-article__main__header .block-heading__title { padding-bottom: var(--root-spacing-2xl); } .editorial-article--chapter .ocr-divider { margin-bottom: var(--root-spacing-3xl); } .editorial-article--no-divider .ocr-divider { opacity: 0; } .editorial-article--no-divider-no-margin .ocr-divider { opacity: 0; margin-bottom: 0; } .editorial-article--quote .block-heading__title { margin-bottom: var(--root-spacing-xl); } .editorial-article--quote .ocr-icon { height: auto; --icon-glyph-color:currentColor; } .editorial-article--article-header__divider { display: none; } .editorial-article--article-header__read-time { padding-bottom: var(--root-spacing-2xl); } .editorial-article--article-header__written-by { display: block; } .editorial-article--article-header__written-by p { padding-bottom: var(--root-spacing-m); color: var(--theme-foreground-base-strong); } .editorial-article--article-header__written-by p:last-of-type { padding: 0; } @media (max-width: 859.98px) { .editorial-article--article-header__left-rail { flex-direction: row-reverse; justify-content: start; row-gap: var(--root-spacing-xs); -moz-column-gap: var(--root-spacing-xs); column-gap: var(--root-spacing-xs); } .editorial-article--article-header .editorial-article__left-rail-item { min-width: 160px; } .editorial-article--article-header__read-time { padding-bottom: 0; } .editorial-article--article-header__divider { margin-top: var(--root-spacing-xs); margin-bottom: var(--root-spacing-l); width: 100%; display: block; } } .editorial-article--summary__description-paragraph, .editorial-article--summary__image-caption, .editorial-article--summary__title { color: var(--theme-foreground-base-strong); } .editorial-article--summary .media { border-radius: var(--root-radii-l); } .editorial-article--summary__title { padding-bottom: var(--root-spacing-m); } .editorial-article--summary__image-caption { margin-bottom: var(--root-spacing-l); } .editorial-article--summary__description-paragraph { padding-bottom: var(--root-spacing-l); } .editorial-article--summary .media__asset { padding-bottom: var(--root-spacing-m); } .editorial-article--summary .badge__container { padding-bottom: var(--root-spacing-xs); } .editorial-article--summary .editorial-article__title-divider { margin-block: var(--root-spacing-2xl) var(--root-spacing-2xl); } .editorial-article--footnote .footnote { padding-bottom: var(--root-density-vertical-default); } .editorial-article--footnote li:last-child > .footnote__item { margin-bottom: 0; } .editorial-article--footnote .editorial-article__title-divider { padding-bottom: var(--root-spacing-2xl); } .editorial-article-subsection .block-heading__paragraph { margin-top: 0; } .editorial-article-subsection .block-heading__title { color: var(--theme-foreground-base-strong); padding-bottom: var(--root-spacing-xl); } .editorial-article-subsection--body__content:not(:last-child) { margin-bottom: var(--root-spacing-3xl); } .editorial-article-subsection--bullet-list ul { margin: unset; } .editorial-article-subsection--bullet-list li { color: var(--theme-foreground-base-subtle); } .editorial-article-subsection--bullet-list li:not(:last-child) { padding-bottom: var(--root-spacing-xl); } .editorial-article-subsection--accordion .ocr-faq > ul { margin-top: var(--root-spacing-xl); } .editorial-article-subsection--paragraphs div:not(:last-child) { padding-bottom: var(--root-spacing-xl); } .theme-night .ocr-table, .theme-night .ocr-table .ocr-table-row.ocr-table-row--sku-css-grid { --table-cell-border-color:var(--theme-border-glass-fade); --table-cell-background-color:var(--theme-background-glass-normal); } .ocr-table { --table-border-radius:var(--root-radii-l); --table-cell-border-color:var(--theme-border-base-fade); --table-cell-border:1px solid var(--table-cell-border-color); --table-cell-padding-y:var(--root-spacing-m); --table-cell-background-color:var(--theme-background-card-normal); --table-row-columns-count:6; --table-controls-display:flex; --table-depth:var(--root-depth-4); display: flex; flex-direction: column; row-gap: var(--root-spacing-2xl); } .ocr-table .ocr-table__controls, .ocr-table .ocr-table__window { padding-right: 1rem; padding-left: 1rem; } @media (min-width: 540px) { .ocr-table .ocr-table__controls, .ocr-table .ocr-table__window { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .ocr-table .ocr-table__controls, .ocr-table .ocr-table__window { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .ocr-table .ocr-table__controls, .ocr-table .ocr-table__window { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 860px) { .ocr-table .ocr-table__controls, .ocr-table .ocr-table__window { max-width: 100vw; } } @media (min-width: 1440px) { .ocr-table .ocr-table__controls, .ocr-table .ocr-table__window { max-width: 1328px; } } .ocr-table .ocr-table__window { display: flex; align-items: center; margin: 0 auto; width: 100%; } @media (max-width: 859.98px) { .ocr-table .ocr-table__window { overflow-x: scroll; } } .ocr-table .ocr-table__controls { display: var(--table-controls-display); -moz-column-gap: var(--root-spacing-xs); column-gap: var(--root-spacing-xs); order: 1; } @media (min-width: 860px) { .ocr-table .ocr-table__controls { --table-controls-display:none; } } .ocr-table--layout-cols-2 { --table-row-columns-count:3; --table-controls-display:none; } .ocr-table--layout-cols-2 .ocr-table__window { overflow-x: unset; } @media (max-width: 859.98px) { .ocr-table--layout-cols-2 .ocr-table__table { --table-row-mobile-columns-count:2; --table-row-mobile-columns-ration:1; } .ocr-table--layout-cols-2 .ocr-table__table .ocr-table-row { box-shadow: var(--table-depth); } } .ocr-table--layout-cols-3 { --table-row-columns-count:4.5; } @media (max-width: 859.98px) { .ocr-table--layout-cols-3 .ocr-table__table { --table-row-mobile-columns-count:3; } } .ocr-table--layout-cols-5 { --table-row-columns-count:8; } @media (max-width: 859.98px) { .ocr-table--layout-cols-5 .ocr-table__table { --table-row-mobile-columns-count:5; } } .ocr-table--layout-cols-6 { --table-row-columns-count:9; } @media (max-width: 859.98px) { .ocr-table--layout-cols-6 .ocr-table__table { --table-row-mobile-columns-count:6; } } .ocr-table--body-density-relaxed tbody { --table-cell-padding-y:var(--root-spacing-l); } .ocr-table--multi-comparison .ocr-table__table { --table-depth:none; --table-border-radius:unset; } .ocr-table--multi-comparison thead tr:first-of-type > :nth-child(even) { border-top-left-radius: var(--root-radii-m); border-top-right-radius: var(--root-radii-m); } .ocr-table--multi-comparison tbody tr:last-of-type > :nth-child(even) { border-bottom-left-radius: var(--root-radii-m); border-bottom-right-radius: var(--root-radii-m); } @media (max-width: 859.98px) { .ocr-table--multi-comparison thead tr { border-radius: 0; } .ocr-table--multi-comparison thead tr:first-of-type { border-top-left-radius: var(--table-border-radius); border-top-right-radius: var(--table-border-radius); } .ocr-table--multi-comparison tbody tr { border-radius: 0; } .ocr-table--multi-comparison tbody tr:last-of-type { border-bottom-left-radius: var(--table-border-radius); border-bottom-right-radius: var(--table-border-radius); } } .ocr-table--zebra-striping-vertical tr > :nth-child(odd) { --table-cell-background-color:transparent; } @media (max-width: 859.98px) { .ocr-table--zebra-striping-vertical .ocr-table-row--subheading th { --table-cell-border:1px solid var(--table-cell-border-color); border-bottom: var(--table-cell-border); border-top: none; } } .ocr-table--zebra-striping-horizontal tbody tr:nth-child(odd) { --table-cell-background-color:transparent; } .ocr-table--stub-col-off .ocr-table-row.ocr-table-row--subheading.fixed-sticky { --table-sticky-header-display:none; } @media (max-width: 859.98px) { .ocr-table--stub-col-off { --table-cell-border:none; } } .ocr-table--stub-col-off.ocr-table--layout-cols-2 .ocr-table-cell { --table-row-columns-count:2; } .ocr-table--stub-col-off.ocr-table--layout-cols-3 .ocr-table-cell { --table-row-columns-count:3; } .ocr-table--stub-col-off.ocr-table--layout-cols-5 .ocr-table-cell { --table-row-columns-count:5; } .ocr-table--stub-col-off.ocr-table--layout-cols-6 .ocr-table-cell { --table-row-columns-count:6; } .ocr-table--sticky-head .ocr-table__table td { --table-cell-border:none; } .ocr-table--sticky-head .ocr-table-cell { padding: 0; } @media (max-width: 859.98px) { .ocr-table--sticky-head.ocr-table--layout-cols-2 .ocr-table__table { --table-row-mobile-columns-count:3; } } @media (max-width: 859.98px) { .ocr-table--sticky-head.ocr-table--layout-cols-3 .ocr-table__table { --table-row-mobile-columns-count:4; } } @media (max-width: 859.98px) { .ocr-table--sticky-head.ocr-table--layout-cols-4 .ocr-table__table { --table-row-mobile-columns-count:5; } } @media (max-width: 859.98px) { .ocr-table--sticky-head.ocr-table--layout-cols-5 .ocr-table__table { --table-row-mobile-columns-count:6; } } @media (max-width: 859.98px) { .ocr-table--sticky-head.ocr-table--layout-cols-6 .ocr-table__table { --table-row-mobile-columns-count:7; } } .ocr-table--sticky-head thead { --table-border-radius:var(--root-radii-s); } .ocr-table--sticky-head thead .ocr-table-row--sticky-heading th:first-child .ocr-table-cell__content { padding: var(--root-spacing-l) var(--root-spacing-m); } .ocr-table--sticky-head thead .ocr-table-row--sticky-heading .ocr-table-cell { border-top-left-radius: var(--table-border-radius); border-top-right-radius: var(--table-border-radius); } .ocr-table--sticky-head tbody { --table-border-radius:var(--root-radii-s); } .ocr-table--sticky-head tbody .ocr-table-row th { --table-cell-border:none; } .ocr-table--sticky-head tbody .ocr-table-row--subheading th:first-child .ocr-table-cell__content { padding: var(--root-spacing-2xl) var(--root-spacing-m) var(--root-spacing-l) var(--root-spacing-m); } .ocr-table--sticky-head tbody .ocr-table-row:last-child .ocr-table-cell:first-child { border-bottom-left-radius: var(--table-border-radius); } .ocr-table--sticky-head tbody .ocr-table-row:last-child .ocr-table-cell:last-child { border-bottom-right-radius: var(--table-border-radius); } .ocr-table--sticky-head tbody .ocr-table-row:last-child .ocr-table-cell { border-bottom-left-radius: var(--table-border-radius); border-bottom-right-radius: var(--table-border-radius); } .ocr-table--sticky-head tbody .ocr-table-row:not(:last-child) .ocr-table-cell { border-bottom: 1px solid var(--theme-border-base-fade); } .ocr-table--sticky-head .ocr-accordion-item__header { padding: 0 !important; } .ocr-table--sticky-head .ocr-accordion-item__header h3 { text-align: left; } @media (max-width: 859.98px) { .ocr-table--sticky-head .ocr-table-row { --table-border-radius:0; flex-wrap: nowrap; } .ocr-table--sticky-head .ocr-table-row .ocr-table-cell:first-child { --table-row-columns-count:calc(var(--table-row-mobile-columns-count) + 1); } .ocr-table--sticky-head .ocr-table__table { --table-row-gap:0!important; } .ocr-table--sticky-head .ocr-table__table th { flex-basis: unset; flex-shrink: 0; } .ocr-table--sticky-head .ocr-table__table .ocr-table-row--subheading td { display: flex; border: none; } } .ocr-table__table { width: 100%; } @media (min-width: 860px) { .ocr-table__table { box-shadow: var(--table-depth); border-radius: var(--table-border-radius); } } .ocr-table__table caption { caption-side: top; color: var(--theme-foreground-base-strong); } .ocr-table__table thead { --table-cell-padding-y:var(--root-spacing-l); } .ocr-table__table thead > :first-child > :first-child { border-top-left-radius: var(--table-border-radius); } .ocr-table__table thead > :first-child > :last-child { border-top-right-radius: var(--table-border-radius); } .ocr-table__table tbody > :last-child > :first-child { border-bottom-left-radius: var(--table-border-radius); } .ocr-table__table tbody > :last-child > :last-child { border-bottom-right-radius: var(--table-border-radius); } .ocr-table__table tbody td, .ocr-table__table tbody th { border-top: var(--table-cell-border); } @media (max-width: 1439.98px) { .ocr-table__table tbody .ocr-table-row:not(.ocr-table-row--subheading) td .ocr-table-cell__content { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: -0.03em; } } .ocr-table__table .fixed-sticky.stuck.sticky-direction-top.stuck-depth { box-shadow: var(--root-depth-8); } @media (max-width: 859.98px) { .ocr-table__table { --table-row-mobile-columns-count:4; --table-row-mobile-columns-ration:1.3; --table-row-mobile-columns-width:calc(100% / var(--table-row-mobile-columns-count)); --table-row-gap:var(--root-spacing-m); display: flex; flex-direction: column; gap: var(--table-row-gap); } .ocr-table__table td { flex-basis: var(--table-row-mobile-columns-width); } .ocr-table__table tr:not(:last-child):not(.ocr-table-row--placeholder):not(.sticky-sentinel) { margin-bottom: var(--table-row-gap); } .ocr-table__table tbody, .ocr-table__table thead { width: calc(var(--table-row-mobile-columns-count) / 2 * 100% * var(--table-row-mobile-columns-ration)); display: flex; flex-direction: column; box-sizing: content-box; } .ocr-table__table thead td:first-of-type { display: none; } .ocr-table__table thead th { flex-basis: var(--table-row-mobile-columns-width); } .ocr-table__table tbody th { --table-cell-border:none; flex-basis: 100%; } .ocr-table__table tbody > :last-child > :first-child { --table-border-radius:0; } .ocr-table__table .ocr-table-row--subheading td { display: none; } .ocr-table__table .ocr-table-row--subheading.get-height td { display: table-cell; } } @media (max-width: 859.98px) { .ocr-table-row { border-radius: var(--table-border-radius); } } .ocr-table-row--subheading { --table-cell-padding-y:var(--root-spacing-l); } .ocr-table-cell { background-color: var(--table-cell-background-color); width: calc(100% / var(--table-row-columns-count)); padding: 0 calc(var(--root-density-horizontal-default) / 2); } .ocr-table-cell:first-child { --table-row-columns-count:3; -webkit-padding-start: 0; padding-inline-start: 0; } .ocr-table-cell:last-child { -webkit-padding-end: 0; padding-inline-end: 0; } .ocr-table-cell__content { padding: var(--table-cell-padding-y) var(--root-spacing-m); } @media (max-width: 859.98px) { .ocr-table-cell { padding: 0; } } .ocr-table-cell { --table-cell-flex-direction:row; --table-cell-align-items:center; --table-cell-gap:var(--root-spacing-xs); color: var(--theme-foreground-base-strong); vertical-align: top; font-weight: inherit; } .ocr-table-cell__content { display: flex; flex-direction: var(--table-cell-flex-direction); gap: var(--table-cell-gap); align-items: var(--table-cell-align-items); overflow-wrap: anywhere; } .ocr-table-cell--style-heading-product-badge { --table-cell-gap:var(--root-spacing-m); } @media (max-width: 859.98px) { .ocr-table-cell--style-heading-product-badge { --table-cell-flex-direction:column; --table-cell-align-items:flex-start; --table-cell-gap:var(--root-spacing-s); } .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s { --badge-width:2rem; --badge-height:2rem; } .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon { width: 1.0625rem; height: 1.0625rem; max-width: 1.0625rem; max-height: 1.0625rem; } .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon > .ocr-img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon > .ocr-img img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon > .ocr-img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon > .ocr-img img { width: 1.0625rem; } .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon > .ocr-img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon > .ocr-img img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon > .ocr-img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon > .ocr-img img { height: 1.0625rem; } .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon > .ocr-img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon > .ocr-img img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon > .ocr-img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon > .ocr-img img { max-width: 1.0625rem; } .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon > .ocr-img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--m > div.ocr-icon > .ocr-img img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon > .ocr-img, .ocr-table-cell--style-heading-product-badge .badge.badge-logo--s > div.ocr-icon > .ocr-img img { max-height: 1.0625rem; } } .ocr-table-cell--layout-stacked { --table-cell-flex-direction:column; --table-cell-align-items:flex-start; --table-cell-gap:var(--root-spacing-s); } .ocr-table-cell--density-relaxed { --table-cell-gap:var(--root-spacing-m); } .ocr-table-cell .ocr-table-cell__content:has(.btn-collapse) { padding: 0; } .ocr-table-cell .btn-collapse { flex-direction: row-reverse; justify-content: flex-end; width: 100%; } .ocr-table-cell .btn-collapse::before { transform: rotate(-180deg) !important; color: var(--theme-foreground-base-icon); } .ocr-table-cell .btn-collapse[aria-expanded=false]::before { transform: rotate(0) !important; } @media (max-width: 859.98px) { .ocr-table-row { display: flex; flex-direction: row; flex-wrap: wrap; flex-grow: 1; overflow: hidden; } } .ocr-table-row.ocr-table-row--sku-css-grid { --table-cell-background-color:var(--theme-background-card-normal); --table-border-radius:var(--root-radii-l); --table-cell-grid-width:50%; display: grid; grid-template-rows: repeat(11, min-content); -moz-column-gap: 0; column-gap: 0; row-gap: 0; } @media (min-width: 540px) { .ocr-table-row.ocr-table-row--sku-css-grid { grid-template-columns: 0 repeat(4, 1fr); } } @media (min-width: 860px) { .ocr-table-row.ocr-table-row--sku-css-grid { grid-template-columns: 100% repeat(4, var(--table-cell-grid-width)); } } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku-grid__style-div { background-color: var(--table-cell-background-color); grid-row: 1/span 11; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(even) .sku-grid__style-div { border-top-left-radius: var(--table-border-radius); border-top-right-radius: var(--table-border-radius); } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell { display: contents; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .ocr-table-cell__content { display: contents; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku { display: contents; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .action .link, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__buttons, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__detail-commitment, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__detail-recurrence, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__footnote, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__note, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__paragraph, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__pricing, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__title, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__unavailable, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell a.link { padding-inline: var(--root-spacing-m); } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .tag { grid-row-start: 1; margin: var(--root-spacing-l) auto 0 var(--root-spacing-m); } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .ocr-table-cell__content > div.richtext, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .ocr-table-cell__content > p.h5, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__title { grid-row-start: 2; margin-top: var(--root-spacing-m); margin-bottom: var(--root-spacing-xs); } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__paragraph { grid-row-start: 3; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__pricing, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__unavailable { grid-row-start: 4; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__detail-recurrence { grid-row-start: 5; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__detail-commitment { grid-row-start: 6; margin-bottom: var(--root-spacing-2xs); } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__note { grid-row-start: 7; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__buttons { grid-row-start: 8; min-width: 0; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__footnote { grid-row-start: 9; margin-bottom: var(--root-spacing-m); } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .action .link, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell a.link { grid-row-start: 10; margin-bottom: var(--root-spacing-l); } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell .sku__buttons a:not(.btn) { padding-inline: 0; margin-bottom: 0; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .action .link, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku-grid__style-div, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__buttons, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__detail-commitment, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__detail-recurrence, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__footnote, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__note, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__paragraph, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__pricing, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__title, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .sku__unavailable, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) .tag, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(1) a.link { grid-column-start: 1; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .action .link, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku-grid__style-div, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__buttons, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__detail-commitment, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__detail-recurrence, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__footnote, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__note, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__paragraph, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__pricing, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__title, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .sku__unavailable, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) .tag, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(2) a.link { grid-column-start: 2; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .action .link, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku-grid__style-div, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__buttons, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__detail-commitment, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__detail-recurrence, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__footnote, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__note, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__paragraph, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__pricing, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__title, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .sku__unavailable, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) .tag, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(3) a.link { grid-column-start: 3; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .action .link, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku-grid__style-div, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__buttons, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__detail-commitment, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__detail-recurrence, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__footnote, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__note, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__paragraph, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__pricing, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__title, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .sku__unavailable, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) .tag, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(4) a.link { grid-column-start: 4; } .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .action .link, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku-grid__style-div, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__buttons, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__detail-commitment, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__detail-recurrence, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__footnote, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__note, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__paragraph, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__pricing, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__title, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .sku__unavailable, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) .tag, .ocr-table-row.ocr-table-row--sku-css-grid .ocr-table-cell:nth-child(5) a.link { grid-column-start: 5; } .ocr-table-row.ocr-table-row--subheading { --table-sticky-header-cell-display:none; } .ocr-table-row.ocr-table-row--subheading td > .ocr-table-cell__content { display: var(--table-sticky-header-cell-display); } .ocr-table-row.ocr-table-row--subheading.fixed-sticky { --table-sticky-header-display:table-row; --table-sticky-header-background-color:transparent; display: var(--table-sticky-header-display); background-color: var(--table-sticky-header-background-color); } .ocr-table-row.ocr-table-row--subheading.fixed-sticky:not(.stuck) { padding: 0 !important; } @media (max-width: 859.98px) { .ocr-table-row.ocr-table-row--subheading.fixed-sticky { --table-sticky-header-display:flex; align-self: stretch; } } .ocr-table-row.ocr-table-row--subheading.fixed-sticky.stuck { --table-sticky-header-background-color:var(--theme-background-card-normal); --table-sticky-header-display:flex; --table-border-radius:0; --table-cell-background-color:transparent; } .ocr-table-row.ocr-table-row--subheading.fixed-sticky.stuck td, .ocr-table-row.ocr-table-row--subheading.fixed-sticky.stuck th { border-top: none; } @media (max-width: 859.98px) { .ocr-table-row.ocr-table-row--subheading.fixed-sticky.stuck { overflow-x: hidden; flex-wrap: nowrap; flex-direction: row; } .ocr-table-row.ocr-table-row--subheading.fixed-sticky.stuck th { display: none; } .ocr-table-row.ocr-table-row--subheading.fixed-sticky.stuck td { display: flex; flex-shrink: 0; } } .ocr-table-row.ocr-table-row--subheading.get-height:not(.stuck) { --table-sticky-header-display:table-row!important; } .ocr-table-row.ocr-table-row--subheading.get-height th { display: none; } .ocr-table-row.ocr-table-row--subheading.get-height td .ocr-table-cell__content { --table-sticky-header-cell-display:block; visibility: hidden; opacity: 0; } .ocr-table-row.ocr-table-row--sticky-heading { --table-sticky-header-display:table-row; --table-sticky-header-background-color:transparent; display: var(--table-sticky-header-display); background-color: var(--table-sticky-header-background-color); } @media (max-width: 859.98px) { .ocr-table-row.ocr-table-row--sticky-heading { --table-sticky-header-display:flex; align-self: stretch; flex-wrap: nowrap; } } .ocr-table-row.ocr-table-row--sticky-heading:not(.stuck) { padding-inline: 0 !important; } .ocr-table-row.ocr-table-row--sticky-heading.stuck { --table-sticky-header-background-color:var(--theme-background-card-normal); --table-sticky-header-display:flex; } .ocr-table-row.ocr-table-row--sticky-heading.stuck th:not(:first-child) .ocr-table-cell__content .link, .ocr-table-row.ocr-table-row--sticky-heading.stuck th:not(:first-child) .ocr-table-cell__content .sku__detail-commitment, .ocr-table-row.ocr-table-row--sticky-heading.stuck th:not(:first-child) .ocr-table-cell__content .sku__footnote, .ocr-table-row.ocr-table-row--sticky-heading.stuck th:not(:first-child) .ocr-table-cell__content .sku__paragraph, .ocr-table-row.ocr-table-row--sticky-heading.stuck th:not(:first-child) .ocr-table-cell__content .tag { position: absolute; left: -9999px; } .ocr-table-row.ocr-table-row--sticky-heading.stuck .ocr-table-cell__content { overflow-wrap: unset; } @media (max-width: 859.98px) { .ocr-table-row.ocr-table-row--sticky-heading.stuck { overflow-x: hidden; flex-direction: row; } .ocr-table-row.ocr-table-row--sticky-heading.stuck th:not(:first-child) { display: flex; flex-shrink: 0; } } .ocr-table-row.ocr-table-row--sticky-heading.get-height:not(.stuck) { --table-sticky-header-display:table-row!important; } .ocr-table-row.ocr-table-row--sticky-heading.get-height th:not(:first-child) .ocr-table-cell__content .link, .ocr-table-row.ocr-table-row--sticky-heading.get-height th:not(:first-child) .ocr-table-cell__content .sku__detail-commitment, .ocr-table-row.ocr-table-row--sticky-heading.get-height th:not(:first-child) .ocr-table-cell__content .sku__footnote, .ocr-table-row.ocr-table-row--sticky-heading.get-height th:not(:first-child) .ocr-table-cell__content .sku__paragraph, .ocr-table-row.ocr-table-row--sticky-heading.get-height th:not(:first-child) .ocr-table-cell__content .tag { position: absolute; left: -9999px; } .ocr-table-row.ocr-table-row--sticky-heading .sku__detail-recurrence, .ocr-table-row.ocr-table-row--sticky-heading .sku__pricing { display: inline-flex; } .ocr-table-row.ocr-table-row--sticky-heading .sku__detail-recurrence { --sku-recurrence-margin-top:0; } .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading:not(.stuck) .ocr-table-cell { display: table-cell; } .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading:not(.stuck) .ocr-table-cell__content { display: flex; } .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading:not(.stuck) td > .ocr-table-cell__content { display: none; } .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading:not(.stuck) th * { margin: 0; } .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading:not(.stuck).get-height th { display: none; } .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading:not(.stuck).get-height td > .ocr-table-cell__content { display: contents; } .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading.stuck { --table-sticky-header-display:grid; } .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading.stuck td { display: contents; } @media (min-width: 540px) { .ocr-table-row.ocr-table-row--sku-css-grid.ocr-table-row--subheading.stuck td { display: contents; } } .ocr-table-row--stuck-show-column-title.stuck { --table-sticky-header-cell-display:block; } .star-rating { display: inline-flex; -moz-column-gap: var(--root-spacing-2xs); column-gap: var(--root-spacing-2xs); } .star-rating .ocr-icon { --icon-glyph-color:var(--root-color-golden-yellow-500); } .star-rating__count, .star-rating__value { color: var(--theme-foreground-neutral-subtle); } .breadcrumbs { --breadcrumbs-mobile-background-color:var(--theme-background-base-fade); --breadcrumbs-nav-padding:var(--root-spacing-m); --breadcrumbs-collapsed-padding:var(--root-spacing-2xs); --breadcrumbs-list-padding:var(--root-spacing-2xs); --breadcrumbs-padding-sides:var(--root-spacing-l); padding: var(--breadcrumbs-nav-padding) var(--breadcrumbs-padding-sides); background-color: var(--breadcrumbs-mobile-background-color); } @media (min-width: 860px) { .breadcrumbs { padding: 0; background-color: transparent; } } .breadcrumbs--collapsed { --breadcrumbs-nav-padding:var(--breadcrumbs-collapsed-padding); } .breadcrumbs__list { list-style-type: none; margin: 0; padding: 0 0 var(--breadcrumbs-list-padding) 0; display: flex; flex-wrap: wrap; gap: var(--root-spacing-2xs); } .breadcrumbs__list li { margin: auto 0; } .breadcrumbs__list li:last-child .link.link-inline { text-decoration: none; font-weight: var(--root-body-font-weight); --link-text-color:var(--theme-foreground-base-subtle); } .breadcrumbs__list li:last-child .glyph-prepend { display: none; } .breadcrumbs__list li:not(:last-child) .glyph-prepend { display: inline-block; } .breadcrumbs__list li.breadcrumbs__btn-expand { display: inline-flex; flex: 0 0 auto; gap: var(--root-spacing-2xs); } .breadcrumbs__list li.breadcrumbs__btn-expand .ocr-icon { margin: auto; } .breadcrumbs__list li.breadcrumbs__item--d-none { display: none; } .breadcrumbs__list li .link.link-inline { vertical-align: top; } .breadcrumbs__list li .ocr-icon { display: inline !important; --icon-glyph-color:var(--theme-foreground-base-subtle); } .selector-slider { --selector-slider-item-count:5; } .selector-slider__container { max-width: calc(64px * var(--selector-slider-item-count) + 16px * (var(--selector-slider-item-count) - 1)); margin: auto; height: 56px; display: flex; padding: var(--root-spacing-xs); box-shadow: var(--root-depth-2); background-color: var(--theme-background-card-normal); border: var(--root-border-xs) solid var(--theme-border-card-fade); border-radius: var(--root-radii-circle); align-items: center; } .selector-slider__input { display: flex; width: 100%; padding: var(--root-spacing-2xs) 0; cursor: pointer; z-index: 1; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--root-radii-circle); } .selector-slider__input::-webkit-slider-thumb { background-color: transparent; -webkit-appearance: none; appearance: none; border-radius: var(--root-radii-circle); border: none; width: 64px; height: 32px; } .selector-slider__input::-moz-range-thumb { background-color: transparent; -moz-appearance: none; appearance: none; border-radius: var(--root-radii-circle); border: none; width: 64px; height: 32px; } .selector-slider__input:focus { outline: 0; } .selector-slider__drag-pill { position: relative; display: flex; align-items: center; } .selector-slider__drag-pill span { position: absolute; justify-content: center; display: flex; padding: var(--root-spacing-2xs) var(--root-spacing-s); border-radius: var(--root-radii-circle); width: 64px; box-shadow: var(--root-depth-2); background-color: var(--theme-background-card-selected); transition: all 0.6s ease; } @media (forced-colors: active) { .selector-slider__drag-pill span { border: 1px solid activetext !important; } } .selector-slider__indicators-wrapper { position: absolute; display: flex; align-items: center; height: 40px; border-radius: var(--root-radii-circle); background-color: var(--theme-background-accent-subtle-normal); transition: all 0.6s ease; } .selector-slider__indicator { position: absolute; height: 6px; width: 6px; border-radius: var(--root-radii-circle); background-color: var(--theme-foreground-base-icon); } @media (forced-colors: active) { .selector-slider__indicator { background-color: activetext; } } .selector-slider__indicator.active { opacity: 0; transition: all 0.6s ease; } .selector-slider__label { display: flex; justify-content: center; margin-bottom: var(--root-spacing-s); } .selector-slider .selector-slider__container:focus-within .selector-slider__drag-pill span { outline: var(--root-border-s) solid var(--theme-border-base-strong); } .rive-animation__canvas { width: inherit; max-width: inherit; height: inherit; -o-object-fit: var(--image-object-fit); object-fit: var(--image-object-fit); aspect-ratio: var(--image-aspect-ratio); } .stat-large__label { color: var(--theme-foreground-base-subtle); margin-bottom: var(--root-spacing-xs); } .stat-large__title { color: var(--theme-foreground-base-strong); } .stat-large__description { -webkit-margin-start: var(--root-spacing-xs); margin-inline-start: var(--root-spacing-xs); } .stat-large--stacked .stat-large__description { display: block; -webkit-margin-start: 0; margin-inline-start: 0; margin-top: var(--root-spacing-xs); } .checklist-item { --checklist-item-border-style:var(--root-radii-s); --checklist-item-font-color:var(--theme-foreground-base-strong); --checklist-item-max-width:292px; color: var(--checklist-item-font-color); min-width: -moz-fit-content; min-width: fit-content; max-width: var(--checklist-item-max-width); } .checklist-item:not(:has(.checklist-item__body)) { display: flex; gap: var(--root-spacing-xs); } .checklist-item .checklist-item__body { display: flex; gap: var(--root-spacing-xs); align-items: center; } .checklist-item--special { --checklist-item-max-width:432px; --surface-border-radius:var(--checklist-item-border-style); padding: var(--root-spacing-m) var(--root-spacing-l); } .checklist-item--special .checklist-item__body { gap: var(--root-spacing-l); } .checklist-item--special .checklist-item__body .badge { min-width: var(--badge-width); } .checklist-item--special .checklist-item__body .checklist-item__content { padding-bottom: var(--root-spacing-2xs); } .checklist-item--special.theme-night, .theme-night .checklist-item--special { color: var(--checklist-item-font-color); } .checklist-item--special.theme-night .badge, .theme-night .checklist-item--special .badge { --badge-background-color:var(--theme-background-glass-normal); --badge-border-width:var(--root-border-xs); --badge-border-color:var(--theme-border-glass-fade); --badge-box-shadow:none; } .checklist-item--special.theme-night .badge [class*=glyph-], .theme-night .checklist-item--special .badge [class*=glyph-] { color: var(--theme-foreground-base-icon-dark); } .checklist ul { display: flex; flex-direction: column; gap: var(--root-spacing-xs); margin-bottom: 0; margin-block: 0; padding-inline: 0; } .checklist li { list-style-type: none; } .checklist--special .checklist-item { --surface-border-radius:var(--checklist-item-border-style); --checklist-item-max-width:432px; padding: var(--root-spacing-m) var(--root-spacing-l); } .checklist--special .checklist-item .checklist-item__body { gap: var(--root-spacing-l); } .checklist--special .checklist-item .checklist-item__body .badge { min-width: var(--badge-width); } .checklist--special .checklist-item .checklist-item__body .checklist-item__content { padding-bottom: var(--root-spacing-2xs); } .checklist--special.theme-night .badge, .theme-night .checklist--special .badge { --badge-background-color:var(--theme-background-glass-normal); --badge-border-width:var(--root-border-xs); --badge-border-color:var(--theme-border-glass-fade); --badge-box-shadow:none; } .checklist--special.theme-night .badge [class*=glyph-], .theme-night .checklist--special .badge [class*=glyph-] { color: var(--theme-foreground-base-icon-dark); } .featured-cards { --image-safe-fixed-padding:300px; --feature-cards-border-radius:var(--root-spacing-l); border-radius: var(--feature-cards-border-radius); } @media (min-width: 860px) { .featured-cards { position: relative; padding-top: var(--image-safe-fixed-padding); padding-inline: var(--root-spacing-xl); padding-bottom: var(--root-spacing-xl); --surface-bg:none; } } @media (min-width: 1440px) { .featured-cards { --image-safe-fixed-padding:400px; } } @media (min-width: 860px) { .featured-cards .featured-cards__media { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .featured-cards .featured-cards__media .featured-cards__card-media, .featured-cards .featured-cards__media .featured-cards__default-media { height: 100%; width: 100%; } .featured-cards .featured-cards__media .media { --media-height:100%; --media-width:100%; } .featured-cards .featured-cards__media .media .ocr-img { --image-width:100%; } .featured-cards .featured-cards__media .media img { height: var(--media-height); } } @media (max-width: 859.98px) { .featured-cards .featured-cards__default-media .media { --surface-border-width:0; } } .featured-cards .featured-cards__card-media { display: none; } @media (min-width: 860px) { .featured-cards .featured-cards__card-media { display: block; position: absolute; top: 0; z-index: 0; } } .featured-cards .featured-cards__cards { display: flex; flex-direction: column; gap: var(--root-spacing-xs); padding: var(--root-spacing-xs) var(--root-spacing-xs) var(--root-spacing-l) var(--root-spacing-xs); } @media (min-width: 860px) { .featured-cards .featured-cards__cards { flex-direction: row; gap: var(--root-spacing-m); align-items: stretch; padding: 0; } } .featured-cards .featured-cards__card { flex: 1 1 0; } @media (max-width: 859.98px) { .featured-cards .featured-cards__card .block-feature__paragraph { display: block !important; } } .featured-cards .featured-cards__card .card { --card-box-shadow:none; } @media (max-width: 859.98px) { .featured-cards .featured-cards__card .card.surface--glass, .featured-cards .featured-cards__card .card.surface--glass-selected { --surface-bg:var(--theme-background-card-normal, #fefefe); --surface-border-width:var(--root-border-s); --surface-border-style:solid; --surface-border-color:var(--theme-border-card-fade); --surface-backdrop-filter:blur(80px); -webkit-backdrop-filter: var(--surface-backdrop-filter); backdrop-filter: var(--surface-backdrop-filter); } } @media (max-width: 859.98px) { .featured-cards .card__interactive-btn-wrapper { display: none; } } @media (min-width: 860px) { .featured-cards [data-mount=featured-cards-interactive] .featured-cards__media { position: relative; top: unset; left: unset; right: unset; bottom: unset; } .featured-cards [data-mount=featured-cards-interactive] .featured-cards__media .ocr-img { --image-object-fit:cover; } .featured-cards [data-mount=featured-cards-interactive] .featured-cards__default-media { transition: opacity 1s ease-in-out; } .featured-cards [data-mount=featured-cards-interactive] .featured-cards__cards { padding-inline: var(--root-spacing-xl); padding-bottom: var(--root-spacing-xl); position: absolute; left: 0; right: 0; bottom: 0; } } .popover-list { --popover-list-bottom-padding:150px; --popover-list-top-padding:var(--root-spacing-2xs); } .popover-list .slider__overflow { margin-bottom: calc(var(--popover-list-top-padding) - var(--popover-list-bottom-padding)); padding-bottom: var(--popover-list-bottom-padding); padding-top: var(--popover-list-top-padding); -webkit-padding-start: 3px; padding-inline-start: 3px; } .popover-list .slider__window { -moz-column-gap: var(--root-spacing-m); column-gap: var(--root-spacing-m); } @media (min-width: 860px) { .popover-list .slider__window { justify-content: center; } } .popover-list .popover__content--compound .popover__card { max-width: calc(var(--popover-compound-button-width) * 2) !important; min-width: unset !important; } .popover-list .slider__arrow-next-bg, .popover-list .slider__arrow-prev-bg { --arrow-background-color:var(--theme-background-base-fade); } .popover-list .slider__arrow-prev::after { content: "\e72b" !important; } .popover-list .slider__arrow-next::after { content: "\e72a" !important; } .popover-list .slider__arrow-next::after, .popover-list .slider__arrow-prev::after { display: flex; justify-content: center; } @media (min-width: 860px) { .popover-list .slider__arrows .slider__arrow-next, .popover-list .slider__arrows .slider__arrow-prev { top: calc(50% - (var(--popover-list-bottom-padding) - var(--popover-list-top-padding)) / 2); } .popover-list .slider__arrows .slider__arrow-next.slider__arrow-next-bg, .popover-list .slider__arrows .slider__arrow-prev.slider__arrow-prev-bg { max-height: calc(100% - (var(--popover-list-bottom-padding) - var(--popover-list-top-padding))); } .popover-list .slider__arrows .slider__arrow-next[disabled], .popover-list .slider__arrows .slider__arrow-next[disabled] ~ .slider__arrow-next-bg, .popover-list .slider__arrows .slider__arrow-prev[disabled], .popover-list .slider__arrows .slider__arrow-prev[disabled] ~ .slider__arrow-prev-bg { display: none; } } @media (max-width: 859.98px) { .popover-list { --popover-list-right-arrow-position:3rem; } .popover-list .slider__arrows { padding-bottom: 40px; margin-top: 24px; position: relative; } .popover-list .slider__arrow-next:disabled, .popover-list .slider__arrow-prev:disabled { opacity: 0.2; cursor: default; } html:not([dir=rtl]) .popover-list .slider__arrow-next { left: var(--popover-list-right-arrow-position); } html[dir=rtl] .popover-list .slider__arrow-prev { right: var(--popover-list-right-arrow-position); } .popover-list .slider__arrow-next-bg, .popover-list .slider__arrow-prev-bg { display: none; } } .jumplinks-item { --jumplinks-item-max-width:124px; max-width: var(--jumplinks-item-max-width); list-style: none; display: flex; } .jumplinks-item__link { --surface-border-radius:var(--root-radii-s); display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; padding: var(--root-spacing-l) var(--root-spacing-xs); gap: var(--root-spacing-m); box-shadow: var(--root-depth-2); width: 100%; } .jumplinks-item__link:hover { --surface-bg:var(--theme-background-card-hover); text-decoration: underline; } .jumplinks-item__body .ocr-icon { margin-top: var(--root-spacing-xs); } .jumplinks-item__body p { color: var(--theme-foreground-base-subtle); } @media (max-width: 859.98px) { .jumplinks-item { --jumplinks-item-max-width:328px; display: block; } .jumplinks-item__link { flex-direction: row; padding: var(--root-spacing-xs) var(--root-spacing-l) var(--root-spacing-xs) var(--root-spacing-xs); } html[dir=rtl] .jumplinks-item__link { padding: var(--root-spacing-xs) var(--root-spacing-xs) var(--root-spacing-xs) var(--root-spacing-l); } .jumplinks-item__body { width: 100%; display: flex; justify-content: space-between; align-items: center; } .jumplinks-item__body .ocr-icon { margin-top: 0; } .jumplinks-item__text { text-align: start; } } .card-grid { row-gap: var(--root-spacing-m); } @media (max-width: 1439.98px) { .card-grid .card-promo .media { --media-aspect-ratio:21/9; } } .card-grid--featured-stack { row-gap: var(--root-spacing-xl); } .card-grid--featured-stack .card-horizontal-container { height: 100%; } .card-grid--featured-stack .card-horizontal-container .row { height: 100%; } @media (max-width: 539.98px) { .card-promo__fg-content { position: inherit; } } .card-grid__cards .layout { row-gap: var(--root-spacing-m); height: 100%; } .card-grid__heading { margin-bottom: var(--root-spacing-xs); width: 100%; } @media (min-width: 860px) { .card-grid__heading .button-group { justify-content: flex-end; } } .card-grid--disable-card-promo .card-grid__cards { flex: 0 0 100%; max-width: none; } .section-master__slot .card-grid ~ .link { margin-top: var(--density); } .cta-stacked .card-horizontal-container { margin-bottom: var(--root-spacing-xs); } @media (min-width: 860px) { .cta-stacked .card-horizontal-container { margin-bottom: var(--root-spacing-xl); } } .features-grid { --layout-column-count:1; --layout-column-gap:var(--root-spacing-4xl); row-gap: var(--root-spacing-2xl); } .features-grid .block-feature__badge .badge { --badge-width:2rem; --badge-height:2rem; } @media (min-width: 860px) { .features-grid .block-feature__badge .badge { --badge-width:3rem; --badge-height:3rem; } } .features-grid .block-feature__badge .badge .ocr-icon { --icon-font-size:var(--root-icon-m-font-size); --icon-max-width:var(--root-icon-m-max-width); --icon-max-height:var(--root-icon-m-max-height); --icon-svg-fill:var(--theme-foreground-base-icon); color: var(--theme-foreground-base-icon); } @media (min-width: 860px) { .features-grid .block-feature__badge .badge .ocr-icon { --icon-font-size:var(--root-icon-l-font-size); --icon-max-width:var(--root-icon-l-max-width); --icon-max-height:var(--root-icon-l-max-height); } } .features-grid .modal-wrapper.modal--full-screen .modal-header { border-bottom: none; } @media (min-width: 860px) { .features-grid { --layout-column-count:3; } } .section-master--blade-hero-card-carousel .modal .card { --card-background-color:var(--theme-background-glass-normal); } .section-master--blade-hero-double-cta { --sm-hdcta-layout-header-md-mr:var(--root-spacing-4xl); } .section-master--blade-hero-double-cta.section-master--bg-image-stacked.section-master--layout-reverse .section-master__image { --sm-bg-img-sm-display:none; } .section-master--blade-hero-double-cta.section-master--layout-reverse .section-master__layout { margin-top: initial; } .section-master--blade-hero-double-cta.section-master--layout-reverse .section-master__layout .section-master__layout-header { --sm-layout-heading-sm-padding-top:var(--sm-density); } @media (min-width: 860px) { .section-master--blade-hero-double-cta.section-master--layout-reverse .section-master__layout .section-master__layout-header { margin-right: calc(var(--sm-hdcta-layout-header-md-mr) - var(--layout-column-gap)); } } .section-master--blade-hero-double-cta.section-master--layout-reverse .section-master__layout .section-master__layout-slot { --sm-layout-slot-xs-margin-left:-1rem; --sm-layout-slot-xs-margin-right:-1rem; --sm-layout-slot-sm-margin-left:-4rem; --sm-layout-slot-sm-margin-right:-4rem; } .section-master--blade-hero-double-cta .section-master__layout-header { -webkit-padding-end: var(--root-copy-padding-l); padding-inline-end: var(--root-copy-padding-l); } .section-master--blade-hero-slim .section-master__layout-header .block-heading__slot { margin: var(--root-spacing-xl) 0 0; } .section-master--blade-hero-slim .section-master__layout-header .card { background-color: var(--theme-background-glass-normal); } @media (max-width: 859.98px) { .section-master--blade-hero-slim .section-master__layout-header .card .block-feature__body { width: 100%; } } .section-master--blade-hero-slim .section-master__layout-header .card .block-slim { --block-slim-display:flex; } @media (max-width: 859.98px) { .section-master--blade-hero-slim .section-master__layout-header .card .button-group { width: 100%; } } .section-master--blade-hero-slim .section-master__layout-header .card .block-feature { --block-feature-body-copy-padding:var(--root-copy-padding-l); } .section-master--blade-hero-slim .section-master__layout-slot .media--highlight { --media-highlight-padding:var(--root-spacing-l); } @media (max-width: 859.98px) { .section-master--blade-hero-slim .section-master__layout-slot .media { padding: 0; } .section-master--blade-hero-slim .section-master__layout-slot .ocr-img { border-radius: unset !important; } } @media (min-width: 860px) { html[dir=rtl] .section-master--blade-hero-slim .layout--rtl-fixed .layout__col .section-master__layout-header { margin-right: calc(var(--root-spacing-4xl) - var(--layout-column-gap)); margin-left: 0; } } html[dir=rtl] .section-master--blade-hero-slim .layout--rtl-fixed .layout__col:first-child > :first-child { justify-content: end; } .section-master { --sm-density:var(--root-density-vertical-default); --sm-breadth-top:var(--root-breadth-vertical-relaxed); --sm-breadth-bottom:var(--root-breadth-vertical-relaxed); --sm-breadth-sm-top:var(--sm-breadth-top); --sm-breadth-sm-bottom:var(--sm-breadth-bottom); --layout-columns-count:1; --sm-layout-order:column; --sm-layout-heading-x-align:flex-start; --sm-layout-heading-y-align:flex-start; --sm-layout-heading-sm-padding-top:0; --sm-layout-heading-sm-padding-bottom:0; --sm-layout-heading-padding-top:var(--sm-layout-heading-sm-padding-top); --sm-layout-heading-padding-bottom:var(--sm-layout-heading-sm-padding-bottom); --sm-layout-heading-xs-margin-left:initial; --sm-layout-heading-xs-margin-right:initial; --sm-layout-heading-sm-margin-left:initial; --sm-layout-heading-sm-margin-right:initial; --sm-layout-slot-x-align:flex-start; --sm-layout-slot-y-align:flex-start; --sm-layout-slot-margin-left:initial; --sm-layout-slot-margin-right:initial; --sm-layout-slot-xs-margin-left:initial; --sm-layout-slot-xs-margin-right:initial; --sm-layout-slot-sm-margin-left:initial; --sm-layout-slot-sm-margin-right:initial; --sm-bg-img-pos:absolute; --sm-bg-img-top:0; --sm-bg-img-right:0; --sm-bg-img-bottom:0; --sm-bg-img-left:0; --sm-bg-img-transform:unset; --sm-bg-img-fit:cover; --sm-bg-img-overlay:var(--theme-background-background-overlay-fill, rgba(255, 255, 255, 0.6)); --sm-bg-img-display:block; --sm-bg-img-sm-display:var(--sm-bg-img-display); --sm-bg-pos:absolute; --sm-bg-top:0; --sm-bg-right:0; --sm-bg-bottom:0; --sm-bg-left:0; --sm-bg-transform:unset; --sm-bg-fit:cover; --sm-bg-display:block; --sm-bg-sm-display:var(--sm-bg-display); --sm-pill-bar-x-align:start; padding-top: var(--sm-breadth-sm-top); padding-bottom: var(--sm-breadth-sm-bottom); position: relative; } @media (min-width: 540px) { .section-master { padding-top: var(--sm-breadth-top); padding-bottom: var(--sm-breadth-bottom); } } @media (max-width: 859.98px) { .section-master:has(.section-master__breadcrumbs) { padding-top: 0; } } .section-master .section-master__breadcrumbs { position: relative; z-index: 1; } @media (max-width: 859.98px) { .section-master .section-master__breadcrumbs { padding-inline: 0; border-bottom: 1px solid var(--theme-border-base-fade); } } @media (min-width: 860px) { .section-master .section-master__breadcrumbs { position: absolute; top: 0; left: 0; right: 0; padding-top: var(--root-spacing-xl); } } .section-master .section-master__breadcrumbs .breadcrumbs { --breadcrumbs-mobile-background-color:transparent; } .section-master .section-master__image { position: var(--sm-bg-img-pos); top: var(--sm-bg-img-top); right: var(--sm-bg-img-right); bottom: var(--sm-bg-img-bottom); left: var(--sm-bg-img-left); transform: var(--sm-bg-img-transform); max-height: 100%; overflow: hidden; display: var(--sm-bg-img-sm-display); } @media (min-width: 860px) { .section-master .section-master__image { display: var(--sm-bg-img-display); } } .section-master .section-master__image .ocr-img, .section-master .section-master__image .ocr-img img { width: 100%; height: 100%; } .section-master .section-master__image .ocr-img img { -o-object-fit: var(--sm-bg-img-fit); object-fit: var(--sm-bg-img-fit); } .section-master .section-master__image.overlay__target::before { --bg-val:var(--sm-bg-img-overlay); } .section-master .section-master__video { position: var(--sm-bg-pos); top: var(--sm-bg-top); right: var(--sm-bg-right); bottom: var(--sm-bg-bottom); left: var(--sm-bg-left); transform: var(--sm-bg-transform); max-height: 100%; overflow: hidden; display: var(--sm-bg-sm-display); } @media (min-width: 860px) { .section-master .section-master__video { display: var(--sm-bg-display); } } .section-master .section-master__video video { -o-object-fit: var(--sm-bg-fit); object-fit: var(--sm-bg-fit); width: 100%; height: 100%; } .section-master .section-master__layout { --layout-column-count:var(--layout-columns-count); flex-direction: var(--sm-layout-order); } @media (min-width: 860px) { .section-master .section-master--layout-cols-2 { --layout-columns-count:2; --sm-layout-order:row; } } @media (min-width: 860px) { .section-master .section-master__layout-header, .section-master .section-master__layout-slot { display: flex; height: 100%; } } .section-master .section-master__layout-header { padding-top: var(--sm-layout-heading-sm-padding-top); padding-bottom: var(--sm-layout-heading-sm-padding-bottom); } @media (max-width: 539.98px) { .section-master .section-master__layout-header { margin-left: var(--sm-layout-heading-xs-margin-left); margin-right: var(--sm-layout-heading-xs-margin-right); } } @media (max-width: 859.98px) { .section-master .section-master__layout-header { margin-left: var(--sm-layout-heading-sm-margin-left); margin-right: var(--sm-layout-heading-sm-margin-right); } } @media (min-width: 860px) { .section-master .section-master__layout-header { justify-content: var(--sm-layout-heading-x-align); align-items: var(--sm-layout-heading-y-align); padding-top: var(--sm-layout-heading-padding-top); padding-bottom: var(--sm-layout-heading-padding-bottom); } } .section-master .section-master__layout-slot { margin-left: var(--sm-layout-slot-margin-left); margin-right: var(--sm-layout-slot-margin-right); } @media (max-width: 859.98px) { .section-master .section-master__layout-slot { margin-left: var(--sm-layout-slot-sm-margin-left); margin-right: var(--sm-layout-slot-sm-margin-right); } } @media (max-width: 539.98px) { .section-master .section-master__layout-slot { margin-left: var(--sm-layout-slot-xs-margin-left); margin-right: var(--sm-layout-slot-xs-margin-right); } } @media (min-width: 860px) { .section-master .section-master__layout-slot { justify-content: var(--sm-layout-slot-x-align); align-items: var(--sm-layout-slot-y-align); } } @media (max-width: 539.98px) { .section-master .section-master__layout-button-group-top { display: none; } } .section-master .section-master__layout-button-group-bottom { margin-top: var(--sm-density); } @media (min-width: 540px) { .section-master .section-master__layout-button-group-bottom { display: none; } } .section-master .section-master__slot { -webkit-margin-end: 0; margin-inline-end: 0; } @media (max-width: 539.98px) { .section-master .section-master__slot { -webkit-margin-start: 0; margin-inline-start: 0; } } .section-master .section-master__slot:not(:first-child) { margin-top: var(--sm-density); } .section-master .section-master__slot .pill-bar { --tab-group-x-align:var(--sm-pill-bar-x-align); } .section-master .section-master__slot :not(.cmp-tabs) .tab-panel-group { --tabs-panel-margin-top:0; } .section-master .section-master__slot .cmp-tabs .tab-panel-group { --tabs-panel-margin-top:var(--sm-density, var(--root-spacing-2xl)); } .section-master .section-master__slot > .col:first-child { --sm-layout-heading-x-align:normal; display: flex; flex-direction: column; gap: var(--sm-density); align-items: var(--sm-layout-heading-x-align); } .section-master .section-master__slot .tab-panel-group { position: relative; } .section-master .section-master__slot .tab-panel-group .tab-panel:focus-visible { outline: 0; } .section-master .section-master__slot .tab-panel-group .tab-panel:focus-visible::after { content: ""; display: block; position: absolute; top: 0; left: 0.1875rem; right: 0.1875rem; width: calc(100% - 0.375rem); height: 100%; outline: 0.1875rem dotted currentColor; } .section-master--breadth-comfortable { --sm-breadth-top:var(--root-spacing-3xl); --sm-breadth-bottom:var(--root-spacing-3xl); } .section-master--breadth-none { --sm-breadth-top:0; --sm-breadth-bottom:0; } .section-master--density-compact { --sm-density:var(--root-spacing-xl); } .section-master--density-none { --sm-density:0; } .section-master--alignment-center .section-master__layout-header > .block-heading { --block-heading-text-align:center; } .section-master--alignment-center .section-master__pill-bar .pill-bar, .section-master--alignment-center .section-master__slot .pill-bar { --sm-pill-bar-x-align:center; } .section-master--alignment-center .section-master__pill-bar > .col:first-child, .section-master--alignment-center .section-master__slot > .col:first-child { --sm-layout-heading-x-align:center; } @media (max-width: 859.98px) { .section-master--layout-reverse, .section-master--layout-reverse-full, .section-master--layout-rtl-fixed { --sm-layout-heading-sm-padding-top:calc(var(--root-spacing-l) - 0.5rem); --sm-layout-heading-sm-padding-bottom:var(--root-spacing-l); --sm-layout-order:column-reverse; } .section-master--layout-reverse .section-master--layout-cols-2, .section-master--layout-reverse-full .section-master--layout-cols-2, .section-master--layout-rtl-fixed .section-master--layout-cols-2 { --layout-columns-count:1; } } @media (max-width: 859.98px) { .section-master--layout-reverse-full .section-master__image, .section-master--layout-rtl-fixed .section-master__image { --sm-bg-img-sm-display:none; } } .section-master--layout-reverse-full .section-master__layout .section-master__layout-header, .section-master--layout-rtl-fixed .section-master__layout .section-master__layout-header { --sm-layout-heading-sm-padding-top:var(--sm-density); } @media (min-width: 860px) { html:not([dir=rtl]) .section-master--layout-reverse-full .section-master__layout .section-master__layout-header, html:not([dir=rtl]) .section-master--layout-rtl-fixed .section-master__layout .section-master__layout-header { margin-right: calc(var(--root-spacing-4xl) - var(--layout-column-gap)); } html[dir=rtl] .section-master--layout-reverse-full .section-master__layout .section-master__layout-header, html[dir=rtl] .section-master--layout-rtl-fixed .section-master__layout .section-master__layout-header { margin-left: calc(var(--root-spacing-4xl) - var(--layout-column-gap)); } } .section-master--layout-reverse-full .section-master__layout .section-master__layout-slot, .section-master--layout-rtl-fixed .section-master__layout .section-master__layout-slot { --sm-layout-slot-xs-margin-left:-1rem; --sm-layout-slot-xs-margin-right:-1rem; --sm-layout-slot-sm-margin-left:-4rem; --sm-layout-slot-sm-margin-right:-4rem; } @media (min-width: 860px) { html[dir=rtl] .section-master--1-column-hero-rtl.section-master--layout-reverse-full .section-master__layout .section-master__layout-header, html[dir=rtl] .section-master--1-column-hero-rtl.section-master--layout-rtl-fixed .section-master__layout .section-master__layout-header, html[dir=rtl] .section-master--2-column-hero-rtl.section-master--layout-reverse-full .section-master__layout .section-master__layout-header, html[dir=rtl] .section-master--2-column-hero-rtl.section-master--layout-rtl-fixed .section-master__layout .section-master__layout-header { margin-right: calc(var(--root-spacing-4xl) - var(--layout-column-gap)); margin-left: 0; } } .section-master--bg-image-fit-contain { --sm-bg-img-fit:contain; } .section-master--bg-image-position-top-left { --sm-bg-img-right:auto; --sm-bg-img-bottom:auto; } .section-master--bg-image-position-top-right { --sm-bg-img-bottom:auto; --sm-bg-img-left:auto; } .section-master--bg-image-position-bottom-left { --sm-bg-img-top:auto; --sm-bg-img-right:auto; } .section-master--bg-image-position-bottom-right { --sm-bg-img-top:auto; --sm-bg-img-left:auto; } .section-master--bg-image-position-center { --sm-bg-img-top:50%; --sm-bg-img-right:auto; --sm-bg-img-bottom:auto; --sm-bg-img-left:50%; --sm-bg-img-transform:translate(-50%, -50%); } @media (max-width: 859.98px) { .section-master--bg-image-stacked { --sm-bg-img-pos:unset; --sm-breadth-top:0; --sm-bg-img-overlay:transparent; } .section-master--bg-image-stacked .section-master__layout { margin-top: var(--sm-density); } } .section-master--bg-fit-contain { --sm-bg-fit:contain; } .section-master--bg-position-top-left { --sm-bg-right:50%; --sm-bg-bottom:50%; } .section-master--bg-position-top-right { --sm-bg-bottom:50%; --sm-bg-left:50%; } .section-master--bg-position-bottom-left { --sm-bg-top:50%; --sm-bg-right:50%; } .section-master--bg-position-bottom-right { --sm-bg-top:50%; --sm-bg-left:50%; } .section-master--bg-position-center { --sm-bg-top:50%; --sm-bg-right:auto; --sm-bg-bottom:auto; --sm-bg-left:50%; --sm-bg-transform:translate(-50%, -50%); } @media (max-width: 859.98px) { .section-master--bg-stacked { --sm-bg-pos:unset; --sm-breadth-top:0; } .section-master--bg-stacked .section-master__layout { margin-top: var(--sm-density); } } .section-master--layout-header-horizontal-alignment-center { --sm-layout-heading-x-align:center; } .section-master--layout-header-horizontal-alignment-right { --sm-layout-heading-x-align:flex-end; } .section-master--layout-header-vertical-alignment-middle { --sm-layout-heading-y-align:center; } .section-master--layout-header-vertical-alignment-bottom { --sm-layout-heading-y-align:flex-end; } .section-master--layout-slot-horizontal-alignment-center { --sm-layout-slot-x-align:center; } .section-master--layout-slot-horizontal-alignment-right { --sm-layout-slot-x-align:flex-end; } .section-master--layout-slot-vertical-alignment-middle { --sm-layout-slot-y-align:center; } .section-master--layout-slot-vertical-alignment-bottom { --sm-layout-slot-y-align:flex-end; } @media (min-width: 860px) { .section-master--layout-header-horizontal-alignment-center-focus .section-master__layout { margin-inline: auto; width: 83.33333%; } } @media (min-width: 1440px) { .section-master--layout-header-horizontal-alignment-center-focus .section-master__layout { width: 58.33333%; } } .section-master--layout-header-horizontal-alignment-center-focus .section-master__layout .block-heading--alignment-centered { width: 100%; } .section-master--layout-header-horizontal-alignment-center-focus .section-master__layout .section-master__pill-bar .pill-bar, .section-master--layout-header-horizontal-alignment-center-focus .section-master__layout .section-master__slot .pill-bar { --sm-pill-bar-x-align:center; } .section-master--layout-header-horizontal-alignment-center-focus .section-master__layout .section-master__pill-bar > .col:first-child, .section-master--layout-header-horizontal-alignment-center-focus .section-master__layout .section-master__slot > .col:first-child { --sm-layout-heading-x-align:center; } @media (min-width: 860px) { html[dir=rtl] .section-master--1-column-hero-rtl .section-master__layout .layout__col:first-child .section-master__layout-header { justify-content: flex-end; } } @media (min-width: 860px) { html[dir=rtl] .section-master--2-column-hero-rtl .section-master__layout .layout__col:first-child { order: 1; } } .section-master--max-height-lg, .section-master--max-height-xl { --sm-max-height:none; --sm-max-height-display:flex; --sm-max-height-alignment:center; max-height: var(--sm-max-height); height: 100vh; display: var(--sm-max-height-display); align-items: var(--sm-max-height-alignment); } @media (max-width: 859.98px) { .section-master--max-height-lg, .section-master--max-height-xl { height: auto; } .section-master--bg-stacked.section-master--max-height-lg, .section-master--bg-stacked.section-master--max-height-xl { --sm-max-height-display:block; --sm-max-height-alignment:initial; } } .section-master--max-height-lg .section-master__video [data-mount=m365-video], .section-master--max-height-xl .section-master__video [data-mount=m365-video] { height: 100%; } .section-master--max-height-lg .section-master__video [data-mount=m365-video] figure, .section-master--max-height-xl .section-master__video [data-mount=m365-video] figure { height: 100%; } @media (min-width: 860px) { .section-master--max-height-lg { --sm-max-height:500px; } } @media (min-width: 1440px) { .section-master--max-height-lg { --sm-max-height:800px; } } @media (min-width: 860px) { .section-master--max-height-xl { --sm-max-height:800px; } } @media (min-width: 1440px) { .section-master--max-height-xl { --sm-max-height:1000px; } } .section-master--min-h-hero-card-carousel, .section-master--min-h-hero-category, .section-master--min-h-hero-cta, .section-master--min-h-hero-search, .section-master--min-h-hero-slim { --sm-min-height:var(--sm-media-min-height); } @media (min-width: 860px) { .section-master--bg-image-stacked.section-master--min-h-hero-card-carousel .section-master__layout, .section-master--bg-image-stacked.section-master--min-h-hero-category .section-master__layout, .section-master--bg-image-stacked.section-master--min-h-hero-cta .section-master__layout, .section-master--bg-image-stacked.section-master--min-h-hero-search .section-master__layout, .section-master--bg-image-stacked.section-master--min-h-hero-slim .section-master__layout { min-height: calc(var(--sm-min-height) - var(--sm-breadth-sm-top) - var(--sm-breadth-sm-bottom)); justify-content: center; } .section-master--bg-image-stacked.section-master--min-h-hero-card-carousel .section-master__layout.section-master--layout-cols-2, .section-master--bg-image-stacked.section-master--min-h-hero-category .section-master__layout.section-master--layout-cols-2, .section-master--bg-image-stacked.section-master--min-h-hero-cta .section-master__layout.section-master--layout-cols-2, .section-master--bg-image-stacked.section-master--min-h-hero-search .section-master__layout.section-master--layout-cols-2, .section-master--bg-image-stacked.section-master--min-h-hero-slim .section-master__layout.section-master--layout-cols-2 { align-items: center; justify-content: initial; } } .section-master--min-h-hero-card-carousel:not(.section-master--bg-image-stacked) .section-master__layout, .section-master--min-h-hero-category:not(.section-master--bg-image-stacked) .section-master__layout, .section-master--min-h-hero-cta:not(.section-master--bg-image-stacked) .section-master__layout, .section-master--min-h-hero-search:not(.section-master--bg-image-stacked) .section-master__layout, .section-master--min-h-hero-slim:not(.section-master--bg-image-stacked) .section-master__layout { min-height: calc(var(--sm-min-height) - var(--sm-breadth-sm-top) - var(--sm-breadth-sm-bottom)); justify-content: center; } .section-master--min-h-hero-card-carousel:not(.section-master--bg-image-stacked) .section-master__layout.section-master--layout-cols-2, .section-master--min-h-hero-category:not(.section-master--bg-image-stacked) .section-master__layout.section-master--layout-cols-2, .section-master--min-h-hero-cta:not(.section-master--bg-image-stacked) .section-master__layout.section-master--layout-cols-2, .section-master--min-h-hero-search:not(.section-master--bg-image-stacked) .section-master__layout.section-master--layout-cols-2, .section-master--min-h-hero-slim:not(.section-master--bg-image-stacked) .section-master__layout.section-master--layout-cols-2 { align-items: center; justify-content: initial; } .section-master--min-h-hero-card-carousel, .section-master--min-h-hero-cta, .section-master--min-h-hero-slim { --sm-media-min-height:580px; } .section-master--min-h-hero-category { --sm-media-min-height:304px; } .section-master--min-h-hero-search { --sm-media-min-height:456px; } .section-master--alignment-center .section-master__slot .col .carousel, .section-master--alignment-center .section-master__slot .col div:has([data-mount=ocr-slider]), .section-master--alignment-center .section-master__slot .col div:has([data-mount=tab-slider]) { width: 100%; } @media (max-width: 859.98px) { .section-master--layout-reverse-full .section-master__layout { margin-top: initial; } } @media (max-width: 859.98px) { .section-master--layout-rtl-fixed .section-master__layout { margin-top: initial; } } @media (max-width: 859.98px) { .section-master--layout-rtl-fixed { --sm-layout-order:column; } } .section-master--no-end-padding .section-master__slot .col { -webkit-padding-end: 0; padding-inline-end: 0; } .three-up-cards.layout--cols-1 .block-feature__badge { align-self: center; } .three-up-cards.layout--cols-1 .block-feature__body { align-self: center; } .three-up-cards.layout--cols-1 .block-feature__body .block-feature__headings { align-self: center; text-align: center; } .three-up-cards.layout--cols-1 .block-feature__body .block-feature__paragraph { text-align: center; } .three-up-cards.layout--cols-1 .card__content .block-slim { justify-content: center; } .three-up-cards:not(.layout--cols-1) .block-feature__body { --block-feature-body-copy-padding:var(--root-copy-padding-m); } .three-up-cards__card .block-feature__headings > .block-feature__label { color: var(--theme-foreground-base-highlight); } .accordion--vertical { --vertical-accordion-bottom-padding:146px; display: flex; flex-direction: row; position: relative; overflow-x: hidden; } @media (min-width: 1440px) { .accordion--vertical { min-height: 33rem; } } .accordion--vertical > div:first-child { display: flex; width: 100%; } .accordion--vertical .accordion { flex-basis: 100%; } @media (min-width: 860px) { .accordion--vertical .accordion { flex-basis: calc(33% - 0.5rem); } } @media (min-width: 860px) { .accordion--vertical .accordion, .accordion--vertical > div:first-child { height: 100vh !important; max-height: 492px; } } .accordion--vertical.ocr-accordion ul:first-child { overflow-y: auto; } @media (min-width: 860px) { .accordion--vertical .ocr-accordion-item__body { gap: unset; } .accordion--vertical .ocr-accordion-item__body > :last-child .link { margin-top: var(--root-spacing-xl); } } @media (max-width: 859.98px) { html:not([dir=rtl]) .accordion--vertical .ocr-accordion-item .ocr-accordion-item__content { margin-left: 0; } html[dir=rtl] .accordion--vertical .ocr-accordion-item .ocr-accordion-item__content { margin-right: 0; } .accordion--vertical .ocr-accordion-item .indicator, .accordion--vertical .ocr-accordion-item:has(.show) .indicator { display: none; opacity: 0; } } .accordion--vertical .multi-feature-feature.media { padding-left: var(--media-highlight-padding); display: var(--media-display) !important; } .accordion--vertical .media { position: relative; width: -moz-fit-content; width: fit-content; } @media (max-width: 859.98px) { .accordion--vertical .media.media--universal-media-player { width: 100%; } } .accordion--vertical .media.img-fluid img, .accordion--vertical .media.img-fluid picture { max-width: inherit; height: inherit; } @media (min-width: 860px) { .accordion--vertical .media { position: absolute; width: 50%; height: auto; max-width: 656px; max-height: 528px; aspect-ratio: 4/3; top: 0; } .accordion--vertical .media .ocr-img { --image-height:100%; width: 100%; } html:not([dir=rtl]) .accordion--vertical .media { right: 0; } html[dir=rtl] .accordion--vertical .media { left: 0; } } @media (max-width: 1439.98px) { .accordion--vertical .media--highlight { --media-highlight-padding:var(--root-spacing-xl); } } .accordion--vertical .link { margin-bottom: var(--root-spacing-xl); } @media (min-width: 860px) { .accordion--vertical .link { margin-bottom: 0; } } .accordion--vertical .link:focus { margin-left: 3px; } .accordion--vertical-flipped > div:first-child { justify-content: flex-end; } @media (min-width: 860px) { html:not([dir=rtl]) .accordion--vertical-flipped .media { left: 0; } html[dir=rtl] .accordion--vertical-flipped .media { right: 0; } } .accordion--vertical-flipped .ocr-accordion-item { --animation-starting-origin:-100%; } .accordion--vertical-banner-featured-split { display: flex; flex-direction: column; background-color: var(--theme-background-card-normal); padding-top: var(--root-spacing-3xl); padding-bottom: var(--root-spacing-3xl); border-radius: var(--root-radii-l); box-shadow: var(--root-depth-4); } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split { padding: var(--root-spacing-xs); -webkit-padding-start: var(--root-spacing-xs) !important; padding-inline-start: var(--root-spacing-xs) !important; } } .accordion--vertical-banner-featured-split [data-mount=ocr-accordion]:has(.ocr-accordion-item > .button-group) { margin-bottom: var(--root-spacing-3xl); } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split [data-mount=ocr-accordion]:has(.ocr-accordion-item > .button-group) { margin-bottom: var(--vertical-accordion-bottom-padding); } } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split.ocr-accordion .ocr-accordion-item:first-child .ocr-accordion-item__header { padding-top: var(--root-spacing-xl) !important; } } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split .ocr-accordion-item:first-child .ocr-accordion-item__btn-group-tagged .ocr-accordion-item__header { padding-top: 0 !important; } } .accordion--vertical-banner-featured-split .ocr-accordion-item__top-content .ocr-accordion-item__body { padding: 0; } .accordion--vertical-banner-featured-split .accordion { flex-basis: 50% !important; } @media (min-width: 860px) { .accordion--vertical-banner-featured-split .accordion { flex-basis: unset; -webkit-padding-start: var(--root-spacing-3xl) !important; padding-inline-start: var(--root-spacing-3xl) !important; -webkit-padding-end: var(--root-spacing-3xl) !important; padding-inline-end: var(--root-spacing-3xl) !important; } } @media (max-width: 1439.98px) { .accordion--vertical-banner-featured-split .accordion { flex-basis: unset; } } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split .accordion { flex-basis: 100% !important; } } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split .ocr-accordion-item .button-group, .accordion--vertical-banner-featured-split .ocr-accordion-item .collapse:not(:first-child) { -webkit-padding-start: var(--root-spacing-2xl); padding-inline-start: var(--root-spacing-2xl); -webkit-padding-end: var(--root-spacing-2xl); padding-inline-end: var(--root-spacing-2xl); } } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split .ocr-accordion-item .ocr-accordion-item__header { display: flex; justify-content: space-between; } } .accordion--vertical-banner-featured-split .ocr-accordion-item .ocr-accordion-item__content { border-bottom: none; } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split .ocr-accordion-item .ocr-accordion-item__content .ocr-divider { -webkit-margin-start: var(--root-spacing-2xl) !important; margin-inline-start: var(--root-spacing-2xl) !important; -webkit-margin-end: var(--root-spacing-2xl) !important; margin-inline-end: var(--root-spacing-2xl) !important; } } .accordion--vertical-banner-featured-split .ocr-accordion-item .ocr-accordion-item__content .media { animation: none !important; } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split .ocr-accordion-item:not(:first-child) .ocr-img img { margin-top: var(--root-spacing-xl); } } .accordion--vertical-banner-featured-split .media { max-height: none; height: 100%; padding: var(--root-spacing-xs); border-radius: var(--root-radii-m); } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split .media { padding: 0; } } html[dir=rtl] .accordion--vertical-banner-featured-split .media { -webkit-padding-end: var(--root-spacing-xs) !important; padding-inline-end: var(--root-spacing-xs) !important; -webkit-padding-start: 0; padding-inline-start: 0; } .accordion--vertical-banner-featured-split .media--universal-media-player, .accordion--vertical-banner-featured-split video { --media-border-radius:var(--root-radii-m); } .accordion--vertical-banner-featured-split .ocr-img img { --image-border-radius:var(--root-radii-m); } .accordion--vertical-banner-featured-split .ocr-accordion-item > .button-group { position: absolute; bottom: var(--root-spacing-3xl); } @media (max-width: 859.98px) { .accordion--vertical-banner-featured-split .ocr-accordion-item > .button-group { bottom: var(--root-spacing-2xl); --button-group-direction:column; display: flex; width: 100%; left: 0; } } @media (min-width: 860px) { .accordion--vertical-banner-featured-split.accordion--vertical-flipped .accordion { -webkit-padding-start: var(--root-spacing-3xl) !important; padding-inline-start: var(--root-spacing-3xl) !important; } } @media (min-width: 860px) { .accordion--vertical-banner-featured-split.accordion--vertical-flipped .media { -webkit-padding-start: var(--root-spacing-xs); padding-inline-start: var(--root-spacing-xs); -webkit-padding-end: 0; padding-inline-end: 0; } } html[dir=rtl] .accordion--vertical-banner-featured-split.accordion--vertical-flipped .media { -webkit-padding-start: var(--root-spacing-xs) !important; padding-inline-start: var(--root-spacing-xs) !important; -webkit-padding-end: 0 !important; padding-inline-end: 0 !important; } @media (min-width: 860px) { .accordion--vertical-product .accordion, .accordion--vertical-product > div:first-child { height: 100vh !important; max-height: 630px; } } @media (min-width: 860px) { .accordion--vertical-product .media { width: 60%; height: auto; max-width: 800px; max-height: 636px; aspect-ratio: unset; } } .interactive-demo { --interactive-demo-bg-overlay:var( --theme-background-background-overlay-fill, rgba(255, 255, 255, 0.6) ); --interactive-demo-bg-img-display:block; } .interactive-demo .block-slim { --block-slim-justify:center; } .interactive-demo .block-slim .block-items-list { --block-items-list-justify:center; z-index: 2; } .interactive-demo__header .block-heading { margin-bottom: var(--root-spacing-xl); padding-top: var(--root-spacing-3xl); } .interactive-demo__header .row { justify-content: center; margin-bottom: calc(1rem + var(--root-spacing-2xs) + var(--root-spacing-xl)); } .interactive-demo__bg-image { display: var(--interactive-demo-bg-img-display); position: absolute; width: 100%; height: 100%; top: 2rem; --bg-val:var(--interactive-demo-bg-overlay); } .interactive-demo__bg-image .ocr-img { --image-display:block; --image-width:100%; --image-height:100%; --image-object-fit:cover; } .interactive-demo__tab { position: relative; } .interactive-demo__tab .tabs { margin-top: -60px; padding-right: 1rem; padding-left: 1rem; max-width: calc(1328px + var(--root-spacing-xs)); margin-left: auto; margin-right: auto; } @media (min-width: 540px) { .interactive-demo__tab .tabs { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .interactive-demo__tab .tabs { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .interactive-demo__tab .tabs { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 1440px) { .interactive-demo__tab .tabs { padding-left: 0; padding-right: 0; width: 100%; } } .interactive-demo__tab .tab-panel-group { --tabs-panel-margin-top:unset; padding-top: var(--root-density-vertical-compact); padding-bottom: var(--root-spacing-3xl); justify-content: center; } .interactive-demo__tab .tab-panel { text-align: center; } .interactive-demo__tab .tab-panel .media, .interactive-demo__tab .tab-panel .media__asset { width: 100%; } @media (min-width: 860px) { .interactive-demo__tab .tab-panel .media { width: 66.667%; margin: auto; } } .interactive-demo__tab .tab-panel .media, .interactive-demo__tab .tab-panel .ow-m365-video { margin-top: var(--root-spacing-xl); } .interactive-demo__tab .tab-panel .media--highlight { padding: var(--root-spacing-l); } .interactive-demo__tab .tab-panel .media--highlight .ocr-img { --image-border-radius:var(--root-radii-s); } .interactive-demo__tab .tab-panel .block-feature__body { z-index: 2; } .interactive-demo__tab .ow-m365-video-player-ctn .c-video-player { min-width: auto; } .interactive-demo--bg-overlay-disable { --interactive-demo-bg-overlay:none; } .interactive-demo--bg-img-hide { --interactive-demo-bg-img-display:none; } .interactive-demo--hide-tabs .tabs__slider { display: none; } .interactive-demo--hide-tabs .tab-panel-group { padding-top: 0; } .interactive-demo--hide-tabs .block-heading { margin-bottom: var(--root-density-vertical-default); } .interactive-demo:has(.interactive-demo__bg-image) .tabs .tab__item { background: var(--theme-background-card-normal); } .interactive-demo:has(.interactive-demo__bg-image) .tabs .tab__item:active { background: var(--theme-background-card-pressed); } .section-master--blade-card-carousel .card-horizontal-container, .section-master--blade-card-carousel .pill-bar, .section-master--blade-card-carousel .section-master__layout-slot-bottom { padding-right: 1rem; padding-left: 1rem; } @media (min-width: 540px) { .section-master--blade-card-carousel .card-horizontal-container, .section-master--blade-card-carousel .pill-bar, .section-master--blade-card-carousel .section-master__layout-slot-bottom { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .section-master--blade-card-carousel .card-horizontal-container, .section-master--blade-card-carousel .pill-bar, .section-master--blade-card-carousel .section-master__layout-slot-bottom { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .section-master--blade-card-carousel .card-horizontal-container, .section-master--blade-card-carousel .pill-bar, .section-master--blade-card-carousel .section-master__layout-slot-bottom { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 860px) { .section-master--blade-card-carousel .card-horizontal-container, .section-master--blade-card-carousel .pill-bar, .section-master--blade-card-carousel .section-master__layout-slot-bottom { max-width: 100vw; } } @media (min-width: 1440px) { .section-master--blade-card-carousel .card-horizontal-container, .section-master--blade-card-carousel .pill-bar, .section-master--blade-card-carousel .section-master__layout-slot-bottom { max-width: 1328px; } } @media (min-width: 1440px) { .section-master--blade-card-carousel .card-horizontal-container, .section-master--blade-card-carousel .pill-bar, .section-master--blade-card-carousel .section-master__layout-slot-bottom { margin: auto; } } .section-master--blade-card-carousel .card-horizontal-container { margin-bottom: var(--sm-density, var(--root-spacing-2xl)); } .section-master--blade-card-carousel .carousel__window { --carousel-window-margin-bottom:calc( var(--carousel-arrow-height) + var(--sm-density, var(--root-spacing-2xl)) ); } .section-master--blade-card-carousel .section-master__slot .col .carousel__window { -webkit-margin-end: -0.5rem; margin-inline-end: -0.5rem; } @media (max-width: 859.98px) { .section-master--blade-card-carousel .section-master__slot .col .carousel__window { -webkit-margin-end: -0.25rem; margin-inline-end: -0.25rem; } } .section-master--blade-case-study-carousel .carousel--type-case-study { --carousel-window-margin-bottom:var(--sm-density, var(--root-spacing-xl)); } .logo-bar-item.logo-bar-item--stroke-hidden, .logo-grid--multiline.logo-bar--solid .logo-bar-item { --logo-bar-item-background-color:transparent; --logo-bar-item-border-width:0; --logo-bar-item-border-radius:0; --logo-bar-item-border-style:none; --logo-bar-item-border-color:transparent; } .logo-bar-item, .logo-bar-item.logo-bar-item--enabled, .logo-bar-item.logo-bar-item--enabled:hover, .logo-bar-item.logo-bar-item--enabled:hover:active, .logo-grid--multiline.logo-bar--solid .logo-bar-item.logo-bar-item--enabled { --logo-bar-item-border-width:var(--root-border-xs); --logo-bar-item-border-radius:var(--root-radii-l); --logo-bar-item-border-style:solid; --logo-bar-item-border-color:var(--theme-border-card-fade); } @media (min-width: 860px) { .logo-grid .logo-grid__list { display: flex; } } .logo-grid .logo-grid__item:focus .indicator, .logo-grid .logo-grid__item:hover .indicator { opacity: 1 !important; } .logo-grid .collapsed .indicator { opacity: 0; } .logo-grid .collapsing { opacity: 0; transition: opacity 0.15s linear; } .logo-grid .indicator { --indicator-length:0.5rem; --indicator-size-small:100%; display: block; opacity: 1; transition: opacity 0.2s ease; position: absolute; bottom: 0; left: 0; border-bottom-left-radius: var(--root-radii-s); border-bottom-right-radius: var(--root-radii-s); background-color: var(--theme-border-accent-strong-selected); } @media (forced-colors: active) { .logo-grid .indicator { background-color: var(--indicator-color); } } .logo-grid .logo-grid__item-tab > button { border-width: 0; padding: calc(var(--root-spacing-m) / 2); color: var(--root-color-neutral-black); } .logo-grid .logo-grid__item-tab > button:disabled { opacity: 1; } @media (forced-colors: active) { .logo-grid .logo-grid__item-tab > button { border: 1px solid transparent; } .logo-grid .btn.collapsed { border: none; } } .logo-grid .tab__item { padding: var(--root-spacing-m); box-shadow: var(--root-depth-2); border-radius: var(--root-radii-s); } .logo-grid .media__asset { aspect-ratio: 4/3; } .logo-grid img, .logo-grid picture { aspect-ratio: inherit; } .logo-grid li > div:nth-child(2) { position: absolute; left: 0; width: 100%; } .logo-grid .logo-grid__content-container { margin-top: var(--root-spacing-2xl); margin-bottom: 0; padding: 0; } @media (max-width: 859.98px) { .logo-grid .logo-grid__content-container { margin-bottom: var(--root-spacing-2xl); } } .logo-grid .block-heading__paragraph { margin-bottom: var(--root-spacing-xl); margin-top: 0; } .logo-grid .block-heading__slot { gap: var(--root-spacing-xl); } .logo-grid .logo-grid__item-content { margin-left: auto; margin-right: auto; position: relative; } @media (max-width: 539.98px) { .logo-grid .block-slim { width: 100%; } .logo-grid .block-slim > .popover__content { margin: 0 auto; } .logo-grid .block-slim > .button-group { width: inherit; } } @media (max-width: 859.98px) { .logo-grid li > div:first-child { display: flex; justify-content: center; } .logo-grid li > div:nth-child(2) { position: static; display: block; } .logo-grid .logo-grid__item-tab > button { pointer-events: none; } .logo-grid .indicator { display: none !important; } .logo-grid .logo-grid__content-container { margin-left: auto; margin-right: auto; max-width: 87%; } .logo-grid .block-heading { margin: 0; } } .logo-grid--multiline { padding-block: var(--root-spacing-m); } .logo-grid--multiline .layout { --layout-row-gap:var(--root-spacing-xs); --layout-column-gap:var(--root-spacing-xs); --layout-column-count:6; justify-content: center; } @media (max-width: 859.98px) { .logo-grid--multiline .layout { --layout-column-count:2; } } .logo-grid--multiline ul { -webkit-padding-start: 0; padding-inline-start: 0; margin: 0; list-style: none; } .logo-grid--multiline.logo-bar--solid { background: var(--theme-background-card-normal); } .logo-grid--multiline .layout__col { display: flex; justify-content: center; } .logo-grid--multiline .logo-grid__link { text-decoration: none; } .container:has(.logo-grid--multiline) { margin-top: var(--sm-density); } .logo-bar-item { --logo-bar-item-background-color:var(--theme-background-card-normal); padding: var(--root-spacing-m); background: var(--logo-bar-item-background-color); border-width: var(--logo-bar-item-border-width); border-radius: var(--logo-bar-item-border-radius); border-style: var(--logo-bar-item-border-style); border-color: var(--logo-bar-item-border-color); width: -moz-fit-content; width: fit-content; } .logo-bar-item.logo-bar-item--enabled { --logo-bar-item-depth:var(--root-depth-1); box-shadow: var(--logo-bar-item-depth); } .logo-bar-item.logo-bar-item--enabled:hover { --logo-bar-item-depth:var(--root-depth-2); } .logo-bar-item.logo-bar-item--enabled:hover:active { --logo-bar-item-depth:var(--root-depth-1); --logo-bar-item-background-color:var(--theme-background-card-pressed); } .logo-bar-item.logo-bar-item--enabled .logo-grid__link:focus { display: flex; outline-offset: 0.25rem; outline: 0.1875rem dotted currentColor; } .logo-bar-item .ocr-img { --image-border-radius:var(--root-radii-s); } @media (max-width: 539.98px) { .section-master--blade-one-up-card .card-horizontal__content > :last-child .button-group { flex-grow: 1; } } .fifty-fifty { --fifty-fifty-layout-order:row; } .fifty-fifty__layout { flex-direction: var(--fifty-fifty-layout-order); --layout-column-gap:var(--root-breadth-vertical-relaxed); } @media (max-width: 859.98px) { .fifty-fifty__layout { --fifty-fifty-layout-order:column-reverse; } .fifty-fifty__layout .fifty-fifty__block-heading { padding-top: var(--root-spacing-m); } } .fifty-fifty__block-heading { height: 100%; display: flex; align-items: center; } .fifty-fifty .block-heading { -webkit-padding-end: var(--root-copy-padding-l); padding-inline-end: var(--root-copy-padding-l); } .fifty-fifty__media .ocr-img { --image-border-radius:var(--root-radii-l); } @media (min-width: 540px) { .fifty-fifty--layout-reverse { --fifty-fifty-layout-order:row-reverse; } } .section-master--blade-full-screen-banner .media--highlight { --media-highlight-padding:var(--root-spacing-m); } .section-master--blade-full-screen-banner .block-slim { --block-slim-gap:var(--root-spacing-xs); text-align: center; } @media (max-width: 539.98px) { .section-master--blade-full-screen-banner .block-slim { --block-slim-flex-direction:column; align-items: center; } } .announcement-banner { display: flex; background-color: var(--theme-background-highlight-normal); padding: var(--root-spacing-xs) 0; } .announcement-banner .col { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; } .announcement-banner__badge { align-self: flex-start; } html:not([dir=rtl]) .announcement-banner__badge { margin-right: var(--root-spacing-s); } html[dir=rtl] .announcement-banner__badge { margin-left: var(--root-spacing-s); } .announcement-banner__center { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } @media (max-width: 539.98px) { .announcement-banner__center { flex-grow: 1; } } .announcement-banner__content { color: var(--theme-foreground-base-strong); text-align: center; } html:not([dir=rtl]) .announcement-banner__action { margin-left: var(--root-spacing-xs); } html[dir=rtl] .announcement-banner__action { margin-right: var(--root-spacing-xs); } .announcement-banner__action .link { --link-text-color:var(--theme-foreground-accent-subtle-normal); } .announcement-banner__dismiss { display: flex; align-items: flex-start; color: var(--theme-foreground-accent-strong-normal); } .announcement-banner__dismiss button { --button-color:var(--theme-foreground-accent-subtle-normal); } .section-master--blade-disclaimer-footer .section-master__slot { margin-top: 0; } .editorial-cards__block-section-title { margin-bottom: var(--root-density-vertical-default); } .editorial-cards.editorial-cards--2-up > .layout--cols-2 { --layout-column-gap:var(--root-density-horizontal-relaxed); } @media (min-width: 860px) { .editorial-cards.editorial-cards--2-up .ghost-card > .layout--cols-2 { --ghost-card-image-max-width:152px; } } @media (max-width: 859.98px) { .editorial-cards.editorial-cards--2-up .ghost-card .ocr-divider { --ghost-card-ocr-divider-display:none; } } @media (min-width: 860px) { .editorial-cards.editorial-cards--2-up-lg .block-feature, .editorial-cards.editorial-cards--3-up .block-feature { -webkit-padding-end: var(--root-copy-padding-l); padding-inline-end: var(--root-copy-padding-l); } } @media (min-width: 540px) { .editorial-cards.editorial-cards--4-up > .layout { --layout-column-count:2; } } @media (min-width: 1440px) { .editorial-cards.editorial-cards--4-up > .layout { --layout-column-count:4; } } .editorial-cards .editorial-cards__footer { display: flex; justify-content: center; margin-top: var(--root-density-vertical-default); } .editorial-cards .editorial-cards__footer > .button-group { width: 100%; } @media (min-width: 540px) { .editorial-cards .editorial-cards__footer { display: none; } } .editorial-cards .row { flex-wrap: wrap; } .editorial-cards .block-feature { height: calc(100% - var(--ghost-card-feature-margin)); } .editorial-cards .block-feature .block-feature__body { height: 100%; } .editorial-cards .card-horizontal .card-horizontal__content { gap: var(--root-spacing-m); } .editorial-cards .card-horizontal .card-horizontal__content > :last-child { margin-top: 0; } .editorial-cards > .layout { --layout-row-gap:var(--root-spacing-2xl); } .story-grid { --story-grid-spacing:var(--root-density-vertical-compact); --story-grid-title-color:var(--theme-foreground-base-strong); --story-grid-cta-btn-margin-left:none; } @media (min-width: 860px) { .story-grid .ghost-card { margin-bottom: initial; } } .story-grid .button-group { margin-top: var(--story-grid-spacing); } .story-grid .button-group .btn { margin-left: var(--story-grid-cta-btn-margin-left); } @media (min-width: 860px) { .story-grid .button-group .btn { --story-grid-cta-btn-margin-left:auto; } } .story-grid__title-vp-lg, .story-grid__title-vp-sm { margin-bottom: var(--root-spacing-xl); } .story-grid__title-divider-vp-lg, .story-grid__title-divider-vp-sm { color: var(--story-grid-title-color); margin-bottom: var(--root-spacing-s); } @media (min-width: 860px) { .story-grid__title-divider-vp-sm, .story-grid__title-vp-sm { display: none; } } .story-grid__title-divider-vp-lg, .story-grid__title-vp-lg { display: none; } @media (min-width: 860px) { .story-grid__title-divider-vp-lg, .story-grid__title-vp-lg { display: block; } } .story-grid__article-divider { display: none; margin-top: var(--story-grid-spacing); margin-bottom: var(--story-grid-spacing); } @media (min-width: 860px) { .story-grid__article-divider { display: block; } } @media (min-width: 860px) { .story-grid .story-grid__other-articles .layout__col:first-child { max-width: 208px; } } .story-grid .story-grid__heading-divider { margin-bottom: var(--root-density-vertical-default); } .story-grid__footer { margin-top: var(--root-density-vertical-default); } @media (min-width: 860px) { .story-grid__footer { display: none; } } .story-grid--next-to-2 { --layout-column-gap:var(--root-density-horizontal-relaxed); } @media (max-width: 859.98px) { .story-grid--next-to-2 { --layout-row-gap:0; } .story-grid--next-to-2 .story-grid__featured-article .ghost-card { margin-bottom: var(--root-breadth-vertical-relaxed); } .story-grid--next-to-2 .story-grid__other-articles .ghost-card:not(:last-child) { margin-bottom: var(--root-spacing-2xl); } } .story-grid--next-to-3 { --layout-column-gap:var(--root-density-horizontal-relaxed); --layout-row-gap:0; } .story-grid--next-to-3 .block-feature__paragraph { display: none; } @media (min-width: 860px) { .story-grid--next-to-3 .block-feature__paragraph { display: initial; } } @media (min-width: 860px) and (max-width: 1439.98px) { .story-grid--next-to-3 .story-grid__other-articles .ghost-card:last-child, .story-grid--next-to-3 .story-grid__other-articles > .story-grid__article-divider:nth-child(4) { display: none; } } @media (min-width: 860px) { .story-grid--next-to-3 .story-grid__featured-article { flex: 1 !important; } .story-grid--next-to-3 .story-grid__other-articles .block-feature { height: 100%; } } @media (max-width: 859.98px) { .story-grid--next-to-3 .ghost-card:first-child { margin-bottom: var(--root-breadth-vertical-relaxed); } .story-grid--next-to-3 .ghost-card:not(:last-child) { margin-bottom: var(--root-spacing-2xl); } } .story-grid--stacked-on-4 .layout--cols-2 { --layout-row-gap:var(--root-spacing-xl); margin-bottom: var(--root-density-vertical-default); } @media (min-width: 860px) { .story-grid--stacked-on-4 .layout--cols-2 { --layout-column-gap:var(--root-density-horizontal-relaxed); } } @media (min-width: 860px) { .story-grid--stacked-on-4 .layout--cols-2 { margin-bottom: var(--root-breadth-vertical-comfortable); } } .story-grid--stacked-on-4 .layout--cols-2 .media .ocr-img { --image-width:100%; --image-height:100%; --image-max-width:100%; } .story-grid--stacked-on-4 .layout--cols-2 .layout__col:first-child { flex: 1 !important; } @media (min-width: 1440px) { .story-grid--stacked-on-4 .layout--cols-2 .layout__col { --layout-column-width:calc(33% - 1rem / 2); } } .story-grid--stacked-on-4 .editorial-cards.editorial-cards--4-up > .layout { --layout-column-count:1; } @media (min-width: 860px) { .story-grid--stacked-on-4 .editorial-cards.editorial-cards--4-up > .layout { --layout-column-count:4; } } @media (max-width: 859.98px) { .section-master--blade-story-grid .section-master--layout-cols-2 .button-group { display: none; } } .sku-cards.layout { --layout-column-gap:var(--root-spacing-l); --layout-row-gap:var(--root-spacing-l); } @media (min-width: 540px) and (max-width: 859.98px) { .sku-cards.layout { --layout-column-count:2; } } .sku-cards.layout--cols-4 .card-plan-detail--vertical .sku__pricing { flex-direction: column; align-items: flex-start; gap: 0; } .sku-cards .card-plan-detail--vertical { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .section-master--blade-product-plan-cards .card-horizontal-container, .section-master--blade-product-plan-cards .card-plan-detail-list, .section-master--blade-product-plan-cards .col > .action, .section-master--blade-product-plan-cards .col > .footnote, .section-master--blade-product-plan-cards .col > .link, .section-master--blade-product-plan-cards .pill-bar { padding-right: 1rem; padding-left: 1rem; } @media (min-width: 540px) { .section-master--blade-product-plan-cards .card-horizontal-container, .section-master--blade-product-plan-cards .card-plan-detail-list, .section-master--blade-product-plan-cards .col > .action, .section-master--blade-product-plan-cards .col > .footnote, .section-master--blade-product-plan-cards .col > .link, .section-master--blade-product-plan-cards .pill-bar { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .section-master--blade-product-plan-cards .card-horizontal-container, .section-master--blade-product-plan-cards .card-plan-detail-list, .section-master--blade-product-plan-cards .col > .action, .section-master--blade-product-plan-cards .col > .footnote, .section-master--blade-product-plan-cards .col > .link, .section-master--blade-product-plan-cards .pill-bar { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .section-master--blade-product-plan-cards .card-horizontal-container, .section-master--blade-product-plan-cards .card-plan-detail-list, .section-master--blade-product-plan-cards .col > .action, .section-master--blade-product-plan-cards .col > .footnote, .section-master--blade-product-plan-cards .col > .link, .section-master--blade-product-plan-cards .pill-bar { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 860px) { .section-master--blade-product-plan-cards .card-horizontal-container, .section-master--blade-product-plan-cards .card-plan-detail-list, .section-master--blade-product-plan-cards .col > .action, .section-master--blade-product-plan-cards .col > .footnote, .section-master--blade-product-plan-cards .col > .link, .section-master--blade-product-plan-cards .pill-bar { max-width: 100vw; } } @media (min-width: 1440px) { .section-master--blade-product-plan-cards .card-horizontal-container, .section-master--blade-product-plan-cards .card-plan-detail-list, .section-master--blade-product-plan-cards .col > .action, .section-master--blade-product-plan-cards .col > .footnote, .section-master--blade-product-plan-cards .col > .link, .section-master--blade-product-plan-cards .pill-bar { max-width: 1328px; } } @media (min-width: 1440px) { .section-master--blade-product-plan-cards .card-horizontal-container, .section-master--blade-product-plan-cards .card-plan-detail-list, .section-master--blade-product-plan-cards .col > .action, .section-master--blade-product-plan-cards .col > .footnote, .section-master--blade-product-plan-cards .col > .link, .section-master--blade-product-plan-cards .pill-bar { margin: auto; } } .section-master--blade-product-plan-cards > .container .row .col .section-master__layout > .layout__col > .section-master__layout-header { position: absolute; } @media (max-width: 859.98px) { .section-master--blade-product-plan-cards > .container .row .col .section-master__layout > .layout__col > .section-master__layout-header { position: relative; } } .section-master--blade-product-plan-cards > .section-master__slot:not(:first-child) { margin-top: 0; } .section-master--blade-product-plan-cards .pill-bar.pill-bar--selector { display: inline-flex; --tab-group-x-align:flex-end; justify-content: var(--tab-group-x-align); } @media (max-width: 859.98px) { .section-master--blade-product-plan-cards .pill-bar.pill-bar--selector { --tab-group-x-align:center; margin-top: var(--root-spacing-l); } } .section-master--blade-product-plan-cards .pill-bar--radio-tabs { display: flex; justify-content: flex-end; } @media (max-width: 859.98px) { .section-master--blade-product-plan-cards .pill-bar--radio-tabs { justify-content: start; } } .section-master--blade-product-plan-cards .card-horizontal-container { margin-bottom: var(--sm-density, var(--root-spacing-2xl)); } .section-master--blade-product-plan-cards .carousel__window { --carousel-window-margin-bottom:calc( var(--carousel-arrow-height) + var(--sm-density, var(--root-spacing-2xl)) ); } .section-master--blade-product-plan-cards .tab-panel-group .pill-bar { margin-bottom: var(--root-spacing-xl); } .section-master--blade-product-plan-cards .pill-bar__panel__content > .link, .section-master--blade-product-plan-cards .section-master__slot > .col > .link { justify-content: flex-end; } @media (max-width: 1439.98px) { .section-master--blade-product-plan-cards .pill-bar__panel__content > .link, .section-master--blade-product-plan-cards .section-master__slot > .col > .link { justify-content: start; } } .section-master--blade-product-plan-cards .pill-bar__panel__content > .action, .section-master--blade-product-plan-cards .section-master__slot > .col > .action { justify-content: flex-end; display: inline-flex !important; } @media (max-width: 1439.98px) { .section-master--blade-product-plan-cards .pill-bar__panel__content > .action, .section-master--blade-product-plan-cards .section-master__slot > .col > .action { justify-content: start; } } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__window .carousel__container { display: grid; grid-template-columns: repeat(8, calc(100% - 8px)); grid-template-rows: repeat(13, min-content); -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 0; padding-block: 0.1875rem; } @media (min-width: 860px) { .section-master--blade-product-plan-cards .carousel--card-grid .carousel__window .carousel__container { grid-template-columns: repeat(8, calc(50% - 8px)); } } @media (min-width: 1440px) { .section-master--blade-product-plan-cards .carousel--card-grid .carousel__window .carousel__container { grid-template-columns: repeat(8, calc(41.6666666667% - 8px)); } } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide { display: contents; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:last-child .card-plan-detail__style-div { scroll-padding-inline-end: calc(16px - 0.1875rem); -webkit-margin-end: 0.1875rem; margin-inline-end: 0.1875rem; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .card-plan-detail__style-div, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .ocr-divider, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(1) .sku__unavailable { grid-column-start: 1; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .card-plan-detail__style-div, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .ocr-divider, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(2) .sku__unavailable { grid-column-start: 2; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .card-plan-detail__style-div, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .ocr-divider, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(3) .sku__unavailable { grid-column-start: 3; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .card-plan-detail__style-div, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .ocr-divider, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(4) .sku__unavailable { grid-column-start: 4; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .card-plan-detail__style-div, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .ocr-divider, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(5) .sku__unavailable { grid-column-start: 5; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .card-plan-detail__style-div, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .ocr-divider, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(6) .sku__unavailable { grid-column-start: 6; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .card-plan-detail__style-div, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .ocr-divider, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(7) .sku__unavailable { grid-column-start: 7; } .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .card-plan-detail__style-div, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .ocr-divider, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .carousel__slide:nth-child(8) .sku__unavailable { grid-column-start: 8; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card { display: contents; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__style-div { grid-row: 1/span 13; --layout-column-gap:var(--root-spacing-2xl); --layout-row-gap:var(--root-spacing-xl); background-color: var(--theme-background-card-normal); border-radius: var(--root-radii-l); color: var(--theme-foreground-base-strong); padding: var(--root-spacing-l); box-shadow: var(--root-depth-4); } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__sku, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__sku .sku { display: contents; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__badges, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__content, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__footer, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__buttons, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__detail-commitment, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__detail-recurrence, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__footnote, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__note, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__paragraph, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__title, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__unavailable { padding-inline: var(--root-spacing-xl); } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__title { grid-row-start: 1; padding-top: var(--root-spacing-xl); } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__paragraph { grid-row-start: 2; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__pricing, .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__unavailable { grid-row-start: 3; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__detail-recurrence { grid-row-start: 4; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__detail-commitment { grid-row-start: 5; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__note { grid-row-start: 6; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__buttons { grid-row-start: 7; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .sku__footnote { grid-row-start: 8; margin-bottom: var(--root-spacing-l); } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__content { grid-row-start: 9; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__badges { grid-row-start: 10; } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .ocr-divider { grid-row-start: 11; margin-inline: var(--root-spacing-xl); } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__footer { grid-row-start: 12; padding-bottom: var(--root-spacing-xl); } .section-master--blade-product-plan-cards .carousel--card-grid .card-plan-detail__style-div { scroll-snap-align: var(--carousel-snap-align); } .media-block { --media-block-spacing-top:0; --media-block-spacing-horizontal:0; --media-block-button-group-padding-top:var(--root-density-vertical-default); --media-block-paragraph-padding-top:var(--root-density-vertical-default); --media-block-paragraph-padding-horizontal:var(--root-spacing-l); --media-block-spacing-bottom:var(--root-breadth-vertical-comfortable); --image-width:100%; display: flex; flex-direction: column; padding-top: var(--media-block-spacing-top); padding-inline: var(--media-block-spacing-horizontal); } .media-block .media-block__caption { color: var(--theme-foreground-base-subtle); padding-top: var(--media-block-paragraph-padding-top); padding-bottom: var(--media-block-spacing-bottom); } .media-block:has(.media-block__button-group) .media-block__caption { padding-bottom: 0; } .media-block:has(.media-block__button-group) .media-block__button-group { padding-top: var(--media-block-button-group-padding-top); padding-bottom: var(--media-block-spacing-bottom); } .media-block--centered, .media-block--interactive { --media-block-spacing-top:var(--root-breadth-vertical-relaxed); --media-block-paragraph-padding-top:var(--root-density-vertical-compact); --media-block-button-group-padding-top:var(--root-density-vertical-compact); --media-block-paragraph-padding-horizontal:0; --image-border-radius:var(--root-radii-m); padding-bottom: var(--media-block-spacing-bottom); } .media-block--centered .media-block__caption, .media-block--interactive .media-block__caption { padding-bottom: 0; } .media-block--centered .media-block__button-group, .media-block--interactive .media-block__button-group { padding-bottom: 0; } .media-block--centered .layout__col { padding-inline: var(--root-density-horizontal-default); } .media-block--bottom-spacing-none { --media-block-spacing-bottom:0; } .media-tabs-carousel { position: relative; max-width: 1600px; width: 100%; --media-tabs-bg-assests-display:block; } .media-tabs-carousel__bg-asset-primary, .media-tabs-carousel__bg-asset-secondary { display: var(--media-tabs-bg-assests-display); position: absolute; } .media-tabs-carousel__bg-asset-primary .media, .media-tabs-carousel__bg-asset-secondary .media { --media-width:400px; } @media (max-width: 1439.98px) { .media-tabs-carousel__bg-asset-primary .media, .media-tabs-carousel__bg-asset-secondary .media { --media-width:240px; } } @media (max-width: 859.98px) { .media-tabs-carousel__bg-asset-primary, .media-tabs-carousel__bg-asset-secondary { --media-tabs-bg-assests-display:none; } } .media-tabs-carousel--primary-asset-position-top-left .media-tabs-carousel__bg-asset-primary { top: 0; left: 0; } .media-tabs-carousel--primary-asset-position-top-right .media-tabs-carousel__bg-asset-primary { top: 0; right: 0; } .media-tabs-carousel--primary-asset-position-bottom-left .media-tabs-carousel__bg-asset-primary { bottom: 50px; left: 0; } .media-tabs-carousel--primary-asset-position-bottom-right .media-tabs-carousel__bg-asset-primary { bottom: 50px; right: 0; } .media-tabs-carousel--secondary-asset-position-top-left .media-tabs-carousel__bg-asset-secondary { top: 0; left: 0; } .media-tabs-carousel--secondary-asset-position-top-right .media-tabs-carousel__bg-asset-secondary { top: 0; right: 0; } .media-tabs-carousel--secondary-asset-position-bottom-left .media-tabs-carousel__bg-asset-secondary { bottom: 50px; left: 0; } .media-tabs-carousel--secondary-asset-position-bottom-right .media-tabs-carousel__bg-asset-secondary { bottom: 50px; right: 0; } .stats--container-on { padding: var(--root-spacing-3xl) var(--root-spacing-2xl); border-radius: var(--root-radii-l); --layout-column-gap:var(--root-density-horizontal-relaxed); row-gap: var(--root-spacing-3xl); } .banner-features { padding: var(--root-spacing-3xl) var(--root-spacing-2xl); border-radius: var(--root-radii-l); --layout-column-gap:var(--root-density-horizontal-relaxed); row-gap: var(--root-spacing-3xl); } .banner-features__feature .block-feature sub .ms-rte-link, .banner-features__feature .block-feature sup .ms-rte-link, .banner-features__feature .block-feature__headings { color: var(--theme-foreground-base-strong); } .banner-features__feature .ocr-icon { color: var(--theme-foreground-base-icon); } .banner-features.layout--cols-1 .block-feature { --block-feature--direction:column; --block-feature-align-items:center; --block-feature-text-align:center; align-items: center !important; } .banner-features.layout--cols-1 .block-feature__footer { display: flex; flex-direction: var(--block-feature--direction); align-items: center !important; } .banner-features.layout--cols-1 .block-feature__headings { text-align: center; } @media (max-width: 1439.98px) { .banner-features__feature .block-feature { --block-feature--direction:column; --block-feature-align-items:center; --block-feature-text-align:center; align-items: center !important; } .banner-features__feature .block-feature__footer { display: flex; flex-direction: var(--block-feature--direction); align-items: center !important; } .banner-features__feature .block-feature__headings { text-align: center; } } @media (max-width: 859.98px) { .banner-features.layout--cols-2, .banner-features.layout--cols-3 { --layout-column-count:1; } } .banner-features--alignment-stacked:not([class*=bg-]) { padding: 0; } .banner-features--alignment-stacked .block-feature, .banner-features--alignment-stacked .block-feature.block-feature--align-list { --block-feature--spacing:var(--root-spacing-m); --block-feature--direction:column; } .banner-features--alignment-stacked .block-feature .block-feature__body, .banner-features--alignment-stacked .block-feature.block-feature--align-list .block-feature__body { --block-feature-body-gap:var(--root-spacing-m); } .banner-heading { display: flex; flex-direction: column; gap: var(--root-density-vertical-default); } .banner-heading .layout--stage .layout__col { justify-content: center; display: flex; } .in-page-search-bar { display: flex; flex-direction: column; gap: var(--root-density-vertical-compact); align-items: normal; } .in-page-search-bar .button-group { justify-content: center; } .project-details-bar, .project-details-bar__body .layout__col { gap: var(--root-density-vertical-default); } .project-details-bar, .project-details-bar .layout__col, .project-details-bar__footer { display: flex; flex-direction: column; } .project-details-bar__footer { gap: var(--root-spacing-2xl); color: var(--theme-foreground-base-highlight); } @media (max-width: 859.98px) { .project-details-bar__footer { gap: var(--root-spacing-l); } } .project-details-bar__footer .ocr-divider { --divider-border-color:var(--theme-border-base-fade); } .project-details-bar__footer .layout__col { gap: var(--root-spacing-l); } .project-details-bar__footer__actions { align-items: flex-end; } @media (max-width: 859.98px) { .project-details-bar__footer__actions { align-items: stretch; } } @media (max-width: 1439.98px) { .project-details-bar .layout--cols-3, .project-details-bar .layout--cols-4-even-1 { --layout-column-gap:var(--root-density-horizontal-default); } } @media (max-width: 859.98px) { .project-details-bar .layout--cols-3, .project-details-bar .layout--cols-4-even-1 { --layout-row-gap:var(--root-density-vertical-default); } } .project-details-bar__item, .project-details-bar__item ul { display: flex; flex-flow: column; gap: var(--root-spacing-s); } .project-details-bar__item .label-eyebrow { color: var(--theme-foreground-base-highlight); } .project-details-bar__item--no-heading { margin-top: calc(var(--root-spacing-s) + 1rem); } @media (max-width: 859.98px) { .project-details-bar__item--no-heading { margin-top: calc(var(--root-density-vertical-default) * -1 + var(--root-spacing-s)); } } .project-details-bar__item ul { list-style: none; margin: 0; padding: 0; } .section-master--blade-hero-category .section-master__image.overlay__target::before { --bg-val:var(--theme-background-background-overlay-horizontal); } .section-master--blade-hero-category .layout.section-master--layout-cols-2 { --layout-column-gap:var(--root-density-horizontal-relaxed); } .section-master--blade-hero-category .section-master__layout-header .block-heading { -webkit-padding-end: var(--root-copy-padding-l); padding-inline-end: var(--root-copy-padding-l); } .hero-article { --hero-article-min-height:580px; min-height: var(--hero-article-min-height); position: relative; display: flex; align-items: center; padding-top: var(--root-breadth-vertical-relaxed); padding-bottom: var(--root-breadth-vertical-relaxed); } @media (max-width: 1439.98px) { .hero-article { --hero-article-min-height:351px; } } @media (max-width: 859.98px) { .hero-article { flex-direction: column-reverse; padding-top: 0; } .hero-article .hero-article__media { padding-bottom: var(--root-density-vertical-default); } } .hero-article__bg-img { position: absolute; height: 100%; width: 100%; } @media (max-width: 859.98px) { .hero-article__bg-img { display: none; } } html[dir=rtl] .hero-article__bg-img { transform: scaleX(-1); } .hero-article__bg-img.overlay__target::before { --bg-val:var(--theme-background-background-overlay-fill); } .hero-article__bg-img .ocr-img { --image-height:100%; --image-width:100%; } .hero-article__breadcrumbs { order: 1; } @media (max-width: 859.98px) { .hero-article__breadcrumbs { padding-inline: 0; } } @media (min-width: 860px) { .hero-article__breadcrumbs { position: absolute; top: 0; left: 0; right: 0; padding-top: var(--root-spacing-xl); } } .hero-article__media { position: absolute; top: 0; right: 0; width: 50vw; height: 100%; } @media (max-width: 859.98px) { .hero-article__media { position: unset; width: 100%; } } html[dir=rtl] .hero-article__media { right: unset; left: 0; } .hero-article .media { --media-height:100%; justify-content: center; } .hero-article .hero-article__media .ocr-img { --image-height:100%; } .hero-article .block-heading { -webkit-padding-end: var(--root-copy-padding-l); padding-inline-end: var(--root-copy-padding-l); } .hero-article .button-group { flex-wrap: wrap; } .hero-article .button-group .ocr-icon { --icon-width:fit-content; } .section-master--blade-comparison-table .footnote, .section-master--blade-comparison-table .pill-bar { padding-right: 1rem; padding-left: 1rem; } @media (min-width: 540px) { .section-master--blade-comparison-table .footnote, .section-master--blade-comparison-table .pill-bar { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) { .section-master--blade-comparison-table .footnote, .section-master--blade-comparison-table .pill-bar { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 1440px) { .section-master--blade-comparison-table .footnote, .section-master--blade-comparison-table .pill-bar { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (min-width: 860px) { .section-master--blade-comparison-table .footnote, .section-master--blade-comparison-table .pill-bar { max-width: 100vw; } } @media (min-width: 1440px) { .section-master--blade-comparison-table .footnote, .section-master--blade-comparison-table .pill-bar { max-width: 1328px; } } @media (min-width: 1440px) { .section-master--blade-comparison-table .footnote, .section-master--blade-comparison-table .pill-bar { margin: 0 auto; } } @media (min-width: 1440px) { .section-master--blade-comparison-table .ocr-slider .tab-group { margin: 0 auto; } } @media (max-width: 859.98px) { .section-master--blade-section-with-quote .section-master__layout { --layout-row-gap:var(--root-density-horizontal-relaxed); } } .appsource-tabs .carousel__arrow-prev { padding: calc(var(--root-spacing-s) + 1px) calc(var(--root-spacing-s) + 2px) calc(var(--root-spacing-s) + 1px) var(--root-spacing-s); } .appsource-tabs .carousel__arrow-next { padding: calc(var(--root-spacing-s) + 1px) var(--root-spacing-s) calc(var(--root-spacing-s) + 1px) calc(var(--root-spacing-s) + 2px); } .appsource-tabs .tab-panel-group { margin-top: 3rem; } .link-appsource { position: absolute; bottom: 1rem; } .search-results__filter-panel { display: flex; flex-direction: column; gap: var(--root-spacing-l); max-width: 320px; } @media (max-width: 1439.98px) { .search-results__filter-panel { max-width: 272px; } } @media (max-width: 859.98px) { .search-results__filter-panel { display: none; max-width: 860px; background: #fff; } } .search-results__filter-panel__header { display: flex; min-height: 40px; align-items: center; gap: var(--root-spacing-xs); } @media (max-width: 859.98px) { .search-results__filter-panel__header { padding: 1rem; min-height: 72px; border-bottom: 1px solid var(--theme-border-neutral-fade); } .search-results__filter-panel__header button { height: 40px; width: 40px; } html:not([dir=rtl]) .search-results__filter-panel__header button { margin-left: auto; } html[dir=rtl] .search-results__filter-panel__header button { margin-right: auto; } } .search-results__filter-panel__footer { border-top: 1px solid var(--theme-border-neutral-fade); padding: 1rem; margin-top: auto; } .search-results__filter-panel__footer button { width: 100%; } .search-results__filter-panel.modal { display: flex; overflow-y: auto; } .search-results__filter-panel .filter-panel-item__header { background-color: var(--theme-background-neutral-fade); } .search-results__main-panel { display: flex; flex-direction: column; gap: var(--root-spacing-l); } @media (max-width: 859.98px) { .search-results__main-panel { gap: var(--root-density-vertical-default); } } .search-results__main-panel.layout__col { flex-grow: 1; } .search-results__main-panel__header { display: flex; min-height: 40px; gap: var(--root-spacing-s); align-items: center; } @media (max-width: 859.98px) { .search-results__main-panel__header { flex-direction: column; height: 100%; gap: var(--root-density-vertical-compact); } } @media (max-width: 1439.98px) { .search-results__main-panel__header { align-items: flex-start; } } .search-results__main-panel__header__title { display: flex; align-items: center; gap: var(--root-spacing-s); } .search-results__main-panel__header__right { display: flex; flex-shrink: 0; gap: var(--root-spacing-s); flex-direction: column; } html:not([dir=rtl]) .search-results__main-panel__header__right { margin-left: auto; } html[dir=rtl] .search-results__main-panel__header__right { margin-right: auto; } @media (max-width: 859.98px) { .search-results__main-panel__header__right { display: none; } } @media (min-width: 1440px) { .search-results__main-panel__header__right > a { display: none; } } .search-results__main-panel__header__right__button-group { align-items: center; display: flex; gap: var(--root-spacing-s); } .search-results__main-panel__header__mobile-button-group { display: flex; flex-wrap: wrap; gap: var(--root-spacing-xs); min-height: 3rem; width: 100%; } .search-results__main-panel__header__mobile-button-group .dropdown { min-height: 3rem; min-width: 160px; } .search-results__main-panel__header__mobile-button-group .dropdown > button { align-items: center; } .search-results__main-panel__header__mobile-button-group .btn { height: 3rem; min-width: 160px; } .search-results__main-panel__header__mobile-button-group .btn .ocr-icon { width: auto; } .search-results__main-panel__header__filtered-by { display: flex; -moz-column-gap: var(--root-spacing-xs); column-gap: var(--root-spacing-xs); width: 100%; align-items: center; } @media (max-width: 1439.98px) { .search-results__main-panel__header__filtered-by { flex-direction: column; width: 100%; gap: var(--root-spacing-s); align-items: normal; } .search-results__main-panel__header__filtered-by > a { display: none; } } .search-results__main-panel__header__filtered-by__labels { display: flex; } @media (min-width: 1440px) { .search-results__main-panel__header__filtered-by__labels > a { display: none; } } .search-results__main-panel__body .no-results { padding: var(--root-spacing-l); } .search-results__main-panel__body .no-results .block-heading p { margin-top: var(--root-spacing-m); } html:not([dir=rtl]) .search-results__main-panel__body .no-results .block-heading p { margin-right: var(--root-spacing-2xl); } html[dir=rtl] .search-results__main-panel__body .no-results .block-heading p { margin-left: var(--root-spacing-2xl); } .search-results__main-panel .dynamic-content__content { row-gap: var(--root-spacing-m); flex-direction: column; } @media (max-width: 1439.98px) { .search-results__main-panel .dynamic-content__content .layout--cols-3 { --layout-column-count:2; } } @media (max-width: 859.98px) { .search-results__main-panel .dynamic-content__content .layout--cols-3 { --layout-column-count:1; } } .search-results .body-s { flex-shrink: 0; white-space: nowrap; font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: -0.03em; } @media (min-width: 860px) { .search-results .show-in-mobile-only { display: none; } } .search-results .clear-all-link { flex-shrink: 0; } html:not([dir=rtl]) .search-results .clear-all-link { margin-left: auto; } html[dir=rtl] .search-results .clear-all-link { margin-right: auto; } .search-results .dropdown { background: 0 0; } .search-results .layout { width: 100%; } .section-master--blade-hero-search { padding-bottom: 0; } .hero-search { display: flex; flex-direction: column; gap: var(--root-breadth-vertical-relaxed); } @media (min-width: 0) { .hero-search { margin-inline: -0.25rem; } } @media (min-width: 540px) { .hero-search { margin-inline: -0.25rem; } } @media (min-width: 860px) { .hero-search { margin-inline: -0.5rem; } } @media (min-width: 1440px) { .hero-search { margin-inline: -0.5rem; } } .filter-card-carousel .filter-card-grid { display: flex; flex-direction: column; gap: var(--root-spacing-2xl); } .filter-card-carousel .filter-card-grid .pill-bar--filter .tab-panel-group { display: none; } .filter-card-carousel .filter-card-grid .card__content .block-feature { gap: 0; } .long-form-seo { --long-form-seo-column-gap-padding:var(--root-density-horizontal-relaxed); } @media (max-width: 859.98px) { .long-form-seo .layout--offset-left, .long-form-seo .layout--offset-right { --layout-row-gap:0; } .long-form-seo .layout--offset-left .layout__col:nth-child(2), .long-form-seo .layout--offset-right .layout__col:nth-child(2) { margin-top: var(--root-breadth-vertical-relaxed); } } .long-form-seo__media { display: flex; justify-content: center; align-items: center; } .long-form-seo__media .ocr-img { --image-border-radius:var(--root-radii-l); } .long-form-seo .long-form-seo__block-heading, .long-form-seo p:not(:last-child) { margin-bottom: var(--root-spacing-xl); } .long-form-seo .layout--offset-left .layout__col:nth-child(1) { -webkit-padding-end: calc(var(--long-form-seo-column-gap-padding) - var(--layout-column-gap)); padding-inline-end: calc(var(--long-form-seo-column-gap-padding) - var(--layout-column-gap)); } @media (max-width: 859.98px) { .long-form-seo .layout--offset-left .layout__col:nth-child(1) { -webkit-padding-end: 0; padding-inline-end: 0; } } .long-form-seo .layout--offset-right .layout__col:nth-child(2) { -webkit-padding-start: calc(var(--long-form-seo-column-gap-padding) - var(--layout-column-gap)); padding-inline-start: calc(var(--long-form-seo-column-gap-padding) - var(--layout-column-gap)); } @media (max-width: 859.98px) { .long-form-seo .layout--offset-right .layout__col:nth-child(2) { -webkit-padding-start: 0; padding-inline-start: 0; } } .section-master--blade-hero-impact .section-master__breadcrumbs { margin-bottom: var(--root-spacing-l); } .section-master--blade-media-playlist-video { --sm-layout-heading-x-align:center; --sm-breadth-top:3.5rem; --sm-breadth-bottom:3.5rem; } @media screen and (min-width: 1280px) { .section-master--blade-media-playlist-video { --sm-breadth-top:var(--root-spacing-4xl); --sm-breadth-bottom:0; } } .section-master--blade-media-playlist-video.section-master--breadth-none { --sm-breadth-top:0; --sm-breadth-bottom:0; } .section-master--blade-media-playlist-video.section-master--breadth-comfortable { --sm-breadth-top:3rem; --sm-breadth-bottom:3rem; } @media screen and (min-width: 1280px) { .section-master--blade-media-playlist-video.section-master--breadth-comfortable { --sm-breadth-top:var(--root-spacing-3xl); --sm-breadth-bottom:0; } } @media (min-width: 1440px) { .section-master--blade-media-video-large .section-master__slot { justify-content: center; --layout-column-width:calc(16 / 24 * 100%); } } .section-master--blade-hero-pricing .section-master__slot:not(:first-child) { margin-top: var(--root-spacing-3xl); } .section-master--blade-hero-pricing .section-master__layout-header .block-heading { display: flex; flex-direction: column; gap: var(--root-spacing-xl); } .section-master--blade-hero-pricing .section-master__slot .tabs-wrapper > .tabs--type-link, .section-master--blade-hero-pricing .section-master__slot > .col > * { position: relative; } .section-master--blade-hero-pricing .section-master__slot .tabs-wrapper > .tabs--type-link, .section-master--blade-hero-pricing .section-master__slot > .col > .tabs--type-link { --tab-group-max-width:800px; padding-bottom: var(--root-spacing-xl); } @media (min-width: 860px) { .section-master--blade-hero-pricing .section-master__slot { padding-right: 1rem; padding-left: 1rem; max-width: 1328px; margin-right: auto; margin-left: auto; } } @media (min-width: 860px) and (min-width: 540px) { .section-master--blade-hero-pricing .section-master__slot { padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 860px) and (min-width: 860px) { .section-master--blade-hero-pricing .section-master__slot { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (min-width: 860px) and (min-width: 1440px) { .section-master--blade-hero-pricing .section-master__slot { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (max-width: 859.98px) { .section-master--blade-hero-pricing .section-master__slot > .col > :not(.popover-list):not(.tabs--type-link):not(.tabs-wrapper) { padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; } } @media (max-width: 859.98px) and (min-width: 540px) { .section-master--blade-hero-pricing .section-master__slot > .col > :not(.popover-list):not(.tabs--type-link):not(.tabs-wrapper) { padding-right: 4rem; padding-left: 4rem; } } @media (max-width: 859.98px) and (min-width: 860px) { .section-master--blade-hero-pricing .section-master__slot > .col > :not(.popover-list):not(.tabs--type-link):not(.tabs-wrapper) { padding-right: 3.5rem; padding-left: 3.5rem; } } @media (max-width: 859.98px) and (min-width: 1440px) { .section-master--blade-hero-pricing .section-master__slot > .col > :not(.popover-list):not(.tabs--type-link):not(.tabs-wrapper) { padding-right: 5%; padding-left: 5%; width: 90%; box-sizing: content-box; } } @media (max-width: 859.98px) { .section-master--blade-hero-pricing .section-master__slot .tabs-wrapper > .tabs--type-link, .section-master--blade-hero-pricing .section-master__slot > .col > .popover-list, .section-master--blade-hero-pricing .section-master__slot > .col > .tabs--type-link { -webkit-padding-start: 4rem; padding-inline-start: 4rem; } } @media (max-width: 859.98px) and (max-width: 539.98px) { .section-master--blade-hero-pricing .section-master__slot .tabs-wrapper > .tabs--type-link, .section-master--blade-hero-pricing .section-master__slot > .col > .popover-list, .section-master--blade-hero-pricing .section-master__slot > .col > .tabs--type-link { -webkit-padding-start: 1rem; padding-inline-start: 1rem; } } .theme-day { --theme-background-accent-strong-normal:var(--root-color-brilliant-blue-500); --theme-background-accent-strong-hover:var(--root-color-brilliant-blue-600); --theme-background-accent-strong-pressed:var(--root-color-brilliant-blue-800); --theme-background-accent-strong-selected:var(--root-color-brilliant-blue-700); --theme-background-accent-subtle-normal:rgba(0, 85, 151, 0.15); --theme-background-accent-subtle-hover:rgba(0, 85, 151, 0.4); --theme-background-accent-subtle-pressed:var(--root-color-brilliant-blue-300); --theme-background-accent-subtle-selected:var(--root-color-brilliant-blue-700); --theme-background-base-fade:var(--root-color-sky-blue-50); --theme-background-base-color:var(--root-color-sky-blue-100); --theme-background-base-neutral:var(--root-color-neutral-white); --theme-background-special-fade:var(--root-gradient-linear-sky-blue); --theme-background-special-color:var(--root-gradient-mesh-sky-blue); --theme-background-special-neutral:var(--root-gradient-linear-skyblue-brilliantblue); --theme-background-special-subtle:var(--root-gradient-linear-skyblue2); --theme-background-special-template-subtle:var(--root-gradient-linear-skyblue-template); --theme-background-neutral-fade:var(--root-color-vapor-gray-50); --theme-background-neutral-color:var(--root-color-vapor-gray-100); --theme-background-supportive-fade:var(--root-color-pink-50); --theme-background-supportive-color:var(--root-color-pink-300); --theme-background-card-normal:var(--root-color-off-white-50); --theme-background-card-hover:var(--root-color-off-white-300); --theme-background-card-pressed:var(--root-color-off-white-400); --theme-background-card-selected:var(--root-color-off-white-50); --theme-background-glass-normal:var(--root-color-alpha-400); --theme-background-glass-hover:var(--root-color-alpha-500); --theme-background-glass-pressed:var(--root-color-alpha-600); --theme-background-glass-selected:var(--root-color-alpha-700); --theme-background-highlight-normal:var(--root-color-sky-blue-100); --theme-background-highlight-hover:var(--root-color-sky-blue-200); --theme-background-highlight-pressed:var(--root-color-sky-blue-400); --theme-background-highlight-selected:var(--root-color-sky-blue-300); --theme-background-overlay-full:var(--root-overlay-day-full); --theme-background-overlay-gradient:var(--root-overlay-day-gradient); --theme-background-background-overlay-fill:var(--root-overlay-day-bg-overlay-fill); --theme-background-background-overlay-horizontal:var(--root-overlay-day-bg-overlay-horizontal); --theme-background-background-overlay-horizontal-faded:var(--root-overlay-day-bg-overlay-horizontal-faded); --theme-background-background-overlay-vertical:var(--root-overlay-day-bg-overlay-vertical); --theme-background-background-overlay-vertical-color:var(--root-overlay-day-bg-overlay-vertical-color); --theme-background-video-overlay-fill:var(--root-overlay-day-video-overlay-fill); --theme-background-video-overlay-vertical:var(--root-overlay-day-video-overlay-vertical); --theme-background-video-overlay-bottom-vertical:var(--root-overlay-day-video-overlay-bottom-vertical); --theme-background-video-overlay-bottom-vertical-strong:var(--root-overlay-day-video-overlay-bottom-vertical-strong); --theme-background-video-overlay-bottom-vertical-light:var(--root-overlay-day-video-overlay-bottom-vertical-light); --theme-foreground-accent-strong-normal:var(--root-color-neutral-white); --theme-foreground-accent-strong-hover:var(--root-color-neutral-white); --theme-foreground-accent-strong-pressed:var(--root-color-neutral-white); --theme-foreground-accent-strong-selected:var(--root-color-neutral-white); --theme-foreground-accent-subtle-normal:var(--root-color-dark-blue-500); --theme-foreground-accent-subtle-hover:var(--root-color-dark-blue-600); --theme-foreground-accent-subtle-pressed:var(--root-color-dark-blue-900); --theme-foreground-accent-subtle-selected:var(--root-color-neutral-white); --theme-foreground-base-strong:var(--root-color-dark-blue-900); --theme-foreground-base-subtle:var(--root-color-dark-blue-800); --theme-foreground-base-highlight:var(--root-color-brilliant-blue-700); --theme-foreground-base-icon:var(--root-color-brilliant-blue-500); --theme-foreground-base-icon-light:var(--root-color-sky-blue-50); --theme-foreground-special-strong:var(--root-color-dark-blue-900); --theme-foreground-special-subtle:var(--root-color-dark-blue-800); --theme-foreground-special-highlight:var(--root-color-brilliant-blue-700); --theme-foreground-special-icon:var(--root-color-brilliant-blue-500); --theme-foreground-special-icon-light:var(--root-color-sky-blue-50); --theme-foreground-special-strong-gradient-1:var(--root-gradient-linear-redviolet-brightorange); --theme-foreground-special-strong-gradient-2:var(--root-gradient-linear-brilliantblue-purple); --theme-foreground-special-ai-gradient-1:var(--root-gradient-linear-brilliantblue-biscaygreen); --theme-foreground-neutral-strong:var(--root-color-dark-blue-900); --theme-foreground-neutral-subtle:var(--root-color-dark-blue-800); --theme-foreground-neutral-highlight:var(--root-color-dark-blue-800); --theme-foreground-neutral-icon:var(--root-color-dark-blue-900); --theme-foreground-neutral-icon-light:var(--root-color-dark-blue-50); --theme-foreground-supportive-strong:var(--root-color-violet-900); --theme-foreground-supportive-subtle:var(--root-color-violet-800); --theme-foreground-supportive-highlight:var(--root-color-violet-800); --theme-foreground-supportive-icon:var(--root-color-violet-500); --theme-foreground-supportive-icon-light:var(--root-color-violet-50); --theme-border-accent-strong-normal:var(--root-color-brilliant-blue-500); --theme-border-accent-strong-hover:var(--root-color-brilliant-blue-600); --theme-border-accent-strong-pressed:var(--root-color-brilliant-blue-800); --theme-border-accent-strong-selected:var(--root-color-brilliant-blue-700); --theme-border-accent-subtle-normal:var(--root-color-dark-blue-500); --theme-border-accent-subtle-hover:var(--root-color-dark-blue-600); --theme-border-accent-subtle-pressed:var(--root-color-dark-blue-800); --theme-border-accent-subtle-selected:var(--root-color-dark-blue-700); --theme-border-base-strong:var(--root-color-brilliant-blue-900); --theme-border-base-fade:var(--root-color-sky-blue-200); --theme-border-special-strong:var(--root-color-brilliant-blue-900); --theme-border-special-fade:var(--root-color-sky-blue-200); --theme-border-neutral-strong:var(--root-color-dark-blue-900); --theme-border-neutral-fade:var(--root-color-dark-blue-100); --theme-border-supportive-strong:var(--root-color-violet-900); --theme-border-supportive-fade:var(--root-color-pink-100); --theme-border-card-strong:var(--root-color-off-white-600); --theme-border-card-fade:var(--root-color-brilliant-blue-50); --theme-border-glass-strong:var(--root-color-alpha-900); --theme-border-glass-fade:var(--root-color-alpha-100); --theme-border-highlight-strong:var(--root-color-sky-blue-400); --theme-border-highlight-fade:var(--root-color-sky-blue-200); --root-depth-color-1:rgba(0, 0, 0, 0.12); --root-depth-color-2:rgba(0, 0, 0, 0.14); } .theme-night { --theme-background-accent-strong-normal:var(--root-color-sky-blue-300); --theme-background-accent-strong-hover:var(--root-color-sky-blue-200); --theme-background-accent-strong-pressed:var(--root-color-sky-blue-50); --theme-background-accent-strong-selected:var(--root-color-sky-blue-100); --theme-background-accent-subtle-normal:rgba(84, 165, 226, 0.15); --theme-background-accent-subtle-hover:rgba(84, 165, 226, 0.4); --theme-background-accent-subtle-pressed:var(--root-color-brilliant-blue-600); --theme-background-accent-subtle-selected:var(--root-color-brilliant-blue-100); --theme-background-base-fade:var(--root-color-brilliant-blue-900); --theme-background-base-color:var(--root-color-brilliant-blue-700); --theme-background-base-neutral:var(--root-color-neutral-black); --theme-background-special-fade:var(--root-gradient-linear-blue-black); --theme-background-special-color:var(--root-gradient-mesh-blue-black); --theme-background-special-neutral:var(--root-gradient-linear-brilliant-blue); --theme-background-special-template-subtle:var(--root-gradient-linear-blue-black-template); --theme-background-special-ai-search:var(--root-gradient-linear-brilliantblue600-purple600); --theme-background-neutral-fade:var(--root-color-blue-black-500); --theme-background-neutral-color:var(--root-color-dark-blue-700); --theme-background-supportive-fade:var(--root-color-twilight-purple-900); --theme-background-supportive-color:var(--root-color-twilight-purple-700); --theme-background-card-normal:var(--root-color-dark-blue-900); --theme-background-card-hover:var(--root-color-dark-blue-800); --theme-background-card-pressed:var(--root-color-dark-blue-700); --theme-background-card-selected:var(--root-color-neutral-black); --theme-background-glass-normal:var(--root-color-alpha-50); --theme-background-glass-hover:var(--root-color-alpha-200); --theme-background-glass-pressed:var(--root-color-alpha-300); --theme-background-glass-selected:var(--root-color-alpha-200); --theme-background-highlight-normal:var(--root-color-brilliant-blue-600); --theme-background-highlight-hover:var(--root-color-brilliant-blue-500); --theme-background-highlight-pressed:var(--root-color-brilliant-blue-300); --theme-background-highlight-selected:var(--root-color-brilliant-blue-400); --theme-background-overlay-full:var(--root-overlay-night-full); --theme-background-overlay-gradient:var(--root-overlay-night-gradient); --theme-background-background-overlay-fill:var(--root-overlay-night-bg-overlay-fill); --theme-background-background-overlay-horizontal:var(--root-overlay-night-bg-overlay-horizontal); --theme-background-background-overlay-horizontal-faded:var(--root-overlay-night-bg-overlay-horizontal-faded); --theme-background-background-overlay-vertical:var(--root-overlay-night-bg-overlay-vertical); --theme-background-video-overlay-fill:var(--root-overlay-night-video-overlay-fill); --theme-background-video-overlay-vertical:var(--root-overlay-night-video-overlay-vertical); --theme-background-video-overlay-bottom-vertical:var(--root-overlay-night-video-overlay-bottom-vertical); --theme-background-video-overlay-bottom-vertical-strong:var(--root-overlay-night-video-overlay-bottom-vertical-strong); --theme-background-video-overlay-bottom-vertical-light:var(--root-overlay-night-video-overlay-bottom-vertical-light); --theme-foreground-accent-strong-normal:var(--root-color-dark-blue-900); --theme-foreground-accent-strong-hover:var(--root-color-dark-blue-900); --theme-foreground-accent-strong-pressed:var(--root-color-dark-blue-900); --theme-foreground-accent-strong-selected:var(--root-color-dark-blue-900); --theme-foreground-accent-subtle-normal:var(--root-color-sky-blue-50); --theme-foreground-accent-subtle-hover:var(--root-color-sky-blue-100); --theme-foreground-accent-subtle-pressed:var(--root-color-sky-blue-50); --theme-foreground-accent-subtle-selected:var(--root-color-dark-blue-900); --theme-foreground-base-strong:var(--root-color-sky-blue-50); --theme-foreground-base-subtle:var(--root-color-sky-blue-100); --theme-foreground-base-highlight:var(--root-color-sky-blue-300); --theme-foreground-base-icon:var(--root-color-brilliant-blue-300); --theme-foreground-base-icon-dark:var(--root-color-dark-blue-900); --theme-foreground-special-strong:var(--root-color-sky-blue-50); --theme-foreground-special-subtle:var(--root-color-sky-blue-100); --theme-foreground-special-highlight:var(--root-color-sky-blue-300); --theme-foreground-special-icon:var(--root-color-brilliant-blue-300); --theme-foreground-special-icon-dark:var(--root-color-dark-blue-900); --theme-foreground-special-strong-gradient:var(--root-gradient-linear-mintgreen-brilliantblue); --theme-foreground-neutral-strong:var(--root-color-sky-blue-50); --theme-foreground-neutral-subtle:var(--root-color-sky-blue-100); --theme-foreground-neutral-highlight:var(--root-color-sky-blue-300); --theme-foreground-neutral-icon:var(--root-color-sky-blue-50); --theme-foreground-neutral-icon-dark:var(--root-color-dark-blue-900); --theme-foreground-supportive-strong:var(--root-color-twilight-purple-50); --theme-foreground-supportive-subtle:var(--root-color-twilight-purple-100); --theme-foreground-supportive-highlight:var(--root-color-twilight-purple-500); --theme-foreground-supportive-icon:var(--root-color-violet-300); --theme-foreground-supportive-icon-dark:var(--root-color-twilight-purple-900); --theme-border-accent-strong-normal:var(--root-color-sky-blue-500); --theme-border-accent-strong-hover:var(--root-color-sky-blue-400); --theme-border-accent-strong-pressed:var(--root-color-sky-blue-100); --theme-border-accent-strong-selected:var(--root-color-sky-blue-400); --theme-border-accent-subtle-normal:var(--root-color-sky-blue-100); --theme-border-accent-subtle-hover:var(--root-color-sky-blue-100); --theme-border-accent-subtle-pressed:var(--root-color-sky-blue-50); --theme-border-accent-subtle-selected:var(--root-color-sky-blue-500); --theme-border-base-strong:var(--root-color-sky-blue-50); --theme-border-base-fade:var(--root-color-sky-blue-900); --theme-border-special-strong:var(--root-color-sky-blue-50); --theme-border-special-fade:var(--root-color-sky-blue-900); --theme-border-neutral-strong:var(--root-color-neutral-white); --theme-border-neutral-fade:rgba(244, 250, 253, 0.1); --theme-border-supportive-strong:var(--root-color-twilight-purple-50); --theme-border-supportive-fade:var(--root-color-twilight-purple-800); --theme-border-card-strong:var(--root-color-dark-blue-500); --theme-border-card-fade:var(--root-color-dark-blue-800); --theme-border-glass-strong:rgba(255, 255, 255, 0.38); --theme-border-glass-fade:var(--root-color-alpha-100); --theme-border-highlight-strong:var(--root-color-sky-blue-50); --theme-border-highlight-fade:var(--root-color-brilliant-blue-500); --root-depth-color-1:rgba(0, 0, 0, 0.28); --root-depth-color-2:rgba(0, 0, 0, 0.24); } @font-face { font-family: MWF-MDL2; src: url(https://www.microsoft.com/mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.woff) format("woff"), url(https://www.microsoft.com/mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.ttf) format("truetype"), url(https://www.microsoft.com/mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.svg) format("svg"); } @-webkit-keyframes m365vp-orbit { 0% { transform: rotate(225deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 7% { transform: rotate(345deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 30% { transform: rotate(455deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 39% { transform: rotate(690deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 70% { transform: rotate(815deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 75% { transform: rotate(945deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 76% { transform: rotate(945deg); opacity: 0; } 100% { transform: rotate(945deg); opacity: 0; } } @keyframes m365vp-orbit { 0% { transform: rotate(225deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 7% { transform: rotate(345deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 30% { transform: rotate(455deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 39% { transform: rotate(690deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 70% { transform: rotate(815deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 75% { transform: rotate(945deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 76% { transform: rotate(945deg); opacity: 0; } 100% { transform: rotate(945deg); opacity: 0; } } @-webkit-keyframes m365vp-dots { 0%, 20% { left: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 0; } 25% { opacity: 1; } 35% { left: 45%; -webkit-animation-timing-function: linear; animation-timing-function: linear; } 65% { left: 55%; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 75% { opacity: 1; } 100%, 80% { left: 100%; opacity: 0; } } @keyframes m365vp-dots { 0%, 20% { left: 0; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 0; } 25% { opacity: 1; } 35% { left: 45%; -webkit-animation-timing-function: linear; animation-timing-function: linear; } 65% { left: 55%; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 75% { opacity: 1; } 100%, 80% { left: 100%; opacity: 0; } } @-webkit-keyframes m365vp-fadeIn { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } @keyframes m365vp-fadeIn { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes m365vp-slidein { from { bottom: -44px; } to { bottom: 0; } } @keyframes m365vp-slidein { from { bottom: -44px; } to { bottom: 0; } } @-webkit-keyframes m365vp-slideout { from { bottom: 0; } to { bottom: -44px; } } @keyframes m365vp-slideout { from { bottom: 0; } to { bottom: -44px; } } @-webkit-keyframes m365vp-interactive-overlay-slidein-upper { from { top: -20%; } to { top: 0; } } @keyframes m365vp-interactive-overlay-slidein-upper { from { top: -20%; } to { top: 0; } } @-webkit-keyframes m365vp-interactive-overlay-slideout-upper { from { top: 0; } to { top: -20%; } } @keyframes m365vp-interactive-overlay-slideout-upper { from { top: 0; } to { top: -20%; } } @-webkit-keyframes m365vp-interactive-overlay-slidein-right { from { right: -20%; } to { right: 0; } } @keyframes m365vp-interactive-overlay-slidein-right { from { right: -20%; } to { right: 0; } } @-webkit-keyframes m365vp-interactive-overlay-slideout-right { from { right: 0; } to { right: -20%; } } @keyframes m365vp-interactive-overlay-slideout-right { from { right: 0; } to { right: -20%; } } @-webkit-keyframes m365vp-interactive-overlay-slidein-left { from { left: -20%; } to { left: 0; } } @keyframes m365vp-interactive-overlay-slidein-left { from { left: -20%; } to { left: 0; } } @-webkit-keyframes m365vp-interactive-overlay-slideout-left { from { left: 0; } to { left: -20%; } } @keyframes m365vp-interactive-overlay-slideout-left { from { left: 0; } to { left: -20%; } } .ow-m365-video-player-ctn .f-core-player html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .ow-m365-video-player-ctn article, .ow-m365-video-player-ctn aside, .ow-m365-video-player-ctn details, .ow-m365-video-player-ctn figcaption, .ow-m365-video-player-ctn figure, .ow-m365-video-player-ctn footer, .ow-m365-video-player-ctn header, .ow-m365-video-player-ctn hgroup, .ow-m365-video-player-ctn main, .ow-m365-video-player-ctn menu, .ow-m365-video-player-ctn nav, .ow-m365-video-player-ctn section, .ow-m365-video-player-ctn summary { display: block; } .ow-m365-video-player-ctn .f-core-player audio, .ow-m365-video-player-ctn .f-core-player canvas, .ow-m365-video-player-ctn .f-core-player progress, .ow-m365-video-player-ctn .f-core-player video { display: inline-block; vertical-align: baseline; } .ow-m365-video-player-ctn audio:not([controls]) { display: none; height: 0; } .ow-m365-video-player-ctn [hidden], .ow-m365-video-player-ctn template { display: none; } .ow-m365-video-player-ctn a:active, .ow-m365-video-player-ctn a:hover { outline: 0; } .ow-m365-video-player-ctn abbr[title] { border-bottom: 1px dotted; } .ow-m365-video-player-ctn b, .ow-m365-video-player-ctn strong { font-weight: 700; } .ow-m365-video-player-ctn dfn { font-style: italic; } .ow-m365-video-player-ctn h1 { font-size: 2em; margin: 0.67em 0; } .ow-m365-video-player-ctn small { font-size: 80%; } .ow-m365-video-player-ctn sub, .ow-m365-video-player-ctn sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .ow-m365-video-player-ctn sup { top: -0.5em; } .ow-m365-video-player-ctn sub { bottom: -0.25em; } .ow-m365-video-player-ctn .f-core-player img { border: 0; } .ow-m365-video-player-ctn figure { margin: 1em 40px; } .ow-m365-video-player-ctn hr { box-sizing: content-box; height: 0; } .ow-m365-video-player-ctn pre { overflow: auto; } .ow-m365-video-player-ctn button, .ow-m365-video-player-ctn input, .ow-m365-video-player-ctn optgroup, .ow-m365-video-player-ctn select, .ow-m365-video-player-ctn textarea { color: inherit; margin: 0; } .ow-m365-video-player-ctn .f-core-player button, .ow-m365-video-player-ctn .f-core-player input, .ow-m365-video-player-ctn .f-core-player optgroup, .ow-m365-video-player-ctn .f-core-player select, .ow-m365-video-player-ctn .f-core-player textarea { font: inherit; } .ow-m365-video-player-ctn .f-core-player button { overflow: visible; } .ow-m365-video-player-ctn .f-core-player button, .ow-m365-video-player-ctn .f-core-player select { text-transform: none; } .ow-m365-video-player-ctn .f-core-player button, .ow-m365-video-player-ctn .f-core-player html input[type=button], .ow-m365-video-player-ctn .f-core-player input[type=reset], .ow-m365-video-player-ctn .f-core-player input[type=submit] { -webkit-appearance: button; cursor: pointer; } .ow-m365-video-player-ctn button[disabled], .ow-m365-video-player-ctn html input[disabled] { cursor: default; } .ow-m365-video-player-ctn button::-moz-focus-inner, .ow-m365-video-player-ctn input::-moz-focus-inner { border: 0; padding: 0; } .ow-m365-video-player-ctn .f-core-player input { line-height: normal; } .ow-m365-video-player-ctn input[type=checkbox], .ow-m365-video-player-ctn input[type=radio] { box-sizing: border-box; padding: 0; } .ow-m365-video-player-ctn input[type=number]::-webkit-inner-spin-button, .ow-m365-video-player-ctn input[type=number]::-webkit-outer-spin-button { height: auto; } .ow-m365-video-player-ctn fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .ow-m365-video-player-ctn optgroup { font-weight: 700; } .ow-m365-video-player-ctn table { border-collapse: collapse; border-spacing: 0; } .ow-m365-video-player-ctn td, .ow-m365-video-player-ctn th { padding: 0; } .ow-m365-video-player-ctn .c-video-player, .ow-m365-video-player-ctn .c-video-player *, .ow-m365-video-player-ctn .c-video-player :after, .ow-m365-video-player-ctn .c-video-player :before, .ow-m365-video-player-ctn .c-video-player:after, .ow-m365-video-player-ctn .c-video-player:before { box-sizing: inherit; } .ow-m365-video-player-ctn h1, .ow-m365-video-player-ctn h2, .ow-m365-video-player-ctn h3, .ow-m365-video-player-ctn h4, .ow-m365-video-player-ctn h5, .ow-m365-video-player-ctn h6, .ow-m365-video-player-ctn ol, .ow-m365-video-player-ctn p, .ow-m365-video-player-ctn ul { margin-top: 0; margin-bottom: 0; } .ow-m365-video-player-ctn ol, .ow-m365-video-player-ctn ul { padding: 0; list-style: none; } .ow-m365-video-player-ctn .f-core-player audio, .ow-m365-video-player-ctn .f-core-player canvas, .ow-m365-video-player-ctn .f-core-player img, .ow-m365-video-player-ctn .f-core-player video { vertical-align: middle; } .ow-m365-video-player-ctn address { font: inherit; } .ow-m365-video-player-ctn dd, .ow-m365-video-player-ctn dl, .ow-m365-video-player-ctn figure { margin: 0; } .ow-m365-video-player-ctn .f-core-player a:active, .ow-m365-video-player-ctn .f-core-player a:focus, .ow-m365-video-player-ctn .f-core-player a:hover, .ow-m365-video-player-ctn .f-core-player a:link, .ow-m365-video-player-ctn .f-core-player a:visited { text-decoration: none; color: inherit; } .ow-m365-video-player-ctn em, .ow-m365-video-player-ctn i, .ow-m365-video-player-ctn q, .ow-m365-video-player-ctn var { font-style: italic; } .ow-m365-video-player-ctn b, .ow-m365-video-player-ctn strong { font-weight: 700; } .ow-m365-video-player-ctn del, .ow-m365-video-player-ctn s { color: rgba(0, 0, 0, 0.6); } .ow-m365-video-player-ctn ins, .ow-m365-video-player-ctn u { text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.6); } .ow-m365-video-player-ctn small, .ow-m365-video-player-ctn sub, .ow-m365-video-player-ctn sup { font-size: 0.8em; } .ow-m365-video-player-ctn cite, .ow-m365-video-player-ctn time { font-style: normal; } .ow-m365-video-player-ctn input, .ow-m365-video-player-ctn input[type=search] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ow-m365-video-player-ctn fieldset { border: 0; margin: 0; padding: 0; } .ow-m365-video-player-ctn [class^=c-] .x-hidden-focus, .ow-m365-video-player-ctn [class^=c-] .x-hidden-focus + span:before, .ow-m365-video-player-ctn [class^=c-] .x-hidden-focus:before, .ow-m365-video-player-ctn [class^=c-].x-hidden-focus, .ow-m365-video-player-ctn [class^=c-].x-hidden-focus + span:before, .ow-m365-video-player-ctn [class^=c-].x-hidden-focus:before, .ow-m365-video-player-ctn [class^=m-] .x-hidden-focus, .ow-m365-video-player-ctn [class^=m-] .x-hidden-focus + span:before, .ow-m365-video-player-ctn [class^=m-] .x-hidden-focus:before, .ow-m365-video-player-ctn [class^=m-].x-hidden-focus, .ow-m365-video-player-ctn [class^=m-].x-hidden-focus + span:before, .ow-m365-video-player-ctn [class^=m-].x-hidden-focus:before { outline-color: transparent !important; outline-style: none !important; } .ow-m365-video-player-ctn .x-screen-reader { position: absolute !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; width: 1px !important; height: 1px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; } .ow-m365-video-player-ctn a.c-action-trigger, .ow-m365-video-player-ctn button.c-action-trigger { font-size: 15px; max-width: 374px; min-width: 36px; display: inline-block; margin-top: 12px; padding: 6px 0 8px; color: #0067b8; border: solid 1px transparent; background: 0 0; overflow: hidden; white-space: nowrap; vertical-align: bottom; outline: 0; } .ow-m365-video-player-ctn a.c-action-trigger:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger:focus:not(.x-hidden-focus) { outline: transparent; background: rgba(0, 103, 184, 0.1) content-box; } .ow-m365-video-player-ctn a.c-action-trigger:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-action-trigger:hover, .ow-m365-video-player-ctn button.c-action-trigger:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger:hover { color: #005da6; text-decoration: underline; } .ow-m365-video-player-ctn a.c-action-trigger:active, .ow-m365-video-player-ctn button.c-action-trigger:active { background: 0 0; color: #005293; transform: none; } .ow-m365-video-player-ctn a.c-action-trigger.x-hidden-focus:not(:hover), .ow-m365-video-player-ctn button.c-action-trigger.x-hidden-focus:not(:hover) { background: 0 0 !important; text-decoration: none !important; outline-color: transparent !important; } .ow-m365-video-player-ctn a.c-action-trigger:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger:focus:not(.x-hidden-focus) { outline: 1px dashed #fff; } .ow-m365-video-player-ctn a.c-action-trigger[disabled], .ow-m365-video-player-ctn button.c-action-trigger[disabled] { color: rgba(0, 0, 0, 0.2); cursor: not-allowed; } .ow-m365-video-player-ctn a.c-action-trigger[disabled]:hover, .ow-m365-video-player-ctn button.c-action-trigger[disabled]:hover { text-decoration: none; } .ow-m365-video-player-ctn a.c-action-trigger.c-glyph, .ow-m365-video-player-ctn button.c-action-trigger.c-glyph { min-width: 120px; padding-right: 10px; } .ow-m365-video-player-ctn a.c-action-trigger.c-glyph:before, .ow-m365-video-player-ctn button.c-action-trigger.c-glyph:before { width: 16px; height: 16px; margin-left: 10px; margin-right: 10px; vertical-align: middle; line-height: 15px; } .ow-m365-video-player-ctn a.c-action-trigger.glyph-pause::before, .ow-m365-video-player-ctn a.c-action-trigger.glyph-play::before, .ow-m365-video-player-ctn button.c-action-trigger.glyph-pause::before, .ow-m365-video-player-ctn button.c-action-trigger.glyph-play::before { width: unset; height: unset; margin-left: 3%; margin-right: unset; line-height: unset; vertical-align: unset; } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight, .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight { padding: 6px 10px 8px; border: 2px solid transparent; color: #fff; background: #0067b8; transition: scale 0.2s ease-in-out; } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) { background: #0067b8 !important; -webkit-text-decoration: #fff !important; text-decoration: #fff !important; outline-color: #000 !important; } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) { color: #fff; outline: 2px solid #000; text-decoration: underline; } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:hover, .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:hover { text-decoration: none; } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:hover, .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:hover { background: #005da6; } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight:active, .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight:active { background: #005293; transform: scale(0.98); } .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight[disabled], .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight[disabled] { cursor: not-allowed; border-color: transparent; background: #cce1f1; color: rgba(0, 0, 0, 0.2); } .ow-m365-video-player-ctn a.c-button, .ow-m365-video-player-ctn button.c-button { font-size: 15px; max-width: 374px; min-width: 120px; padding: 9px 12px 10px; margin-top: 12px; display: inline-block; color: #000; text-align: center; line-height: 1; box-shadow: 0 4px 8px 0 transparent; cursor: pointer; overflow: hidden; transition: all 0.2s ease-in-out; vertical-align: bottom; white-space: nowrap; border: solid 1px transparent; background-color: rgba(0, 0, 0, 0.2); } .ow-m365-video-player-ctn a.c-button:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button:focus:not(.x-hidden-focus) { outline: 2px solid #000; text-decoration: underline; } .ow-m365-video-player-ctn a.c-button:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-button:hover, .ow-m365-video-player-ctn button.c-button:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button:hover { background: rgba(0, 0, 0, 0.3); } .ow-m365-video-player-ctn a.c-button:focus:not(.x-hidden-focus):not(.f-lightweight):not([disabled]), .ow-m365-video-player-ctn a.c-button:hover:not(.f-lightweight):not([disabled]), .ow-m365-video-player-ctn button.c-button:focus:not(.x-hidden-focus):not(.f-lightweight):not([disabled]), .ow-m365-video-player-ctn button.c-button:hover:not(.f-lightweight):not([disabled]) { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .ow-m365-video-player-ctn a.c-button:active, .ow-m365-video-player-ctn button.c-button:active { background: rgba(0, 0, 0, 0.4); transform: scale(0.98); } .ow-m365-video-player-ctn a.c-button[disabled], .ow-m365-video-player-ctn button.c-button[disabled] { color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2); cursor: not-allowed; } .ow-m365-video-player-ctn a.c-button > .c-price, .ow-m365-video-player-ctn button.c-button > .c-price { padding: 0; text-align: center; } .ow-m365-video-player-ctn a.c-button.f-lightweight, .ow-m365-video-player-ctn button.c-button.f-lightweight { color: #0067b8; background: 0 0; border: 0; padding: 10px 12px 11px; } .ow-m365-video-player-ctn a.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: transparent; background: rgba(0, 103, 184, 0.1) content-box; } .ow-m365-video-player-ctn a.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-button.f-lightweight:hover, .ow-m365-video-player-ctn button.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-lightweight:hover { color: #005da6; text-decoration: underline; } .ow-m365-video-player-ctn a.c-button.f-lightweight:active, .ow-m365-video-player-ctn button.c-button.f-lightweight:active { background: 0 0; color: #005293; transform: none; } .ow-m365-video-player-ctn a.c-button.f-lightweight.x-hidden-focus:not(:hover), .ow-m365-video-player-ctn button.c-button.f-lightweight.x-hidden-focus:not(:hover) { background: 0 0 !important; text-decoration: none !important; outline-color: transparent !important; } .ow-m365-video-player-ctn a.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: 0; } .ow-m365-video-player-ctn a.c-button.f-lightweight[disabled], .ow-m365-video-player-ctn button.c-button.f-lightweight[disabled] { color: rgba(0, 0, 0, 0.2); text-decoration: none; cursor: not-allowed; } .ow-m365-video-player-ctn a.c-button.f-flex, .ow-m365-video-player-ctn button.c-button.f-flex { width: 100%; max-width: 100%; white-space: normal; } .ow-m365-video-player-ctn a.c-button.f-primary, .ow-m365-video-player-ctn button.c-button.f-primary, .ow-m365-video-player-ctn button.c-button[type=submit] { color: #fff; background-color: #0067b8; } .ow-m365-video-player-ctn a.c-button.f-primary:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-primary:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button[type=submit]:focus:not(.x-hidden-focus) { outline: 2px solid #000; } .ow-m365-video-player-ctn a.c-button.f-primary:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn a.c-button.f-primary:hover, .ow-m365-video-player-ctn button.c-button.f-primary:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-primary:hover, .ow-m365-video-player-ctn button.c-button[type=submit]:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button[type=submit]:hover { background: #005da6; } .ow-m365-video-player-ctn a.c-button.f-primary:active, .ow-m365-video-player-ctn button.c-button.f-primary:active, .ow-m365-video-player-ctn button.c-button[type=submit]:active { background: #005293; transform: scale(0.98); } .ow-m365-video-player-ctn a.c-button.f-primary[disabled], .ow-m365-video-player-ctn button.c-button.f-primary[disabled], .ow-m365-video-player-ctn button.c-button[type=submit][disabled] { color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 103, 184, 0.2); border-color: transparent; } .ow-m365-video-player-ctn .c-glyph { font-style: normal; } .ow-m365-video-player-ctn .c-glyph:after, .ow-m365-video-player-ctn .c-glyph:before { font-family: MWF-MDL2; display: inline-block; text-decoration: underline; } .ow-m365-video-player-ctn .c-glyph:after, .ow-m365-video-player-ctn .c-glyph:before, .ow-m365-video-player-ctn .c-glyph:hover:after, .ow-m365-video-player-ctn .c-glyph:hover:before { text-decoration: none; } .ow-m365-video-player-ctn .c-glyph.glyph-down:before { content: "\e74b"; } .ow-m365-video-player-ctn .c-glyph.glyph-back-to-window:before { content: "\e73f"; } .ow-m365-video-player-ctn .c-glyph.glyph-cancel:before { content: "\e711"; } .ow-m365-video-player-ctn .c-glyph.glyph-check-mark:before { content: "\e73e"; background-color: transparent !important; } .ow-m365-video-player-ctn .c-glyph.glyph-chevron-down:before { content: "\e70d"; } .ow-m365-video-player-ctn .c-glyph.glyph-chevron-left:before { content: "\e76b"; } .ow-m365-video-player-ctn .c-glyph.glyph-chevron-right:before { content: "\e76c"; } .ow-m365-video-player-ctn .c-glyph.glyph-chevron-up:before { content: "\e70e"; } .ow-m365-video-player-ctn .c-glyph.glyph-copy:before { content: "\e8c8"; } .ow-m365-video-player-ctn .c-glyph.glyph-download:before { content: "\e896"; } .ow-m365-video-player-ctn .c-glyph.glyph-full-screen:before { content: "\e740"; } .ow-m365-video-player-ctn .c-glyph.glyph-mail:before { content: "\e715"; } .ow-m365-video-player-ctn .c-glyph.glyph-more:before { content: "\e712"; } .ow-m365-video-player-ctn .c-glyph.glyph-mute:before { content: "\e74f"; } .ow-m365-video-player-ctn .c-glyph.glyph-pause:before { content: "\e769"; } .ow-m365-video-player-ctn .c-glyph.glyph-play:before { content: "\e768"; } .ow-m365-video-player-ctn .c-glyph.glyph-subtitles:before { content: "\ed1e"; } .ow-m365-video-player-ctn .c-glyph.glyph-volume:before { content: "\e767"; } .ow-m365-video-player-ctn .c-glyph.glyph-view:before { content: "\e890"; } .ow-m365-video-player-ctn img.c-image, .ow-m365-video-player-ctn picture.c-image img { display: block; margin: 0; max-width: 100%; height: auto; } .ow-m365-video-player-ctn img.c-image.f-round { border-radius: 50%; } .ow-m365-video-player-ctn picture.c-image { display: block; } .ow-m365-video-player-ctn .c-list { font-size: 15px; line-height: 20px; padding-left: 19px; padding-right: 0; margin: 8px 0; list-style-position: outside; } .ow-m365-video-player-ctn .c-list li { padding: 8px 0; } .ow-m365-video-player-ctn .c-list.f-lean li { padding: 0; } .ow-m365-video-player-ctn .c-list.f-bare { list-style-type: none; } .ow-m365-video-player-ctn ul.c-list { list-style-type: disc; } .ow-m365-video-player-ctn ol.c-list { list-style-type: decimal; } .ow-m365-video-player-ctn .c-menu { position: relative; z-index: 500; width: 296px; min-width: 64px; max-width: 368px; padding: 0; margin: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; background-clip: padding-box; } .ow-m365-video-player-ctn .c-menu.f-scroll { max-height: 220px; overflow-y: auto; } .ow-m365-video-player-ctn .c-menu.f-flex { width: 100%; min-width: auto; max-width: none; } .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true] { background: #0067b8; color: #fff; } .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true]:hover { background: rgba(0, 103, 184, 0.8); color: #fff; } .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true]:focus { outline: 1px dashed #0067b8; color: #fff; } .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true]:active { background: rgba(0, 103, 184, 0.4); color: #fff; } .ow-m365-video-player-ctn .c-menu-item { background: inherit; } .ow-m365-video-player-ctn .c-menu-item a, .ow-m365-video-player-ctn .c-menu-item button, .ow-m365-video-player-ctn .c-menu-item span { display: block; background: rgba(0, 0, 0, 0.05); padding: 11px 12px 13px; outline: 0; cursor: pointer; white-space: normal; } .ow-m365-video-player-ctn .c-menu-item a:focus, .ow-m365-video-player-ctn .c-menu-item a:hover, .ow-m365-video-player-ctn .c-menu-item button:focus, .ow-m365-video-player-ctn .c-menu-item button:hover, .ow-m365-video-player-ctn .c-menu-item span:focus, .ow-m365-video-player-ctn .c-menu-item span:hover { background: rgba(0, 0, 0, 0.1); } .ow-m365-video-player-ctn .c-menu-item a:focus, .ow-m365-video-player-ctn .c-menu-item button:focus, .ow-m365-video-player-ctn .c-menu-item span:focus { outline: 1px dashed #000; } .ow-m365-video-player-ctn .c-menu-item a:active, .ow-m365-video-player-ctn .c-menu-item button:active, .ow-m365-video-player-ctn .c-menu-item span:active { background: rgba(0, 0, 0, 0.3); } .ow-m365-video-player-ctn .c-menu-item a.f-context-action-trigger, .ow-m365-video-player-ctn .c-menu-item button.f-context-action-trigger, .ow-m365-video-player-ctn .c-menu-item span.f-context-action-trigger { color: #0067b8; } .ow-m365-video-player-ctn .c-menu-item a.f-icon img, .ow-m365-video-player-ctn .c-menu-item button.f-icon img, .ow-m365-video-player-ctn .c-menu-item span.f-icon img { width: 40px; height: 22px; display: inline-block; } .ow-m365-video-player-ctn .c-menu-item a.f-icon p, .ow-m365-video-player-ctn .c-menu-item button.f-icon p, .ow-m365-video-player-ctn .c-menu-item span.f-icon p { display: inline-block; width: calc(100% - 40px); color: inherit; vertical-align: middle; } .ow-m365-video-player-ctn .c-menu-item a[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item a[aria-selected=true], .ow-m365-video-player-ctn .c-menu-item button[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item button[aria-selected=true], .ow-m365-video-player-ctn .c-menu-item span[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item span[aria-selected=true] { background: #0067b8; color: #fff; } .ow-m365-video-player-ctn .c-menu-item .c-radio { background: rgba(0, 0, 0, 0.1); } .ow-m365-video-player-ctn .c-menu-item .c-radio span { background: 0 0; } .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]:checked + span:after { top: 16px; } .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio] + span { display: block; } .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio] + span:before { top: 11px; } .ow-m365-video-player-ctn .c-menu-item .c-radio .c-label { display: block; margin: 0; } .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] a, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] a:active, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] a:focus, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] a:hover, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] button, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] button:active, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] button:focus, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] button:hover, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] span, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] span:active, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] span:focus, .ow-m365-video-player-ctn .c-menu-item[aria-disabled=true] span:hover { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.2); cursor: not-allowed; } .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a, .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button { position: relative; } .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a:after, .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button:after { font-family: MWF-MDL2; content: "\e76c"; position: absolute; font-size: 6px; top: 19px; } .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a + .c-menu, .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button + .c-menu { display: none; position: absolute; top: 0; } .ow-m365-video-player-ctn .js .c-menu-item.f-sub-menu > a[aria-expanded=true] + .c-menu[aria-hidden=false], .ow-m365-video-player-ctn .js .c-menu-item.f-sub-menu > button[aria-expanded=true] + .c-menu[aria-hidden=false], .ow-m365-video-player-ctn .no-js .c-menu-item.f-sub-menu > a:focus + .c-menu, .ow-m365-video-player-ctn .no-js .c-menu-item.f-sub-menu > a:hover + .c-menu, .ow-m365-video-player-ctn .no-js .c-menu-item.f-sub-menu > button:focus + .c-menu, .ow-m365-video-player-ctn .no-js .c-menu-item.f-sub-menu > button:hover + .c-menu { display: block; -webkit-animation: m365vp-fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: m365vp-fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .ow-m365-video-player-ctn .c-menu-item a.f-product { padding: 8px 12px; overflow: hidden; } .ow-m365-video-player-ctn .c-menu-item a.f-product .c-image { background: #737373; width: 40px; vertical-align: top; } .ow-m365-video-player-ctn .c-menu-item a.f-product div { overflow: hidden; height: 100%; } .ow-m365-video-player-ctn .c-menu-item a.f-product span { background: 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ow-m365-video-player-ctn .c-menu-item a.f-product span:hover { background: 0 0; } .ow-m365-video-player-ctn .no-eventlistener progress.c-progress { display: none; } .ow-m365-video-player-ctn progress.c-progress[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; min-width: 296px; height: 4px; } .ow-m365-video-player-ctn progress.c-progress::-webkit-progress-bar { background: rgba(0, 0, 0, 0.2); } .ow-m365-video-player-ctn progress.c-progress::-webkit-progress-value { background: #0067b8; } .ow-m365-video-player-ctn progress.c-progress::-moz-progress-bar { background: #0067b8; } .ow-m365-video-player-ctn progress.c-progress > [role=progressbar] { display: block; position: relative; background: rgba(0, 0, 0, 0.2); min-width: 296px; width: 100%; height: 4px; } .ow-m365-video-player-ctn progress.c-progress > [role=progressbar] > span { display: block; position: relative; height: 100%; background: #0067b8; color: #0067b8; } .ow-m365-video-player-ctn .c-progress { display: block; margin-top: 12px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional { position: relative; min-width: 296px; width: 100%; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span { position: absolute; display: inline-block; opacity: 0; -webkit-animation: m365vp-dots 4s infinite; animation: m365vp-dots 4s infinite; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:after { content: ""; position: absolute; display: inline-block; background: #0067b8; width: 5px; height: 5px; border-radius: 50%; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(1) { -webkit-animation-delay: 50ms; animation-delay: 50ms; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(1):after { left: -10px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(2):after { left: -20px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(3):after { left: -30px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(4):after { left: -40px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:nth-child(5):after { left: -50px; } .ow-m365-video-player-ctn .c-progress.f-center { margin: auto; padding-top: 30px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local { position: relative; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span { position: absolute; transform: rotate(225deg); -webkit-animation: m365vp-orbit 5.5s infinite; animation: m365vp-orbit 5.5s infinite; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:after { content: ""; position: absolute; border-radius: 100%; background: #0067b8; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:nth-child(2) { -webkit-animation-delay: 240ms; animation-delay: 240ms; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:nth-child(3) { -webkit-animation-delay: 480ms; animation-delay: 480ms; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:nth-child(4) { -webkit-animation-delay: 720ms; animation-delay: 720ms; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:nth-child(5) { -webkit-animation-delay: 960ms; animation-delay: 960ms; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-large { width: 60px; height: 60px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-large span { width: 60px; height: 60px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-large span:after { width: 6px; height: 6px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-small { width: 20px; height: 20px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-small span { width: 25px; height: 25px; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local.f-progress-small span:after { width: 3px; height: 3px; } .ow-m365-video-player-ctn .c-select-menu { position: relative; display: inline-block; } .ow-m365-video-player-ctn .c-select-menu.f-accent > a, .ow-m365-video-player-ctn .c-select-menu.f-accent > button { color: #0067b8; } .ow-m365-video-player-ctn .c-select-menu.f-accent > a:after, .ow-m365-video-player-ctn .c-select-menu.f-accent > button:after { color: rgba(0, 0, 0, 0.6); } .ow-m365-video-player-ctn .c-select-menu.f-accent > a:active, .ow-m365-video-player-ctn .c-select-menu.f-accent > a:hover, .ow-m365-video-player-ctn .c-select-menu.f-accent > button:active, .ow-m365-video-player-ctn .c-select-menu.f-accent > button:hover { color: #0067b8; } .ow-m365-video-player-ctn .c-select-menu.f-accent > a:active:after, .ow-m365-video-player-ctn .c-select-menu.f-accent > a:hover:after, .ow-m365-video-player-ctn .c-select-menu.f-accent > button:active:after, .ow-m365-video-player-ctn .c-select-menu.f-accent > button:hover:after { color: #000; } .ow-m365-video-player-ctn .c-select-menu.f-border > a { padding: 8px 24px 8px 12px; } .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded] { box-sizing: border-box; height: 100%; border: 1px solid rgba(0, 0, 0, 0.6); } .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded]:hover { border-color: rgba(0, 0, 0, 0.8); } .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded]:active, .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded]:focus:not(.x-hidden-focus) { border-color: #0067b8; } .ow-m365-video-player-ctn .c-select-menu.f-border + .c-select-menu.f-border, .ow-m365-video-player-ctn .c-select-menu.f-border + .c-select-menu.f-border.f-persist { margin-top: 12px; } .ow-m365-video-player-ctn .c-select-menu.f-flex, .ow-m365-video-player-ctn .c-select-menu.f-flex > [aria-expanded] { width: 100%; min-width: 88px; max-width: 546px; } .ow-m365-video-player-ctn .c-select-menu .c-menu { position: absolute; top: 100%; overflow: auto; } .ow-m365-video-player-ctn .c-select-menu [aria-expanded=false] + .c-menu[aria-hidden=true] { display: none; } .ow-m365-video-player-ctn .c-select-menu > button { border: 0; background: 0 0; } .ow-m365-video-player-ctn .c-select-menu > button.f-icon img { width: 40px; height: 22px; display: inline-block; } .ow-m365-video-player-ctn .c-select-menu > button.f-icon span { display: inline-block; width: calc(100% - 40px); color: inherit; vertical-align: middle; } .ow-m365-video-player-ctn .c-select-menu > button img { width: 0; height: 0; } .ow-m365-video-player-ctn .c-select-menu > button span { width: 100%; } .ow-m365-video-player-ctn .c-select-menu > a, .ow-m365-video-player-ctn .c-select-menu > button { display: inline-block; color: rgba(0, 0, 0, 0.8); padding: 8px; transform: translateX(-8px); } .ow-m365-video-player-ctn .c-select-menu > a:after, .ow-m365-video-player-ctn .c-select-menu > button:after { font-family: MWF-MDL2; content: "\e70d"; position: absolute; font-size: 8px; color: rgba(0, 0, 0, 0.8); font-weight: 700; padding-top: 7px; } .ow-m365-video-player-ctn .c-select-menu > a:hover, .ow-m365-video-player-ctn .c-select-menu > a:hover:after, .ow-m365-video-player-ctn .c-select-menu > button:hover, .ow-m365-video-player-ctn .c-select-menu > button:hover:after { color: #000; } .ow-m365-video-player-ctn .c-select-menu > a:focus, .ow-m365-video-player-ctn .c-select-menu > button:focus { border-color: #0067b8; outline: 1px dashed #000; } .ow-m365-video-player-ctn .c-select-menu > a:focus:hover, .ow-m365-video-player-ctn .c-select-menu > button:focus:hover { outline: 0; } .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > a, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > a:active, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > a:after, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > a:focus, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > a:hover, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > button, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > button:active, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > button:after, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > button:focus, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > button:hover { color: rgba(0, 0, 0, 0.2); } .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > a:hover, .ow-m365-video-player-ctn .c-select-menu[aria-disabled=true] > button:hover { cursor: not-allowed; } .ow-m365-video-player-ctn .js .c-select-menu > [aria-expanded=true] + .c-menu[aria-hidden=false], .ow-m365-video-player-ctn .js .c-select-menu > span[aria-expanded=true] + .c-menu[aria-hidden=false], .ow-m365-video-player-ctn .no-js .c-select-menu:hover > .c-menu { display: block; -webkit-animation: m365vp-fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: m365vp-fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .ow-m365-video-player-ctn .c-select-menu [class*=c-paragraph], .ow-m365-video-player-ctn .c-select-menu + [class*=c-caption] { padding-top: 24px; } .ow-m365-video-player-ctn .c-slider { width: 296px; } .ow-m365-video-player-ctn .c-slider.f-vertical { height: 324px; } .ow-m365-video-player-ctn .c-slider.f-vertical input[type=range] { -webkit-appearance: slider-vertical; -moz-appearance: slider-vertical; appearance: slider-vertical; } .ow-m365-video-player-ctn .c-slider.f-vertical > div { top: 134px; } .ow-m365-video-player-ctn .c-slider.f-vertical > div > button > span { top: -40px; } .ow-m365-video-player-ctn .c-slider input[type=range] { -webkit-appearance: slider-horizontal; -moz-appearance: slider-horizontal; appearance: slider-horizontal; } .ow-m365-video-player-ctn .no-js .c-slider input[type=range] { display: block; } .ow-m365-video-player-ctn .js .c-slider input[type=range] { display: none; } .ow-m365-video-player-ctn .c-slider div { position: relative; height: 4px; background: rgba(0, 0, 0, 0.4); margin-top: 12px; } .ow-m365-video-player-ctn .c-slider div button { height: 24px; width: 8px; background: #0067b8; border: 1px dashed transparent; padding: 0; border-radius: 4px; position: absolute; top: -10px; outline: 0; } .ow-m365-video-player-ctn .c-slider div button:focus:not(.x-hidden-focus) { border: 1px dashed #fff; } .ow-m365-video-player-ctn .c-slider div button:hover { background: #000; } .ow-m365-video-player-ctn .c-slider div button:active, .ow-m365-video-player-ctn .c-slider div button:focus:not(.x-hidden-focus) { background: #003e6e; } .ow-m365-video-player-ctn .c-slider div button:active span, .ow-m365-video-player-ctn .c-slider div button:focus:not(.x-hidden-focus) span { display: block; } .ow-m365-video-player-ctn .c-slider div button span { display: none; position: absolute; min-width: 36px; height: 36px; text-align: center; top: -40px; padding: 8px 8px 10px; background: #e6e6e6; border: 1px solid rgba(0, 0, 0, 0.3); transform: translateX(-50%); } .ow-m365-video-player-ctn .c-slider div > span { display: block; position: absolute; top: 0; bottom: 0; background: #0067b8; } .ow-m365-video-player-ctn .c-slider.f-disabled label.c-label { color: rgba(0, 0, 0, 0.2); } .ow-m365-video-player-ctn .c-slider.f-disabled input[type=range][disabled] + div, .ow-m365-video-player-ctn .c-slider.f-disabled input[type=range][disabled] + div button { background: #ccc; } .ow-m365-video-player-ctn .c-slider.f-disabled input[type=range][disabled] + div span { display: none; } .ow-m365-video-player-ctn .c-video-player { display: inline-block; margin: 0; height: 100%; width: 100%; min-width: 320px; direction: ltr; position: relative; overflow: hidden; box-sizing: border-box !important; } .ow-m365-video-player-ctn .c-video-player.m-ambient-video { min-width: 0; } .ow-m365-video-player-ctn .c-video-player.m-ambient-video video::-webkit-media-controls-panel, .ow-m365-video-player-ctn .c-video-player.m-ambient-video video::-webkit-media-controls-play-button, .ow-m365-video-player-ctn .c-video-player.m-ambient-video video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player, .ow-m365-video-player-ctn .c-video-player .f-video-player { height: 100%; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player object, .ow-m365-video-player-ctn .c-video-player .f-core-player video { display: block; min-width: 100%; width: 100%; max-height: 100%; height: 100%; background: #000; } .ow-m365-video-player-ctn .c-video-player .f-core-player object[aria-hidden=true], .ow-m365-video-player-ctn .c-video-player .f-core-player video[aria-hidden=true] { display: block !important; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player div { display: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player { display: block; height: 100%; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player div.amp-content-title { display: none !important; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player button { display: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player div:first-child { display: block; height: 100%; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-player .vjs-player div:first-child video { display: block; height: 100%; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause-hide { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause-hide:focus { clip: auto; width: auto; height: auto; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause-show { position: absolute; clip: auto; width: auto; height: auto; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause-show:focus { clip: auto; width: auto; height: auto; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-cc-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 56; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-cc-overlay.f-overlay-slidein { bottom: 44px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-screen-reader { position: absolute; left: -99999px; height: 1px; width: 1px; overflow: hidden; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button { background-color: #8e8e8e; border: 2px solid transparent; display: inline-block; position: absolute; bottom: -64px; left: 34px; height: 48px; width: 48px; line-height: 44px; border-radius: 50%; text-align: center; overflow: hidden; top: 34px; font-size: 20px; z-index: 2; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button[aria-hidden=true] { display: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button:hover { background-color: #404040; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button:focus { border: 2px solid #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-back-button:active { background-color: #4b4b4b; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay { background-size: cover; color: #fff; overflow: hidden; padding: 10px; position: absolute; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay div { position: relative; transform: translateY(-50%); top: 50%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info { float: left; left: 25%; width: 50%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info .c-headline { font-size: 24px; font-weight: 400; padding: 0; margin: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info p { font-size: 13px; padding: 0; margin: 5px 0; font-weight: 400; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-link { float: right; width: 25%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-link .c-action-trigger { left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay-customhtml { padding: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimizeMaximize { background-color: rgba(255, 255, 255, 0.6); border: 2px solid transparent; position: absolute; border-radius: 50%; height: 24px; width: 24px; font-size: 9px; overflow: hidden; display: inline-block; z-index: 2; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimizeMaximize:hover { background-color: rgba(255, 255, 255, 0.3); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimizeMaximize:focus { border: 2px solid #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimizeMaximize:active { background-color: rgba(255, 255, 255, 0.15); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimize-upperthird { transform: rotate(90deg); bottom: 10px; right: 10px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-minimize-lowerthird { transform: rotate(-90deg); right: 10px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-maximize-upperthird { transform: rotate(-90deg); top: 40px; right: 10px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-overlay-maximize-lowerthird { transform: rotate(90deg); bottom: 80px; right: 10px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-graphic { pointer-events: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-fullscreen { height: 100%; width: 100%; max-height: 1080px; padding: 0; top: 0; left: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-upper { top: 0; height: 20%; max-height: 200px; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-lower { bottom: 0; height: 20%; max-height: 200px; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-right { right: 0; height: 100%; width: 20%; max-width: 200px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-left { left: 0; height: 100%; width: 20%; max-width: 200px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-upper.f-interactive-overlay-slidein { -webkit-animation: 0.5s forwards m365vp-interactive-overlay-slidein-upper; animation: 0.5s forwards m365vp-interactive-overlay-slidein-upper; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-right.f-interactive-overlay-slidein { -webkit-animation: 0.5s forwards m365vp-interactive-overlay-slidein-right; animation: 0.5s forwards m365vp-interactive-overlay-slidein-right; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-left.f-interactive-overlay-slidein { -webkit-animation: 0.5s forwards m365vp-interactive-overlay-slidein-left; animation: 0.5s forwards m365vp-interactive-overlay-slidein-left; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-upper.f-interactive-overlay-slideout { -webkit-animation: 0.5s forwards m365vp-interactive-overlay-slideout-upper; animation: 0.5s forwards m365vp-interactive-overlay-slideout-upper; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-right.f-interactive-overlay-slideout { -webkit-animation: 0.5s forwards m365vp-interactive-overlay-slideout-right; animation: 0.5s forwards m365vp-interactive-overlay-slideout-right; } .ow-m365-video-player-ctn .c-video-player .f-core-player .interactive-left.f-interactive-overlay-slideout { -webkit-animation: 0.5s forwards m365vp-interactive-overlay-slideout-left; animation: 0.5s forwards m365vp-interactive-overlay-slideout-left; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress { direction: ltr; width: 100%; width: calc(100% - 288px); display: inline-block; margin-bottom: 5px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div { background: rgba(255, 255, 255, 0.4); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:active, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:hover { background: #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:active span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:hover span { display: block; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button:focus { outline: 2px dashed #fff; outline-offset: 2px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button { background: #0067b8; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button span { font-size: 13px; width: auto; top: -48px; background: #000; color: #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls { font-size: 24px; width: 100%; height: 44px; background: #000; position: absolute; bottom: 0; left: 0; display: inline-block; z-index: 61; text-align: left; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls span { font-size: 13px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button:not([role=slider]) { color: #fff; background: 0 0; border: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-seek-bar { display: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph { width: 38px; height: 38px; vertical-align: middle; top: 2px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph:focus, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph:hover { color: #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph:focus { outline: 2px dashed #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph:active { color: rgba(255, 255, 255, 0.4); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls button.c-glyph.f-live { width: auto; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-time { font-size: 13px; color: rgba(255, 255, 255, 0.6); padding-right: 12px; position: relative; top: -3px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-time .f-current-time, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-time .f-duration { color: #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive[aria-hidden=false] { display: inline-block; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive span { font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live span[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause span[aria-hidden=false], .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive span[aria-hidden=false] { display: block; bottom: 49px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause { margin-left: 3px; margin-top: 3px; padding-top: 1px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live { padding-left: 8px; padding-right: 8px; font-weight: 400; font-size: 15px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live:before { font-family: MWF-MDL2; content: "\e890"; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live-current:before { font-weight: 700; color: #e81123; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live-current:focus:before, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live-current:hover:before { color: rgba(232, 17, 35, 0.6); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live-current:active:before { color: rgba(232, 17, 35, 0.4); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen { display: inline-block; position: absolute; top: 1px; right: 2px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span { right: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive { position: absolute; right: 90px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-button { display: inline-block; position: absolute; right: 46px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider { position: absolute; width: 44px; min-height: 120px; bottom: 46px; right: 46px; background: #000; border: 2px solid rgba(255, 255, 255, 0.6); z-index: 66; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider:after { display: block; height: 11px; background: 0 0; position: absolute; content: ""; bottom: -12px; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider[data-show=false] { position: absolute !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; width: 1px !important; height: 1px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; display: block !important; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider { width: 92px; height: 92px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider .f-volume-bar { display: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div { background: rgba(255, 255, 255, 0.4); left: -25px; top: 45px; transform: rotate(-90deg); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button:active, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button:hover { background: #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div > span { background: #0067b8; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button { background: #0067b8; z-index: 66; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button span { font-size: 13px; width: auto; min-width: 40px; min-height: 32px; top: 38px; left: -16px; background: #000; color: #fff; border: 2px solid rgba(255, 255, 255, 0.6); transform: rotate(90deg); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button:focus { outline: 2px dashed #fff; outline-offset: 2px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options { position: absolute; top: 1px; right: 90px; margin-left: 12px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span { left: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu { position: absolute; min-width: 160px; background: #000; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: hidden; overflow-y: hidden; direction: ltr; outline: 0 solid transparent; z-index: 66; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list { margin: 0; min-width: 160px; list-style: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li { height: 40px; margin-top: 0; padding: 0; display: block; border-top: 2px solid rgba(255, 255, 255, 0.6); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li:first-child { border-top: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li:focus { border: 2px dashed #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button { font-size: 13px; color: #fff; display: block; height: 100%; padding: 0 12px; text-align: left; width: 100%; margin: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button:focus { border: 2px dashed #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button:hover { text-decoration: none; background: rgba(255, 255, 255, 0.1); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu { position: absolute; bottom: 46px; right: 90px; min-width: 160px; background: #000; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: hidden; overflow-y: auto; direction: ltr; outline: 0 solid transparent; z-index: 66; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list { margin: 0; min-width: 160px; list-style: none; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li { height: 40px; margin-top: 0; padding: 0; border-top: 2px solid rgba(255, 255, 255, 0.6); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li:first-child { border-top: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li ul { display: none; left: 160px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li ul li { position: relative; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button { font-size: 13px; color: #fff; display: block; height: 100%; padding: 8px 12px; text-align: left; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button .c-image { display: inline-block; width: 28px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { margin-top: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger:before { margin-bottom: 5px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-glyph[data-video-selectable] { color: rgba(255, 255, 255, 0.8); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-check-mark[data-video-selectable] { color: #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-chevron-right { color: #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button:hover { text-decoration: none; background: rgba(255, 255, 255, 0.1); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button:focus { border: 2px dashed #fff; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button:active { text-decoration: none; background: rgba(255, 255, 255, 0.2); border: 0; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu[aria-hidden=true] { visibility: hidden; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu[aria-hidden=false] { visibility: visible; } .ow-m365-video-player-ctn .c-video-player .f-core-player .c-progress { left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message .c-heading, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message .c-paragraph { font-size: 15px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message .c-heading { font-weight: 700; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message .c-heading:before { font-size: 34px; font-family: MWF-MDL2; content: "\e7ba"; display: block; margin-bottom: 20px; font-weight: 400; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message > div { position: absolute; top: 50%; transform: translateY(-50%); padding: 48px; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-slidein { -webkit-animation: 0.5s forwards m365vp-slidein; animation: 0.5s forwards m365vp-slidein; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-slideout { -webkit-animation: 0.5s forwards m365vp-slideout; animation: 0.5s forwards m365vp-slideout; } .ow-m365-video-player-ctn .c-video-player .f-external-player { height: 100%; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger { left: 50%; margin: -24px 0 0 -24px; position: absolute; z-index: 1; top: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger span { left: 0; top: -38px; font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button { background: rgba(0, 0, 0, 0.6); border-radius: 50%; color: #fff; margin: 0; padding: 0; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { font-size: 24px; font-family: MWF-MDL2; content: "\e768"; margin: 0; line-height: 13px; height: 48px; width: 48px; min-width: 0; color: #fff; overflow: hidden; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label].ow-large { height: 60px; width: 60px; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label].ow-large::before { font-size: 32px; margin-left: 10%; margin-top: 5%; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label].ow-large.glyph-pause::before { margin-left: 2%; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label]:hover { color: rgba(255, 255, 255, 0.8); } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label]:focus { background: rgba(0, 0, 0, 0.6); } .ow-m365-video-player-ctn .c-video-player .f-end-poster-image { border: solid 1px transparent; margin: 0; position: absolute; top: 0; left: 0; height: auto; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger { border: solid 1px transparent; margin: 0; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger .f-mask-20 { background-color: rgba(0, 0, 0, 0.2); } .ow-m365-video-player-ctn .c-video-player .f-video-trigger .f-mask-40 { background-color: rgba(0, 0, 0, 0.4); } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div { text-align: center; position: absolute; z-index: 1; height: 100%; width: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.2); } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div:hover { background-color: rgba(0, 0, 0, 0.4); } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div span { top: calc(50% - 62px); left: calc(50% - 24px); font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div .c-heading { font-size: 24px; margin-bottom: 12px; font-weight: 700; padding: 0; margin: 0 auto; max-width: 60%; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div p { font-size: 13px; padding: 0; max-width: 33.33333%; margin: 0 auto; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button { position: relative; border-radius: 50%; color: #fff; margin: 0; padding: 0; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.ow-play-theme-light, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.ow-play-theme-light { background: rgba(255, 255, 255, 0.3) !important; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.ow-play-theme-dark, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.ow-play-theme-dark { background: rgba(0, 0, 0, 0.6) !important; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { font-size: 24px; font-family: MWF-MDL2; content: "\e768"; margin: 0 auto; line-height: 13px; height: 48px; width: 48px; min-width: 0; color: #fff; outline: 0; top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label].ow-large, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label].ow-large { height: 60px; width: 60px; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label].ow-large:before, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label].ow-large:before { font-size: 32px; margin-left: 10%; margin-top: 5%; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label]:hover, .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label]:hover { color: rgba(255, 255, 255, 0.8); } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label]:focus { background: rgba(0, 0, 0, 0.6); outline: 2px dashed #fff; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label].ow-play-theme-light:focus { background: rgba(255, 255, 255, 0.3) !important; outline: 2px dashed #fff; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label].ow-play-theme-dark:focus { background: rgba(0, 0, 0, 0.6) !important; outline: 2px dashed #fff; } .ow-m365-video-player-ctn .c-video-player + .m-media-gallery { padding: 24px 0 0; } .ow-m365-video-player-ctn .c-video-player [aria-hidden=true] { display: none !important; } .ow-m365-video-player-ctn .ow-m365-video-dialog.x-lightbox-video .glyph-cancel + div { background: 0 0; } @media all and (max-width: 539px) { .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { max-width: calc(100vw - 24px); } } @media (max-width: 767px) { .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { max-width: calc(100vw - 48px); } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info .c-headline { font-size: 20px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-progress div button span { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls { font-size: 20px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls span { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-video-controls .f-time { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause span, .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive span { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-volume-slider .c-slider div button span { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger span { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { font-size: 20px; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div span { font-size: 12px; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div .c-heading { font-size: 20px; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { font-size: 20px; } } @media all and (min-width: 1400px) { .ow-m365-video-player-ctn .c-video-player .f-core-player .f-error-message > div { padding: 56px; } } @media screen and (-ms-high-contrast: active) { .ow-m365-video-player-ctn a.c-button.f-lightweight:focus:not(.x-hidden-focus), .ow-m365-video-player-ctn button.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: 1px dashed #fff; } .ow-m365-video-player-ctn .c-select-menu.f-border > a:hover { border-color: Highlight; } .ow-m365-video-player-ctn .c-select-menu > a, .ow-m365-video-player-ctn .c-select-menu > button { color: windowText; } .ow-m365-video-player-ctn .c-slider div { background: rgba(255, 255, 255, 0.4); border: 2px solid #000; height: 6px; } .ow-m365-video-player-ctn .c-slider div button, .ow-m365-video-player-ctn .c-slider div button:active, .ow-m365-video-player-ctn .c-slider div button:hover { background: #fff; } .ow-m365-video-player-ctn .c-slider div > span { background: #fff; border: 2px solid #000; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #fff; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger .f-mask-20 { background-color: transparent; } .ow-m365-video-player-ctn .c-video-player .f-video-trigger .f-mask-40 { background-color: transparent; } } @media screen and (-ms-high-contrast) { .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true] { background: #fff; } .ow-m365-video-player-ctn .c-menu-item a:focus, .ow-m365-video-player-ctn .c-menu-item a:hover, .ow-m365-video-player-ctn .c-menu-item button:focus, .ow-m365-video-player-ctn .c-menu-item button:hover, .ow-m365-video-player-ctn .c-menu-item span:focus, .ow-m365-video-player-ctn .c-menu-item span:hover { -ms-high-contrast-adjust: none; color: buttonFace !important; background-color: Highlight !important; } .ow-m365-video-player-ctn .c-menu-item a[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item a[aria-selected=true], .ow-m365-video-player-ctn .c-menu-item button[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item button[aria-selected=true], .ow-m365-video-player-ctn .c-menu-item span[aria-checked=true], .ow-m365-video-player-ctn .c-menu-item span[aria-selected=true] { color: buttonFace !important; background-color: Highlight !important; } .ow-m365-video-player-ctn .c-menu-item a, .ow-m365-video-player-ctn .c-menu-item button, .ow-m365-video-player-ctn .c-menu-item span { color: buttonFace !important; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:after, .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:after { background: #fff; } } @media screen and (-ms-high-contrast: black-on-white) { .ow-m365-video-player-ctn .c-menu .c-menu-item [aria-checked=true] { background: #000; } .ow-m365-video-player-ctn .c-progress.f-indeterminate-local span:after, .ow-m365-video-player-ctn .c-progress.f-indeterminate-regional span:after { background: #000; } .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #000; } } @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: black-on-white) { .ow-m365-video-player-ctn .c-slider div button, .ow-m365-video-player-ctn .c-slider div button:active, .ow-m365-video-player-ctn .c-slider div button:hover { border: 4px solid #000; } } @media screen and (-ms-high-contrast: white-on-black) { .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #fff; } } .ow-m365-video-dialog[aria-hidden=true] { display: none; } .ow-m365-video-dialog [role=dialog] { display: block; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, calc(-50% - 0.5px)); background: #fff; border: 1px solid #0067b8; margin: 0 auto; max-height: 760px; max-width: 546px; min-width: 296px; width: 100%; padding: 24px; z-index: 1000; } .ow-m365-video-dialog [role=dialog]:focus { outline: 0; } .ow-m365-video-dialog [role=dialog] [role=document] { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; overflow-y: auto; } @media (-ms-high-contrast: active) { .ow-m365-video-dialog [role=dialog] { background: Window; } } .ow-m365-video-dialog [role=dialog] h2 { font-size: 20px; line-height: 24px; padding: 35px 0 5px; font-weight: 600; line-height: normal; padding: 0; } .ow-m365-video-dialog [role=dialog] .c-progress.f-indeterminate-regional { position: absolute; top: 0; margin-top: 0; overflow: hidden; height: 10px; } .ow-m365-video-dialog [role=dialog] .c-divider { margin: 16px 0; } .ow-m365-video-dialog [role=dialog] .c-paragraph:first-of-type { padding-top: 8px; } .ow-m365-video-dialog [role=dialog] .f-dialog-content { display: flex; } .ow-m365-video-dialog [role=dialog] .c-group { display: block; margin: 1px; } .ow-m365-video-dialog [role=dialog] .c-group.f-wrap-items { display: flex; } .ow-m365-video-dialog [role=dialog] .c-group .c-button { margin-top: 24px; width: 50%; max-width: none; text-overflow: ellipsis; } .ow-m365-video-dialog [role=dialog] .c-group .c-button + .c-button { width: calc(50% - 4px); } .ow-m365-video-dialog.f-flow [role=dialog] { max-width: 640px; } .ow-m365-video-dialog.f-flow [role=dialog], .ow-m365-video-dialog.f-lightbox [role=dialog] { padding: 36px; } .ow-m365-video-dialog.f-flow [role=dialog] > button.c-glyph, .ow-m365-video-dialog.f-lightbox [role=dialog] > button.c-glyph { padding: 0; background: 0 0; border: 0; } .ow-m365-video-dialog.f-flow [role=dialog] > .c-glyph, .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph { position: absolute; width: 36px; height: 36px; top: 0; color: rgba(0, 0, 0, 0.6); cursor: pointer; } .ow-m365-video-dialog.f-flow [role=dialog] > .c-glyph:hover, .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph:hover { color: rgba(0, 0, 0, 0.8); } .ow-m365-video-dialog.f-flow [role=dialog] > .c-glyph:focus, .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph:focus { outline: 1px dashed rgba(0, 0, 0, 0.8); } .ow-m365-video-dialog.f-flow [role=dialog] > .c-glyph:active, .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph:active { color: #000; } .ow-m365-video-dialog.f-flow [role=dialog] > .c-glyph:before, .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph:before { margin: 10px; vertical-align: middle; } .ow-m365-video-dialog.f-flow [role=dialog] .f-dialog-scroll, .ow-m365-video-dialog.f-lightbox [role=dialog] .f-dialog-scroll { overflow-y: auto; max-height: 600px; min-width: 245px; } .ow-m365-video-dialog.f-flow [role=dialog] .c-group .c-button, .ow-m365-video-dialog.f-lightbox [role=dialog] .c-group .c-button { margin-top: 36px; } .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-body, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-body { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; align-content: stretch; } .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-body .ow-m365-video-dialog-content, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-body .ow-m365-video-dialog-content { overflow: hidden; display: flex; align-items: stretch; flex-direction: row; justify-content: center; align-content: stretch; } .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-body .ow-m365-video-dialog-content .ow-m365-video-dialog-scroll, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-body .ow-m365-video-dialog-content .ow-m365-video-dialog-scroll { overflow-y: auto; } @media only screen and (min-height: 320px) { .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-footer .c-group .c-button, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-footer .c-group .c-button { margin-top: 0; } } @media only screen and (min-height: 540px) { .ow-m365-video-dialog.f-flow .ow-m365-video-dialog-container .ow-m365-video-dialog-footer .c-group .c-button, .ow-m365-video-dialog.f-lightbox .ow-m365-video-dialog-container .ow-m365-video-dialog-footer .c-group .c-button { margin-top: 10px; } } .ow-m365-video-dialog.f-lightbox [role=dialog] { background: #2f2f2f; border-color: transparent; max-width: 1066px; overflow: visible; padding: 0; } .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph { top: -36px; color: rgba(255, 255, 255, 0.6); } .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph:hover { color: rgba(255, 255, 255, 0.8); } .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph:focus { outline-color: rgba(255, 255, 255, 0.6); } .ow-m365-video-dialog.f-lightbox [role=dialog] [role=document] img { width: 100%; } .ow-m365-video-dialog.f-lightbox > [role=presentation] { background: rgba(0, 0, 0, 0.9); } .ow-m365-video-dialog.f-lightbox > [role=presentation] + button.c-glyph { padding: 0; background: 0 0; border: 0; width: 36px; height: 36px; } .ow-m365-video-dialog.f-lightbox > [role=presentation] + button.c-glyph:before { vertical-align: top; } .ow-m365-video-dialog.f-lightbox > [role=presentation] + .c-glyph { position: fixed; top: 24px; color: rgba(255, 255, 255, 0.6); font-size: 36px; z-index: 1001; } .ow-m365-video-dialog.f-lightbox > [role=presentation] + .c-glyph:hover { color: rgba(255, 255, 255, 0.8); } .ow-m365-video-dialog.f-lightbox > [role=presentation] + .c-glyph:focus { outline: 1px dashed rgba(255, 255, 255, 0.6); } .ow-m365-video-dialog > [role=presentation] { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.9); z-index: 1000; } .ow-m365-video-dialog > [role=presentation]:focus { outline: 0; } @media only screen and (max-width: 767px) { .ow-m365-video-dialog.f-flow [role=dialog], .ow-m365-video-dialog.f-lightbox [role=dialog] { padding: 24px; } .ow-m365-video-dialog.f-flow [role=dialog] { width: 80%; } } @media only screen and (max-width: 539px) { .ow-m365-video-dialog [role=dialog] { top: 0; left: 0; right: 0; transform: none; margin: 12px; max-height: 342px; width: auto; } .ow-m365-video-dialog [role=dialog] .c-group { display: block; padding: 0; } .ow-m365-video-dialog [role=dialog] .c-group .c-button { float: none; margin-top: 24px; width: 100%; max-width: none; } .ow-m365-video-dialog [role=dialog] .c-group .c-button + .c-button { float: none; width: 100%; margin-top: 12px; } .ow-m365-video-dialog.f-lightbox [role=dialog] { left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: none; margin: 0; padding: 0; width: 100%; } .ow-m365-video-dialog.f-flow [role=dialog] { height: auto; max-height: 100%; min-height: 250px; width: auto; } .ow-m365-video-dialog.f-flow [role=dialog] .f-dialog-scroll { overflow-y: auto; flex-shrink: 50; flex-basis: auto; max-height: 800px; } .ow-m365-video-dialog.f-flow [role=dialog] .c-group.f-wrap-items { min-height: 100%; } .ow-m365-video-dialog.f-flow [role=dialog] .c-group .c-button + .c-button { margin-top: 12px; float: none; width: 100%; } } .ow-m365-video-dialog.f-lightbox { position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding: 0 84px; z-index: 1000; } .ow-m365-video-dialog.f-lightbox[aria-hidden=false] { display: flex; flex-direction: column; align-items: center; justify-content: center; } .ow-m365-video-dialog.f-lightbox[aria-hidden=false] > [role=dialog] { position: relative; transform: none; left: auto; right: auto; top: auto; min-width: 0; padding: 0; background: 0 0; border: none; height: auto !important; pointer-events: none; } .ow-m365-video-dialog.f-lightbox > [role=presentation] { background-color: rgba(0, 0, 0, 0.9); width: 100vw; height: 100vh; } .ow-m365-video-dialog.f-lightbox .ow-m365-video-player-ctn { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; min-width: 320px; border: 1px solid rgba(0, 0, 0, 0.9); pointer-events: auto; } .ow-m365-video-dialog.f-lightbox .ow-m365-video-player-ctn video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide] { width: 36px !important; height: 36px !important; line-height: 36px; position: fixed !important; top: 24px !important; color: rgba(255, 255, 255, 0.6) !important; font-size: 36px; z-index: 1001; pointer-events: auto; } .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide].c-glyph:before { margin: 0 !important; vertical-align: top !important; } .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide]:focus { outline: 1px dashed rgba(255, 255, 255, 0.6); } html[dir=ltr] .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide] { right: 24px !important; } html[dir=ltr] .ow-m365-video-dialog [role=dialog] .c-progress.f-indeterminate-regional { left: 0; } html[dir=ltr] .ow-m365-video-dialog [role=dialog] .c-group .c-button { float: right; margin-right: 0; } html[dir=ltr] .ow-m365-video-dialog [role=dialog] .c-group .c-button + .c-button { float: left; } html[dir=ltr] .ow-m365-video-dialog.f-flow [role=dialog] > .c-glyph, html[dir=ltr] .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph { right: 0; } html[dir=ltr] .ow-m365-video-dialog [role=dialog] .c-group .c-button { margin-right: 0; } html[dir=ltr] .ow-m365-video-player-ctn a.c-action-trigger.c-glyph[aria-label], html[dir=ltr] .ow-m365-video-player-ctn button.c-action-trigger.c-glyph[aria-label] { min-width: 0; margin-right: 10px; } html[dir=ltr] .ow-m365-video-player-ctn a.c-action-trigger.c-glyph.f-align-margin, html[dir=ltr] .ow-m365-video-player-ctn button.c-action-trigger.c-glyph.f-align-margin { margin-left: -10px; } html[dir=ltr] .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight.c-glyph, html[dir=ltr] .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight.c-glyph { padding-left: 0; } html[dir=ltr] .ow-m365-video-player-ctn .c-list.f-bare { padding-left: 0; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item a.f-icon img, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item button.f-icon img, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item span.f-icon img { padding-right: 16px; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]:checked + span:after { left: 16px; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio] + span { padding-left: 40px; margin-left: 0; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio] + span:before { left: 11px; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a:after, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button:after { right: 12px; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a + .c-menu, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button + .c-menu { left: 100%; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a + .c-menu.f-flip, html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button + .c-menu.f-flip { left: -100%; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item a.f-product .c-image { float: left; } html[dir=ltr] .ow-m365-video-player-ctn .c-menu-item a.f-product span { padding: 0 0 0 10px; } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded] { margin-left: 8px; } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu > button { text-align: left; } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu > button.f-icon img { padding-right: 16px; } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu > a, html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu > button { padding-right: 24px; } html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu > a:after, html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu > button:after { right: 8px; } html[dir=ltr] .ow-m365-video-player-ctn .c-slider.f-vertical > div { transform: rotate(-90deg); left: -134px; } html[dir=ltr] .ow-m365-video-player-ctn .c-slider.f-vertical > div > button > span { left: -14px; transform: rotate(90deg); } html[dir=ltr] .ow-m365-video-player-ctn .c-slider div button span { left: 4px; } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li { margin-left: 0; } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li { margin-left: 0; } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button .c-image { padding-right: 12px; } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger:before { margin-left: 1px; } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-check-mark[data-video-selectable]:before { float: right; margin-right: 0; } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-chevron-right:before { float: right; margin-right: 0; } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { padding-right: 0; } html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], html[dir=ltr] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { padding-right: 0; } @media only screen and (max-width: 767px) { html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { margin-left: 24px; } } @media only screen and (max-width: 539px) { html[dir=ltr] .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { margin-left: 12px; } } html[dir=rtl] .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide] { left: 24px !important; } html[dir=rtl] .ow-m365-video-dialog [role=dialog] .c-progress.f-indeterminate-regional { right: 0; } html[dir=rtl] .ow-m365-video-dialog [role=dialog] .c-group .c-button { float: left; margin-left: 0; } html[dir=rtl] .ow-m365-video-dialog [role=dialog] .c-group .c-button + .c-button { float: right; } html[dir=rtl] .ow-m365-video-dialog.f-flow [role=dialog] > .c-glyph, html[dir=rtl] .ow-m365-video-dialog.f-lightbox [role=dialog] > .c-glyph { left: 0; } html[dir=rtl] .ow-m365-video-dialog [role=dialog] .c-group .c-button { margin-left: 0; } html[dir=rtl] .ow-m365-video-player-ctn a.c-action-trigger.c-glyph[aria-label], html[dir=rtl] .ow-m365-video-player-ctn button.c-action-trigger.c-glyph[aria-label] { min-width: 0; margin-left: 10px; } html[dir=rtl] .ow-m365-video-player-ctn a.c-action-trigger.c-glyph.f-align-margin, html[dir=rtl] .ow-m365-video-player-ctn button.c-action-trigger.c-glyph.f-align-margin { margin-right: -10px; } html[dir=rtl] .ow-m365-video-player-ctn a.c-action-trigger.f-heavyweight.c-glyph, html[dir=rtl] .ow-m365-video-player-ctn button.c-action-trigger.f-heavyweight.c-glyph { padding-right: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-glyph.glyph-chevron-left:before { content: "\e76c"; } html[dir=rtl] .ow-m365-video-player-ctn .c-glyph.glyph-chevron-right:before { content: "\e76b"; } html[dir=rtl] .ow-m365-video-player-ctn .c-list { padding-right: 19px; padding-left: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-list.f-bare { padding-right: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item a.f-icon img, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item button.f-icon img, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item span.f-icon img { padding-left: 16px; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio]:checked + span:after { right: 16px; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio] + span { padding-right: 40px; margin-right: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item .c-radio input[type=radio] + span:before { right: 11px; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a:after, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button:after { left: 12px; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a + .c-menu, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button + .c-menu { right: 100%; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > a + .c-menu.f-flip, html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item.f-sub-menu > button + .c-menu.f-flip { right: -100%; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item a.f-product .c-image { float: right; } html[dir=rtl] .ow-m365-video-player-ctn .c-menu-item a.f-product span { padding: 0 10px 0 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu.f-border > a { padding: 8px 12px 8px 24px; } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu.f-border [aria-expanded] { margin-right: 8px; } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu > button { text-align: right; } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu > button.f-icon img { padding-left: 16px; } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu > a, html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu > button { padding-left: 24px; } html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu > a:after, html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu > button:after { left: 8px; } html[dir=rtl] .ow-m365-video-player-ctn .c-slider.f-vertical > div { transform: rotate(90deg); right: -134px; } html[dir=rtl] .ow-m365-video-player-ctn .c-slider.f-vertical > div > button > span { right: -14px; transform: rotate(-90deg); } html[dir=rtl] .ow-m365-video-player-ctn .c-slider div button span { right: 4px; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-full-screen span, html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-live span, html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-options span, html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-play-pause span, html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-reactive span { text-align: right; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu { direction: rtl; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li { margin-right: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-context-menu .c-list li button { text-align: right; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu { direction: rtl; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li { margin-right: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button { text-align: right; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button .c-image { padding-left: 12px; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger:before { margin-right: 1px; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-check-mark[data-video-selectable]:before { float: left; margin-left: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-chevron-right:before { float: left; margin-left: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger span { text-align: right; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { padding-left: 0; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div span { text-align: right; } html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], html[dir=rtl] .ow-m365-video-player-ctn .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { padding-left: 0; } @media only screen and (max-width: 767px) { html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { margin-right: 24px; } } @media only screen and (max-width: 539px) { html[dir=rtl] .ow-m365-video-player-ctn .c-select-menu .c-menu.f-margin { margin-right: 12px; } } @media screen and (max-width: 767px) { .ow-m365-video-dialog.f-lightbox { padding: 0; } .ow-m365-video-dialog.f-lightbox[aria-hidden=false] > [role=dialog] { position: absolute; top: 122px; bottom: 0; left: 0; right: 0; } .ow-m365-video-dialog.f-lightbox [data-js-dialog-hide] { top: 50px !important; } } /* prettier-ignore */ /* stylelint-disable-line declaration-no-important */ /* prettier-ignore */ .btn-theme { border-radius: 0; border: 0; color: #616161; background-color: transparent; display: inline-block; font-size: 0.688rem; line-height: 1rem; max-width: fit-content; outline-offset: 3px !important; padding: 0 0 2px 0; text-align: left; text-decoration: none; vertical-align: middle; /* copied from btn so we can remove class from control and avoid reimagine collision */ font-weight: 600; transition: all 200ms ease-in-out; } .btn-theme:hover { color: #616161; } .btn-theme:focus { border: 0px transparent !important; } .btn-theme:active, .btn-theme:focus-visible { color: #616161 !important; outline: 1px dashed #616161; outline-offset: 3px; border-color: transparent; text-decoration: underline; } section#customer-stories .testimonial-card__content-media { width: 160px; } section#customer-stories .carousel__indicators-item__label .label { padding: 1rem; } :root[data-theme=light] { --cpp-on-github-bg: linear-gradient(90deg, #EDE8F6 0%, #F4FAFD 49.99%, #DCEEF8 100%); } :root[data-theme=dark] { --cpp-on-github-bg: linear-gradient(131.39deg, #003259 0%, #091F2C 50.25%, #004275 100%); } #cpp-page { --cpp-on-learn-feature-bg: url("/_devcom/images/views/cpp/cpp-on-learn.jpg"); --cpp-on-learn-feature-bg: image-set( url("/_devcom/images/views/cpp/cpp-on-learn.avif"), url("/_devcom/images/views/cpp/cpp-on-learn.jpg") ); } #cpp-page #pure-virtual-cpp .carousel .carousel__slide { justify-items: center; } #cpp-page #pure-virtual-cpp .carousel .carousel__slide .media { max-width: 860px; } #cpp-page #customer-stories .testimonial-card__quote h4 { max-width: 25rem; } #cpp-page #learn #feature.card { width: 100%; background-image: var(--cpp-on-learn-feature-bg); background-size: auto 102%; background-repeat: no-repeat; background-position: bottom center; } @media (max-width: 859.98px) { #cpp-page #learn #feature.card { background-size: cover; } #cpp-page #learn #feature.card .card__content { padding-top: 260px; } } #cpp-page #on-github { background: var(--cpp-on-github-bg); padding-bottom: var(--root-spacing-3xl); } #cpp-page #on-github .section-master:has(+ .carousel) { --sm-breadth-bottom:var(--root-spacing-xl); } #cpp-page #videos .carousel__window { background-color: inherit; } #cpp-page #videos .section-master:nth-child(1) { --sm-breadth-bottom: var(--root-spacing-m); } #cpp-page #videos .section-master:nth-child(2) { --sm-breadth-top: var(--root-spacing-m); } #ai-for-developers { --ai-for-developers-nvidia-green: #76B900; } #ai-for-developers .ocr-icon-svg--benefits-1 { --icon-svg-path: "M27.1472 10.6871C27.0267 10.5314 26.8962 10.383 26.7565 10.2428C26.2362 9.72092 25.601 9.32777 24.9017 9.09472L22.6053 8.34899C22.4283 8.2866 22.2751 8.17089 22.1667 8.0178C22.0583 7.86472 22 7.6818 22 7.49427C22 7.30673 22.0583 7.12381 22.1667 6.97073C22.2751 6.81764 22.4283 6.70193 22.6053 6.63954L24.9017 5.8938C25.5913 5.65586 26.2165 5.26175 26.7284 4.74229C27.2262 4.23706 27.6038 3.62658 27.8334 2.9562L27.8524 2.89939L28.5987 0.604823C28.6612 0.42797 28.777 0.274825 28.9302 0.166499C29.0834 0.0581725 29.2664 0 29.4541 0C29.6418 0 29.8249 0.0581725 29.9781 0.166499C30.1313 0.274825 30.2471 0.42797 30.3095 0.604823L31.0558 2.89939C31.2879 3.59698 31.6796 4.23088 32.1998 4.75069C32.72 5.2705 33.3544 5.66191 34.0525 5.8938L36.3488 6.63954L36.3948 6.65101C36.5717 6.7134 36.725 6.82911 36.8334 6.9822C36.9418 7.13528 37 7.3182 37 7.50573C37 7.69327 36.9418 7.87619 36.8334 8.02927C36.725 8.18236 36.5717 8.29807 36.3948 8.36046L34.0984 9.1062C33.4003 9.33809 32.7659 9.7295 32.2457 10.2493C31.7255 10.7691 31.3338 11.403 31.1017 12.1006L30.3554 14.3952C30.3487 14.4143 30.3413 14.4331 30.3334 14.4515C30.2676 14.6045 30.1607 14.7369 30.024 14.8335C29.8708 14.9418 29.6877 15 29.5 15C29.3124 15 29.1293 14.9418 28.9761 14.8335C28.8229 14.7252 28.7071 14.572 28.6447 14.3952L27.8984 12.1006C27.7297 11.5888 27.4753 11.1111 27.1472 10.6871ZM39.9716 17.022L38.6959 16.6077C38.308 16.4788 37.9556 16.2614 37.6666 15.9726C37.3776 15.6838 37.1599 15.3317 37.031 14.9441L36.6164 13.6693C36.5817 13.5711 36.5174 13.486 36.4323 13.4258C36.3472 13.3657 36.2455 13.3333 36.1412 13.3333C36.0369 13.3333 35.9352 13.3657 35.8501 13.4258C35.765 13.486 35.7007 13.5711 35.666 13.6693L35.2514 14.9441C35.125 15.3289 34.9113 15.6793 34.6269 15.9679C34.3425 16.2565 33.9952 16.4755 33.612 16.6077L32.3363 17.022C32.238 17.0566 32.1528 17.1209 32.0926 17.206C32.0324 17.291 32 17.3926 32 17.4968C32 17.601 32.0324 17.7026 32.0926 17.7877C32.1528 17.8727 32.238 17.937 32.3363 17.9717L33.612 18.386C34.0006 18.5154 34.3535 18.7338 34.6425 19.0238C34.9316 19.3137 35.1488 19.6672 35.2769 20.0559L35.6915 21.3307C35.7262 21.4289 35.7905 21.514 35.8756 21.5742C35.9607 21.6344 36.0624 21.6667 36.1667 21.6667C36.271 21.6667 36.3727 21.6344 36.4578 21.5742C36.5429 21.514 36.6072 21.4289 36.6419 21.3307L37.0565 20.0559C37.1855 19.6683 37.4031 19.3162 37.6921 19.0274C37.9811 18.7386 38.3335 18.5212 38.7214 18.3923L39.9971 17.978C40.0954 17.9434 40.1806 17.8791 40.2408 17.794C40.301 17.709 40.3334 17.6074 40.3334 17.5032C40.3334 17.399 40.301 17.2974 40.2408 17.2123C40.1806 17.1273 40.0954 17.063 39.9971 17.0283L39.9716 17.022ZM17.4167 5.00326C19.0275 5.00326 20.3334 6.30909 20.3334 7.91992V15.4199C20.3334 17.0308 19.0275 18.3366 17.4167 18.3366H8.25004C6.63921 18.3366 5.33337 17.0308 5.33337 15.4199V7.91992C5.33337 6.30909 6.63921 5.00326 8.25004 5.00326H17.4167ZM17.8334 15.4199V7.91992C17.8334 7.6898 17.6468 7.50326 17.4167 7.50326H8.25004C8.01992 7.50326 7.83337 7.6898 7.83337 7.91992V15.4199C7.83337 15.65 8.01992 15.8366 8.25004 15.8366H17.4167C17.6468 15.8366 17.8334 15.65 17.8334 15.4199ZM12.396 21.6396C14.0068 21.6396 15.3127 22.9454 15.3127 24.5563V32.0803C15.3127 33.6911 14.0068 34.9969 12.396 34.9969H8.25004C6.63921 34.9969 5.33337 33.6911 5.33337 32.0803V24.5563C5.33337 22.9454 6.63921 21.6396 8.25004 21.6396H12.396ZM12.8127 32.0803V24.5563C12.8127 24.3261 12.6261 24.1396 12.396 24.1396H8.25004C8.01992 24.1396 7.83337 24.3261 7.83337 24.5563V32.0803C7.83337 32.3104 8.01992 32.4969 8.25004 32.4969H12.396C12.6261 32.4969 12.8127 32.3104 12.8127 32.0803ZM32.4195 21.6636C34.0303 21.6636 35.3362 22.9694 35.3362 24.5803V32.0803C35.3362 33.6911 34.0303 34.9969 32.4195 34.9969H21.5862C19.9754 34.9969 18.6695 33.6911 18.6695 32.0803V24.5803L18.6792 24.3411C18.8009 22.8421 20.0559 21.6636 21.5862 21.6636H32.4195ZM32.8362 32.0803V24.5803C32.8362 24.3502 32.6496 24.1636 32.4195 24.1636H21.5862C21.3889 24.1636 21.2237 24.3007 21.1805 24.4847L21.1695 24.5803V32.0803C21.1695 32.3104 21.3561 32.4969 21.5862 32.4969H32.4195C32.6496 32.4969 32.8362 32.3104 32.8362 32.0803Z"; } #ai-for-developers .ocr-icon-svg--benefits-2 { --icon-svg-path: "M17.5 4.99967C19.5711 4.99967 21.25 6.67861 21.25 8.74967V18.7497H31.25C33.3211 18.7497 35 20.4286 35 22.4997V31.2497C35 33.3207 33.3211 34.9997 31.25 34.9997H8.75C6.67893 34.9997 5 33.3207 5 31.2497V8.74967C5 6.67861 6.67893 4.99967 8.75 4.99967H17.5ZM18.75 21.2497H7.5V31.2497C7.5 31.94 8.05964 32.4997 8.75 32.4997H18.7483L18.75 21.2497ZM31.25 21.2497H21.2483V32.4997H31.25C31.9404 32.4997 32.5 31.94 32.5 31.2497V22.4997C32.5 21.8093 31.9404 21.2497 31.25 21.2497ZM17.5 7.49967H8.75C8.05964 7.49967 7.5 8.05932 7.5 8.74967V18.7497H18.75V8.74967C18.75 8.05932 18.1904 7.49967 17.5 7.49967ZM29.8304 3.34442L30 3.33301C30.6328 3.33301 31.1558 3.80326 31.2386 4.41339L31.25 4.58301V8.74967H35.4167C36.0495 8.74967 36.5725 9.21993 36.6553 9.83006L36.6667 9.99967C36.6667 10.6325 36.1964 11.1555 35.5863 11.2383L35.4167 11.2497H31.25V15.4163C31.25 16.0492 30.7797 16.5722 30.1696 16.6549L30 16.6663C29.3672 16.6663 28.8442 16.1961 28.7614 15.586L28.75 15.4163V11.2497H24.5833C23.9505 11.2497 23.4275 10.7794 23.3447 10.1693L23.3333 9.99967C23.3333 9.36685 23.8036 8.84386 24.4137 8.76109L24.5833 8.74967H28.75V4.58301C28.75 3.95018 29.2203 3.42719 29.8304 3.34442Z"; } #ai-for-developers .ocr-icon-svg--benefits-3 { --icon-svg-path: "M21.836 12.5778C23.379 11.0349 25.8807 11.0349 27.4237 12.5778C28.9666 14.1207 28.9666 16.6222 27.4237 18.1651C25.8807 19.708 23.379 19.708 21.836 18.1651C20.293 16.6222 20.293 14.1207 21.836 12.5778ZM25.7474 14.254C25.1302 13.6368 24.1295 13.6368 23.5123 14.254C22.8951 14.8711 22.8951 15.8717 23.5123 16.4889C24.1295 17.1061 25.1302 17.1061 25.7474 16.4889C26.3646 15.8717 26.3646 14.8711 25.7474 14.254ZM35.1928 7.66515C34.768 6.29848 33.6976 5.22853 32.3307 4.80433L31.2843 4.47963C27.5016 3.30571 23.3797 4.32412 20.5791 7.12464L19.0052 8.69846C16.8404 7.07287 13.7537 7.24487 11.784 9.21446L9.82031 11.1781C9.35742 11.6409 9.35742 12.3914 9.82031 12.8543L12.3347 15.3685L12.0505 15.6527C10.9705 16.7327 10.9705 18.4838 12.0505 19.5638L12.8334 20.3466L10.6278 21.6045C10.3068 21.7876 10.0895 22.11 10.0403 22.4763C9.9911 22.8425 10.1156 23.2108 10.3769 23.4722L16.5234 29.6182C16.7845 29.8794 17.1525 30.0039 17.5186 29.9549C17.8846 29.906 18.207 29.6892 18.3904 29.3686L19.6514 27.1643L20.4372 27.9499C21.5172 29.03 23.2684 29.03 24.3485 27.9499L24.6279 27.6706L27.1401 30.1826C27.603 30.6455 28.3535 30.6455 28.8164 30.1826L30.7801 28.219C32.7491 26.2502 32.9217 23.1653 31.298 21.0008L32.8752 19.4237C35.677 16.6221 36.695 12.4985 35.5191 8.71498L35.1928 7.66515ZM31.628 7.06831C32.2493 7.26112 32.7359 7.74746 32.929 8.36868L33.2553 9.41851C34.1699 12.3613 33.3781 15.5685 31.1989 17.7475L22.6722 26.2738C22.5179 26.428 22.2677 26.428 22.1134 26.2738L13.7268 17.8876C13.5725 17.7333 13.5725 17.4832 13.7268 17.3289L22.2554 8.80083C24.4337 6.62265 27.6395 5.83056 30.5817 6.7436L31.628 7.06831ZM29.591 22.7077C30.3062 23.9179 30.1438 25.503 29.1038 26.5428L27.9783 27.6684L26.3042 25.9944L29.591 22.7077ZM13.4603 10.8907C14.501 9.84999 16.0878 9.68814 17.2984 10.4051L14.011 13.6923L12.3347 12.0162L13.4603 10.8907ZM17.9141 25.4271L17.1028 26.8453L13.1515 22.8942L14.5713 22.0844L17.9141 25.4271ZM11.773 29.9036C12.2359 29.4408 12.2359 28.6903 11.773 28.2274C11.3101 27.7646 10.5596 27.7646 10.0967 28.2274L6.18537 32.1386C5.72248 32.6014 5.72248 33.3519 6.18537 33.8148C6.64827 34.2776 7.39877 34.2776 7.86166 33.8148L11.773 29.9036ZM8.69975 25.1544C9.16264 25.6173 9.16264 26.3677 8.69975 26.8306L7.02346 28.5068C6.56057 28.9697 5.81007 28.9697 5.34717 28.5068C4.88428 28.0439 4.88428 27.2935 5.34717 26.8306L7.02346 25.1544C7.48635 24.6915 8.23685 24.6915 8.69975 25.1544ZM14.843 32.98C15.3059 32.5171 15.3059 31.7666 14.843 31.3038C14.3801 30.8409 13.6296 30.8409 13.1667 31.3037L11.4937 32.9766C11.0308 33.4395 11.0308 34.19 11.4937 34.6528C11.9565 35.1157 12.707 35.1157 13.1699 34.6529L14.843 32.98Z"; } #ai-for-developers .ocr-icon-svg--benefits-4 { --icon-svg-path: "M25.1577 18.65C25.1577 20.1992 24.214 21.5259 22.875 22.0768L22.875 26.5125C22.875 27.2788 22.2594 27.9 21.5 27.9C20.7406 27.9 20.125 27.2788 20.125 26.5125L20.125 22.0834C18.7774 21.5366 17.8261 20.2054 17.8261 18.65C17.8261 16.607 19.4673 14.9508 21.4919 14.9508C23.5165 14.9508 25.1577 16.607 25.1577 18.65ZM6.375 7.55C5.61561 7.55 5 8.17121 5 8.9375V18.65C5 27.9022 10.4222 34.7001 20.996 38.9034C21.3199 39.0322 21.6801 39.0322 22.004 38.9034C32.5778 34.7001 38 27.9022 38 18.65V8.9375C38 8.17121 37.3844 7.55 36.625 7.55C31.7421 7.55 26.9854 5.80457 22.325 2.2775C21.8361 1.9075 21.1639 1.9075 20.675 2.2775C16.0146 5.80457 11.2579 7.55 6.375 7.55ZM7.75 18.65V10.2842C12.4751 10.0028 17.0649 8.26833 21.5 5.10396C25.9351 8.26833 30.5249 10.0028 35.25 10.2842V18.65C35.25 26.5228 30.7522 32.301 21.5 36.1175C12.2478 32.301 7.75 26.5228 7.75 18.65Z"; } #ai-for-developers .ocr-icon-svg--benefits-5 { --icon-svg-path: "M28.2482 3.33301L35.8379 3.33387L36.005 3.35708L36.1697 3.40309L36.2701 3.44567C36.4022 3.50378 36.526 3.58826 36.6346 3.69693L36.7025 3.77034L36.7751 3.86431L36.8653 4.01451L36.9298 4.16504L36.9617 4.27184L36.9844 4.37851L37 4.53551L37.0008 12.0895C37.0008 12.7798 36.4411 13.3395 35.7508 13.3395C35.118 13.3395 34.595 12.8692 34.5122 12.2591L34.5008 12.0895L34.5 7.59801L23.7678 18.3326C23.3241 18.7764 22.6296 18.8168 22.1402 18.4537L22 18.3326L16.9495 13.4817L7.46726 22.964C6.9791 23.4522 6.18765 23.4522 5.69949 22.964C5.25571 22.5202 5.21537 21.8258 5.57846 21.3364L5.69949 21.1962L16.0656 10.8301C16.5094 10.3863 17.2038 10.346 17.6932 10.7091L17.8334 10.8301L22.8839 15.681L32.73 5.83301H28.2482C27.6154 5.83301 27.0924 5.36275 27.0096 4.75263L26.9982 4.58301C26.9982 3.95018 27.4685 3.42719 28.0786 3.34442L28.2482 3.33301ZM6.58337 28.333C7.27373 28.333 7.83337 28.8927 7.83337 29.583V35.4163C7.83337 36.1067 7.27373 36.6663 6.58337 36.6663C5.89302 36.6663 5.33337 36.1067 5.33337 35.4163V29.583C5.33337 28.8927 5.89302 28.333 6.58337 28.333ZM16.1667 22.9163C16.1667 22.226 15.6071 21.6663 14.9167 21.6663C14.2264 21.6663 13.6667 22.226 13.6667 22.9163V35.4163C13.6667 36.1067 14.2264 36.6663 14.9167 36.6663C15.6071 36.6663 16.1667 36.1067 16.1667 35.4163V22.9163ZM23.25 24.9997C23.9404 24.9997 24.5 25.5593 24.5 26.2497V35.4163C24.5 36.1067 23.9404 36.6663 23.25 36.6663C22.5597 36.6663 22 36.1067 22 35.4163V26.2497C22 25.5593 22.5597 24.9997 23.25 24.9997ZM32.8334 17.9163C32.8334 17.226 32.2737 16.6663 31.5834 16.6663C30.893 16.6663 30.3334 17.226 30.3334 17.9163V35.4163C30.3334 36.1067 30.893 36.6663 31.5834 36.6663C32.2737 36.6663 32.8334 36.1067 32.8334 35.4163V17.9163Z"; } #ai-for-developers .ocr-icon-svg--orchestration-prompt-flow { --icon-svg-path: "M24.5 6C26.433 6 28 7.567 28 9.5C28 11.433 26.433 13 24.5 13C22.567 13 21 11.433 21 9.5C21 7.567 22.567 6 24.5 6ZM19.0907 10.5C19.5609 13.0601 21.8039 15 24.5 15C27.5376 15 30 12.5376 30 9.5C30 6.46243 27.5376 4 24.5 4C21.8039 4 19.5609 5.93988 19.0907 8.5H19C16.7909 8.5 15 10.2909 15 12.5V19.5C15 20.6046 14.1046 21.5 13 21.5H12.9093C12.4391 18.9399 10.1961 17 7.5 17C4.46243 17 2 19.4624 2 22.5C2 25.5376 4.46243 28 7.5 28C10.1961 28 12.4391 26.0601 12.9093 23.5H13C15.2091 23.5 17 21.7091 17 19.5V12.5C17 11.3954 17.8954 10.5 19 10.5H19.0907ZM11 22.5C11 24.433 9.433 26 7.5 26C5.567 26 4 24.433 4 22.5C4 20.567 5.567 19 7.5 19C9.433 19 11 20.567 11 22.5Z"; } #ai-for-developers .ocr-icon-svg--orchestration-semantic-kernel { --icon-svg-path: "M2.99997 6C2.99997 4.34315 4.34312 3 5.99997 3H9.99997C11.6568 3 13 4.34315 13 6V10C13 11.6569 11.6568 13 9.99997 13H8.99997V18.266C9.14893 18.3518 9.28919 18.4584 9.41655 18.5858L13.4188 22.588C13.5448 22.714 13.6505 22.8527 13.7359 23H19V22C19 20.3431 20.3431 19 22 19H26C27.6568 19 29 20.3431 29 22V26C29 27.6569 27.6568 29 26 29H22C20.3431 29 19 27.6569 19 26V25H13.7384C13.6526 25.1489 13.5461 25.2891 13.4188 25.4164L9.41655 29.4186C8.6355 30.1997 7.36917 30.1997 6.58812 29.4186L2.58591 25.4164C1.80486 24.6354 1.80486 23.369 2.58591 22.588L6.58812 18.5858C6.71413 18.4598 6.85277 18.3541 6.99997 18.2687V13H5.99997C4.34312 13 2.99997 11.6569 2.99997 10V6ZM8.00232 20L4.00012 24.0022L8.00234 28.0044L12 24.0068V23.9976L8.00232 20ZM5.99997 5C5.44769 5 4.99997 5.44772 4.99997 6V10C4.99997 10.5523 5.44769 11 5.99997 11H9.99997C10.5523 11 11 10.5523 11 10V6C11 5.44772 10.5523 5 9.99997 5H5.99997ZM22 21C21.4477 21 21 21.4477 21 22V26C21 26.5523 21.4477 27 22 27H26C26.5523 27 27 26.5523 27 26V22C27 21.4477 26.5523 21 26 21H22Z"; } #ai-for-developers .ocr-icon-svg--orchestration-retrieval-augmented-generation { --icon-svg-path: "M22.2246 4H5.66669L5.46129 4.00692C3.90024 4.11247 2.66669 5.41218 2.66669 7V21.003L2.67361 21.2084C2.77916 22.7695 4.07887 24.003 5.66669 24.003L11.332 24.0027V27.3333L9.00002 27.3339L8.86433 27.3431C8.37623 27.4093 8.00002 27.8277 8.00002 28.3339C8.00002 28.8862 8.44774 29.3339 9.00002 29.3339H23L23.1357 29.3248C23.6238 29.2586 24 28.8402 24 28.3339C24 27.7816 23.5523 27.3339 23 27.3339L20.6654 27.3333V24.0027L26.3318 24.003L26.5372 23.9961C28.0982 23.8906 29.3318 22.5909 29.3318 21.003V12.6673H27.3318V21.003L27.3227 21.1387C27.2565 21.6268 26.8381 22.003 26.3318 22.003H5.66669L5.53099 21.9939C5.04289 21.9277 4.66669 21.5093 4.66669 21.003V7L4.67582 6.86431C4.74203 6.37621 5.16043 6 5.66669 6H21.9997V5.00065C21.9997 4.64253 22.0804 4.30325 22.2246 4ZM13.3307 24.0027H18.664L18.6654 27.3339H13.332L13.3307 24.0027ZM23.3331 5C23.3331 4.44772 23.7808 4 24.3331 4H29.6661C30.2184 4 30.6661 4.44772 30.6661 5V10.3333C30.6661 10.8856 30.2184 11.3333 29.6661 11.3333H24.3331C23.7808 11.3333 23.3331 10.8856 23.3331 10.3333V9.33333H22.9023C22.5948 9.33333 22.3219 9.53007 22.2246 9.82174L21.0061 13.4774C20.6366 14.5857 19.5994 15.3333 18.4311 15.3333H17.3331V17.6667C17.3331 18.219 16.8854 18.6667 16.3331 18.6667H11C10.4477 18.6667 10 18.219 10 17.6667V12.3333C10 11.781 10.4477 11.3333 11 11.3333H16.3331C16.8854 11.3333 17.3331 11.781 17.3331 12.3333V13.3333H18.4311C18.7386 13.3333 19.0115 13.1366 19.1087 12.8449L20.3273 9.18929C20.6967 8.08093 21.734 7.33333 22.9023 7.33333H23.3331V5ZM25.3331 8.35722V9.33333H28.6661V6H25.3331V8.30944C25.3333 8.31738 25.3334 8.32535 25.3334 8.33333C25.3334 8.34132 25.3333 8.34928 25.3331 8.35722ZM12 13.3333V16.6667H15.3331V13.3333H12Z"; } #ai-for-developers .ocr-icon-svg--orchestration-ai-kit { --icon-svg-path: "M8.50165 5.81209V7.99706H3.81209C2.25902 7.99706 1 9.25607 1 10.8091V25.182C1 26.7351 2.25902 27.9941 3.81209 27.9941H28.1879C29.741 27.9941 31 26.7351 31 25.182V10.8091C31 9.25607 29.741 7.99706 28.1879 7.99706H23.5012V5.81209C23.5012 4.25901 22.2421 3 20.6891 3H11.3137C9.76067 3 8.50165 4.25901 8.50165 5.81209ZM11.3137 4.87473H20.6891C21.2068 4.87473 21.6264 5.2944 21.6264 5.81209V7.99706H10.3764V5.81209C10.3764 5.2944 10.796 4.87473 11.3137 4.87473ZM3.81209 9.87178H28.1879C28.7056 9.87178 29.1253 10.2915 29.1253 10.8091V15.5013H24.1292V13.939C24.1292 13.4213 23.7096 13.0017 23.1919 13.0017C22.6742 13.0017 22.2545 13.4213 22.2545 13.939V15.5013H9.75635V13.939C9.75635 13.4213 9.33668 13.0017 8.81899 13.0017C8.3013 13.0017 7.88162 13.4213 7.88162 13.939V15.5013H2.87473V10.8091C2.87473 10.2915 3.2944 9.87178 3.81209 9.87178ZM22.2545 17.376V18.9383C22.2545 19.456 22.6742 19.8757 23.1919 19.8757C23.7096 19.8757 24.1292 19.456 24.1292 18.9383V17.376H29.1253V25.182C29.1253 25.6997 28.7056 26.1194 28.1879 26.1194H3.81209C3.2944 26.1194 2.87473 25.6997 2.87473 25.182V17.376H7.88162V18.9383C7.88162 19.456 8.3013 19.8757 8.81899 19.8757C9.33668 19.8757 9.75635 19.456 9.75635 18.9383V17.376H22.2545Z"; } #ai-for-developers .ocr-icon-svg--document-with-bookmark-filled { --icon-svg-path: "M26.7032 3.00078C29.0762 3.00078 31 4.84772 31 7.12603V28.8747C31 31.1531 29.0762 33 26.7032 33H10.2968C7.92376 33 6 31.1531 6 28.8747V7.12603C6 4.84772 7.92376 3.00078 10.2968 3.00078L10.7522 3V15.2515C10.7522 16.3736 11.9871 16.7726 12.8125 16.3605L12.9535 16.2794L16.2238 14.4834L19.5682 16.3276C20.2642 16.7899 21.5378 16.4789 21.6772 15.442L21.6896 15.2515V3L26.7032 3.00078ZM19.3459 3V13.6142L16.8122 12.2163C16.4579 12.0535 15.976 12.0572 15.5734 12.25L15.4063 12.3444L13.0959 13.6132V3H19.3459Z"; } #ai-for-developers .ocr-icon-svg--conversation-filled { --icon-svg-path: "M15.8334 5C8.92981 5 3.33337 10.5964 3.33337 17.5C3.33337 19.3891 3.75326 21.1833 4.50565 22.7915C4.0021 24.8334 3.56594 27.0142 3.3696 28.0289C3.14743 29.1771 4.14561 30.1832 5.29161 29.9791C6.33045 29.7941 8.58862 29.3778 10.6858 28.8939C12.2569 29.6047 14.0005 30 15.8334 30C22.7369 30 28.3334 24.4036 28.3334 17.5C28.3334 10.5964 22.7369 5 15.8334 5ZM15.7699 31.666C18.0002 33.7352 20.9871 35.0003 24.2694 35.0003C26.1019 35.0003 27.8451 34.6052 29.4159 33.8947C31.1556 34.3018 33.0597 34.7082 34.2717 34.9615C35.7591 35.2724 37.0581 33.9374 36.7173 32.4624C36.4465 31.2902 36.0195 29.4703 35.5978 27.7903C36.3497 26.1825 36.7694 24.3889 36.7694 22.5003C36.7694 17.0287 33.2539 12.3783 28.3584 10.6844C28.9422 11.7461 29.3938 12.8908 29.6911 14.0962C32.446 15.8771 34.2694 18.9758 34.2694 22.5003C34.2694 24.1527 33.8696 25.708 33.1625 27.0784L32.945 27.5L33.062 27.9597C33.4417 29.4521 33.8395 31.1264 34.1311 32.3773C32.841 32.1044 31.1018 31.727 29.5659 31.3614L29.125 31.2564L28.7193 31.4584C27.3806 32.1249 25.8706 32.5003 24.2694 32.5003C22.5035 32.5003 20.8445 32.0426 19.4046 31.2393C18.2947 31.5186 17.1327 31.667 15.9361 31.667C15.8806 31.667 15.8252 31.6666 15.7699 31.666Z"; } #ai-for-developers .ocr-icon-svg--community-filled { --icon-svg-path: "M24.5833 25C26.1942 25 27.5 26.3058 27.5 27.9167L27.4982 29.5201C27.6926 33.1686 24.9799 35.0151 20.1113 35.0151C15.2631 35.0151 12.5 33.1987 12.5 29.5833V27.9167C12.5 26.3058 13.8058 25 15.4167 25H24.5833ZM6.25001 16.6667L13.5433 16.6668C13.4063 17.1995 13.3333 17.7579 13.3333 18.3333C13.3333 20.1926 14.0944 21.874 15.322 23.0832L15.5921 23.3349L15.4167 23.3333C14.9144 23.3333 14.4311 23.4141 13.9788 23.5634C12.5376 24.0392 11.4128 25.2107 11.002 26.6803L10.9447 26.6817C6.09645 26.6817 3.33334 24.8654 3.33334 21.25V19.5833C3.33334 17.9725 4.63918 16.6667 6.25001 16.6667ZM33.75 16.6667C35.3608 16.6667 36.6667 17.9725 36.6667 19.5833L36.6649 21.1868C36.8593 24.8353 34.1466 26.6817 29.278 26.6817L28.9976 26.6788C28.5993 25.2556 27.5313 24.1122 26.1549 23.6098C25.7627 23.4667 25.3456 23.3756 24.9117 23.3449L24.5833 23.3333L24.4079 23.3349C25.793 22.1133 26.6667 20.3254 26.6667 18.3333C26.6667 17.7579 26.5938 17.1995 26.4567 16.6668L33.75 16.6667ZM20 13.3333C22.7614 13.3333 25 15.5719 25 18.3333C25 21.0948 22.7614 23.3333 20 23.3333C17.2386 23.3333 15 21.0948 15 18.3333C15 15.5719 17.2386 13.3333 20 13.3333ZM10.8333 5C13.5948 5 15.8333 7.23858 15.8333 10C15.8333 12.7614 13.5948 15 10.8333 15C8.07192 15 5.83334 12.7614 5.83334 10C5.83334 7.23858 8.07192 5 10.8333 5ZM29.1667 5C31.9281 5 34.1667 7.23858 34.1667 10C34.1667 12.7614 31.9281 15 29.1667 15C26.4053 15 24.1667 12.7614 24.1667 10C24.1667 7.23858 26.4053 5 29.1667 5Z"; } #ai-for-developers .ocr-icon-svg--forum-filled { --icon-svg-path: "M18.6667 1.33398C17.1939 1.33398 16 2.52789 16 4.00065V12.0007C16 13.4734 17.1939 14.6673 18.6667 14.6673H28C29.4727 14.6673 30.6667 13.4734 30.6667 12.0007V4.00065C30.6667 2.52789 29.4727 1.33398 28 1.33398H18.6667ZM18.6667 6.00065C18.6667 5.63246 18.9651 5.33398 19.3333 5.33398H27.3333C27.7015 5.33398 28 5.63246 28 6.00065C28 6.36884 27.7015 6.66732 27.3333 6.66732H19.3333C18.9651 6.66732 18.6667 6.36884 18.6667 6.00065ZM18.6667 10.0007C18.6667 9.63246 18.9651 9.33398 19.3333 9.33398H27.3333C27.7015 9.33398 28 9.63246 28 10.0007C28 10.3688 27.7015 10.6673 27.3333 10.6673H19.3333C18.9651 10.6673 18.6667 10.3688 18.6667 10.0007ZM6.99999 4.00065H14.6667V12.0007C14.6667 14.2098 16.4575 16.0007 18.6667 16.0007H28C28.4675 16.0007 28.9163 15.9204 29.3333 15.773V19.6673C29.3333 22.0606 27.3932 24.0007 25 24.0007H17.3333L10.6667 29.0006C9.56793 29.8247 7.99999 29.0407 7.99999 27.6673V24.0007H6.99999C4.60676 24.0007 2.66666 22.0606 2.66666 19.6673V8.33398C2.66666 5.94075 4.60676 4.00065 6.99999 4.00065Z"; } #ai-for-developers #github-banner .btn { --button-bg-color: var(--root-color-neutral-white); box-shadow: var(--root-depth-4); } #ai-for-developers #github-banner .btn:hover { --button-bg-color: #e6e6e6; } #ai-for-developers #benefits-for-developer .ocr-icon > svg { --icon-svg-fill: var(--ai-for-developers-nvidia-green); } #ai-for-developers #all-solutions .ocr-accordion-item .media { aspect-ratio: auto; } #ai-for-developers #stories .block-heading__title { font-size: 40px; font-weight: 600; line-height: 48px; letter-spacing: -2px; } #ai-for-developers #stories .testimonial-card { padding: 0; } #ai-for-developers #stories .testimonial-card .testimonial-card__content h4, #ai-for-developers #stories .testimonial-card .testimonial-card__content p { text-align: left; } #ai-for-developers #stories .testimonial-card .testimonial-card__content h4 { max-width: 440px; } #ai-for-developers #stories .testimonial-card .testimonial-card__content .testimonial-card__content-media .media__asset { border: none; height: 90px; } #ai-for-developers #stories .testimonial-card .testimonial-card__content .testimonial-card__products { max-width: 470px; } @media (min-width: 859px) { #ai-for-developers #stories .testimonial-card .testimonial-card__media { padding-bottom: 8px; } } #ai-for-developers3 { --aiv3-button-bg-color: #503B88; } #ai-for-developers3 .hero-media--featured-xl .hero-media__media [data-mount=m365-video] video { max-height: 696px; } #ai-for-developers3 .btn:not(.btn--secondary) { background-color: var(--aiv3-button-bg-color); } #ai-for-developers3 .btn:not(.btn--secondary) .btn__text { color: #FFFFFF; } #ai-for-developers3 .btn--icon .ocr-icon { margin-top: -15px; margin-left: -14px; } #ai-for-developers3 .btn--icon .ocr-icon.ocr-icon-svg--ai-1 { --icon-svg-path: "M3.7769 8.77517C3.93979 8.89049 4.13461 8.9521 4.3342 8.95141V8.94874C4.52239 8.94915 4.70655 8.89427 4.86382 8.79092C5.0211 8.68757 5.14455 8.54031 5.21886 8.36741L5.62753 7.12474C5.72191 6.84323 5.88049 6.58753 6.09072 6.37788C6.30096 6.16822 6.55709 6.01034 6.83886 5.91674L8.0242 5.53141C8.21513 5.46432 8.38004 5.33874 8.49548 5.17251C8.61091 5.00628 8.67098 4.80788 8.66714 4.60554C8.6633 4.4032 8.59574 4.20723 8.47409 4.0455C8.35243 3.88377 8.18287 3.76453 7.98953 3.70474L6.81953 3.32474C6.5365 3.23057 6.27935 3.07168 6.06849 2.8607C5.85763 2.64973 5.69888 2.39248 5.60486 2.10941L5.21953 0.924742C5.15233 0.736058 5.02802 0.572992 4.86388 0.458202C4.69975 0.343412 4.50393 0.282598 4.30364 0.284211C4.10336 0.285824 3.90855 0.349783 3.74628 0.467202C3.58401 0.584621 3.46235 0.749667 3.3982 0.939409L3.00953 2.13408C2.91581 2.40892 2.7609 2.65889 2.55649 2.86515C2.35209 3.0714 2.10352 3.22855 1.82953 3.32474L0.644862 3.70541C0.503944 3.75469 0.376419 3.83608 0.272366 3.94313C0.168312 4.05018 0.0905814 4.17996 0.0453167 4.32222C5.21441e-05 4.46448 -0.0115059 4.61532 0.0115557 4.76281C0.0346174 4.91031 0.0916666 5.05042 0.178195 5.17207C0.296122 5.33806 0.463386 5.46263 0.656195 5.52807L1.82553 5.90741C2.10928 6.00234 2.36699 6.16213 2.5782 6.37407C2.63491 6.43036 2.68791 6.49026 2.73686 6.55341C2.86964 6.72527 2.97222 6.91847 3.04019 7.12474L3.42553 8.30807C3.49118 8.49655 3.61401 8.65984 3.7769 8.77517ZM8.88799 12.1401C8.76097 12.0495 8.66541 11.9216 8.61465 11.7741L8.39599 11.1027C8.35346 10.9751 8.28205 10.859 8.18732 10.7634C8.09233 10.6681 7.97634 10.5964 7.84865 10.5541L7.18799 10.3387C7.03438 10.2872 6.90109 10.1882 6.80732 10.0561C6.7158 9.9279 6.66683 9.77423 6.66732 9.61674C6.66753 9.45823 6.71717 9.30372 6.80932 9.17474C6.90082 9.04508 7.03105 8.94776 7.18132 8.89674L7.85199 8.67941C7.97666 8.63515 8.08955 8.56292 8.182 8.46828C8.27444 8.37364 8.344 8.25909 8.38532 8.13341L8.60132 7.47208C8.65214 7.32258 8.74814 7.19257 8.87605 7.10001C9.00396 7.00744 9.15747 6.9569 9.31536 6.95536C9.47324 6.95382 9.62771 7.00137 9.7574 7.09142C9.88709 7.18148 9.9856 7.3096 10.0393 7.45808L10.2587 8.13408C10.3016 8.2608 10.3733 8.37585 10.4681 8.47023C10.563 8.56461 10.6784 8.63575 10.8053 8.67808L11.4667 8.89341C11.6191 8.94109 11.7527 9.03555 11.8484 9.1634C11.9442 9.29124 11.9973 9.44599 12.0001 9.6057C12.003 9.76541 11.9556 9.92197 11.8645 10.0532C11.7734 10.1844 11.6433 10.2836 11.4927 10.3367L10.8167 10.5561C10.6899 10.5993 10.5748 10.6709 10.48 10.7654C10.3851 10.8606 10.3137 10.9765 10.2713 11.1041L10.0567 11.7634C10.005 11.917 9.90573 12.0501 9.77332 12.1434C9.64533 12.2354 9.49163 12.2849 9.33399 12.2847C9.17379 12.2847 9.01769 12.2341 8.88799 12.1401Z"; } #ai-for-developers3 .btn--icon .ocr-icon svg { --icon-svg-fill: #FFFFFF; } #ai-for-developers3 #next-gen-apps p { max-width: 768px; } #ai-for-developers3 #nvidia-and-generative-ai p { max-width: 498px; margin: 24px auto; } #ai-for-developers3 #resources .testimonial-card .testimonial-card__quote .ocr-img { border: none; aspect-ratio: 1/1; max-height: 48px; } #ai-for-developers3 #resources .testimonial-card .testimonial-card__media .ocr-img { min-height: 398px; --image-height: 98% ; } #ai-for-developers3 #resources .card-promo { min-height: 272px; } #ai-for-developers3 #resources .card-promo__fg-content { align-items: start; bottom: 70px; left: 80px; } @media (max-width: 1000px) { #ai-for-developers3 #resources .card-promo__fg-content { bottom: 60px; left: 50px; } } @media (max-width: 945px) { #ai-for-developers3 #resources .card-promo__fg-content { left: 30px; } } @media (max-width: 539px) { #ai-for-developers3 #resources .card-promo__fg-content { bottom: -50px; left: 50px; } } @media (max-width: 425px) { #ai-for-developers3 #resources .card-promo__fg-content { left: 30px; } } @media (max-width: 320px) { #ai-for-developers3 #resources .card-promo__fg-content { bottom: -22px; } } #ai-for-developers3 #resources .card-promo__fg-content .block-feature__body p { max-width: 616px; } @media (max-width: 900px) { #ai-for-developers3 #resources .card-promo__fg-content .block-feature__body p { max-width: 442px; } } @media (max-width: 660px) { #ai-for-developers3 #resources .card-promo__fg-content .block-feature__body p { max-width: 312px; } } @media (max-width: 380px) { #ai-for-developers3 #resources .card-promo__fg-content .block-feature__body p { max-width: 245px; } } @media (max-width: 320px) { #ai-for-developers3 #resources .card-promo__fg-content .block-feature__body p { max-width: 193px; } } :root[data-theme=light] { --azuredev-tools-feature-bg: url("/_devcom/images/views/azure-dev/tools-extensions-feature-light@1x.png"); --azuredev-tools-feature-bg: image-set( url("/_devcom/images/views/azure-dev/tools-extensions-feature-light@2x.avif"), url("/_devcom/images/views/azure-dev/tools-extensions-feature-light@2x.webp"), url("/_devcom/images/views/azure-dev/tools-extensions-feature-light@1x.png") ); } :root[data-theme=dark] { --azuredev-tools-feature-bg: url("/_devcom/images/views/azure-dev/tools-extensions-feature-dark@1x.png"); --azuredev-tools-feature-bg: image-set( url("/_devcom/images/views/azure-dev/tools-extensions-feature-dark@2x.avif"), url("/_devcom/images/views/azure-dev/tools-extensions-feature-dark@2x.webp"), url("/_devcom/images/views/azure-dev/tools-extensions-feature-dark@1x.png") ); } @media (min-width: 1440px) { #azure-developer .carousel--type-regular .layout--cols-3 { --layout-column-count: 3; } } @media (min-width: 1440px) { #azure-developer #featured-solutions .container { padding-left: calc(5% - 2rem); } } #azure-developer #featured-solutions .section-master { padding-top: 0; } #azure-developer #featured-solutions .pill-bar { padding-left: 0; margin-left: 0; } #azure-developer #featured-solutions .multi-feature-feature { display: none !important; } #azure-developer #featured-solutions .overlay__target { padding-top: 4.5rem; backdrop-filter: blur(10px); } #azure-developer #languages .badge img { border-radius: 8px; } #azure-developer #languages .list-item__content { text-align: left; padding-left: 1rem; } #azure-developer #tools-and-extensions #feature.card { aspect-ratio: 414/494 !important; width: 100%; background-image: var(--azuredev-tools-feature-bg); background-size: auto 102%; background-repeat: no-repeat; background-position: center center; } #azure-developer #tools-and-extensions a#show-all-products { z-index: 1; } #azure-developer #azure-developer-community .block-section-title__divider-top { margin-bottom: 0.75rem; } #azure-developer #azure-developer-community .badge { width: 50px; height: 50px; padding: 1px; } #azure-developer .ocr-icon-svg--headphones-filled { --icon-svg-path: "M1.5 10C1.5 5.30558 5.30558 1.5 10 1.5C14.6944 1.5 18.5 5.30558 18.5 10V12H16.25C15.8358 12 15.5 12.3358 15.5 12.75V19.25C15.5 19.6642 15.8358 20 16.25 20H17C18.6569 20 20 18.6569 20 17V10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10V17C0 18.6569 1.34315 20 3 20H3.75C4.16421 20 4.5 19.6642 4.5 19.25V12.75C4.5 12.3358 4.16421 12 3.75 12H1.5V10ZM10.75 9.75C10.75 9.33579 10.4142 9 10 9C9.58579 9 9.25 9.33579 9.25 9.75V20.25C9.25 20.6642 9.58579 21 10 21C10.4142 21 10.75 20.6642 10.75 20.25V9.75ZM6.75 12C7.16421 12 7.5 12.3358 7.5 12.75V17.2502C7.5 17.6644 7.16421 18.0002 6.75 18.0002C6.33579 18.0002 6 17.6644 6 17.2502V12.75C6 12.3358 6.33579 12 6.75 12ZM14 12.75C14 12.3358 13.6642 12 13.25 12C12.8358 12 12.5 12.3358 12.5 12.75V17.2502C12.5 17.6644 12.8358 18.0002 13.25 18.0002C13.6642 18.0002 14 17.6644 14 17.2502V12.75Z"; } #azure-developer .ocr-icon-svg--document-filled { --icon-svg-path: "M17.9297 2.00049V9.00049C17.9297 10.6573 19.2728 12.0005 20.9297 12.0005H27.9297V27.0005C27.9297 28.6573 26.5865 30.0005 24.9297 30.0005H8.92969C7.27283 30.0005 5.92969 28.6573 5.92969 27.0005V5.00049C5.92969 3.34363 7.27283 2.00049 8.92969 2.00049H17.9297ZM19.9297 2.11713V9.00049C19.9297 9.55277 20.3774 10.0005 20.9297 10.0005H27.813C27.6739 9.51621 27.4137 9.07026 27.051 8.7076L21.2226 2.87917C20.8599 2.51651 20.414 2.25629 19.9297 2.11713Z"; } #azure-developer .ocr-icon-svg--code-filled { --icon-svg-path: "M30.9297 16.0005C30.9297 8.2685 24.6617 2.00049 16.9297 2.00049C9.1977 2.00049 2.92969 8.2685 2.92969 16.0005C2.92969 23.7325 9.1977 30.0005 16.9297 30.0005C24.6617 30.0005 30.9297 23.7325 30.9297 16.0005ZM20.8479 9.39466L14.8479 23.3947C14.6303 23.9023 14.0424 24.1374 13.5348 23.9199C13.0272 23.7023 12.792 23.1145 13.0096 22.6068L19.0096 8.60683C19.2271 8.0992 19.815 7.86404 20.3227 8.0816C20.8303 8.29916 21.0654 8.88703 20.8479 9.39466ZM12.5882 13.2532L9.44828 16.0006L12.5882 18.7481C13.0038 19.1117 13.0459 19.7435 12.6823 20.1591C12.3186 20.5748 11.6868 20.6169 11.2712 20.2532L7.27117 16.7531C7.05416 16.5632 6.92968 16.2889 6.92969 16.0005C6.92969 15.7122 7.05418 15.4378 7.27119 15.2479L11.2712 11.748C11.6868 11.3844 12.3186 11.4265 12.6823 11.8421C13.0459 12.2578 13.0038 12.8895 12.5882 13.2532ZM21.1771 20.1591C20.8134 19.7435 20.8556 19.1117 21.2712 18.748L24.4111 16.0007L21.2712 13.2532C20.8555 12.8895 20.8134 12.2577 21.1771 11.8421C21.5408 11.4265 22.1726 11.3843 22.5882 11.748L26.5882 15.2481C26.8052 15.438 26.9297 15.7123 26.9297 16.0007C26.9297 16.2891 26.8052 16.5634 26.5882 16.7533L22.5882 20.2532C22.1725 20.6169 21.5408 20.5747 21.1771 20.1591Z"; } #azure-developer .ocr-icon-svg--tutorial-filled { --icon-svg-path: "M8.26302 2.66718H23.5964C25.4373 2.66718 26.9297 4.15956 26.9297 6.00051V15.0852C26.0896 14.8138 25.1934 14.6672 24.263 14.6672C19.4766 14.6672 15.5964 18.5474 15.5964 23.3338C15.5964 24.2643 15.743 25.1604 16.0144 26.0005H6.92969C6.92969 26.7369 7.52664 27.3338 8.26302 27.3338H16.5726C16.9556 28.0685 17.4407 28.7415 18.0091 29.3338H8.26302C6.42207 29.3338 4.92969 27.8415 4.92969 26.0005V6.00051C4.92969 4.15956 6.42207 2.66718 8.26302 2.66718ZM10.263 6.66718C9.52664 6.66718 8.92969 7.26413 8.92969 8.00051V9.33384C8.92969 10.0702 9.52664 10.6672 10.263 10.6672H20.9297C21.6661 10.6672 22.263 10.0702 22.263 9.33384V8.00051C22.263 7.26413 21.6661 6.66718 20.9297 6.66718H10.263ZM31.5964 23.3338C31.5964 19.2838 28.3131 16.0005 24.263 16.0005C20.2129 16.0005 16.9297 19.2838 16.9297 23.3338C16.9297 27.3839 20.2129 30.6672 24.263 30.6672C28.3131 30.6672 31.5964 27.3839 31.5964 23.3338ZM23.4814 20.1299L27.2234 22.5835C27.3394 22.6583 27.4306 22.7574 27.4969 22.8811C27.5632 23.0018 27.5964 23.134 27.5964 23.2778C27.5964 23.4158 27.5646 23.548 27.501 23.6745C27.4375 23.801 27.3491 23.9016 27.2358 23.9764L23.4938 26.5292C23.4247 26.5752 23.3543 26.6097 23.2824 26.6327C23.2134 26.6557 23.1388 26.6672 23.0587 26.6672C22.9537 26.6672 22.8528 26.6456 22.7562 26.6025C22.6595 26.5565 22.5738 26.4961 22.4992 26.4214C22.4274 26.3438 22.3694 26.2546 22.3252 26.154C22.2837 26.0534 22.263 25.9485 22.263 25.8392V20.8285C22.263 20.7163 22.2837 20.61 22.3252 20.5093C22.3694 20.4087 22.4274 20.321 22.4992 20.2463C22.5711 20.1716 22.6553 20.1126 22.752 20.0695C22.8487 20.0235 22.9509 20.0005 23.0587 20.0005C23.2134 20.0005 23.3543 20.0436 23.4814 20.1299Z"; } #azure-developer .ocr-icon-svg--certificate-filled { --icon-svg-path: "M6.17969 4.00049C4.38476 4.00049 2.92969 5.45556 2.92969 7.25049V15.1699C4.21152 13.5442 6.19872 12.5005 8.42969 12.5005C12.2957 12.5005 15.4297 15.6345 15.4297 19.5005C15.4297 20.8179 15.0644 22.0535 14.4297 23.1076V25.0005H27.6797C29.4746 25.0005 30.9297 23.5454 30.9297 21.7505V7.25049C30.9297 5.45556 29.4746 4.00049 27.6797 4.00049H6.17969ZM9.92969 10.0005H23.9297C24.482 10.0005 24.9297 10.4482 24.9297 11.0005C24.9297 11.5528 24.482 12.0005 23.9297 12.0005H9.92969C9.3774 12.0005 8.92969 11.5528 8.92969 11.0005C8.92969 10.4482 9.3774 10.0005 9.92969 10.0005ZM16.9297 18.0005C16.9297 17.4482 17.3774 17.0005 17.9297 17.0005H23.9297C24.482 17.0005 24.9297 17.4482 24.9297 18.0005C24.9297 18.5528 24.482 19.0005 23.9297 19.0005H17.9297C17.3774 19.0005 16.9297 18.5528 16.9297 18.0005ZM13.9297 19.5005C13.9297 22.5381 11.4673 25.0005 8.42969 25.0005C5.39212 25.0005 2.92969 22.5381 2.92969 19.5005C2.92969 16.4629 5.39212 14.0005 8.42969 14.0005C11.4673 14.0005 13.9297 16.4629 13.9297 19.5005ZM12.9297 24.8625C11.7129 25.8848 10.1432 26.5004 8.42969 26.5004C6.71617 26.5004 5.14645 25.8848 3.92969 24.8625V29.0004C3.92969 29.785 4.79187 30.264 5.45799 29.8495L8.42969 28.0004L11.4014 29.8495C12.0675 30.264 12.9297 29.785 12.9297 29.0004V24.8625Z"; } #api-page .video-js .vjs-poster { filter: blur(5px) brightness(0.6); } @media screen and (min-width: 1280px) { #api-page .carousel--type-media-playlist-video .ocr-slider .slider__window { height: auto !important; min-height: 168px; } } #community #myMap { min-height: 550px; } #community #myMap .map-dialog { padding: 1rem; color: #000; } @media (min-width: 860px) { #community #hero #hero-text-col { max-width: 570px; } #community #hero .block-heading__paragraph { max-width: 66%; } } #community #events .card__media img, #community #groups .card__media img { width: 100%; } #community #microsoft-communities a { text-decoration: none; } #microsoft-store .blog-bigcard-heading { font-size: 32px !important; font-style: normal !important; font-weight: 600 !important; line-height: 40px !important; /* 125% */ letter-spacing: -1.6px !important; } #microsoft-store .page-discover { background: linear-gradient(90deg, #EDE8F6 0%, #F4FAFD 49.99%, #DCEEF8 100%); background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; } #microsoft-store .whats-new-section { margin-top: 120px; margin-bottom: 120px; } /* Page banner section */ #microsoft-store .page-banner-title { margin-top: 50px; } #microsoft-store .page-banner-title h1 { background: linear-gradient(90deg, #0778D4 0%, #8661C5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-size: 64px; font-style: normal; font-weight: 600; line-height: 72px; margin-bottom: 16px; } :root[data-theme=dark] #microsoft-store .page-banner-title h1 { background: linear-gradient(90deg, #99EBFF 0%, #9255FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #microsoft-store .page-banner { margin-bottom: 50px; } #microsoft-store .page-banner-title p { font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.72px; margin-bottom: 32px; } #microsoft-store .user-responses-card-wrapper { gap: 15px; /* Two columns with equal width */ position: relative; z-index: 1; display: flex; justify-content: center; } #microsoft-store .user-responses-item { align-items: center; padding: 16px; text-align: center; background: linear-gradient(113deg, rgba(255, 255, 255, 0.24) 3.72%, rgba(255, 255, 255, 0.06) 78.19%); backdrop-filter: blur(15px); border-radius: 24px; border: 2.5px solid rgba(255, 255, 255, 0.5); height: 120px; width: 350px; white-space: nowrap; display: inline-grid; } :root[data-theme=dark] #microsoft-store .user-responses-item { border: 2.5px solid rgba(67, 67, 67, 0.5); background: linear-gradient(113deg, rgba(255, 255, 255, 0.24) 3.72%, rgba(255, 255, 255, 0.06) 78.19%); backdrop-filter: blur(15px); } #microsoft-store .user-responses-item h3 { margin-top: 0; margin-bottom: 8px; font-size: 40px; font-style: normal; font-weight: 700; line-height: 48px; /* 120% */ } #microsoft-store .user-responses-item p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; /* 125% */ } #microsoft-store .ui-card { background-color: #fff; box-shadow: 1px 0px 3px 5px rgba(0, 0, 0, 0.08); padding: 16px; border-radius: 10px; margin-bottom: 30px; } #microsoft-store .ui-card-body { text-align: center; margin: auto; width: 50%; } #microsoft-store .ui-card-title { text-align: center; font-size: 20px; font-weight: 600; color: black; line-height: 24px; /* 120% */ } :root[data-theme=dark] #microsoft-store .ui-card-title { color: white; } #microsoft-store .col-12 { width: 100%; max-width: 100%; } #microsoft-store .section-title { margin-bottom: 30px; text-align: center; } #microsoft-store .section-title h3 { font-size: 40px; margin-bottom: 16px; color: #121D2F; } #microsoft-store .section-title p { font-size: 24px; line-height: 1.1; } #microsoft-store .text-tags { font-size: 16px; margin-right: 20px; position: relative; font-weight: 700; } #microsoft-store .discover-card { background-color: #fff; box-shadow: 1px 0px 3px 5px rgba(0, 0, 0, 0.08); padding: 16px; border-radius: 10px; min-height: 320px; margin-bottom: 30px; } #microsoft-store .discover-card-img { height: 185px; /* width: 100%; */ border-radius: 10px; overflow: hidden; margin-bottom: 15px; margin-top: -8px; margin: -10px; margin-bottom: 10px; } #microsoft-store .discover-card-img img { width: 100%; } #microsoft-store .tag-blue { color: #005597; } #microsoft-store .tag-grey { color: #505d74; } #microsoft-store .text-tags:after { content: ""; height: 5px; width: 5px; border-radius: 50%; background: #333; position: absolute; right: -13px; top: 9px; } #microsoft-store .text-tags:last-child:after { display: none; } #microsoft-store .discover-card { min-height: 320px; } #microsoft-store .discover-card-content > p { margin: 0; } #microsoft-store .discover-card-content h4 { margin-top: 0; max-width: 90%; font-size: 20px; line-height: 28px; } #microsoft-store .read-morebutton { font-size: 16px; line-height: 1; display: inline-flex; align-items: center; text-decoration: none; color: #2A446F; font-weight: 700; } #microsoft-store .read-morebutton:hover { text-decoration: underline; } #microsoft-store .read-morebutton svg { margin-right: 8px; height: 32px; width: 32px; } #microsoft-store .section-spacing { padding: 30px 0; z-index: 99; position: relative; } /* Partner card */ #microsoft-store .partner-center-card { background: white; box-shadow: 1px 0px 3px 5px rgba(0, 0, 0, 0.08); border-radius: 15px; display: flex; margin-bottom: 40px; justify-content: space-between; padding: 8px; flex-direction: column; } #microsoft-store .partner-center-media { order: -1; } #microsoft-store .partner-center-card-content { padding: 16px; /* max-width: 50%; */ } #microsoft-store .partner-center-media { /* max-width: 50%; */ /* height: 50%; */ border-radius: 10px; overflow: hidden; /* width: 50%; */ /* height: 100%; */ } #microsoft-store .partner-center-media img { height: 100%; width: 100%; object-fit: cover; } #microsoft-store .partner-center-card-content { display: flex; flex-direction: column; align-items: flex-start; } #microsoft-store .partner-center-card-content h3 { font-size: 32px; margin-bottom: 15px; margin-top: auto; line-height: 1.1; } #microsoft-store .partner-center-card-content p { font-size: 16px; margin: 0; margin-bottom: auto; } #microsoft-store .find-incentive-content { text-align: center; max-width: 672px; margin: 0 auto; } #microsoft-store .find-incentive-content img { height: 80px; width: 80px; } #microsoft-store .find-incentive-content .sub-text { font-size: 20px; font-style: normal; font-weight: 400; line-height: 32px; /* 160% */ letter-spacing: -0.6px; margin-bottom: 48px; } /* Partner card */ /* Store program cards */ #microsoft-store .store-program-card { display: flex; align-items: center; width: 100%; justify-content: center; flex-direction: column-reverse; text-align: center; } #microsoft-store .store-program-media img { max-width: 60%; } #microsoft-store .hero-text, #microsoft-store .find-incentive-section { z-index: 99; position: relative; } #microsoft-store .incentives-block h4 { font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } #microsoft-store .incentives-block h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 36px; /* 128.571% */ } #microsoft-store .incentives-block p { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; /* 133.333% */ } #microsoft-store .store-headline-body { max-width: 70%; text-align: center; margin-top: 40px; } #microsoft-store .whats-new-header { font-size: 40px; font-style: normal; font-weight: 600; line-height: 48px; /* 120% */ } #microsoft-store .store-headline-body h2, #microsoft-store .store-program-content h2 { font-size: 40px; font-style: normal; font-weight: 600; line-height: 48px; /* 120% */ } #microsoft-store .store-headline-body p, #microsoft-store .store-program-content p { font-size: 20px; font-weight: 400; } #microsoft-store .store-headline { display: flex; align-items: center; justify-content: center; } #microsoft-store .ocr-table__window { padding: 0px !important; } /* Store program cards */ @media (min-width: 1400px) { #microsoft-store .container { max-width: 1356px; } } @media all and (max-width: 361px) { :root[data-theme=dark] #microsoft-store .user-responses-item { border: 2.5px solid rgba(40, 40, 40, 0.5); } } @media all and (max-width: 391px) { #microsoft-store .page-banner-title h1 { font-size: 45px; line-height: 53px; } #microsoft-store .section-spacing { padding: 100px 0; } #microsoft-store .page-banner { margin-bottom: 40px; } :root[data-theme=dark] #microsoft-store .user-responses-item { border: 2.5px solid rgba(40, 40, 40, 0.5); } } @media all and (max-width: 600px) { #microsoft-store .page-banner-title { margin-top: 0px; } #microsoft-store .page-banner-title h1 { font-size: 48px; line-height: 53px; } #microsoft-store .section-spacing { padding: 100px 0; } :root[data-theme=dark] #microsoft-store .user-responses-item { border: 2.5px solid rgba(40, 40, 40, 0.5); } } #microsoft-store .content-order { order: 2 !important; display: flex; align-items: center; } #microsoft-store .image-order { order: 1 !important; align-items: center; } #microsoft-store .carousel-spacing { width: 100%; position: relative; margin: auto; } #microsoft-store .margin-0px { margin: 0px !important; margin-right: -7px !important; } #microsoft-store .carousel-hide { visibility: hidden; } #microsoft-store .carousel-loaded { visibility: visible; } #microsoft-store .table-font { font-size: 18px; } #microsoft-store .testimony-details { font-size: 16px; } #microsoft-store .table-content-font { font-size: 14px; } #microsoft-store .table-content-heading { font-size: 16px; } #microsoft-store .footer-text { font-size: 18px; } @media (min-width: 768px) { #microsoft-store .content { order: 1 !important; } #microsoft-store .aligncenter { align-content: center !important; } #microsoft-store .image { order: 2 !important; } #microsoft-store .col-md-4 { flex: 1 0 0%; width: 33.33333333%; } #microsoft-store .section-spacing { padding: 120px 0; } #microsoft-store .partner-center-card-content { padding: 16px; max-width: 50%; } #microsoft-store .partner-center-media { max-width: 50%; height: 50%; border-radius: 10px; overflow: hidden; width: 50%; height: 100%; } #microsoft-store .partner-center-card { flex-direction: row; height: 468px; } #microsoft-store .partner-center-media { order: 1; } #microsoft-store .partner-center-card-content { max-width: 50%; } #microsoft-store .store-program-card { flex-direction: row; justify-content: space-between; text-align: left; } #microsoft-store .store-program-media img { max-width: 100%; } #microsoft-store .store-program-content { max-width: 50%; } #microsoft-store .store-program-media { max-width: 50%; } #microsoft-store .store-program-content { max-width: 568px; } #microsoft-store .find-incentive-content { text-align: center; max-width: 80%; } #microsoft-store .section-title { text-align: left; } #microsoft-store .page-banner-title h1 { font-size: 64px; line-height: 1.1; } #microsoft-store .testimonial-card { text-align: center; background: rgba(255, 255, 255, 0.4); padding: 48px; } #microsoft-store .testimonial-card { text-align: center; } #microsoft-store .testimonial-image { height: 160px; width: 160px; margin: 0 auto; margin-top: -100px; } #microsoft-store .testimonial-note { font-size: 32px; font-style: normal; font-weight: 600; line-height: 40px; /* 125% */ letter-spacing: -1.6px; } #microsoft-store .testimonial-details { font-size: 16px; line-height: 1.5; margin: 0; } } @media (min-width: 1400px) { #microsoft-store .container { max-width: 1356px; } #microsoft-store .carousel-spacing { max-width: 2560px !important; width: 100%; position: relative; margin: auto; } } #microsoft-store .social-banner { display: flex; align-items: center; } #microsoft-store .incentives-table-header { display: flex; align-items: center; } #microsoft-store .find-incentive-content img { width: 48px; height: 48px; } #microsoft-store .text-decoration-none { text-decoration: none; } #microsoft-store .company-logos-section-spacing { padding-top: 20px; padding-bottom: 32px; } #microsoft-store .sku__title { margin-bottom: 25px !important; } #microsoft-store .semi-bold { font-weight: 600; } #microsoft-store .ocr-table-cell__content { padding-left: 40px; padding-right: 40px; margin-bottom: 10px; margin-top: 10px; } #microsoft-store .ocr-table-cell__content-store { align-items: flex-start !important; } #microsoft-store .ocr-icon-store > svg { top: 2.3px !important; } #microsoft-store .ocr-table-cell-store { --table-cell-flex-direction: row; --table-cell-align-items: center; --table-cell-gap: var(--root-spacing-xs); color: var(--theme-foreground-base-strong); vertical-align: center; font-weight: inherit; } #microsoft-store .ocr-icon-svg--dismiss-circle svg { fill: #9D5D00; } :root[data-theme=dark] #microsoft-store .ocr-icon-svg--dismiss-circle svg { fill: #FCE100; } :root[data-theme=dark] #microsoft-store .social-icon svg path { fill: white; } :root[data-theme=dark] #microsoft-store .page-discover { background: linear-gradient(90deg, #030215 0%, #1A1A1C 49.99%, #050416 100%); } #microsoft-store .w-100 { width: 100%; } #microsoft-store .company-logos-item { margin-left: 20px; margin-right: 20px; } #microsoft-store .company-logos-item img { width: 72px; height: 72px; } :root[data-theme=dark] #microsoft-store .user-responses-item h3, :root[data-theme=dark] #microsoft-store .user-responses-item p { color: white; } #microsoft-store .ocr-table-cell__content { text-align: left; } :root[data-theme=dark] #microsoft-store .footer-icon svg { fill: #99EBFF; } #microsoft-store .align-center { text-align: center; } #microsoft-store .block-feature__title { line-height: 30px !important; } #microsoft-store .section-master { padding-bottom: 10px; } #microsoft-store .section-master .section-master__image .ocr-img, #microsoft-store .section-master .section-master__image .ocr-img img { height: auto; } @media (max-width: 768px) { #microsoft-store .table-content-heading { font-size: 15px; } #microsoft-store .footer-text { font-size: 16px; } #microsoft-store .testimony-details { font-size: 15px; } #microsoft-store .carousel-spacing { width: 100%; position: relative; margin: auto; } #microsoft-store .margin-1px { margin: 0px !important; margin-right: -2px !important; margin-left: -3px !important; } #microsoft-store .carousel-spacing-mobile { width: auto !important; } #microsoft-store .store-program-media img { max-width: 80%; padding-bottom: 1rem; } #microsoft-store .blog-bigcard-heading { font-size: 20px !important; } #microsoft-store .page-banner-title h1 { font-size: 48px; } #microsoft-store .page-banner-title p { font-size: 20px; } #microsoft-store .user-responses-item h3 { font-size: 36px; } #microsoft-store .user-responses-item p { font-size: 15px; } #microsoft-store .ui-card-title { font-size: 16px; } #microsoft-store .table-font { font-size: 16px; } #microsoft-store .table-content-font { font-size: 13px; } #microsoft-store .section-title h3 { font-size: 36px; } #microsoft-store .section-title p { font-size: 24px; } #microsoft-store .text-tags { font-size: 15px; } #microsoft-store .discover-card-content h4 { font-size: 16px; } #microsoft-store .read-morebutton { font-size: 15px; } #microsoft-store .partner-center-card-content h3 { font-size: 20px; } #microsoft-store .partner-center-card-content p { font-size: 15px; } #microsoft-store .find-incentive-content .sub-text { font-size: 16px; } #microsoft-store .incentives-block h4 { font-size: 13px; } #microsoft-store .incentives-block h3 { font-size: 28px; } #microsoft-store .incentives-block p { font-size: 11px; } #microsoft-store .whats-new-header { font-size: 36px; } #microsoft-store .store-headline-body h2, #microsoft-store .store-program-content h2 { font-size: 36px; } #microsoft-store .store-headline-body p, #microsoft-store .store-program-content p { font-size: 16px; } #microsoft-store .page-banner-title h1 { font-size: 48px; } #microsoft-store .testimonial-note { font-size: 20px; } #microsoft-store .testimonial-details { font-size: 15px; } } :root[data-theme=light] { --microsoft-store-register-svg-fill: #000000; --microsoft-store-register-background: var( --theme-background-base-fade, #0078d4 ); --microsoft-store-register-developer-account-heading: #003E92; --microsoft-store-register-get-started-background: #FFFFFF; } :root[data-theme=dark] { --microsoft-store-register-svg-fill: #FFFFFF; --microsoft-store-register-background: var( --theme-background-base-fade, #0078d4 ); --microsoft-store-register-developer-account-heading: #FFFFFF; --microsoft-store-register-get-started-background: #0E1726; } #microsoft-store-register .title { font-size: 48px; font-style: normal; font-weight: 600; line-height: 56px; } #microsoft-store-register h1 { font-size: 48px; font-style: normal; font-weight: 600; line-height: 48px; } #microsoft-store-register h2 { font-size: 40px; font-style: normal; font-weight: 600; line-height: 48px; } #microsoft-store-register h3 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 40px; } #microsoft-store-register h5 { font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; } #microsoft-store-register p { font-size: 20px; font-style: normal; font-weight: 400; line-height: 32px; } #microsoft-store-register .main-section { margin-bottom: 50px; } #microsoft-store-register .hero-article { min-height: 0px; } #microsoft-store-register #tab1-tab { min-width: 50%; } #microsoft-store-register #tab2-tab { min-width: 50%; } #microsoft-store-register .stats-container { margin-top: 20px; margin-bottom: 80px; } #microsoft-store-register .ui-card-body { text-align: center; margin: auto; width: 50%; } #microsoft-store-register .ui-card-title { text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 24px; /* 120% */ } #microsoft-store-register .social-banner { display: flex; align-items: center; } #microsoft-store-register .social-icon svg path { fill: var(--microsoft-store-register-svg-fill); } #microsoft-store-register .block-feature__title { font-size: 20px !important; font-style: normal; font-weight: 600 !important; line-height: 40px !important; } #microsoft-store-register .block-feature__paragraph { font-size: 16px !important; font-style: normal; font-weight: 400 !important; line-height: 32px !important; /* 200% */ } #microsoft-store-register .tab-panel-group { margin-top: 0px; } #microsoft-store-register .c-video-player { height: 400px !important; } #microsoft-store-register .bg--base-color { background: var(--microsoft-store-register-background) !important; } #microsoft-store-register .developer-account-heading { color: var(--microsoft-store-register-developer-account-heading); } #microsoft-store-register .block-feature__title::before { background-color: grey; } #microsoft-store-register .multi-feature { padding: 50px; /* Optional: Add some padding for better spacing on small screens */ } #microsoft-store-register .ui-card-title { text-decoration: none; } #microsoft-store-register .get-started-today-section { background: var(--microsoft-store-register-get-started-background); padding-top: 42px; padding-bottom: 44px; } #microsoft-store-register .ocr-accordion-item__body p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } @media all and (max-width: 700px) { #microsoft-store-register .multi-feature { padding: 50px 0 0 0; /* Optional: Add some padding for better spacing on small screens */ } } #microsoft-store-register .footertext { font-size: 18px; } @media (max-width: 900px) { #microsoft-store-register .content-reader { margin-bottom: 1rem; } } @media (min-width: 1024px) { #microsoft-store-register .tab-group { width: 100%; } } @media (max-width: 768px) { #microsoft-store-register .content-reader { margin-bottom: 1rem; } #microsoft-store-register .block-heading__title h1 { font-size: 40px !important; } #microsoft-store-register .title { font-size: 40px !important; font-style: normal !important; font-weight: 600 !important; line-height: 56px !important; } #microsoft-store-register h2 { font-size: 36px !important; } #microsoft-store-register h3 { font-size: 20px !important; } #microsoft-store-register h5 { font-size: 16px !important; } #microsoft-store-register p { font-size: 16px !important; } #microsoft-store-register .block-feature__title { font-size: 16px !important; } #microsoft-store-register .ui-card-title { font-size: 16px !important; } #microsoft-store-register .block-feature__paragraph { font-size: 15px !important; } #microsoft-store-register .ocr-accordion-item__body p { font-size: 15px !important; } #microsoft-store-register .footertext { font-size: 16px !important; } } :root[data-theme=light] { --powerplatformdev-tools-feature-bg: url("/_devcom/images/views/power-platform/products-feature-light@1x.png"); --powerplatformdev-tools-feature-bg: image-set(url("/_devcom/images/views/power-platform/products-feature-light@2x.avif"), url("/_devcom/images/views/power-platform/products-feature-light@2x.webp"), url("/_devcom/images/views/power-platform/products-feature-light@1x.png")); --social-color: black; } :root[data-theme=dark] { --powerplatformdev-tools-feature-bg: url("/_devcom/images/views/power-platform/products-feature-dark@1x.png"); --powerplatformdev-tools-feature-bg: image-set(url("/_devcom/images/views/power-platform/products-feature-dark@2x.avif"), url("/_devcom/images/views/power-platform/products-feature-dark@2x.webp"), url("/_devcom/images/views/power-platform/products-feature-dark@1x.png")); --social-color: white; } .theme-day { --theme-foreground-base-highlight: #861E2A; } #power-platform #overview .layout__col { display: flex; align-items: flex-start; } #power-platform #overview .section-master .section-master__slot:not(:first-child) { margin-top: 0; } #power-platform #overview .section-master__layout { align-content: center; } #power-platform #overview .section-master__layout-header { max-width: 950px; } #power-platform #overview .section-master__layout-header .block-heading__title { padding-top: 48px; } #power-platform #overview .banner-features { --root-spacing-3xl: 0; } #power-platform #overview .banner-features__feature .block-feature { --block-feature--direction: column; --block-feature-align-items: center; --block-feature-text-align: center; align-items: center !important; } #power-platform #overview #banner-1 h5 { max-width: 214px; } #power-platform #overview #banner-2 h5, #power-platform #overview #banner-3 h5 { max-width: 225px; } #power-platform #news-updates .section-master { padding-bottom: 192px; } #power-platform .secondary-nav .indicator--shape-pill, #power-platform .secondary-nav .indicator--horizontal { background-color: var(--theme-foreground-base-highlight); } #power-platform .block-heading, #power-platform .block-heading__eyebrow { --block-heading-eyebrow-color: var(--theme-foreground-base-highlight); } #power-platform .block-feature { margin-top: 1rem; } @media (min-width: 1440px) { #power-platform .carousel--type-regular .layout--cols-3 { --layout-column-count: 3; } } #power-platform #news-updates .block-heading, #power-platform #news-updates .btn--secondary { margin-top: 40px; } #power-platform #news-updates .block-heading__eyebrow { margin-bottom: 16px; } #power-platform #power-platform-community .block-heading__eyebrow { margin-bottom: 16px; } #power-platform #featured-solutions .section-master { padding-bottom: 0px; } #power-platform #featured-solutions .block-heading__paragraph { max-width: 490px; } @media (min-width: 860px) { #power-platform #featured-solutions .accordion--vertical .accordion, #power-platform #featured-solutions .accordion--vertical > div:first-child { max-height: 93%; } } #power-platform #featured-solutions .indicator--shape-pill { background-color: var(--theme-foreground-base-highlight); } #power-platform #featured-solutions a { padding-top: 32px; } #power-platform #resources .pill-bar { padding-left: 0px; margin-left: 0px; } #power-platform #resources .carousel__container { width: 100%; padding-left: 0px; margin-left: 0px; } #power-platform #resources .media { margin: 24px 0px 0px 24px; overflow: visible; } @media (max-width: 859.98px) { #power-platform #conference .block-heading__paragraph { max-width: 890px; } } #power-platform #conference .block-heading__eyebrow { padding-bottom: 35px; font-size: 20px; } #power-platform #conference h3, #power-platform #conference h2, #power-platform #conference p { color: white; } #power-platform #conference #powerful-devs-wordmark { max-width: 75%; } #power-platform #products #feature.card { aspect-ratio: 320/460 !important; width: 100%; background-image: var(--powerplatformdev-tools-feature-bg); background-size: cover; background-repeat: no-repeat; background-position: center center; } #power-platform #products .card-grid__cards .card__content .block-slim { display: flex; flex-grow: 1; justify-content: flex-end; } #power-platform #tools-extensions .section-master { padding-bottom: 0; } #power-platform #tools-extensions .block-heading__title { width: 80%; } #power-platform #azure-developer-community .block-section-title__divider-top { margin-bottom: 0.75rem; } #power-platform #azure-developer-community .badge { width: 50px; height: 50px; padding: 1px; } #power-platform #tools-extensions .card__content .block-slim, #power-platform #additional-resources .card__content .block-slim { display: flex; flex-grow: 1; justify-content: flex-end; } #power-platform #power-platform-community .card-horizontal__content { align-items: start; padding-bottom: 22px; padding-left: 24px; } @media (min-width: 860px) { #power-platform #power-platform-community .card-horizontal__content { padding-top: 140px; } } #power-platform #power-platform-community .card-horizontal__content .block-feature .block-feature__title { max-width: 530px; } #power-platform #power-platform-community .card-horizontal__content .block-feature .block-feature__paragraph { font-size: 16px; max-width: 547px; } #power-platform #power-platform-community .card-horizontal__content .block-heading__button-group { width: 100%; } #power-platform #power-platform-community #community-videos { padding-top: 3rem; } #power-platform #socials p, #power-platform #socials .d-inline-block { padding-right: 30px; } #power-platform #socials a { color: var(--social-color); } #power-platform .ocr-icon-svg--headphones-filled { --icon-svg-path: "M1.5 10C1.5 5.30558 5.30558 1.5 10 1.5C14.6944 1.5 18.5 5.30558 18.5 10V12H16.25C15.8358 12 15.5 12.3358 15.5 12.75V19.25C15.5 19.6642 15.8358 20 16.25 20H17C18.6569 20 20 18.6569 20 17V10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10V17C0 18.6569 1.34315 20 3 20H3.75C4.16421 20 4.5 19.6642 4.5 19.25V12.75C4.5 12.3358 4.16421 12 3.75 12H1.5V10ZM10.75 9.75C10.75 9.33579 10.4142 9 10 9C9.58579 9 9.25 9.33579 9.25 9.75V20.25C9.25 20.6642 9.58579 21 10 21C10.4142 21 10.75 20.6642 10.75 20.25V9.75ZM6.75 12C7.16421 12 7.5 12.3358 7.5 12.75V17.2502C7.5 17.6644 7.16421 18.0002 6.75 18.0002C6.33579 18.0002 6 17.6644 6 17.2502V12.75C6 12.3358 6.33579 12 6.75 12ZM14 12.75C14 12.3358 13.6642 12 13.25 12C12.8358 12 12.5 12.3358 12.5 12.75V17.2502C12.5 17.6644 12.8358 18.0002 13.25 18.0002C13.6642 18.0002 14 17.6644 14 17.2502V12.75Z"; } #power-platform .ocr-icon-svg--document-filled { --icon-svg-path: "M17.9297 2.00049V9.00049C17.9297 10.6573 19.2728 12.0005 20.9297 12.0005H27.9297V27.0005C27.9297 28.6573 26.5865 30.0005 24.9297 30.0005H8.92969C7.27283 30.0005 5.92969 28.6573 5.92969 27.0005V5.00049C5.92969 3.34363 7.27283 2.00049 8.92969 2.00049H17.9297ZM19.9297 2.11713V9.00049C19.9297 9.55277 20.3774 10.0005 20.9297 10.0005H27.813C27.6739 9.51621 27.4137 9.07026 27.051 8.7076L21.2226 2.87917C20.8599 2.51651 20.414 2.25629 19.9297 2.11713Z"; } #power-platform .ocr-icon-svg--code-filled { --icon-svg-path: "M30.9297 16.0005C30.9297 8.2685 24.6617 2.00049 16.9297 2.00049C9.1977 2.00049 2.92969 8.2685 2.92969 16.0005C2.92969 23.7325 9.1977 30.0005 16.9297 30.0005C24.6617 30.0005 30.9297 23.7325 30.9297 16.0005ZM20.8479 9.39466L14.8479 23.3947C14.6303 23.9023 14.0424 24.1374 13.5348 23.9199C13.0272 23.7023 12.792 23.1145 13.0096 22.6068L19.0096 8.60683C19.2271 8.0992 19.815 7.86404 20.3227 8.0816C20.8303 8.29916 21.0654 8.88703 20.8479 9.39466ZM12.5882 13.2532L9.44828 16.0006L12.5882 18.7481C13.0038 19.1117 13.0459 19.7435 12.6823 20.1591C12.3186 20.5748 11.6868 20.6169 11.2712 20.2532L7.27117 16.7531C7.05416 16.5632 6.92968 16.2889 6.92969 16.0005C6.92969 15.7122 7.05418 15.4378 7.27119 15.2479L11.2712 11.748C11.6868 11.3844 12.3186 11.4265 12.6823 11.8421C13.0459 12.2578 13.0038 12.8895 12.5882 13.2532ZM21.1771 20.1591C20.8134 19.7435 20.8556 19.1117 21.2712 18.748L24.4111 16.0007L21.2712 13.2532C20.8555 12.8895 20.8134 12.2577 21.1771 11.8421C21.5408 11.4265 22.1726 11.3843 22.5882 11.748L26.5882 15.2481C26.8052 15.438 26.9297 15.7123 26.9297 16.0007C26.9297 16.2891 26.8052 16.5634 26.5882 16.7533L22.5882 20.2532C22.1725 20.6169 21.5408 20.5747 21.1771 20.1591Z"; } #power-platform .ocr-icon-svg--tutorial-filled { --icon-svg-path: "M8.26302 2.66718H23.5964C25.4373 2.66718 26.9297 4.15956 26.9297 6.00051V15.0852C26.0896 14.8138 25.1934 14.6672 24.263 14.6672C19.4766 14.6672 15.5964 18.5474 15.5964 23.3338C15.5964 24.2643 15.743 25.1604 16.0144 26.0005H6.92969C6.92969 26.7369 7.52664 27.3338 8.26302 27.3338H16.5726C16.9556 28.0685 17.4407 28.7415 18.0091 29.3338H8.26302C6.42207 29.3338 4.92969 27.8415 4.92969 26.0005V6.00051C4.92969 4.15956 6.42207 2.66718 8.26302 2.66718ZM10.263 6.66718C9.52664 6.66718 8.92969 7.26413 8.92969 8.00051V9.33384C8.92969 10.0702 9.52664 10.6672 10.263 10.6672H20.9297C21.6661 10.6672 22.263 10.0702 22.263 9.33384V8.00051C22.263 7.26413 21.6661 6.66718 20.9297 6.66718H10.263ZM31.5964 23.3338C31.5964 19.2838 28.3131 16.0005 24.263 16.0005C20.2129 16.0005 16.9297 19.2838 16.9297 23.3338C16.9297 27.3839 20.2129 30.6672 24.263 30.6672C28.3131 30.6672 31.5964 27.3839 31.5964 23.3338ZM23.4814 20.1299L27.2234 22.5835C27.3394 22.6583 27.4306 22.7574 27.4969 22.8811C27.5632 23.0018 27.5964 23.134 27.5964 23.2778C27.5964 23.4158 27.5646 23.548 27.501 23.6745C27.4375 23.801 27.3491 23.9016 27.2358 23.9764L23.4938 26.5292C23.4247 26.5752 23.3543 26.6097 23.2824 26.6327C23.2134 26.6557 23.1388 26.6672 23.0587 26.6672C22.9537 26.6672 22.8528 26.6456 22.7562 26.6025C22.6595 26.5565 22.5738 26.4961 22.4992 26.4214C22.4274 26.3438 22.3694 26.2546 22.3252 26.154C22.2837 26.0534 22.263 25.9485 22.263 25.8392V20.8285C22.263 20.7163 22.2837 20.61 22.3252 20.5093C22.3694 20.4087 22.4274 20.321 22.4992 20.2463C22.5711 20.1716 22.6553 20.1126 22.752 20.0695C22.8487 20.0235 22.9509 20.0005 23.0587 20.0005C23.2134 20.0005 23.3543 20.0436 23.4814 20.1299Z"; } #power-platform .ocr-icon-svg--certificate-filled { --icon-svg-path: "M6.17969 4.00049C4.38476 4.00049 2.92969 5.45556 2.92969 7.25049V15.1699C4.21152 13.5442 6.19872 12.5005 8.42969 12.5005C12.2957 12.5005 15.4297 15.6345 15.4297 19.5005C15.4297 20.8179 15.0644 22.0535 14.4297 23.1076V25.0005H27.6797C29.4746 25.0005 30.9297 23.5454 30.9297 21.7505V7.25049C30.9297 5.45556 29.4746 4.00049 27.6797 4.00049H6.17969ZM9.92969 10.0005H23.9297C24.482 10.0005 24.9297 10.4482 24.9297 11.0005C24.9297 11.5528 24.482 12.0005 23.9297 12.0005H9.92969C9.3774 12.0005 8.92969 11.5528 8.92969 11.0005C8.92969 10.4482 9.3774 10.0005 9.92969 10.0005ZM16.9297 18.0005C16.9297 17.4482 17.3774 17.0005 17.9297 17.0005H23.9297C24.482 17.0005 24.9297 17.4482 24.9297 18.0005C24.9297 18.5528 24.482 19.0005 23.9297 19.0005H17.9297C17.3774 19.0005 16.9297 18.5528 16.9297 18.0005ZM13.9297 19.5005C13.9297 22.5381 11.4673 25.0005 8.42969 25.0005C5.39212 25.0005 2.92969 22.5381 2.92969 19.5005C2.92969 16.4629 5.39212 14.0005 8.42969 14.0005C11.4673 14.0005 13.9297 16.4629 13.9297 19.5005ZM12.9297 24.8625C11.7129 25.8848 10.1432 26.5004 8.42969 26.5004C6.71617 26.5004 5.14645 25.8848 3.92969 24.8625V29.0004C3.92969 29.785 4.79187 30.264 5.45799 29.8495L8.42969 28.0004L11.4014 29.8495C12.0675 30.264 12.9297 29.785 12.9297 29.0004V24.8625Z"; } #power-platform .ocr-icon-svg--customer-stories { --icon-svg-path: "M19.9027 8.40375C20.0174 8.51877 20.1244 8.64055 20.2233 8.76829C20.4925 9.11611 20.7013 9.50811 20.8396 9.92799L21.452 11.8106C21.5032 11.9557 21.5982 12.0813 21.7239 12.1702C21.8497 12.2591 21.9999 12.3068 22.1538 12.3068C22.3078 12.3068 22.458 12.2591 22.5837 12.1702C22.6959 12.0909 22.7836 11.9823 22.8376 11.8568C22.8441 11.8416 22.8502 11.8262 22.8557 11.8106L23.4681 9.92799C23.6585 9.35564 23.9799 8.83556 24.4067 8.40908C24.8335 7.9826 25.3541 7.66147 25.9269 7.47121L27.811 6.85937C27.9563 6.80818 28.082 6.71324 28.171 6.58765C28.2599 6.46205 28.3077 6.31197 28.3077 6.15811C28.3077 6.00424 28.2599 5.85417 28.171 5.72857C28.082 5.60297 27.9563 5.50803 27.811 5.45684L27.7734 5.44743L25.8892 4.83559C25.3164 4.64533 24.7959 4.3242 24.369 3.89772C23.9422 3.47124 23.6208 2.95116 23.4304 2.37881L22.818 0.496229C22.7668 0.351129 22.6718 0.225481 22.5461 0.136605C22.4204 0.0477278 22.2702 0 22.1162 0C21.9622 0 21.812 0.0477278 21.6863 0.136605C21.5606 0.225481 21.4655 0.351129 21.4143 0.496229L20.802 2.37881L20.7863 2.42543C20.598 2.97544 20.2882 3.47631 19.8797 3.89083C19.4596 4.31702 18.9467 4.64037 18.3808 4.83559L16.4966 5.44743C16.3514 5.49862 16.2257 5.59356 16.1367 5.71916C16.0478 5.84475 16 5.99483 16 6.14869C16 6.30256 16.0478 6.45263 16.1367 6.57823C16.2257 6.70383 16.3514 6.79877 16.4966 6.84996L18.3808 7.4618C18.9546 7.653 19.4758 7.97556 19.9027 8.40375ZM30.5489 12.7468L31.6794 13.1139L31.702 13.1195C31.7891 13.1503 31.8646 13.2072 31.918 13.2826C31.9713 13.3579 32 13.448 32 13.5403C32 13.6326 31.9713 13.7227 31.918 13.798C31.8646 13.8734 31.7891 13.9303 31.702 13.9611L30.5715 14.3282C30.2278 14.4423 29.9155 14.635 29.6594 14.8909C29.4033 15.1468 29.2105 15.4588 29.0962 15.8022L28.7288 16.9318C28.6981 17.0188 28.6411 17.0942 28.5656 17.1476C28.4902 17.2009 28.4001 17.2295 28.3077 17.2295C28.2153 17.2295 28.1252 17.2009 28.0498 17.1476C27.9743 17.0942 27.9173 17.0188 27.8866 16.9318L27.5192 15.8022C27.4057 15.4578 27.2132 15.1446 26.957 14.8877C26.7009 14.6308 26.3882 14.4372 26.0439 14.3225L24.9134 13.9554C24.8262 13.9247 24.7508 13.8677 24.6974 13.7924C24.644 13.717 24.6154 13.627 24.6154 13.5347C24.6154 13.4423 24.644 13.3523 24.6974 13.2769C24.7508 13.2016 24.8262 13.1446 24.9134 13.1139L26.0439 12.7468C26.3834 12.6297 26.6912 12.4357 26.9432 12.1799C27.1952 11.9242 27.3846 11.6137 27.4966 11.2727L27.864 10.1432C27.8947 10.0561 27.9517 9.98073 28.0271 9.9274C28.1026 9.87408 28.1927 9.84544 28.2851 9.84544C28.3775 9.84544 28.4676 9.87408 28.543 9.9274C28.6184 9.98073 28.6755 10.0561 28.7062 10.1432L29.0736 11.2727C29.1879 11.6161 29.3807 11.9282 29.6368 12.1841C29.8929 12.44 30.2052 12.6326 30.5489 12.7468ZM14.7693 2.46136C16.2442 2.46136 17.6686 2.67754 19.0125 3.07994C18.7205 3.36067 18.3673 3.57006 17.9804 3.69143L16.1096 4.30677C15.716 4.43812 15.375 4.69271 15.1373 5.03287C14.898 5.36422 14.7692 5.76254 14.7692 6.17125C14.7692 6.57996 14.898 6.97828 15.1373 7.30963C15.3674 7.64682 15.6996 7.90132 16.085 8.03573L18.005 8.65107C18.3884 8.78679 18.7372 9.00529 19.0266 9.29102C19.1074 9.37094 19.1815 9.45738 19.2481 9.54947C19.4344 9.78434 19.5762 10.0513 19.6666 10.3371L20.2819 12.22C20.4205 12.6132 20.6733 12.9561 21.0081 13.2046C21.3448 13.4364 21.7439 13.5605 22.1527 13.5605C22.5615 13.5605 22.9606 13.4364 23.2973 13.2046L23.4573 13.0692C23.4103 13.2207 23.3855 13.3782 23.3835 13.5369C23.3871 13.8843 23.4942 14.2228 23.6912 14.5091C23.8896 14.7927 24.1746 15.0043 24.5035 15.1121L25.6604 15.4936C25.8184 15.5453 25.9619 15.6339 26.0789 15.7521C26.2024 15.8718 26.2953 16.0196 26.3496 16.1828L26.7189 17.3151C26.8285 17.653 27.0443 17.9465 27.3342 18.1519C27.6187 18.3527 27.9584 18.4605 28.3066 18.4605C28.6547 18.4605 28.9944 18.3527 29.2789 18.1519C29.367 18.0902 29.4483 18.0202 29.5216 17.943C29.1493 25.7679 22.6869 31.9977 14.7693 31.9977C12.2634 31.9977 9.90099 31.3729 7.83177 30.2701L1.96114 31.9395C0.801826 32.2691 -0.269138 31.1982 0.0605359 30.039L1.72962 24.1701C0.625555 22.1002 3.15261e-05 19.7366 3.15261e-05 17.2295C3.15261e-05 9.07329 6.61244 2.46136 14.7693 2.46136Z" ; } #power-platform .ocr-icon.ocr-icon-svg--customer-stories > svg { left: 0; } :root[data-theme=light] { --devex-improve-bg: rgba(255, 255, 255, 0.6); } :root[data-theme=dark] { --devex-improve-bg: rgba(255, 255, 255, 0.25); } #developer-experience .ocr-icon-svg--optimize-1 { --icon-svg-path: "M23.4978 0L38.6055 0.00103474L38.8059 0.0288849L39.0036 0.0840931L39.1241 0.135196C39.2826 0.204924 39.4311 0.306299 39.5615 0.436711L39.6429 0.5248L39.73 0.637562L39.8384 0.817807L39.9157 0.998444L39.9541 1.12659L39.9812 1.2546L39.9999 1.44301L40.0009 16.5078C40.0009 17.3362 39.3293 18.0078 38.5009 18.0078C37.7415 18.0078 37.1139 17.4435 37.0146 16.7113L37.0009 16.5078L37 5.118L21.5623 20.5585C21.0298 21.0911 20.1965 21.1395 19.6092 20.7038L19.441 20.5586L13.5 14.6178L2.56066 25.5572C1.97487 26.143 1.02513 26.143 0.43934 25.5572C-0.0931932 25.0247 -0.141605 24.1913 0.294104 23.6041L0.43934 23.4359L12.4393 11.4359C12.9719 10.9034 13.8052 10.8549 14.3924 11.2906L14.5606 11.4359L20.5016 17.3766L34.876 3H23.4978C22.7385 3 22.1109 2.43569 22.0115 1.70354L21.9978 1.5C21.9978 0.740609 22.5622 0.113018 23.2943 0.0136929L23.4978 0Z"; } #developer-experience .ocr-icon-svg--optimize-2 { --icon-svg-path: "M14.667 0.00268555C22.6751 0.00268555 29.167 6.49456 29.167 14.5027C29.167 18.6948 27.3656 22.5421 23.8409 25.9865C23.687 26.1369 23.5679 26.318 23.4907 26.5171L23.4277 26.7217L21.1656 36.5129C20.7202 38.4407 19.0739 39.8374 17.1275 39.9867L16.7811 39.9999H12.5535C10.5745 39.9999 8.84281 38.7098 8.25957 36.8464L8.16875 36.5118L5.90962 26.7222C5.84506 26.4424 5.70154 26.187 5.49611 25.9864C2.1373 22.706 0.342557 19.0602 0.179245 15.0992L0.166992 14.5027L0.174743 14.0241C0.427273 6.23747 6.81902 0.00268555 14.667 0.00268555ZM18.897 32.9987H10.435L11.0919 35.8372C11.2333 36.4497 11.7383 36.9015 12.3471 36.9857L12.5535 36.9999H16.7811C17.4096 36.9999 17.9633 36.6095 18.1823 36.0354L18.2426 35.8376L18.897 32.9987ZM14.667 3.00269C8.46342 3.00269 3.40712 7.91472 3.1753 14.0616L3.16699 14.5027L3.18042 15.0567C3.33272 18.1834 4.78142 21.095 7.59224 23.8402C8.1205 24.3561 8.5123 24.9927 8.73544 25.6927L8.8328 26.0476L9.74299 29.9987H19.589L20.5047 26.0464C20.6708 25.3276 21.0105 24.6626 21.4918 24.1085L21.7441 23.8409C24.5534 21.0957 26.0013 18.184 26.1535 15.0568L26.167 14.5027L26.1587 14.0616C25.9268 7.91472 20.8705 3.00269 14.667 3.00269Z"; } #developer-experience .ocr-icon-svg--optimize-3 { --icon-svg-path: "M17.8936 0.439314C17.3078 -0.146458 16.3581 -0.146435 15.7723 0.439366C15.1866 1.02517 15.1866 1.97491 15.7724 2.56069L18.2122 5.0004C8.32668 5.06537 0.333008 13.0992 0.333008 23C0.333008 32.9411 8.39188 41 18.333 41C27.7214 41 35.4296 33.8135 36.2592 24.6404C36.3338 23.8154 35.7254 23.086 34.9004 23.0114C34.0753 22.9368 33.346 23.5452 33.2714 24.3702C32.5803 32.0116 26.1551 38 18.333 38C10.0487 38 3.33301 31.2843 3.33301 23C3.33301 14.7565 9.98288 8.06606 18.211 8.00049L15.7724 10.4391C15.1866 11.0249 15.1866 11.9746 15.7724 12.5604C16.3581 13.1462 17.3079 13.1462 17.8937 12.5604L22.8937 7.56042C23.175 7.27911 23.333 6.89757 23.333 6.49974C23.333 6.10191 23.175 5.72037 22.8936 5.43907L17.8936 0.439314ZM25.9004 17.4393C26.4862 18.0251 26.4862 18.9749 25.9004 19.5607L16.8937 28.5676C16.6124 28.8489 16.2308 29.0069 15.833 29.0069C15.4352 29.0069 15.0537 28.8489 14.7724 28.5676L10.7724 24.5676C10.1866 23.9818 10.1866 23.032 10.7724 22.4462C11.3581 21.8605 12.3079 21.8605 12.8937 22.4462L15.833 25.3856L23.7791 17.4394C24.3648 16.8536 25.3146 16.8536 25.9004 17.4393Z"; } #developer-experience #what-is-devex .card__content blockquote { font-size: var(--root-h5-font-size); } #developer-experience #measuring-devex .accordion .ocr-accordion-item__body p:not(:last-of-type) { margin-bottom: 1rem; } #developer-experience #measuring-devex .accordion .ocr-accordion-item__body > :last-child .link { margin-top: 1.5rem; } #developer-experience #measuring-devex-2 .block-heading__title { max-width: 44rem; } #developer-experience #measuring-devex-2 .overlay__target { padding-top: 4.5rem; backdrop-filter: blur(10px); } #developer-experience #measuring-devex-2 .overlay__target::before { background: var(--devex-improve-bg); } #developer-experience #latest-devex-research .ghost-card .media { --ghost-card-image-aspect-ratio: 4/3 ; } #developer-experience #devex-quick-check ul li { list-style-type: disc; } #developer-experience #devex-quick-check ul li .ocr-faq-item__body a { color: var(--theme-foreground-base-subtle); } #developer-experience #get-started .block-heading__paragraph { max-width: 44rem; } #developer-experience #get-started #talk-to-your-rep .link__text { font-size: 14px; font-weight: 600; color: var(--link-text-color, inherit); letter-spacing: -0.48px; } .story-grid--next-to-3 .story-grid__other-articles .ghost-card:last-child { display: block; } .theme-night a[href]:focus, .theme-night area[href]:focus, .theme-night input:focus, .theme-night select:focus, .theme-night textarea:focus, .theme-night button:focus, .theme-night iframe:focus, .theme-night [tabindex]:focus, .theme-night [contentEditable=true]:focus { outline-color: white; } .theme-night .carousel .sr-only-focusable { background-color: inherit; } @media (min-width: 1084px) { #theme-button-wrapper { margin-top: 68px; padding-left: 5%; padding-right: 24px; } } #theme-button-wrapper button { margin-top: 10px; font-weight: 400; } @media (max-width: 1083px) { #uhf-footer { margin-top: 0; } .c-uhff-base { padding-top: 0.5rem !important; } } .c-uhff-base { padding-left: 0 !important; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .fade-in { animation-name: fade-in !important; } .animation--duration-500 { animation-duration: 500ms; } :root[data-theme=light] { --invert-for-darkmode: invert(0); } :root[data-theme=dark] { --invert-for-darkmode: invert(1); } img.invert-for-darkmode, .invert-for-darkmode img { filter: var(--invert-for-darkmode); } .theme-night .tab-group .active:not(.tab-image) { color: #000 !important; }