/* 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;
}