/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
img, svg {
max-width: 100%;
height: auto;
}
:root {
--color-apple-green: #89d329;
--color-black-two: #2e2e2e;
--color-black: #171717;
--color-black-25: rgba(0, 0, 0, 0.25);
--color-black-35: rgba(0, 0, 0, 0.35);
--color-white: #fff;
--color-blue-grey: #343434;
--color-bright-sky-blue: #00bcff;
--color-brownish-grey-two: #757575;
--color-base-grey: #262d33;
--color-brownish-grey: #5b5b5b;
--color-cerulean: #009add;
--color-cherry: #cf0a2c;
--color-cobalt: #1d4189;
--color-cool-grey: #a7a9ac;
--color-dark-grey: #4e525a;
--color-dark-indigo: #0e285a;
--color-dark-sky-blue: #5a8ed2;
--color-dark-slate-blue: #10384f;
--color-deep-orange: #e75200;
--color-deep-sea-blue: #005288;
--color-grey-blue: #687794;
--color-greyblue-two: #67baaf;
--color-greyblue-three: #92b1d0;
--color-greyblue: #68bab1;
--color-greylight: #343434;
--color-image-background: #ececec;
--color-mid-blue: #1d59ae;
--color-midnight: #020c1f;
--color-navy-blue: #00205b;
--color-dark-blue: #1d4289;
--color-pale-grey-51: rgba(253, 253, 254, 0.51);
--color-pale-grey-two: #f2f6fd;
--color-pale-grey: #f9fbff;
--color-pop-in-overlay: rgba(0, 0, 0, 0.1);
--color-primary-orange: #e5531a;
--color-primary-sg-orange-25: rgba(229, 83, 26, 0.25);
--color-primary-sg-orange-50: rgba(229, 83, 26, 0.5);
--color-purple-brown-15: rgba(64, 48, 61, 0.15);
--color-schemes-cards: #06183a;
--color-schemes-web-bg: #f5f9ff;
--color-secondary-cyan: #67b9b0;
--color-secondary-cyan-dark: #499990;
--color-secondary-dk-blue: #00448a;
--color-secondary-lt-blue-25: rgba(33, 156, 220, 0.25);
--color-secondary-lt-blue-50: rgba(33, 156, 220, 0.5);
--color-secondary-lt-blue: #219cdc;
--color-secondary-red-25: rgba(206, 20, 49, 0.25);
--color-secondary-red: #ce1431;
--color-slate-grey: #4f5665;
--color-slate: #5b6782;
--color-strawberry: #ee2b3e;
--color-system-black: #000;
--color-system-transparent: #fff;
--color-system-white-25: rgba(255, 255, 255, 0.25);
--color-system-white-50: rgba(255, 255, 255, 0.5);
--color-system-white: #fff;
--color-tangerine: #f68b11;
--color-text-dark-dk-grey: #4e425a;
--color-text-dark-grey: #707681;
--color-text-dark-lt-grey: #c4cbd8;
--color-text-dark-med-grey: #818399;
--color-text-dark-med-grey-05: rgba(129, 131, 153, 0.5);
--color-text-dark-med-grey-02: rgba(129, 131, 153, 0.2);
--color-text-light-100: #fafafc;
--color-text-light-200: #f2f2f5;
--color-text-light-300: #ebebf0;
--color-web-bck: #f4f8ff;
--color-icon-blue: #0e4e96;
--color-table-border: rgba(6, 24, 58, 0.15);
--color-disabled: #c4c4c4;
--color-chart-grey: #7383A0;
/* gradients */
--gradient-to-top: linear-gradient(to top, var(--color-secondary-cyan), var(--color-secondary-lt-blue), var(--color-cobalt), var(--color-secondary-red), var(--color-primary-orange));
--gradient-to-bottom: linear-gradient(to bottom, var(--color-secondary-cyan), var(--color-secondary-lt-blue), var(--color-cobalt), var(--color-secondary-red), var(--color-primary-orange));
--gradient-to-right: linear-gradient(to right, var(--color-secondary-cyan-dark), var(--color-secondary-lt-blue), var(--color-icon-blue), var(--color-secondary-red), var(--color-primary-orange));
--gradient-to-left: linear-gradient(to left, var(--color-secondary-cyan), var(--color-secondary-lt-blue), var(--color-cobalt), var(--color-secondary-red), var(--color-primary-orange));
--gradient-to-right-rainbow: linear-gradient(to right, var(--color-secondary-cyan), var(--color-secondary-lt-blue), var(--color-cobalt), var(--color-secondary-red), var(--color-primary-orange));
--gradient-to-bottom-transparent-20: linear-gradient(var(--color-schemes-web-bg) 20%, rgba(255, 255, 255, 0) 80%);
--gradient-to-bottom-transparent-40: linear-gradient(var(--color-schemes-web-bg) 40%, rgba(255, 255, 255, 0) 60%);
/* timeline slider colors */
--color-timeline-0: var(--color-secondary-cyan);
--color-timeline-0a: #54b3ba;
--color-timeline-0b: #42abc7;
--color-timeline-0c: #33a3d1;
--color-timeline-1: var(--color-secondary-lt-blue);
--color-timeline-1a: #2185c7;
--color-timeline-1b: #1f6eb3;
--color-timeline-1c: #1c579e;
--color-timeline-2: var(--color-cobalt);
--color-timeline-2a: #473675;
--color-timeline-2b: #752b5c;
--color-timeline-2c: #a11f45;
--color-timeline-3: var(--color-secondary-red);
--color-timeline-3a: #d4242b;
--color-timeline-3b: #db3624;
--color-timeline-3c: #e0451f;
--color-timeline-4: var(--color-primary-orange);
/* box-shadows */
--box-shadow--level-3: 0 0 2px rgba(40, 41, 61, 0.04), 0 4px 8px rgba(96, 97, 112, 0.16);
--box-shadow--level-4: 0 4px 8px rgba(6, 24, 58, 0.2);
--box-shadow--level-5: 0 2px 8px rgba(40, 41, 61, 0.04), 0 16px 24px rgba(96, 97, 112, 0.16);
--box-shadow--level-8: 0 10px 30px rgba(6, 24, 58, 0.15);
--box-shadow--level-9: 0 5px 20px 0 rgba(6, 24, 58, 0.15);
--box-shadow--level-10: 0 -1px 14px rgba(6, 24, 58, 0.15);
}
:root {
--root-font-size--default: 100%;
--root-font-size--large: calc(16 * (1vw / 14.4)); /* 16 on 1440 and 21.3 on 1920 */
/* font-sizes */
--font-size--xxxxxxxl: 4rem; /* 64px */
--font-size--xxxxxxl: 3.5rem; /* 56px */
--font-size--xxxxxl: 2.5rem; /* 40px */
--font-size--xxxxl: 2rem; /* 32px */
--font-size--xxxl: 1.75rem; /* 28px */
--font-size--xxl: 1.5rem; /* 24px */
--font-size--xxl2: 1.375rem; /* 22px */
--font-size--xl1: 1.3125rem; /* 21px */
--font-size--xl: 1.25rem; /* 20px */
--font-size--l: 1.125rem; /* 18px */
--font-size--base: 1rem; /* 16px */
--font-size--s1: 0.875rem; /* 14px */
--font-size--s: 0.8125rem; /* 13px */
--font-size--xs1: 0.75rem; /* 12px */
--font-size--xs: 0.6875rem; /* 11px */
--font-size--xxs: 0.625rem; /* 10px */
/* font families */
--font-family--base: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
--font-family--decorative: "Montserrat", sans-serif;
/* font-weight */
--font-weight--base: var(--font-weight--regular);
--font-weight--thin: 100;
--font-weight--lighter: 200;
--font-weight--light: 300;
--font-weight--regular: 400;
--font-weight--medium: 500;
--font-weight--bold: 700;
/* line height */
--line-height--xxl: 2;
--line-height--xl: 1.77;
--line-height--l2: 1.75;
--line-height--l: 1.625;
--line-height--lm: 1.54;
--line-height--base: 1.5;
--line-height--s: 1.44;
--line-height--sm: 1.39;
--line-height--xsm: 1.33;
--line-height--xs: 1.28;
--line-height--xs1: 1.23;
--line-height--xs2: 1.18;
--line-height--xs3: 1.1875;
--line-height--xs4: 1.1538;
--line-height--xxs: 1.1;
--line-height--xxs2: 1;
--line-height--xxxs: 0.75rem;
/* letter-spacings */
--letter-spacing--base: 0.0625rem; /* 1px */
--letter-spacing--s: 0.05rem; /* 0.8px */
/* transitions */
--transition-duration: 0.3s;
--transition-hover: var(--transition-duration) ease;
--transition-collapse: var(--transition-duration) ease;
--transition-slide: var(--transition-duration) ease;
--transition-page-scroll: 0.1s linear;
/* z-index */
--z-index-sticky-cta: 490;
--z-index-filters-popup: 492;
--z-index-selectbox: 495;
--z-index-header: 501;
--z-index-megamenu: 505;
--z-index-megamenu--parent: 506;
--z-index-search-in-header: 510;
--z-index-header-dropdown: 520;
--z-index-langauge-bar: 600;
--z-index-langauge-bar-bottom: 9999;
/* site sizes */
--site-max-width: 1920px;
--content-max-width--l: 77.875rem; /* 1216px + 30 padding */
--content-max-width: 71.875rem; /* 1120px + 30 padding */
--content-max-width--mobile: 64rem; /* 1024px */
--content-max-width--s: 64.1875rem; /* 997px + 30 padding */
--content-max-width--m: 56.25rem; /* 900 + 30 paddings */
--content-max-width--xxs: 41.25rem; /* 630px + 30 padding */
--half-content-width: calc((var(--content-max-width) / 2) - var(--content-padding));
--half-content-grid: minmax(32rem, var(--half-content-width));
--header-height: 5.5rem;
--header-height--mobile: 3.625rem;
--content-padding: 0.9375rem;
/* vertical spacings */
--vertical--spacing--xxs: 0.25rem; /* 4px */
--vertical--spacing--xs: 0.5rem; /* 8px */
--vertical--spacing--s: 0.75rem; /* 12px */
--vertical--spacing--m: 1rem; /* 16px */
--vertical--spacing--l: 1.25rem; /* 20px */
--vertical--spacing--xl: 1.5rem; /* 24px */
--vertical--spacing--xxl: 2rem; /* 32px */
--vertical--spacing--xxxl: 2.5rem; /* 40px */
--vertical--spacing--xxxxl: 3rem; /* 48px */
/* grid */
--grid-gap: 3.75rem; /* 60px */
--grid-gap--xxxs-small: 0.125rem; /* 2px */
--grid-gap--xs-small: 0.5rem; /* 8px */
--grid-gap--x-small: 0.9375rem; /* 15px */
--grid-gap--small: 1.375rem; /* 22px */
--grid-gap--middle: 2.9375rem; /* 47px */
--grid-gap--medium: 5rem; /* 80px */
--grid-gap--large: 7.5rem; /* 122px */
--grid-gap--additional-small: 5rem; /* 100px */
--grid-gap--additional: 6.25rem; /* 100px */
--grid-gap--additional-medium: 10.3125rem; /* 165px */
--grid-gap--additional-large: 11.25rem; /* 180px */
--grid-minmax: minmax(33rem, 43rem);
--grid-item: calc((var(--content-max-width) - var(--grid-gap)) / 2);
/* animations */
--horizontal-gradient-animation: horisontal-gradient-animation 2s ease infinite;
/* sidebar width */
--left-column-width: 9rem;
--right-column-width: 45.9375rem;
--columns-gap: 1.625rem; /* 26px */
}
@keyframes horisontal-gradient-animation {
0% {
background-position: 0% 100%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 100%;
}
}
/* roboto-100 - latin */
@font-face {
font-family: "Roboto";
src:
local(""),
url(../fonts/c2aa4ab115bf9c6057cb59709d0e152b.woff2) format("woff2"),
url(../fonts/a45108d3b34af91f9113d827a183296d.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 100;
font-style: normal;
font-display: swap;
size-adjust: 100%;
}
/* roboto-300 - latin */
@font-face {
font-family: "Roboto";
src:
local(""),
url(../fonts/37a7069dc30fc663c8781220e5669d25.woff2) format("woff2"),
url(../fonts/865f928cbabcc9f8f2b50fb47a20bc63.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 300;
font-style: normal;
font-display: swap;
size-adjust: 100%;
}
/* roboto-regular - latin */
@font-face {
font-family: "Roboto";
src:
local(""),
url(../fonts/176f8f5bd5f02b3abfcf894955d7e919.woff2) format("woff2"),
url(../fonts/49ae34d4cc6b98c00c69ab4c41de3e0c.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 400;
font-style: normal;
font-display: swap;
size-adjust: 100%;
}
/* roboto-500 - latin */
@font-face {
font-family: "Roboto";
src:
local(""),
url(../fonts/f5b74d7ffcdf85b9dd60130fa0b2c087.woff2) format("woff2"),
url(../fonts/cea99d3e3e13a3a599a015c29f1046d0.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 500;
font-style: normal;
font-display: swap;
size-adjust: 100%;
}
/* roboto-700 - latin */
@font-face {
font-family: "Roboto";
src:
local(""),
url(../fonts/c18ee39fb002ad58b6dc595476f88fef.woff2) format("woff2"),
url(../fonts/2267169ee7270a22a963b2b2bfb7ab0c.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 700;
font-style: normal;
font-display: swap;
size-adjust: 100%;
}
/* montserrat-100 - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/8d7d79679b70dbe27172b6460e7a7910.woff2) format("woff2"),
url(../fonts/ec38980a9e0119a379e2a9b3dbb1901a.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 100;
font-style: normal;
}
/* montserrat-100italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/e279051046ba1286706adc886cf1c96b.woff2) format("woff2"),
url(../fonts/3b325a3173c8207435cd1b76e19bf501.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 100;
font-style: italic;
}
/* montserrat-200 - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/9d266fbbfa6cab7009bd56003b1eeb67.woff2) format("woff2"),
url(../fonts/2d8ba08717110d27122e54c34b8a5798.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 200;
font-style: normal;
}
/* montserrat-200italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/6e5b3756583bb2263eb062eae992735e.woff2) format("woff2"),
url(../fonts/a0d6f343e4b536c582926255367a57da.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 200;
font-style: italic;
}
/* montserrat-300 - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/00b3e893aab5a8fd632d6342eb72551a.woff2) format("woff2"),
url(../fonts/ea303695ceab35f17e7d062f30e0173b.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 300;
font-style: normal;
}
/* montserrat-300italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/56f34ea368f6aedf89583d444bbcb227.woff2) format("woff2"),
url(../fonts/54b0bf2c8c4c12ffafd803be2466a790.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 300;
font-style: italic;
}
/* montserrat-regular - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/b71748ae4f80ec8c014def4c5fa8688b.woff2) format("woff2"),
url(../fonts/0659a9f4e90db5cf51b50d005bff1e41.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 400;
font-style: normal;
}
/* montserrat-italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/6eed6b4cbb809c6efc7aa7ddad6dbe3e.woff2) format("woff2"),
url(../fonts/7583622cfde30ae49086d18447ab28e7.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 400;
font-style: italic;
}
/* montserrat-500 - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/091b209546e16313fd4f4fc36090c757.woff2) format("woff2"),
url(../fonts/edd311588712a96bbf435fad264fff62.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 500;
font-style: normal;
}
/* montserrat-500italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/c90ced68b46050061d1a41842d6dfb43.woff2) format("woff2"),
url(../fonts/5146cbfe02b1deea5dffea27a5f2f998.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 500;
font-style: italic;
}
/* montserrat-600 - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/0480d2f8a71f38db8633b84d8722e0c2.woff2) format("woff2"),
url(../fonts/b77863a375260a05dd13f86a1cee598f.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 600;
font-style: normal;
}
/* montserrat-600italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/cf46ffb11f3a60d7df0567f8851a1d00.woff2) format("woff2"),
url(../fonts/c4fcfeeb057724724097167e57bd7801.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 600;
font-style: italic;
}
/* montserrat-700 - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/7dbcc8a5ea2289d83f657c25b4be6193.woff2) format("woff2"),
url(../fonts/99271a835e1cae8c76ef8bba99a8cc4e.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 700;
font-style: normal;
}
/* montserrat-700italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/c41ad6bdb4bd504a843d546d0a47958d.woff2) format("woff2"),
url(../fonts/6779372f04095051c62ed36bc1dcc142.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 700;
font-style: italic;
}
/* montserrat-800 - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/db9a3e0ba7eaea32e5f55328ace6cf23.woff2) format("woff2"),
url(../fonts/4e3c615967a2360f5db87d2f0fd2456f.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 800;
font-style: normal;
}
/* montserrat-800italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/bf45bfa14805969eda318973947bc42b.woff2) format("woff2"),
url(../fonts/fe82abb0bcede51bf724254878e0c374.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 800;
font-style: italic;
}
/* montserrat-900 - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/e66c7edc609e24bacbb705175669d814.woff2) format("woff2"),
url(../fonts/8211f418baeb8ec880b80ba3c682f957.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 900;
font-style: normal;
}
/* montserrat-900italic - latin */
@font-face {
font-family: "Montserrat";
src:
local(""),
url(../fonts/4454c775e48152c1a72510ceed3603e2.woff2) format("woff2"),
url(../fonts/efcaa0f6a82ee0640b83a0916e6e8d68.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-weight: 900;
font-style: italic;
}
html {
font-size: var(--root-font-size--default);
scroll-padding-top: var(--header-height--mobile);
}
@media all and (min-width: 1024px) {
html {
scroll-padding-top: var(--header-height)
}
}
@media all and (min-width: 1440px) {
html {
font-size: var(--root-font-size--large)
}
}
@media screen and (min-width: 1920px) {
html {
font-size: 1.33rem;
}
}
body {
color: var(--color-dark-grey);
background-color: var(--color-web-bck);
font-family: var(--font-family--base);
font-size: var(--font-size--base);
font-weight: var(--font-weight--base);
line-height: var(--line-height--base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
}
.body--overflow-hidden {
overflow: hidden;
}
:focus {
border-radius: 0;
outline: 2px dotted var(--color-secondary-lt-blue);
outline-offset: -1px;
}
.a-button {
/* position needed in pseudo */
padding: 0;
transition: all var(--transition-hover);
text-decoration: none;
letter-spacing: var(--letter-spacing--base);
text-transform: uppercase;
color: var(--color-primary-orange);
border: none;
background-color: transparent;
font-family: var(--font-family--base);
font-size: var(--font-size--s);
font-weight: var(--font-weight--bold);
outline: none;
box-shadow: none;
}
a.a-button {
display: inline-block;
}
.a-button:hover, .a-button:focus {
cursor: pointer;
color: var(--color-secondary-lt-blue);
outline: none;
}
.a-button.a-button--border-white {
color: var(--color-system-white);
border-color: var(--color-system-white);
}
.a-button.a-button--border-white:hover {
color: var(--color-secondary-lt-blue);
}
.a-button--primary.a-button--red {
background-image: linear-gradient(90deg, var(--color-secondary-red) 50%, var(--color-secondary-red) 50%);
}
.a-button--primary.a-button--facebook {
background-image: linear-gradient(90deg, var(--color-secondary-dk-blue) 50%, var(--color-secondary-dk-blue) 50%);
}
.a-button--primary.a-button--twitter {
background-image: linear-gradient(90deg, var(--color-secondary-lt-blue) 50%, var(--color-secondary-lt-blue) 50%);
}
.a-button--primary {
transition: background-position var(--transition-duration) ease var(--transition-duration), border-color var(--transition-duration) ease-out var(--transition-duration);
color: var(--color-system-white);
border: none;
background-image: linear-gradient(90deg, var(--color-secondary-lt-blue) 50%, var(--color-primary-orange) 50%);
background-position: top right;
background-size: calc(200% + 0.125rem) 100%;
fill: var(--color-system-white);
stroke: var(--color-system-white);
}
.a-button--primary:hover, .a-button--primary:focus {
color: var(--color-system-white);
border-color: var(--color-secondary-lt-blue);
background-position: top left;
}
.a-button--social .a-button__content-wrapper {
display: flex;
align-items: center;
height: 2.5rem;
padding: 0 1.25rem;
gap: 0.75rem;
}
.a-button--small {
font-size: var(--font-size--s1);
font-weight: var(--font-weight--regular);
}
.a-button--small .a-button__content {
padding: 0.3125rem 0.5rem;
}
.a-button--small .a-button__icon-wrapper {
width: 1.75rem;
height: auto;
border: none;
}
.a-button--small .a-button__icon {
width: 0.875rem;
height: 0.875rem;
}
.a-button--orange-hover {
transition: background-position var(--transition-duration) ease var(--transition-duration), border-color var(--transition-duration) ease-out var(--transition-duration);
border-color: var(--color-primary-orange);
background-image: linear-gradient(90deg, var(--color-primary-orange) 50%, var(--color-system-white) 50%);
background-position: top right;
background-size: calc(200% + 0.125rem) 100%;
}
.a-button--orange-hover:hover, .a-button--orange-hover:focus {
color: var(--color-system-white);
border-color: var(--color-primary-orange);
background-position: top left;
}
.a-button--only-icon .a-button__icon-wrapper--first {
border: 0;
}
.a-button--only-icon .a-button__content {
display: none;
}
.a-button--cta {
background-color: var(--color-system-white);
font-size: var(--font-size--s);
line-height: var(--line-height--xs4);
}
.a-button--cta--secondary {
color: var(--color-system-white);
border-color: var(--color-system-white);
background-color: transparent;
}
.a-button--cta--secondary:hover {
color: var(--color-secondary-lt-blue);
}
.a-button--cta--secondary .a-button__icon-wrapper {
border-color: var(--color-system-white);
}
.a-button--cta--secondary:hover .a-button__icon-wrapper {
border-color: var(--color-secondary-lt-blue);
}
.a-button--cta--secondary .a-button__icon {
fill: var(--color-system-white);
}
.a-button--cta--secondary:hover .a-button__icon {
fill: var(--color-secondary-lt-blue);
}
.a-button__content {
display: inline-block;
padding: 0.938rem 1.25rem;
vertical-align: middle;
line-height: 1rem;
}
.a-button--primary .a-button__content {
padding: 1rem 1.25rem;
}
.a-button--social .a-button__content {
padding: 0;
}
.a-button--icon-large .a-button__content {
overflow: hidden;
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
}
.a-button__content-wrapper {
position: relative;
display: flex;
border: 1px solid var(--color-primary-orange);
}
.a-button--primary .a-button__content-wrapper {
border: none;
}
.a-button__content-wrapper:before, .a-button__content-wrapper:after {
position: absolute;
top: -1px;
left: -1px;
box-sizing: inherit;
width: 0;
height: 0;
content: "";
border: 1px solid transparent;
}
.a-button:hover .a-button__content-wrapper:before, .a-button:focus .a-button__content-wrapper:before, .a-button:hover .a-button__content-wrapper:after, .a-button:focus .a-button__content-wrapper:after {
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.a-button:hover .a-button__content-wrapper:before, .a-button:focus .a-button__content-wrapper:before {
transition:
width var(--transition-duration) ease-out,
height var(--transition-duration) ease-out var(--transition-duration);
border-top-color: var(--color-secondary-lt-blue);
border-right-color: var(--color-secondary-lt-blue);
}
.a-button:hover .a-button__content-wrapper:after, .a-button:focus .a-button__content-wrapper:after {
transition:
height var(--transition-duration) ease-out,
width var(--transition-duration) ease-out var(--transition-duration);
border-bottom-color: var(--color-secondary-lt-blue);
border-left-color: var(--color-secondary-lt-blue);
}
.a-button__icon-wrapper {
position: relative;
display: inline-block;
width: 3.438rem;
min-width: 3.438rem;
min-height: 2.875rem;
transition: all var(--transition-hover);
vertical-align: middle;
border-left: 0.063rem solid var(--color-primary-sg-orange-25);
line-height: 0;
}
.a-button__icon-wrapper--first {
border-right: 0.063rem solid var(--color-primary-sg-orange-25);
border-left: 0;
}
.a-button:hover .a-button__icon-wrapper, .a-button:focus .a-button__icon-wrapper {
border-color: var(--color-secondary-lt-blue-25);
}
.a-button--primary .a-button__icon-wrapper {
min-height: 3rem;
border-color: var(--color-system-white-25);
}
.a-button--primary:hover .a-button__icon-wrapper, .a-button--primary:focus .a-button__icon-wrapper {
border-color: var(--color-system-white-25);
}
.a-button--social .a-button__icon-wrapper {
width: auto;
height: auto;
min-height: 0;
border: none;
}
.a-button__icon {
position: absolute;
top: 50%;
left: 50%;
width: 1rem;
height: 1rem;
transition: all var(--transition-hover);
transform: translate(-50%, -50%);
fill: var(--color-primary-orange);
stroke: var(--color-primary-orange);
}
.a-button--icon-large .a-button__icon {
width: 1.375rem;
height: 1.375rem;
}
.a-button:hover .a-button__icon, .a-button:focus .a-button__icon {
fill: var(--color-secondary-lt-blue);
stroke: var(--color-secondary-lt-blue);
}
.a-button--primary .a-button__icon {
fill: var(--color-system-white);
stroke: var(--color-system-white);
}
.a-button--primary:hover .a-button__icon, .a-button--primary:focus .a-button__icon {
fill: var(--color-system-white);
stroke: var(--color-system-white);
}
.a-button--social .a-button__icon {
position: relative;
top: 0;
left: 0;
transform: none;
}
.a-button__inline-icon {
display: inline-block;
width: 1rem;
height: 1rem;
margin-left: 0.5rem;
transition: all var(--transition-hover);
}
.a-button--close {
position: fixed;
top: 0;
right: 0;
}
.a-button--close .a-button__content-wrapper, .a-button--close:hover .a-button__content-wrapper:after {
border: 0;
}
.a-button:hover .a-button__content-wrapper, .a-button:focus .a-button__content-wrapper {
border: solid 1px transparent;
}
.a-button--primary:hover .a-button__content-wrapper, .a-button--primary:focus .a-button__content-wrapper {
border: none;
}
.a-button--primary .a-button__content-wrapper:before, .a-button--primary .a-button__content-wrapper:after {
display: none;
}
.a-button--orange-hover:hover .a-button__icon-wrapper, .a-button--orange-hover:focus .a-button__icon-wrapper {
border-color: var(--color-text-dark-lt-grey);
}
.a-button--orange-hover:hover .a-button__icon-wrapper .a-button__icon, .a-button--orange-hover:focus .a-button__icon-wrapper .a-button__icon {
fill: var(--color-system-white);
}
.a-button--orange-hover:hover:before, .a-button--orange-hover:hover:after, .a-button--orange-hover:focus:before, .a-button--orange-hover:focus:after {
border: none;
}
.a-button--close .a-button__content-wrapper .a-button__icon {
fill: var(--color-system-white);
}
.a-button--disabled {
opacity: 1;
pointer-events: none;
cursor: not-allowed;
color: var(--color-disabled);
}
.a-button--disabled .a-button__content-wrapper {
border-color: var(--color-disabled);
}
.a-checkbox {
display: inherit;
}
.a-checkbox__input, .t-page__filters-search .m-filters__content input {
position: absolute;
opacity: 0;
}
.a-checkbox__label, .t-page__filters-search .m-filters__content label {
display: flex;
align-items: center;
cursor: pointer;
transition: all var(--transition-hover);
color: var(--color-slate-grey);
font-size: var(--font-size--s);
font-weight: var(--font-weight--light);
}
.a-checkbox__input:checked + .a-checkbox__label, .t-page__filters-search .m-filters__content input:checked + label {
color: var(--color-schemes-cards);
}
.a-checkbox__input:disabled + .a-checkbox__label, .t-page__filters-search .m-filters__content input:disabled + label {
cursor: not-allowed;
opacity: 0.7;
}
.a-checkbox__input:focus + .a-checkbox__label, .t-page__filters-search .m-filters__content input:focus + label {
color: var(--color-schemes-cards);
}
.a-checkbox__label::before, .t-page__filters-search .m-filters__content label::before {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.5rem;
content: "";
border: 1px solid var(--color-text-dark-lt-grey);
}
.a-checkbox__input:checked + .a-checkbox__label::before, .t-page__filters-search .m-filters__content input:checked + label::before {
border-color: var(--color-secondary-lt-blue);
background-color: var(--color-secondary-lt-blue);
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.a-checkbox__input:disabled + .a-checkbox__label::before, .t-page__filters-search .m-filters__content input:disabled + label::before {
opacity: 0.7;
}
.a-checkbox__input:checked:disabled + .a-checkbox__label::before, .t-page__filters-search .m-filters__content input:checked:disabled + label::before {
opacity: 0.7;
}
.a-checkbox__selected-text {
display: none;
}
.a-checkbox--color--orange + .a-checkbox__label::before, .t-page__filters-search .m-filters__content label::before {
background-color: var(--color-white);
}
.a-checkbox--color--orange:checked + .a-checkbox__label::before, .t-page__filters-search .m-filters__content input:checked + label::before {
border-color: var(--color-primary-orange);
background-color: var(--color-white);
background-image: url('data:image/svg+xml;utf8,');
}
.a-checkbox--color--orange + .a-checkbox__label, .t-page__filters-search .m-filters__content label {
color: var(--color-text-dark-med-grey);
}
.a-checkbox--color--orange:checked + .a-checkbox__label, .t-page__filters-search .m-filters__content input:checked + label {
color: var(--color-primary-orange);
}
.a-checkbox-group {
margin: 0;
padding: 0;
list-style: none;
}
.a-checkbox-group__item {
margin: 0.5rem 0;
}
.o-slider--industry-product .a-checkbox__label::before {
margin-right: 0;
}
.o-slider--industry-product .a-checkbox__input {
width: 100%;
height: 100%;
}
.a-checkbox__input:checked + .a-checkbox__label .a-checkbox__default-text {
display: none;
}
.a-checkbox__input:checked + .a-checkbox__label .a-checkbox__selected-text {
display: inline;
}
.a-checkbox--no-label {
cursor: pointer;
}
.a-checkbox--no-label + .a-checkbox__label {
text-indent: -9999px;
}
.a-checkbox--no-label + .a-checkbox__label::before {
background-color: var(--color-text-dark-med-grey);
border-color: var(--color-text-dark-med-grey);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M8.435 8.435V4.478h1.13v3.957h3.957v1.13H9.566v3.957h-1.13V9.565H4.478v-1.13h3.956Z'/%3E%3C/svg%3E");
background-position: center center;
}
.a-checkbox--no-label:checked + .a-checkbox__label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23fff' d='m9 8.378 2.798-2.798.8.8-2.799 2.797 2.798 2.798-.8.8L9 9.976l-2.798 2.797-.799-.799 2.798-2.798L5.403 6.38l.8-.8L9 8.378Z'/%3E%3C/svg%3E");
}
.a-inputtext {
position: relative;
}
.a-inputtext__input, [data-drupal-selector="user-login-form"] .form-text, [data-drupal-selector="user-login-form"] .form-email, [data-drupal-selector="user-register-form"] .form-text, [data-drupal-selector="user-register-form"] .form-email, [data-drupal-selector="user-pass"] .form-text, [data-drupal-selector="user-pass"] .form-email, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill:hover, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill:focus, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill:active, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill::first-line, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill:hover, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill:focus, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill:active, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill::first-line, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill:hover, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill:focus, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill:active, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill::first-line, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill:hover, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill:focus, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill:active, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill::first-line, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill:hover, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill:focus, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill:active, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill::first-line, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill:hover, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill:focus, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill:active, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill::first-line {
width: 100%;
padding: 0.8125rem 0.8125rem 0.875rem;
color: var(--color-schemes-cards);
border: 1px solid var(--color-text-dark-lt-grey);
background-color: var(--color-white);
font-family: var(--font-family--base);
font-size: var(--font-size--s);
font-weight: var(--font-weight--light);
line-height: var(--line-height--base);
}
.a-inputtext__input--icon-left {
padding-left: 2.8125rem;
}
.a-inputtext__input--icon-right {
padding-right: 2.8125rem;
}
.a-inputtext__input--clear {
padding-left: 3.375rem; /* 54px */
}
.a-inputtext__input--icon {
padding-right: 3.375rem; /* 54px */
}
.a-inputtext__input--loading {
animation: var(--horizontal-gradient-animation);
background-image: var(--gradient-to-right);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 200% 3px;
}
.a-inputtext__input--loading-icon {
/* animated uncategorised-performance-blue.svg */
background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' from='0 0 0' to='360 0 0' dur='3s' repeatCount='indefinite' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0392 12.4548C17.729 12.4548 12.6136 17.5702 12.6136 23.8803C12.6136 30.1905 17.729 35.3059 24.0392 35.3059C30.3493 35.3059 35.4647 30.1905 35.4647 23.8803C35.4647 17.5702 30.3493 12.4548 24.0392 12.4548ZM14.0682 23.8803C14.0682 18.3735 18.5323 13.9093 24.0392 13.9093C29.546 13.9093 34.0102 18.3735 34.0102 23.8803C34.0102 29.3871 29.546 33.8513 24.0392 33.8513C18.5323 33.8513 14.0682 29.3871 14.0682 23.8803Z' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.0061 0C19.3102 0 18.0434 1.38054 18.0434 2.96273V5.43771C18.0434 6.02932 17.6609 6.61285 17.1746 6.82514C16.2381 7.08301 15.5996 6.90662 15.2132 6.5202L13.4567 4.76377C12.2945 3.60154 10.3969 3.60154 9.23469 4.76377L4.76377 9.23469C3.60154 10.3969 3.60154 12.2945 4.76377 13.4567L6.5202 15.2132C6.93192 15.6249 7.06665 16.2745 6.83 16.9253C6.63647 17.4575 6.07754 17.8038 5.43771 17.8038H2.96273C1.26684 17.8038 0 19.1844 0 20.7666V27.0738C0 28.7696 1.38054 30.0365 2.96273 30.0365H5.43771C6.03789 30.0365 6.62974 30.4301 6.83412 30.9264C7.06507 31.5734 6.92951 32.2179 6.5202 32.6272L4.76377 34.3836C3.60154 35.5458 3.60154 37.4434 4.76377 38.6056L9.23469 43.0766C10.3969 44.2388 12.2945 44.2388 13.4567 43.0766L15.2132 41.3201C15.6249 40.9084 16.2745 40.7737 16.9253 41.0103C17.4575 41.2038 17.8038 41.7628 17.8038 42.4026V45.0373C17.8038 46.7332 19.1844 48 20.7666 48H27.0738C28.7696 48 30.0365 46.6195 30.0365 45.0373V42.6421C30.0365 42.042 30.4301 41.4501 30.9264 41.2457C31.5734 41.0148 32.2179 41.1503 32.6272 41.5596L34.3836 43.3161C35.5458 44.4783 37.4434 44.4783 38.6056 43.3161L43.0766 38.8451C44.2388 37.6829 44.2388 35.7854 43.0766 34.6231L41.3201 32.8667C40.9084 32.455 40.7737 31.8053 41.0103 31.1545C41.2038 30.6223 41.7628 30.276 42.4026 30.276H45.06L45.0826 30.2746C46.7499 30.1704 48 28.8085 48 27.1536V20.8464C48 19.1505 46.6195 17.8837 45.0373 17.8837H42.6421C42.042 17.8837 41.4501 17.4901 41.2457 16.9937C41.0148 16.3468 41.1503 15.7023 41.5596 15.293L43.3161 13.5366C44.4783 12.3743 44.4783 10.4768 43.3161 9.31453L38.8451 4.84361C37.6829 3.68137 35.7854 3.68137 34.6231 4.84361L32.8667 6.60004C32.455 7.01176 31.8053 7.14649 31.1545 6.90984C30.6223 6.71631 30.276 6.15738 30.276 5.51754V2.96273C30.276 1.26684 28.8955 0 27.3133 0H21.0061ZM19.4979 2.96273C19.4979 2.14979 20.1472 1.45455 21.0061 1.45455H27.3133C28.1262 1.45455 28.8215 2.10381 28.8215 2.96273V5.51754C28.8215 6.63414 29.4332 7.83164 30.6574 8.27681C31.7631 8.67886 33.0295 8.49424 33.8952 7.62856L35.6516 5.87213C36.2458 5.27793 37.2224 5.27793 37.8166 5.87213L42.2876 10.343C42.8817 10.9372 42.8817 11.9138 42.2876 12.508L40.5311 14.2645C39.6654 15.1302 39.4808 16.3966 39.8829 17.5022L39.8911 17.5238C40.3293 18.6194 41.49 19.3382 42.6421 19.3382H45.0373C45.8502 19.3382 46.5455 19.9875 46.5455 20.8464V27.1536C46.5455 28.0465 45.8898 28.7563 45.0126 28.8215H42.4026C41.286 28.8215 40.0885 29.4332 39.6433 30.6574C39.2413 31.7631 39.4259 33.0295 40.2916 33.8952L42.048 35.6516C42.6422 36.2458 42.6422 37.2224 42.048 37.8166L37.5771 42.2876C36.9829 42.8817 36.0063 42.8817 35.4121 42.2876L33.6557 40.5311C32.79 39.6654 31.5236 39.4808 30.4179 39.8829L30.3964 39.8911C29.3007 40.3293 28.5819 41.49 28.5819 42.6421V45.0373C28.5819 45.8502 27.9327 46.5455 27.0738 46.5455H20.7666C19.9536 46.5455 19.2584 45.8962 19.2584 45.0373V42.4026C19.2584 41.286 18.6466 40.0885 17.4224 39.6433C16.3168 39.2413 15.0503 39.4259 14.1846 40.2916L12.4282 42.048C11.834 42.6422 10.8574 42.6422 10.2632 42.048L5.79229 37.5771C5.19809 36.9829 5.19809 36.0063 5.79229 35.4121L7.54872 33.6557C8.41441 32.79 8.59902 31.5236 8.19697 30.4179L8.18874 30.3964C7.7505 29.3007 6.58988 28.5819 5.43771 28.5819H2.96273C2.14979 28.5819 1.45455 27.9327 1.45455 27.0738V20.7666C1.45455 19.9536 2.10381 19.2584 2.96273 19.2584H5.43771C6.5543 19.2584 7.7518 18.6466 8.19697 17.4224C8.59902 16.3168 8.41441 15.0503 7.54872 14.1846L5.79229 12.4282C5.19809 11.834 5.19809 10.8574 5.79229 10.2632L10.2632 5.79229C10.8574 5.19809 11.834 5.19809 12.4282 5.79229L14.1846 7.54872C15.0703 8.43437 16.3355 8.57783 17.6132 8.21278L17.6489 8.20256L17.6835 8.18874C18.7791 7.7505 19.4979 6.58988 19.4979 5.43771V2.96273Z' /%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: calc(100% - 0.5rem) center;
}
.a-inputtext__clear {
position: absolute;
top: 50%;
left: 0;
display: flex;
visibility: hidden;
align-items: center;
justify-content: center;
width: 3.375rem; /* 54px */
height: 2.5rem; /* 40px */
cursor: pointer;
transform: translate(0, -1.25rem); /* 20px */
border: none;
background: none;
}
.a-inputtext__clear--visible {
visibility: visible;
}
.a-inputtext__clear-icon {
width: 1rem;
height: 1rem;
fill: var(--color-primary-orange);
stroke: var(--color-primary-orange);
}
.a-inputtext__input:-ms-input-placeholder {
opacity: 0.7;
color: var(--color-blue-grey);
}
.a-inputtext__input::placeholder {
opacity: 0.7;
color: var(--color-blue-grey);
}
.a-inputtext__icon {
position: absolute;
top: 1.5rem;
right: 1rem;
width: 1.3125rem;
height: 1.3125rem;
transform: translateY(-50%);
fill: var(--color-cobalt);
stroke: var(--color-cobalt);
}
.a-inputtext__icon--close {
right: auto;
left: 1rem;
width: 1rem;
height: 1rem;
cursor: pointer;
fill: var(--color-primary-orange);
stroke: var(--color-primary-orange);
}
.a-inputtext__message, .form-item label.error, [data-drupal-selector="user-login-form"] .form-item .description, [data-drupal-selector="user-register-form"] .form-item .description, [data-drupal-selector="user-pass"] .form-item .description {
margin-top: 0.25rem;
opacity: 0.7;
color: var(--color-blue-grey);
font-size: var(--font-size--xs);
line-height: 1.25rem;
}
/* Modifiers */
.a-inputtext--clear {
position: relative;
}
.a-inputtext__input[disabled] {
cursor: not-allowed;
opacity: 0.5;
}
.a-inputtext__input:focus {
outline: none;
}
.a-inputtext--icon {
position: relative;
}
.a-inputtext--error .a-inputtext__icon {
fill: var(--color-secondary-red);
stroke: var(--color-secondary-red);
}
.a-inputtext--error .a-inputtext__message {
color: var(--color-secondary-red);
}
.a-inputtext--error .a-inputtext__input, .form-item input.error, .form-item select.error + .ui-selectmenu-button {
border-color: var(--color-secondary-red);
}
.a-inputtext--error .a-inputtext__input:-ms-input-placeholder, .form-item input.error:-ms-input-placeholder {
color: var(--color-secondary-red);
}
.a-inputtext--error .a-inputtext__input::placeholder, .form-item label.error, .form-item input.error::placeholder {
color: var(--color-secondary-red);
}
.a-label, .form-composite > legend, [data-drupal-selector="user-login-form"] .form-item > label, [data-drupal-selector="user-register-form"] .form-item > label, [data-drupal-selector="user-pass"] .form-item > label {
display: block;
margin-bottom: 0.5rem;
letter-spacing: 0.053rem;
text-transform: uppercase;
color: var(--color-text-dark-med-grey);
font-size: var(--font-size--xs);
font-weight: var(--font-weight--regular);
line-height: 1;
}
.a-label--blue, .form-composite > legend {
color: var(--color-cobalt);
}
.a-label--bigger {
font-size: var(--font-size--base);
margin-bottom: 0;
}
.a-label--line-height--base {
line-height: var(--line-height--base);
}
.a-radio {
display: inherit;
}
.a-radio__input, .form-type-radio input {
position: absolute;
opacity: 0;
}
.a-radio__label, .form-type-radio label {
display: flex;
align-items: center;
cursor: pointer;
transition: all var(--transition-hover);
color: var(--color-slate-grey);
font-size: var(--font-size--s);
font-weight: var(--font-weight--light);
}
.a-radio__input:checked + .a-radio__label, .form-type-radio input:checked + label {
color: var(--color-schemes-cards);
}
.a-radio__input:disabled + .a-radio__label, .form-type-radio input:disabled + label {
cursor: not-allowed;
opacity: 0.7;
}
.a-radio__input:focus + .a-radio__label, .form-type-radio input:focus + .a-radio__label {
color: var(--color-schemes-cards);
}
.a-radio__label::before, .form-type-radio label::before {
flex-shrink: 0;
width: 1rem;
height: 1rem;
margin-right: 0.5rem;
content: "";
border: 1px solid var(--color-text-dark-lt-grey);
border-radius: 50%;
}
.a-radio__input:checked + .a-radio__label::before, .form-type-radio input:checked + label::before {
border: 4px solid var(--color-secondary-lt-blue);
}
.a-radio__input:disabled + .a-radio__label::before, .a-radio__input:checked:disabled + .a-radio__label::before, .form-type-radio input:disabled + label::before, .form-type-radio input:checked:disabled + label::before {
opacity: 0.7;
}
.a-radio-group {
display: flex;
}
.a-radio-group__item {
margin-right: 0.625rem;
}
.a-select {
display: inherit;
}
.a-select__icon {
position: absolute;
right: 0.625rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.a-select__icon-text {
margin-top: 0.3125rem;
text-transform: uppercase;
color: var(--color-primary-orange);
font-size: var(--font-size--xs);
line-height: 1;
}
@media all and (max-width: 1023px) {
.a-select__icon-text {
display: none
}
}
.a-select__arrow, .ui-selectmenu-icon {
display: block;
order: 1;
width: 1.125em;
height: 0.6875rem;
background-image: none;
}
.a-select--primary + .ui-selectmenu-button.ui-button .ui-selectmenu-icon, .block-facet-blockgs-predefined-filters .ui-selectmenu-icon {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 3.438rem;
height: 100%;
border-left: 1px solid var(--color-system-white-25);
}
.a-select--small + .ui-selectmenu-button.ui-button .ui-icon {
width: 0.625rem;
height: 0.3125rem;
margin-top: -0.25rem;
}
.a-select__arrow:before, .ui-selectmenu-icon:before {
display: block;
width: 100%;
height: 100%;
content: "";
transition: all var(--transition-collapse);
background-image: url('data:image/svg+xml;utf-8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.a-select--primary + .ui-selectmenu-button.ui-button .ui-selectmenu-icon:before, .block-facet-blockgs-predefined-filters .ui-selectmenu-button.ui-button.ui-selectmenu-button-open .ui-selectmenu-icon:before, .block-facet-blockgs-predefined-filters .ui-selectmenu-icon:before {
width: 18px;
background-image: url('data:image/svg+xml;utf-8,');
background-size: contain;
}
.ui-selectmenu-button.ui-button.ui-selectmenu-button-open .ui-selectmenu-icon:before {
transform: rotate(180deg);
background-image: url('data:image/svg+xml;utf-8,%3Csvg width="18" height="11" viewBox="0 0 18 11" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.7593 10.2277L18 1.61489L16.4814 2.3325e-07L9 7.81702L1.51861 8.87294e-07L-4.10236e-07 1.61489L8.24069 10.2277L9 11L9.7593 10.2277Z" fill="%23e75200"/%3E%3C/svg%3E');
}
.ui-selectmenu-button.ui-button {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: auto;
margin: 0;
padding: 0.6875rem 0.75rem;
color: var(--color-text-dark-med-grey);
border: 1px solid var(--color-text-dark-lt-grey);
background-color: var(--color-white);
font-size: var(--font-size--s);
line-height: var(--line-height--base);
}
.a-select--primary + .ui-selectmenu-button.ui-button, .block-facet-blockgs-predefined-filters .ui-selectmenu-button.ui-button {
padding: 0.75rem 3.438rem 0.75rem 1.25rem;
transition: background-position var(--transition-duration) ease var(--transition-duration), border-color var(--transition-duration) ease-out var(--transition-duration);
border: none;
background-image: linear-gradient(90deg, var(--color-secondary-lt-blue) 50%, var(--color-primary-orange) 50%);
background-position: top right;
background-size: calc(200% + 0.125rem) 100%;
}
.a-select--primary + .ui-selectmenu-button.ui-button:focus, .a-select--primary + .ui-selectmenu-button.ui-button:hover, .block-facet-blockgs-predefined-filters .ui-selectmenu-button.ui-button:focus, .block-facet-blockgs-predefined-filters .ui-selectmenu-button.ui-button:hover {
border-color: var(--color-secondary-lt-blue);
background-position: top left;
}
.a-select--secondary + .ui-selectmenu-button.ui-button, .paragraph--type--search-result.paragraph--view-mode--blogs-news-events .facets-widget-dropdown .ui-selectmenu-button.ui-button, .paragraph--type--search-result.paragraph--view-mode--videos .facets-widget-dropdown .ui-selectmenu-button.ui-button, .paragraph--type--search-result.paragraph--view-mode--case-studies .facets-widget-dropdown .ui-selectmenu-button.ui-button {
transition: all var(--transition-collapse);
border: 1px solid transparent;
background-color: transparent;
}
.a-select--secondary + .ui-selectmenu-button.ui-button.ui-selectmenu-button-open, .paragraph--type--search-result.paragraph--view-mode--blogs-news-events .facets-widget-dropdown .ui-selectmenu-button.ui-button.ui-selectmenu-button-open, .paragraph--type--search-result.paragraph--view-mode--videos .facets-widget-dropdown .ui-selectmenu-button.ui-button.ui-selectmenu-button-open, .paragraph--type--search-result.paragraph--view-mode--case-studies .facets-widget-dropdown .ui-selectmenu-button.ui-button.ui-selectmenu-button-open {
border: 1px solid var(--color-text-dark-lt-grey);
border-bottom: 0;
background-color: var(--color-white);
}
.a-select--small + .ui-selectmenu-button.ui-button {
padding: 0;
border: none;
background-color: transparent;
}
.a-select__menu {
box-sizing: border-box;
}
.a-select__list, .ui-menu {
overflow-y: scroll;
min-width: 8.125rem;
max-height: 12.75rem;
margin: 0;
border: 1px solid var(--color-text-dark-lt-grey);
border-top: none;
background-color: var(--color-white);
}
@media all and (min-width: 1024px) {
.a-select__list--big {
min-width: 17.5625rem; /* 281px */
border-top: 1px solid var(--color-text-dark-lt-grey)
}
}
.a-select__list--overflow-auto {
overflow-y: auto;
max-height: 30rem;
}
.a-select__list-item, .ui-menu .ui-menu-item {
list-style: none;
}
.a-select__list--secondary .ui-menu-item--selected {
display: none;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
display: flex;
align-items: center;
margin: 0;
padding: 0.65rem 0.75rem;
color: var(--color-secondary-dk-blue);
font-size: var(--font-size--base);
font-weight: var(--font-weight--regular);
}
.a-select__link, .ui-menu .ui-menu-item-wrapper, .ui-menu .ui-menu-item-wrapper a {
display: flex;
align-items: center;
margin: 0;
padding: 0.65rem 0.75rem;
cursor: pointer;
opacity: 1;
color: var(--color-blue-grey);
font-size: var(--font-size--s);
line-height: var(--line-height--s);
gap: 0.625rem;
}
.ui-menu .ui-menu-item-wrapper a:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active, .ui-menu .ui-menu-item-wrapper.ui-state-active a {
color: var(--color-bright-sky-blue);
background-color: transparent;
}
.ui-menu .ui-menu-item--selected .ui-menu-item-wrapper {
color: var(--color-primary-orange);
background-color: transparent;
}
.a-select__link-icon {
display: flex;
max-width: 1rem;
max-height: 1rem;
}
.a-select__label, .ui-selectmenu-button.ui-button .ui-selectmenu-text {
display: flex;
align-items: center;
gap: 0.625rem;
min-height: 1.5rem;
}
.a-select__label--primary, .a-select--primary + .ui-selectmenu-button.ui-button .ui-selectmenu-text, .block-facet-blockgs-predefined-filters .ui-selectmenu-text {
text-transform: uppercase;
color: var(--color-white);
font-family: var(--font-family--base);
font-size: var(--font-size--s);
font-weight: var(--font-weight--bold);
}
.a-select__label--secondary, .a-select--secondary + .ui-selectmenu-button.ui-button .ui-selectmenu-text, .paragraph--type--search-result.paragraph--view-mode--blogs-news-events .facets-widget-dropdown .ui-selectmenu-text, .paragraph--type--search-result.paragraph--view-mode--videos .facets-widget-dropdown .ui-selectmenu-text, .paragraph--type--search-result.paragraph--view-mode--case-studies .facets-widget-dropdown .ui-selectmenu-text {
min-height: 0;
margin-right: 0.5rem;
font-size: var(--font-size--s);
}
.a-select--small + .ui-selectmenu-button.ui-button .ui-selectmenu-text {
min-height: 0;
margin-right: 0.5rem;
text-transform: uppercase;
font-size: var(--font-size--xs);
font-weight: var(--font-weight--bold);
}
.ui-selectmenu-menu {
z-index: var(--z-index-selectbox);
}
.a-select__icon .a-inputtext__icon {
position: relative;
top: auto;
right: auto;
transform: none;
}
.ui-menu .ui-menu-item-wrapper a {
padding: 0;
text-decoration: none;
}
.ui-menu .ui-menu-item-wrapper a:hover {
padding: 0;
text-decoration: none;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active a {
padding: 0;
text-decoration: none;
}
.a-icon {
display: flex;
align-items: center;
justify-content: center;
width: 7.5rem;
height: 7.5rem;
background-color: var(--color-schemes-cards);
}
.a-icon img {
width: 7.5rem;
height: 7.5rem;
-o-object-fit: cover;
object-fit: cover;
}
.a-icon--white img {
width: 5.6rem;
height: 5.6rem;
}
.a-icon--white {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 5.6rem;
height: 5.6rem;
background-color: var(--color-white);
}
.a-icon__social {
width: 1.12rem;
height: 1.12rem;
}
.a-icon__social--item {
fill: var(--color-primary-orange);
stroke: var(--color-primary-orange);
width: 1.12rem;
height: 1.12rem;
}
.a-icon__social--item:hover {
fill: var(--color-secondary-lt-blue);
stroke: var(--color-secondary-lt-blue);
}
.a-icon__icon {
display: block;
width: 70%;
height: auto;
margin: 0 auto;
fill: url("#seals-gradient-to-right");
stroke: url("#seals-gradient-to-right");
}
@media all and (min-width: 1024px) {
.a-icon__icon {
width: 4.313rem;
height: 4.313rem
}
}
.a-icon__icon--plain {
width: auto;
margin: 0;
}
.a-icon__icon--blue {
fill: var(--color-secondary-lt-blue);
stroke: var(--color-secondary-lt-blue);
}
.a-icon__icon--blue-fill-only {
fill: var(--color-secondary-dk-blue);
}
.a-icon__icon--blue-dk {
fill: var(--color-secondary-dk-blue);
stroke: var(--color-secondary-dk-blue);
}
.a-icon__icon--darkblue {
fill: var(--color-cobalt);
}
.a-icon__icon--size--large {
min-width: 3.438rem;
min-height: 3rem;
}
.a-icon__icon--size--middle {
width: 2.5rem;
height: 2.5rem;
}
.a-icon__icon--size--small, .a-icon__icon--size--small-1 {
width: 1.5rem;
height: 1.5rem;
}
.a-icon__icon--reversed {
display: inline-block;
transform: rotate(180deg);
}
.a-icon--comment {
display: inline-block;
}
.a-icon--with-text {
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle;
}
.a-icon__text {
display: inline-block;
vertical-align: middle;
color: var(--color-text-dark-med-grey);
font-size: var(--font-size--xs);
line-height: 14px;
}
.a-icon--control {
display: flex;
align-items: center;
justify-content: center;
width: 4.5rem;
height: 4.5rem;
border-radius: 50%;
background: #fff;
box-shadow: 0 0.313rem 1.25rem rgba(6, 24, 58, 0.15);
}
.a-icon--control--item {
display: block;
height: 1.688rem;
cursor: pointer;
}
.a-icon__panel {
display: inherit;
}
.a-icon__panel--heart {
display: flex;
width: 1rem;
height: 0.918rem;
fill: var(--color-text-dark-lt-grey);
stroke: var(--color-text-dark-lt-grey);
}
.a-icon__panel--heart:hover, .a-icon__panel--heart:focus, .action-unflag .a-icon__panel--heart {
fill: var(--color-primary-orange);
stroke: var(--color-primary-orange);
}
.a-icon__panel--bookmark {
display: flex;
width: 0.875rem;
height: 1.125rem;
fill: var(--color-text-dark-lt-grey);
stroke: var(--color-text-dark-lt-grey);
}
.a-icon__panel--bookmark:hover, .a-icon__panel--bookmark:focus {
fill: var(--color-primary-orange);
stroke: var(--color-primary-orange);
}
.a-icon__panel--comment {
display: flex;
width: 0.875rem;
height: 1.125rem;
fill: var(--color-text-dark-lt-grey);
}
.a-icon__panel--comment:hover, .a-icon__panel--comment:focus {
fill: var(--color-primary-orange);
}
.a-icon--plain {
width: auto;
height: auto;
background: none;
}
@media all and (max-width: 1023px) {
.a-icon--hide--mobile {
display: none
}
}
.a-icons--blue {
fill: var(--color-secondary-dk-blue);
stroke: var(--color-secondary-dk-blue);
}
.a-icons--rainbow {
fill: url(#seals-gradient-to-right);
stroke: url(#seals-gradient-to-right);
}
.m-tab-v2-a--expanded .a-icon__icon--blue-fill-only {
fill: url(#seals-gradient-to-right);
}
[data-drupal-selector="user-login-form"] .form-submit, [data-drupal-selector="user-register-form"] .form-submit, [data-drupal-selector="user-pass"] .form-submit {
text-decoration: none;
letter-spacing: var(--letter-spacing--base);
text-transform: uppercase;
color: var(--color-primary-orange);
border: none;
background: transparent;
font-size: var(--font-size--s);
font-weight: var(--font-weight--bold);
}
a.hyper-class, .a-description a.hyper-class {
color: var(--color-secondary-dk-blue);
}
.a-description a.hyper-class:hover {
color: var(--color-secondary-dk-blue);
}
.form-composite > legend {
line-height: inherit;
}
.form-item .form-radio.error + label:before {
border-color: var(--color-secondary-red);
}
.out-teams-our-solutions-button-wrapper {
margin-bottom: 0;
}
.out-teams-our-solutions-button-wrapper .a-button {
z-index: 1;
margin-bottom: 0 !important;
}
/* doc center sort by. */
.block-views-exposed-sort-blockdocument-center-search .form--inline .form-type-select, .block-views-exposed-sort-blocksearch-primary .form--inline .form-type-select, .block-views-exposed-sort-blockblogs-news-events-search .form--inline .form-type-select, .block-views-exposed-sort-blockvideos-search .form--inline .form-type-select, .block-views-exposed-sort-blockcase-studies-search .form--inline .form-type-select {
float: none;
width: 100%;
margin: 0;
}
.block-views-exposed-sort-blockdocument-center-search .form--inline .form-type-select h3, .block-views-exposed-sort-blocksearch-primary .form--inline .form-type-select h3, .block-views-exposed-sort-blockblogs-news-events-search .form--inline .form-type-select h3, .block-views-exposed-sort-blockvideos-search .form--inline .form-type-select h3, .block-views-exposed-sort-blockcase-studies-search .form--inline .form-type-select h3 {
margin-top: 0;
}
/* doc center/global search/blog search autocomplete. */
.block-views-exposed-filters-only-blockdocument-center-search .form--inline, .block-views-exposed-filters-only-blocksearch-primary .form--inline, .block-views-exposed-filters-only-blockblogs-news-events-search .form--inline, .block-views-exposed-filters-only-blockvideos-search .form--inline, .block-field-blockparagraph404-blockfield-description + .seals-search-autocomplete-form .form--inline, .block-views-exposed-filters-only-blockcase-studies-search .form--inline, .block-views-exposed-filters-only-blockcase-studies-blogs .form--inline, .block-views-exposed-filters-only-blockcase-studies-white-papers .form--inline, .block-views-exposed-filters-only-blockcase-studies-events .form--inline, .block-views-exposed-filters-only-blockcase-studies-faqs .form--inline, .block-views-exposed-filters-only-blockcase-studies-news .form--inline, .block-views-exposed-filters-only-blockcase-studies-case-studies .form--inline, .o-header__dropdown-content .block-seals-search-autocomplete-block .form--inline {
position: relative;
}
.block-views-exposed-filters-only-blockdocument-center-search .form--inline .form-item-search, .block-views-exposed-filters-only-blocksearch-primary .form--inline .form-item-search, .block-views-exposed-filters-only-blockblogs-news-events-search .form--inline .form-item-search, .block-views-exposed-filters-only-blockvideos-search .form--inline .form-item-search, .block-field-blockparagraph404-blockfield-description + .seals-search-autocomplete-form .form--inline .form-item-search, .block-views-exposed-filters-only-blockcase-studies-search .form--inline .form-item-search, .block-views-exposed-filters-only-blockcase-studies-blogs .form--inline .form-item-search, .block-views-exposed-filters-only-blockcase-studies-white-papers .form--inline .form-item-search, .block-views-exposed-filters-only-blockcase-studies-events .form--inline .form-item-search, .block-views-exposed-filters-only-blockcase-studies-faqs .form--inline .form-item-search, .block-views-exposed-filters-only-blockcase-studies-news .form--inline .form-item-search, .block-views-exposed-filters-only-blockcase-studies-case-studies .form--inline .form-item-search, .o-header__dropdown-content .block-seals-search-autocomplete-block .form--inline .form-item-search {
float: none;
margin: 0;
}
.block-views-exposed-filters-only-blockdocument-center-search .form--inline .form-actions, .block-views-exposed-filters-only-blocksearch-primary .form--inline .form-actions, .block-views-exposed-filters-only-blockblogs-news-events-search .form--inline .form-actions, .block-views-exposed-filters-only-blockvideos-search .form--inline .form-actions, .block-field-blockparagraph404-blockfield-description + .seals-search-autocomplete-form .form--inline .form-actions, .block-views-exposed-filters-only-blockcase-studies-search .form--inline .form-actions, .block-views-exposed-filters-only-blockcase-studies-blogs .form--inline .form-actions, .block-views-exposed-filters-only-blockcase-studies-white-papers .form--inline .form-actions, .block-views-exposed-filters-only-blockcase-studies-events .form--inline .form-actions, .block-views-exposed-filters-only-blockcase-studies-faqs .form--inline .form-actions, .block-views-exposed-filters-only-blockcase-studies-news .form--inline .form-actions, .block-views-exposed-filters-only-blockcase-studies-case-studies .form--inline .form-actions, .o-header__dropdown-content .block-seals-search-autocomplete-block .form--inline .form-actions {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
max-width: 3.375rem; /* 54px */
opacity: 0;
}
.block-views-exposed-filters-only-blockdocument-center-search .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blocksearch-primary .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockblogs-news-events-search .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockvideos-search .form--inline .form-actions input[type="submit"], .block-field-blockparagraph404-blockfield-description + .seals-search-autocomplete-form .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockcase-studies-search .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockcase-studies-blogs .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockcase-studies-white-papers .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockcase-studies-events .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockcase-studies-faqs .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockcase-studies-news .form--inline .form-actions input[type="submit"], .block-views-exposed-filters-only-blockcase-studies-case-studies .form--inline .form-actions input[type="submit"], .o-header__dropdown-content .block-seals-search-autocomplete-block .form--inline .form-actions input[type="submit"] {
height: 100%;
}
.block-views-exposed-filters-only-blockdocument-center-search input.form-autocomplete, .block-views-exposed-filters-only-blocksearch-primary input.form-autocomplete, .block-views-exposed-filters-only-blockblogs-news-events-search input.form-autocomplete, .block-views-exposed-filters-only-blockvideos-search input.form-autocomplete, .block-field-blockparagraph404-blockfield-description + .seals-search-autocomplete-form input.form-autocomplete, .block-views-exposed-filters-only-blockcase-studies-search input.form-autocomplete, .block-views-exposed-filters-only-blockcase-studies-blogs input.form-autocomplete, .block-views-exposed-filters-only-blockcase-studies-white-papers input.form-autocomplete, .block-views-exposed-filters-only-blockcase-studies-events input.form-autocomplete, .block-views-exposed-filters-only-blockcase-studies-faqs input.form-autocomplete, .block-views-exposed-filters-only-blockcase-studies-news input.form-autocomplete, .block-views-exposed-filters-only-blockcase-studies-case-studies input.form-autocomplete, .o-header__dropdown-content .block-seals-search-autocomplete-block input.form-autocomplete {
background-image: none;
}
.block-views-exposed-filters-only-blockdocument-center-search input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blocksearch-primary input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockblogs-news-events-search input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockvideos-search input.form-autocomplete.ui-autocomplete-loading, .block-field-blockparagraph404-blockfield-description + .seals-search-autocomplete-form input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockcase-studies-search input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockcase-studies-blogs input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockcase-studies-white-papers input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockcase-studies-events input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockcase-studies-faqs input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockcase-studies-news input.form-autocomplete.ui-autocomplete-loading, .block-views-exposed-filters-only-blockcase-studies-case-studies input.form-autocomplete.ui-autocomplete-loading, .o-header__dropdown-content .block-seals-search-autocomplete-block input.form-autocomplete.ui-autocomplete-loading {
background-image: none; /* Customer request */
}
/* hide loading in header search */
.m-accountmenu__search .block-seals-search-autocomplete-block input.form-autocomplete {
background-image: none;
}
.block-field-blockparagraph404-blockfield-description + .seals-search-autocomplete-form .form-item {
display: flex;
align-items: center;
}
.paragraph--type--search-result.paragraph--view-mode--global-search .node--view-mode-search-index .m-card__title .field--name-title a {
font-weight: var(--font-weight--base);
}
.paragraph--type--search-result.paragraph--view-mode--global-search .node--view-mode-search-index .m-card__title [class*="block-field-blocknodematerial"] .field--name-title a {
font-family: var(--font-family--decorative);
}
.paragraph--type--search-result.paragraph--view-mode--global-search .node--view-mode-search-index .m-card__description {
line-height: 1.25rem;
}
.paragraph--type--material-filter .t-page__filters-popup, .paragraph--type--component-filter .t-page__filters-popup, .paragraph--type--pfas-filters .t-page__filters-popup {
overflow: visible;
}
.paragraph--type--material-filter .view-filters .form-type-select, .paragraph--type--component-filter .view-filters .form-type-select, .paragraph--type--pfas-filters .view-filters .form-type-select {
position: relative;
}
.paragraph--type--material-filter .view-filters .form-type-select .ui-selectmenu-menu, .paragraph--type--component-filter .view-filters .form-type-select .ui-selectmenu-menu, .paragraph--type--pfas-filters .view-filters .form-type-select .ui-selectmenu-menu {
width: 100%;
}
.paragraph--type--material-filter .view-filters .form-type-select .ui-menu-item--selected, .paragraph--type--component-filter .view-filters .form-type-select .ui-menu-item--selected, .paragraph--type--pfas-filters .view-filters .form-type-select .ui-menu-item--selected {
display: none;
}
/* small fixes for login/create_account forms */
[data-drupal-selector="user-login-form"] .form-item, [data-drupal-selector="user-register-form"] .form-item, [data-drupal-selector="user-pass"] .form-item {
margin-bottom: var(--vertical--spacing--s);
}
[data-drupal-selector="user-login-form"] .form-text:-webkit-autofill, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill:hover, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill:focus, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill:active, [data-drupal-selector="user-login-form"] .form-text:-webkit-autofill::first-line, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill:hover, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill:focus, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill:active, [data-drupal-selector="user-login-form"] .form-email:-webkit-autofill::first-line, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill:hover, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill:focus, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill:active, [data-drupal-selector="user-register-form"] .form-text:-webkit-autofill::first-line, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill:hover, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill:focus, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill:active, [data-drupal-selector="user-register-form"] .form-email:-webkit-autofill::first-line, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill:hover, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill:focus, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill:active, [data-drupal-selector="user-pass"] .form-text:-webkit-autofill::first-line, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill:hover, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill:focus, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill:active, [data-drupal-selector="user-pass"] .form-email:-webkit-autofill::first-line {
filter: none;
-webkit-box-shadow: 0 0 0 62.5rem var(--color-white) inset;
}
.form-item-field-industry label:before, .form-item-field-enquiries label:before {
display: none;
}
.block-extra-field-blocknodecase-studyflag-likes .flag-likes, .block-extra-field-blocknodecase-studyflag-likes .a-icon__media, .flag .flag-likes, .flag .a-icon__media {
overflow: hidden;
width: 1rem;
height: 0.918rem;
}
.flag-likes .js-flag-message {
display: none;
}
.flag a {
display: block;
}
/* fix for onetrust button on ios */
.ot-floating-button button {
padding: 0;
}
.m-form-doc-registration label.form-required:after{
content: '*';
vertical-align: super;
color: red;
display: inline-block;
background-repeat: no-repeat;
background-size: 6px 6px;
width: 6px;
height: 6px;
margin: 0 0.3em;
top: 0.3em;
position: relative;
}
.a-wysiwyg, .cke_editable {
font-size: var(--font-size--base);
line-height: var(--line-height--base);
}
.a-wysiwyg h3, .cke_editable h3, .a-wysiwyg h4, .cke_editable h4, .a-wysiwyg h5, .cke_editable h5, .a-wysiwyg h6, .cke_editable h6 {
margin: 0;
padding: 0;
}
.a-wysiwyg h4, .cke_editable h4, .a-wysiwyg h5, .cke_editable h5, .a-wysiwyg h6, .cke_editable h6 {
color: var(--color-dark-blue);
font-weight: var(--font-weight--light);
}
.a-wysiwyg--blue, .cke_editable--blue {
color: var(--color-dark-blue);
}
.a-wysiwyg h1, .cke_editable h1 {
font-size: var(--font-size--xxl);
font-weight: var(--font-weight--lighter);
line-height: var(--line-height--xxs);
}
@media all and (min-width: 1024px) {
.a-wysiwyg h1, .cke_editable h1 {
font-size: var(--font-size--xxxxxl)
}
}
.a-wysiwyg h2, .cke_editable h2 {
color: var(--color-secondary-red);
font-size: var(--font-size--xxl2);
font-weight: var(--font-weight--light);
line-height: var(--line-height--xs);
}
@media all and (min-width: 1024px) {
.a-wysiwyg h2, .cke_editable h2 {
font-size: var(--font-size--xxxxl);
line-height: var(--line-height--l2)
}
}
.a-wysiwyg h3, .cke_editable h3 {
color: var(--color-system-black);
font-size: var(--font-size--base);
font-weight: var(--font-weight--light);
line-height: var(--line-height--xs);
}
@media all and (min-width: 1024px) {
.a-wysiwyg h3, .cke_editable h3 {
font-size: var(--font-size--xxl)
}
}
.a-wysiwyg h4, .cke_editable h4 {
font-size: var(--font-size--base);
line-height: var(--line-height--xsm);
}
.a-wysiwyg h5, .cke_editable h5 {
font-size: var(--font-size--s);
line-height: var(--line-height--xsm);
}
.a-wysiwyg h6, .cke_editable h6 {
text-transform: uppercase;
font-size: var(--font-size--xs1);
line-height: var(--line-height--xsm);
}
.a-wysiwyg h1, .cke_editable h1, .a-wysiwyg h2, .cke_editable h2, .a-wysiwyg p, .cke_editable p {
margin: 0 0 2rem 0;
padding: 0;
}
.a-title, .block-facet-blockdocument-type > h2, .block-facet-blockbundle > h2, .block-facet-blockpfas-free > h2, .block-facet-blockpfas-free-doc > h2 {
font-family: var(--font-family--base);
}
.a-title--h1 {
font-size: var(--font-size--xxl);
font-weight: var(--font-weight--lighter);
line-height: var(--line-height--xxs);
}
@media all and (min-width: 1024px) {
.a-title--h1 {
font-size: var(--font-size--xxxxxl)
}
}
.a-title--h2 {
font-size: var(--font-size--xxl2);
font-weight: var(--font-weight--light);
line-height: var(--line-height--xs);
}
@media all and (min-width: 1024px) {
.a-title--h2 {
font-size: var(--font-size--xxxxl);
line-height: var(--line-height--l2)
}
}
.a-title--h3 {
font-size: var(--font-size--base);
font-weight: var(--font-weight--light);
line-height: var(--line-height--xs);
}
@media all and (min-width: 1024px) {
.a-title--h3 {
font-size: var(--font-size--xxl)
}
}
.a-title--h4, .block-facet-blockdocument-type > h2, .block-facet-blockbundle > h2, .block-facet-blockpfas-free > h2, .block-facet-blockpfas-free-doc > h2 {
font-size: var(--font-size--xl);
font-weight: var(--font-weight--regular);
line-height: var(--line-height--xs);
}
@media all and (min-width: 1024px) {
.a-title--h4, .block-facet-blockdocument-type > h2, .block-facet-blockbundle > h2, .block-facet-blockpfas-free > h2, .block-facet-blockpfas-free-doc > h2 {
font-size: var(--font-size--xxl)
}
}
.a-title--h5 {
font-size: var(--font-size--s);
line-height: var(--line-height--sm);
}
@media all and (min-width: 1024px) {
.a-title--h5 {
font-size: var(--font-size--base);
line-height: var(--line-height--s)
}
}
.a-title--border {
position: relative;
padding-bottom: 0.75rem;
}
@media all and (min-width: 1024px) {
.a-title--border {
padding-bottom: 1.5rem
}
}
.a-title--border--less-padding {
padding-bottom: 0.5625rem;
}
.a-title--complex {
display: flex;
align-items: center;
justify-content: space-between;
}
.a-title--line-height--xl {
line-height: var(--line-height--xl);
}
.a-title--line-height--xsm {
line-height: var(--line-height--xsm);
}
.a-title--line-height--xs {
line-height: var(--line-height--xs);
}
.a-title--line-height--xxs2 {
line-height: var(--line-height--xxs2);
}
.a-title--line-height--l2 {
line-height: var(--line-height--l2);
}
.a-title--color--black {
color: var(--color-system-black);
}
.a-title--color--blue, .block-facet-blockdocument-type > h2, .block-facet-blockbundle > h2, .block-facet-blockpfas-free > h2, .block-facet-blockpfas-free-doc > h2 {
color: var(--color-secondary-dk-blue);
}
.a-title--color--blue-dark {
color: var(--color-secondary-dk-blue);
}
.a-title--color--blue--cobalt {
color: var(--color-cobalt);
}
.a-title--color--blue-dark-primary {
color: var(--color-dark-blue);
}
.a-title--color--blue--secondary {
color: var(--color-secondary-lt-blue);
}
.a-title--color--red {
color: var(--color-secondary-red);
}
.a-title--color--grey {
color: var(--color-slate-grey);
}
.a-title--color--greylight {
color: var(--color-greylight);
}
.a-title--color--base-grey {
color: var(--color-base-grey);
}
.a-title--color--dark-grey {
color: var(--color-dark-grey);
}
.a-title--color--orange {
color: var(--color-primary-orange);
}
.a-title--color--white {
color: var(--color-white);
}
.a-title--size--xs {
font-size: var(--font-size--xs);
}
.a-title--size--base {
font-size: var(--font-size--base);
}
.a-title--transform--uppercase {
text-transform: uppercase;
}
.a-title--weight--thin {
font-weight: var(--font-weight--thin);
}
.a-title--weight--lighter {
font-weight: var(--font-weight--lighter);
}
.a-title--weight--light, .block-facet-blockdocument-type > h2, .block-facet-blockbundle > h2, .block-facet-blockpfas-free > h2, .block-facet-blockpfas-free-doc > h2 {
font-weight: var(--font-weight--light);
}
.a-title--weight--regular {
font-weight: var(--font-weight--regular);
}
.a-title--weight--medium {
font-weight: var(--font-weight--medium);
}
.a-title--weight--bold {
font-weight: var(--font-weight--bold);
}
.a-title--wordmarks {
text-transform: uppercase;
font-family: var(--font-family--decorative);
}
/* font styles mixed with basic titles */
.a-title--wordmarks.a-title--h1 {
letter-spacing: 0.05em;
}
@media all and (min-width: 1024px) {
.a-title--wordmarks.a-title--h1 {
letter-spacing: 0.15em
}
}
.a-title--wordmarks.a-title--h2 {
font-size: var(--font-size--xl);
}
@media all and (min-width: 1024px) {
.a-title--wordmarks.a-title--h2 {
letter-spacing: 3px;
font-size: var(--font-size--xxxxl)
}
}
@media all and (min-width: 1024px) {
.a-title--wordmarks.a-title--h3 {
font-size: var(--font-size--base);
font-weight: var(--font-weight--regular)
}
}
.a-title--border:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
content: "";
}
.a-title--border--to-right:after {
background-image: var(--gradient-to-right);
}
.a-title--border--to-left:after {
background-image: var(--gradient-to-left);
}
.a-title--border--size--double:after {
height: 2px;
}
.a-title--inner--color-red span {
color: var(--color-secondary-red);
}
.a-title--centered {
text-align: center;
}
.a-title--color--dark-med-grey {
color: var(--color-slate-grey);
}
.a-line {
position: relative;
display: inherit;
width: 100%;
height: 0.0625rem;
}
.a-line:before {
display: block;
width: 100%;
height: 100%;
content: "";
background-image: var(--gradient-to-right);
}
.m-table__description {
display: block;
grid-area: c;
}
.m-table--specifications .m-table__description .a-description {
color: var(--color-cobalt);
}
.m-table--specifications .a-icon--plain {
grid-area: a;
line-height: 0;
}
.m-table--specifications .m-table__description .a-label {
margin-top: 0.75rem;
}
@media all and (max-width: 1023px) {
.m-table__specifications .m-table__cell .a-label {
margin-bottom: 0
}
}
.m-table__link {
display: block;
}
.m-table__wrapper {
overflow: auto;
margin: 0;
box-shadow: var(--box-shadow--level-8);
}
@media all and (min-width: 1024px) {
.m-table__wrapper {
border: 1px solid var(--color-table-border)
}
}
@media all and (min-width: 768px) {
.m-table--headless .m-table__wrapper {
overflow: visible
}
}
.m-table__specifications {
display: table;
width: 100%;
color: var(--color-cobalt);
border-bottom: 1px solid var(--color-table-border);
background-color: var(--color-white);
box-shadow: var(--box-shadow--level-4);
}
.m-table__table {
width: 100%;
min-width: 48rem;
text-align: left;
color: var(--color-cobalt);
border-collapse: collapse;
background-color: var(--color-white);
font-weight: var(--font-weight--base);
}
@media all and (min-width: 1024px) {
.m-table__table {
min-width: 705px
}
}
.m-table__table--headless {
display: flex;
}
@media all and (max-width: 1023px) {
.m-table__table--headless {
flex-direction: column
}
}
.m-table__cell {
padding: 1.25rem;
vertical-align: top;
}
.m-table__cell:not(:last-child) {
border-right: 1px solid var(--color-table-border);
}
.m-table--headless .m-table__cell, .m-table__table--headless .m-table__cell {
flex: 1;
padding: 1.25rem 2.5rem;
}
@media all and (max-width: 1023px) {
.m-table--headless .m-table__cell:last-child {
border-bottom: 1px solid var(--color-table-border)
}
}
.m-table--headless .m-table__cell:not(:last-child) {
border-right: 1px solid var(--color-table-border);
}
@media all and (max-width: 1023px) {
.m-table--headless .m-table__cell:not(:last-child) {
border: 0
}
}
.m-table--specifications .m-table__cell {
display: grid;
grid-template-areas: "a b c";
grid-template-columns: 2rem 7rem 1fr;
grid-gap: 0 1rem;
align-items: center;
width: 100%;
min-width: 48rem;
border-right: 1px solid var(--color-table-border);
border-left: 1px solid var(--color-table-border);
}
@media all and (min-width: 1024px) {
.m-table--specifications .m-table__cell {
min-width: auto
}
}
.m-table--specifications .a-label.a-label--blue {
grid-area: b;
}
@media all and (min-width: 1024px) {
.m-table--specifications .a-label.a-label--blue {
margin-bottom: 0
}
}
.m-table__row--body {
border-top: 1px solid var(--color-table-border);
}
.m-table .a-list__item {
font-size: var(--font-size--s);
line-height: var(--line-height--base);
}
.m-table--specifications .m-table__description .a-label + p {
margin: 0;
}
.m-table .a-title {
margin-bottom: 1.375rem;
}
.m-table .a-list__item:not(:last-child) {
margin-bottom: 0.875rem;
}
@media all and (min-width: 1024px) {
.m-table .a-list__item:not(:last-child) {
margin-bottom: 0.8125rem
}
}
.paragraph--type--text-block .block-field-blockparagraphtext-blockfield-description {
padding-bottom: 0.513rem; /* 45px */
}
.paragraph--type--text-block + .paragraph--type--cta-block.paragraph--view-mode--links {
margin-top: -1.563rem; /* 25px */
}
.hyperlink a {
color: var(--color-cobalt);
}
a.hyper-class {
text-decoration: none;
border-bottom: 1px solid;
font-weight: var(--font-weight--bold);
}
a.hyper-class:hover {
border-bottom: 0;
}
a:not(.m-menu__link, .m-accountmenu__link, .a-list__link, .a-breadcrumbs__link, .a-link__default) {
font-weight: var(--font-weight--bold);
}
.ui-autocomplete-list-wrapper a {
font-weight: var(--font-weight--regular);
}
.text-formatted.field--type-text-long a:not(.hyper-class) {
color: var(--color-cobalt);
font-weight: var(--font-weight--bold);
}
.text-formatted.field--type-text-long .default-text {
font-size: var(--font-size--base);
}
.text-formatted.field--type-text-long .small-text {
font-size: var(--font-size--s);
color: var(--color-greylight);
}
.text-formatted.field--type-text-long a:not(.a-link--more) {
text-decoration: none;
border-bottom: 1px solid;
}
.text-formatted.field--type-text-long a:not(.a-link--more):hover {
border-bottom: 0;
}
.text-wordmarks {
font-family: var(--font-family--decorative);
}
.text-wordmarks--small {
font-size: var(--font-size--s);
}
.text-wordmarks--medium {
font-size: var(--font-size--xxl);
}
.text-wordmarks--large {
font-size: var(--font-size--xxxxxl);
}
.a-description .small-text {
font-size: var(--font-size--s);
}
.block-facet-blockdocument-type > h2, .block-facet-blockbundle > h2, .block-facet-blockpfas-free > h2, .block-facet-blockpfas-free-doc > h2 {
margin-top: 2.5rem;
margin-bottom: 0.5rem;
}
sup {
top: 0;
vertical-align: super;
}
.a-breadcrumbs sup.trademark {
top: 0.25rem;
font-size: 100%;
line-height: 1;
}
a sup {
display: inline-block;
text-decoration: none;
}
sub {
bottom: 0;
vertical-align: sub;
}
sub.trademark {
bottom: -0.25em;
}
.a-breadcrumbs sub.trademark {
font-size: 100%;
line-height: 1;
}
/* stylelint-disable */
/**
* Swiper 6.7.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 23, 2021
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide, .swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}
/* stylelint-enable */
.h-gradient {
display: inherit;
}
.h-gradient__content {
display: inline-block;
background-image: var(--gradient-to-right);
-moz-background-clip: text;
-webkit-background-clip: text;
background-clip: text;
background-size: 100%;
-webkit-text-fill-color: transparent;
}
.h-gradient__icon--to--right {
fill: url("#seals-gradient-to-right");
stroke: url("#seals-gradient-to-right");
}
.h-gradient__icon--to--bottom {
fill: url("#seals-gradient-to-bottom");
stroke: url("#seals-gradient-to-bottom");
}
.h-gradient__line {
height: 1px;
border: none;
background: var(--gradient-to-right);
}
.h-gradient__line--vertical {
width: 0.5625rem;
height: 100%;
background: var(--gradient-to-bottom);
}
.h-gradient__scrollbar::-webkit-scrollbar, .ui-selectmenu-menu--gradient .ui-menu::-webkit-scrollbar {
width: 0.3125rem;
height: 0.3125rem;
}
.h-gradient__scrollbar--small::-webkit-scrollbar {
width: 0.25rem;
height: 0.25rem;
}
.h-gradient__scrollbar::-webkit-scrollbar-thumb, .ui-selectmenu-menu--gradient .ui-menu::-webkit-scrollbar-thumb {
border-radius: 1rem;
background: var(--gradient-to-top);
}
.h-gradient__scrollbar::-webkit-scrollbar-thumb:horizontal, .ui-selectmenu-menu--gradient .ui-menu::-webkit-scrollbar-thumb:horizontal {
background: var(--gradient-to-right);
}
.h-gradient__scrollbar--reversed::-webkit-scrollbar-thumb {
background: var(--gradient-to-bottom);
}
.h-gradient__scrollbar--reversed::-webkit-scrollbar-thumb:horizontal {
background: var(--gradient-to-left);
}
.h-gradient__scrollbar--small::-webkit-scrollbar-thumb {
border-radius: 0.5rem;
}
.h-gradient__content sub, .h-gradient__content sup {
position: static;
}
/* Should be first included */