img:is([sizes=auto i], [sizes^="auto," i]) {
contain-intrinsic-size: 3000px 1500px
}
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
:host {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px
}
@media (min-resolution:192dpi) {
:host {
--wp-admin-border-width-focus: 1.5px
}
}
.wp-element-button {
cursor: pointer
}
:host .has-very-light-gray-background-color {
background-color: #eee
}
:host .has-very-dark-gray-background-color {
background-color: #313131
}
:host .has-very-light-gray-color {
color: #eee
}
:host .has-very-dark-gray-color {
color: #313131
}
:host .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:host .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:host .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:host .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:host .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:host .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:host .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
:host {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px
}
.has-regular-font-size {
font-size: 1em
}
.has-larger-font-size {
font-size: 2.625em
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal)
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge)
}
:host .has-text-align-center {
text-align: center
}
:host .has-text-align-left {
text-align: left
}
:host .has-text-align-right {
text-align: right
}
.has-fit-text {
white-space: nowrap !important
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.items-justified-left {
justify-content: flex-start
}
.items-justified-center {
justify-content: center
}
.items-justified-right {
justify-content: flex-end
}
.items-justified-space-between {
justify-content: space-between
}
.screen-reader-text {
word-wrap: normal !important;
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.screen-reader-text:focus {
background-color: #ddd;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
html :where(.has-border-color) {
border-style: solid
}
html :where([style*=border-color]) {
border-style: solid
}
html :where([style*=border-top-color]) {
border-top-style: solid
}
html :where([style*=border-right-color]) {
border-right-style: solid
}
html :where([style*=border-bottom-color]) {
border-bottom-style: solid
}
html :where([style*=border-left-color]) {
border-left-style: solid
}
html :where([style*=border-width]) {
border-style: solid
}
html :where([style*=border-top-width]) {
border-top-style: solid
}
html :where([style*=border-right-width]) {
border-right-style: solid
}
html :where([style*=border-bottom-width]) {
border-bottom-style: solid
}
html :where([style*=border-left-width]) {
border-left-style: solid
}
html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100%
}
:where(figure) {
margin: 0 0 1em
}
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}
@media screen and (max-width:600px) {
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: 0px
}
}
:host {
--wp--preset--aspect-ratio--square: 1;
--wp--preset--aspect-ratio--4-3: 4/3;
--wp--preset--aspect-ratio--3-4: 3/4;
--wp--preset--aspect-ratio--3-2: 3/2;
--wp--preset--aspect-ratio--2-3: 2/3;
--wp--preset--aspect-ratio--16-9: 16/9;
--wp--preset--aspect-ratio--9-16: 9/16;
--wp--preset--color--black: #0f172a;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--navigator-blue: #283287;
--wp--preset--color--wave-blue: #009ee3;
--wp--preset--color--deep-sea-blue: #282258;
--wp--preset--color--navigator-grey: #6f6f6e;
--wp--preset--color--vessel-orange: #c84f36;
--wp--preset--color--vessel-red: #561e2b;
--wp--preset--color--lighthouse-green: #009878;
--wp--preset--color--anchor-grey: #edf3f7;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.625), 20px);
--wp--preset--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.454), 36px);
--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.769), 42px);
--wp--preset--font-size--nav-14: 14px;
--wp--preset--font-size--body-20: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.625), 20px);
--wp--preset--font-size--title-32: clamp(20px, 1.25rem + ((1vw - 3.2px) * 1.25), 32px);
--wp--preset--font-size--title-36: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.454), 36px);
--wp--preset--font-size--hero-54: clamp(30.693px, 1.918rem + ((1vw - 3.2px) * 2.428), 54px);
--wp--preset--font-family--ibm-plex-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
--wp--preset--font-family--blinker: Blinker, ui-sans-serif, system-ui, sans-serif;
--wp--preset--font-family--sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--spacing--xs: 0.5rem;
--wp--preset--spacing--sm: 1rem;
--wp--preset--spacing--md: 2rem;
--wp--preset--spacing--lg: 4rem;
--wp--preset--spacing--xl: 6rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}
:host {
--wp--style--global--content-size: 72rem;
--wp--style--global--wide-size: 80rem;
}
:where(.evergreen-container--inner) {
margin: 0;
}
.wp-site-blocks>.alignleft {
float: left;
margin-right: 2em;
}
.wp-site-blocks>.alignright {
float: right;
margin-left: 2em;
}
.wp-site-blocks>.aligncenter {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
:where(.wp-site-blocks)>* {
margin-block-start: 24px;
margin-block-end: 0;
}
:where(.wp-site-blocks)> :first-child {
margin-block-start: 0;
}
:where(.wp-site-blocks)> :last-child {
margin-block-end: 0;
}
:host {
--wp--style--block-gap: 24px;
}
:host :where(.is-layout-flow)> :first-child {
margin-block-start: 0;
}
:host :where(.is-layout-flow)> :last-child {
margin-block-end: 0;
}
:host :where(.is-layout-flow)>* {
margin-block-start: 24px;
margin-block-end: 0;
}
:host :where(.is-layout-constrained)> :first-child {
margin-block-start: 0;
}
:host :where(.is-layout-constrained)> :last-child {
margin-block-end: 0;
}
:host :where(.is-layout-constrained)>* {
margin-block-start: 24px;
margin-block-end: 0;
}
:host :where(.is-layout-flex) {
gap: 24px;
}
:host :where(.is-layout-grid) {
gap: 24px;
}
.is-layout-flow>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
.is-layout-flow>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
.is-layout-flow>.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
.is-layout-constrained>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
.is-layout-constrained>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
.is-layout-constrained>.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
.is-layout-constrained>.alignwide {
max-width: var(--wp--style--global--wide-size);
}
.evergreen-container--inner .is-layout-flex {
display: flex;
}
.is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
.is-layout-flex> :is(*, div) {
margin: 0;
}
.evergreen-container--inner .is-layout-grid {
display: grid;
}
.is-layout-grid> :is(*, div) {
margin: 0;
}
.evergreen-container--inner {
font-family: var(--wp--preset--font-family--ibm-plex-sans);
font-size: var(--wp--preset--font-size--body-20);
line-height: 1.6;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--wp--preset--font-family--blinker);
font-weight: 600;
line-height: 1.2;
}
:host :where(.wp-element-button, .wp-block-button__link) {
background-color: #32373c;
border-width: 0;
color: #fff;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
padding-top: calc(0.667em + 2px);
padding-right: calc(1.333em + 2px);
padding-bottom: calc(0.667em + 2px);
padding-left: calc(1.333em + 2px);
text-decoration: none;
text-transform: inherit;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-navigator-blue-color {
color: var(--wp--preset--color--navigator-blue) !important;
}
.has-wave-blue-color {
color: var(--wp--preset--color--wave-blue) !important;
}
.has-deep-sea-blue-color {
color: var(--wp--preset--color--deep-sea-blue) !important;
}
.has-navigator-grey-color {
color: var(--wp--preset--color--navigator-grey) !important;
}
.has-vessel-orange-color {
color: var(--wp--preset--color--vessel-orange) !important;
}
.has-vessel-red-color {
color: var(--wp--preset--color--vessel-red) !important;
}
.has-lighthouse-green-color {
color: var(--wp--preset--color--lighthouse-green) !important;
}
.has-anchor-grey-color {
color: var(--wp--preset--color--anchor-grey) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-navigator-blue-background-color {
background-color: var(--wp--preset--color--navigator-blue) !important;
}
.has-wave-blue-background-color {
background-color: var(--wp--preset--color--wave-blue) !important;
}
.has-deep-sea-blue-background-color {
background-color: var(--wp--preset--color--deep-sea-blue) !important;
}
.has-navigator-grey-background-color {
background-color: var(--wp--preset--color--navigator-grey) !important;
}
.has-vessel-orange-background-color {
background-color: var(--wp--preset--color--vessel-orange) !important;
}
.has-vessel-red-background-color {
background-color: var(--wp--preset--color--vessel-red) !important;
}
.has-lighthouse-green-background-color {
background-color: var(--wp--preset--color--lighthouse-green) !important;
}
.has-anchor-grey-background-color {
background-color: var(--wp--preset--color--anchor-grey) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-navigator-blue-border-color {
border-color: var(--wp--preset--color--navigator-blue) !important;
}
.has-wave-blue-border-color {
border-color: var(--wp--preset--color--wave-blue) !important;
}
.has-deep-sea-blue-border-color {
border-color: var(--wp--preset--color--deep-sea-blue) !important;
}
.has-navigator-grey-border-color {
border-color: var(--wp--preset--color--navigator-grey) !important;
}
.has-vessel-orange-border-color {
border-color: var(--wp--preset--color--vessel-orange) !important;
}
.has-vessel-red-border-color {
border-color: var(--wp--preset--color--vessel-red) !important;
}
.has-lighthouse-green-border-color {
border-color: var(--wp--preset--color--lighthouse-green) !important;
}
.has-anchor-grey-border-color {
border-color: var(--wp--preset--color--anchor-grey) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
.has-nav-14-font-size {
font-size: var(--wp--preset--font-size--nav-14) !important;
}
.has-body-20-font-size {
font-size: var(--wp--preset--font-size--body-20) !important;
}
.has-title-32-font-size {
font-size: var(--wp--preset--font-size--title-32) !important;
}
.has-title-36-font-size {
font-size: var(--wp--preset--font-size--title-36) !important;
}
.has-hero-54-font-size {
font-size: var(--wp--preset--font-size--hero-54) !important;
}
.has-ibm-plex-sans-font-family {
font-family: var(--wp--preset--font-family--ibm-plex-sans) !important;
}
.has-blinker-font-family {
font-family: var(--wp--preset--font-family--blinker) !important;
}
.has-sans-font-family {
font-family: var(--wp--preset--font-family--sans) !important;
}
.cmplz-video.cmplz-iframe-styles {
background-color: transparent
}
.cmplz-video.cmplz-hidden {
visibility: hidden !important
}
.cmplz-blocked-content-notice {
display: none
}
.cmplz-placeholder-parent {
height: inherit
}
.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,
.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice {
display: block
}
.cmplz-blocked-content-container,
.cmplz-wp-video {
animation-name: cmplz-fadein;
animation-duration: 600ms;
background: #FFF;
border: 0;
border-radius: 3px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat !important;
background-size: cover !important;
height: inherit;
position: relative
}
.cmplz-blocked-content-container.gmw-map-cover,
.cmplz-wp-video.gmw-map-cover {
max-height: 100%;
position: absolute
}
.cmplz-blocked-content-container.cmplz-video-placeholder,
.cmplz-wp-video.cmplz-video-placeholder {
padding-bottom: initial
}
.cmplz-blocked-content-container iframe,
.cmplz-wp-video iframe {
visibility: hidden;
max-height: 100%;
border: 0 !important
}
.cmplz-blocked-content-container .cmplz-custom-accept-btn,
.cmplz-wp-video .cmplz-custom-accept-btn {
white-space: normal;
text-transform: initial;
cursor: pointer;
position: absolute !important;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 200px;
font-size: 14px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: center;
z-index: 98;
line-height: 23px
}
.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,
.cmplz-wp-video .cmplz-custom-accept-btn:focus {
border: 1px dotted #cecece
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-wp-video .cmplz-blocked-content-notice {
white-space: normal;
text-transform: initial;
position: absolute !important;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 300px;
font-size: 14px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: center;
z-index: 98;
line-height: 23px
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,
.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links {
display: block;
margin-bottom: 10px
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,
.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a {
color: #fff
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,
.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body {
display: block
}
.cmplz-blocked-content-container div div {
display: none
}
.cmplz-wp-video .cmplz-placeholder-element {
width: 100%;
height: inherit
}
@keyframes cmplz-fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
*,
:before,
:after,
::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: ""
}
:host {
--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-slate-100: oklch(96.8% .007 247.896);
--color-slate-200: oklch(92.9% .013 255.508);
--color-slate-300: oklch(86.9% .022 252.894);
--color-slate-500: oklch(55.4% .046 257.417);
--color-slate-600: oklch(44.6% .043 257.281);
--color-slate-700: oklch(37.2% .044 257.287);
--color-slate-800: oklch(27.9% .041 260.031);
--color-slate-900: oklch(20.8% .042 265.755);
--color-gray-100: oklch(96.7% .003 264.542);
--color-black: #0f172a;
--color-white: #fff;
--spacing: .25rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--container-7xl: 80rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -.025em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--radius-sm: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--ease-out: cubic-bezier(0, 0, .2, 1);
--blur-sm: 8px;
--aspect-video: 16 / 9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--font-display: "Blinker", ui-sans-serif, system-ui, sans-serif;
--color-navigator-blue: #283287;
--color-wave-blue: #009ee3;
--color-deep-sea-blue: #282258;
--color-navigator-grey: #6f6f6e;
--color-vessel-orange: #c84f36;
--color-lighthouse-green: #009878;
--color-anchor-grey: #edf3f7;
--type-nav-14: 16px;
--type-text-18: 18px;
--type-body-20: 20px;
--type-heading-32: 32px;
--type-heading-36: 36px;
--type-hero-54: 54px
}
*,
:after,
:before,
::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0
}
html,
:host {
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent
}
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp,
pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
:-moz-focusring {
outline: auto
}
progress {
vertical-align: baseline
}
summary {
display: list-item
}
ol,
ul,
menu {
list-style: none
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
vertical-align: middle;
display: block
}
img,
video {
max-width: 100%;
height: auto
}
button,
input,
select,
optgroup,
textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px
}
::file-selector-button {
margin-inline-end: 4px
}
::placeholder {
opacity: 1
}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder {
color: currentColor
}
@supports (color:color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent)
}
}
}
textarea {
resize: vertical
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit
}
::-webkit-datetime-edit {
display: inline-flex
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0
}
::-webkit-datetime-edit {
padding-block: 0
}
::-webkit-datetime-edit-year-field {
padding-block: 0
}
::-webkit-datetime-edit-month-field {
padding-block: 0
}
::-webkit-datetime-edit-day-field {
padding-block: 0
}
::-webkit-datetime-edit-hour-field {
padding-block: 0
}
::-webkit-datetime-edit-minute-field {
padding-block: 0
}
::-webkit-datetime-edit-second-field {
padding-block: 0
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0
}
::-webkit-calendar-picker-indicator {
line-height: 1
}
:-moz-ui-invalid {
box-shadow: none
}
button,
input:where([type=button], [type=reset], [type=submit]) {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
::file-selector-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
::-webkit-inner-spin-button {
height: auto
}
::-webkit-outer-spin-button {
height: auto
}
[hidden]:where(:not([hidden=until-found])) {
display: none !important
}
html {
scroll-behavior: smooth
}
.evergreen-container--inner {
font-family: var(--font-sans);
color: var(--color-slate-800);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: var(--type-body-20);
line-height: 1.5
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-display);
font-weight: 600;
line-height: 1.2
}
em,
.navgas-annotation {
font-style: italic
}
.entry-content a:not([class]) {
text-decoration: underline
}
.entry-content a[class] {
text-decoration: none
}
.entry-content .wp-block-columns,
.entry-content .wp-block-columns.is-layout-flex,
.entry-content .wp-block-column,
.entry-content .is-layout-flex,
.entry-content .is-layout-flow>*,
.entry-content .wp-block-column>* {
margin-block: 0
}
.pointer-events-none {
pointer-events: none
}
.visible {
visibility: visible
}
.sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.absolute {
position: absolute
}
.fixed {
position: fixed
}
.relative {
position: relative
}
.static {
position: static
}
.inset-0 {
inset: calc(var(--spacing) * 0)
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0)
}
.inset-y-0 {
inset-block: calc(var(--spacing) * 0)
}
.start {
inset-inline-start: var(--spacing)
}
.-top-3 {
top: calc(var(--spacing) * -3)
}
.-top-16 {
top: calc(var(--spacing) * -16)
}
.top-0 {
top: calc(var(--spacing) * 0)
}
.top-1\/2 {
top: 50%
}
.top-3 {
top: calc(var(--spacing) * 3)
}
.-right-3 {
right: calc(var(--spacing) * -3)
}
.right-0 {
right: calc(var(--spacing) * 0)
}
.right-3 {
right: calc(var(--spacing) * 3)
}
.right-8 {
right: calc(var(--spacing) * 8)
}
.-bottom-16 {
bottom: calc(var(--spacing) * -16)
}
.bottom-0 {
bottom: calc(var(--spacing) * 0)
}
.bottom-6 {
bottom: calc(var(--spacing) * 6)
}
.left-0 {
left: calc(var(--spacing) * 0)
}
.left-1\/2 {
left: 50%
}
.left-3 {
left: calc(var(--spacing) * 3)
}
.left-5 {
left: calc(var(--spacing) * 5)
}
.left-\[35\%\] {
left: 35%
}
.z-0 {
z-index: 0
}
.z-1 {
z-index: 1
}
.z-2 {
z-index: 2
}
.z-3 {
z-index: 3
}
.z-10 {
z-index: 10
}
.z-40 {
z-index: 40
}
.z-50 {
z-index: 50
}
.z-\[60\] {
z-index: 60
}
.container {
width: 100%
}
@media (min-width:1084px) {
.container {
max-width: 1084px
}
}
@media (min-width:40rem) {
.container {
max-width: 40rem
}
}
@media (min-width:48rem) {
.container {
max-width: 48rem
}
}
@media (min-width:64rem) {
.container {
max-width: 64rem
}
}
@media (min-width:80rem) {
.container {
max-width: 80rem
}
}
@media (min-width:96rem) {
.container {
max-width: 96rem
}
}
.m-0 {
margin: calc(var(--spacing) * 0)
}
.mx-4 {
margin-inline: calc(var(--spacing) * 4)
}
.mx-auto {
margin-inline: auto
}
.mt-0 {
margin-top: calc(var(--spacing) * 0)
}
.mt-2 {
margin-top: calc(var(--spacing) * 2)
}
.mt-3 {
margin-top: calc(var(--spacing) * 3)
}
.mt-4 {
margin-top: calc(var(--spacing) * 4)
}
.mt-6 {
margin-top: calc(var(--spacing) * 6)
}
.mt-10 {
margin-top: calc(var(--spacing) * 10)
}
.mt-12 {
margin-top: calc(var(--spacing) * 12)
}
.mt-14 {
margin-top: calc(var(--spacing) * 14)
}
.mt-auto {
margin-top: auto
}
.mr-1 {
margin-right: calc(var(--spacing) * 1)
}
.mb-0 {
margin-bottom: calc(var(--spacing) * 0)
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2)
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3)
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4)
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5)
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6)
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8)
}
.mb-10 {
margin-bottom: calc(var(--spacing) * 10)
}
.mb-12 {
margin-bottom: calc(var(--spacing) * 12)
}
.ml-auto {
margin-left: auto
}
.block {
display: block
}
.flex {
display: flex
}
.grid {
display: grid
}
.hidden {
display: none
}
.inline {
display: inline
}
.inline-block {
display: inline-block
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.aspect-517\/774 {
aspect-ratio: 517/774
}
.aspect-square {
aspect-ratio: 1
}
.aspect-video {
aspect-ratio: var(--aspect-video)
}
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4)
}
.size-5 {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5)
}
.size-6 {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6)
}
.size-7 {
width: calc(var(--spacing) * 7);
height: calc(var(--spacing) * 7)
}
.size-9 {
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9)
}
.size-10 {
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10)
}
.size-\[1\.2em\] {
width: 1.2em;
height: 1.2em
}
.h-0 {
height: calc(var(--spacing) * 0)
}
.h-3 {
height: calc(var(--spacing) * 3)
}
.h-3\.5 {
height: calc(var(--spacing) * 3.5)
}
.h-4 {
height: calc(var(--spacing) * 4)
}
.h-5 {
height: calc(var(--spacing) * 5)
}
.h-6 {
height: calc(var(--spacing) * 6)
}
.h-7 {
height: calc(var(--spacing) * 7)
}
.h-9 {
height: calc(var(--spacing) * 9)
}
.h-10 {
height: calc(var(--spacing) * 10)
}
.h-12 {
height: calc(var(--spacing) * 12)
}
.h-14 {
height: calc(var(--spacing) * 14)
}
.h-16 {
height: calc(var(--spacing) * 16)
}
.h-56 {
height: calc(var(--spacing) * 56)
}
.h-\[56\.25vw\] {
height: 56.25vw
}
.h-\[150vw\] {
height: 150vw
}
.h-auto {
height: auto
}
.h-auto\! {
height: auto !important
}
.h-dvh {
height: 100dvh
}
.h-full {
height: 100%
}
.h-px {
height: 1px
}
.max-h-0 {
max-height: calc(var(--spacing) * 0)
}
.max-h-16 {
max-height: calc(var(--spacing) * 16)
}
.min-h-85 {
min-height: calc(var(--spacing) * 85)
}
.min-h-\[340px\] {
min-height: 340px
}
.min-h-\[460px\] {
min-height: 460px
}
.min-h-\[520px\] {
min-height: 520px
}
.min-h-\[600px\] {
min-height: 600px
}
.min-h-full {
min-height: 100%
}
.min-h-screen {
min-height: 100vh
}
.w-3 {
width: calc(var(--spacing) * 3)
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5)
}
.w-4 {
width: calc(var(--spacing) * 4)
}
.w-5 {
width: calc(var(--spacing) * 5)
}
.w-6 {
width: calc(var(--spacing) * 6)
}
.w-7 {
width: calc(var(--spacing) * 7)
}
.w-9 {
width: calc(var(--spacing) * 9)
}
.w-10 {
width: calc(var(--spacing) * 10)
}
.w-40 {
width: calc(var(--spacing) * 40)
}
.w-80 {
width: calc(var(--spacing) * 80)
}
.w-\[18\%\] {
width: 18%
}
.w-\[92vw\] {
width: 92vw
}
.w-\[177\.78vh\] {
width: 177.78vh
}
.w-\[300px\] {
width: 300px
}
.w-\[calc\(50\%-0\.5rem\)\] {
width: calc(50% - .5rem)
}
.w-auto {
width: auto
}
.w-full {
width: 100%
}
.w-px {
width: 1px
}
.max-w-2xl {
max-width: var(--container-2xl)
}
.max-w-3xl {
max-width: var(--container-3xl)
}
.max-w-4xl {
max-width: var(--container-4xl)
}
.max-w-5xl {
max-width: var(--container-5xl)
}
.max-w-6xl {
max-width: var(--container-6xl)
}
.max-w-7xl {
max-width: var(--container-7xl)
}
.max-w-\[85vw\] {
max-width: 85vw
}
.max-w-full {
max-width: 100%
}
.max-w-none {
max-width: none
}
.min-w-0 {
min-width: calc(var(--spacing) * 0)
}
.min-w-full {
min-width: 100%
}
.flex-1 {
flex: 1
}
.shrink-0 {
flex-shrink: 0
}
.grow {
flex-grow: 1
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.translate-x-0 {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.translate-x-full {
--tw-translate-x: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.scale-95 {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y)
}
.scale-100 {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y)
}
.-rotate-45 {
rotate: -45deg
}
.rotate-180 {
rotate: 180deg
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
}
.cursor-pointer {
cursor: pointer
}
.resize {
resize: both
}
.list-none {
list-style-type: none
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.flex-col {
flex-direction: column
}
.flex-wrap {
flex-wrap: wrap
}
.items-baseline {
align-items: baseline
}
.items-center {
align-items: center
}
.items-start {
align-items: flex-start
}
.items-stretch {
align-items: stretch
}
.justify-between {
justify-content: space-between
}
.justify-center {
justify-content: center
}
.justify-end {
justify-content: flex-end
}
.justify-start {
justify-content: flex-start
}
.gap-1 {
gap: calc(var(--spacing) * 1)
}
.gap-2 {
gap: calc(var(--spacing) * 2)
}
.gap-3 {
gap: calc(var(--spacing) * 3)
}
.gap-4 {
gap: calc(var(--spacing) * 4)
}
.gap-5 {
gap: calc(var(--spacing) * 5)
}
.gap-6 {
gap: calc(var(--spacing) * 6)
}
.gap-8 {
gap: calc(var(--spacing) * 8)
}
.gap-10 {
gap: calc(var(--spacing) * 10)
}
.gap-18 {
gap: calc(var(--spacing) * 18)
}
:where(.space-y-5>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
}
:where(.space-y-12>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))
}
.gap-x-8 {
column-gap: calc(var(--spacing) * 8)
}
.gap-x-10 {
column-gap: calc(var(--spacing) * 10)
}
.gap-y-1 {
row-gap: calc(var(--spacing) * 1)
}
.gap-y-4 {
row-gap: calc(var(--spacing) * 4)
}
.gap-y-12 {
row-gap: calc(var(--spacing) * 12)
}
.gap-y-18 {
row-gap: calc(var(--spacing) * 18)
}
.self-stretch {
align-self: stretch
}
.overflow-hidden {
overflow: hidden
}
.overflow-visible {
overflow: visible
}
.overflow-y-auto {
overflow-y: auto
}
.rounded {
border-radius: .25rem
}
.rounded-2xl {
border-radius: var(--radius-2xl)
}
.rounded-full {
border-radius: 3.40282e38px
}
.rounded-lg {
border-radius: var(--radius-lg)
}
.rounded-md {
border-radius: var(--radius-md)
}
.rounded-sm {
border-radius: var(--radius-sm)
}
.rounded-xl {
border-radius: var(--radius-xl)
}
.border {
border-style: solid;
border-width: 1px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px
}
.border-4 {
border-style: var(--tw-border-style);
border-width: 4px
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px
}
.border-anchor-grey {
border-color: var(--color-anchor-grey)
}
.border-current {
border-color: currentColor
}
.border-gray-100 {
border-color: var(--color-gray-100)
}
.border-navigator-blue {
border-color: var(--color-navigator-blue)
}
.border-slate-100 {
border-color: var(--color-slate-100)
}
.border-white\/10 {
border-color: #ffffff1a
}
@supports (color:color-mix(in lab, red, red)) {
.border-white\/10 {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
}
}
.bg-anchor-grey {
background-color: var(--color-anchor-grey)
}
.bg-anchor-grey\/30 {
background-color: #edf3f74d
}
@supports (color:color-mix(in lab, red, red)) {
.bg-anchor-grey\/30 {
background-color: color-mix(in oklab, var(--color-anchor-grey) 30%, transparent)
}
}
.bg-black {
background-color: var(--color-black)
}
.bg-black\/40 {
background-color: #0f172a66
}
@supports (color:color-mix(in lab, red, red)) {
.bg-black\/40 {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent)
}
}
.bg-black\/60 {
background-color: #0f172a99
}
@supports (color:color-mix(in lab, red, red)) {
.bg-black\/60 {
background-color: color-mix(in oklab, var(--color-black) 60%, transparent)
}
}
.bg-black\/80 {
background-color: #0f172acc
}
@supports (color:color-mix(in lab, red, red)) {
.bg-black\/80 {
background-color: color-mix(in oklab, var(--color-black) 80%, transparent)
}
}
.bg-deep-sea-blue {
background-color: var(--color-deep-sea-blue)
}
.bg-navigator-blue {
background-color: var(--color-navigator-blue)
}
.bg-navigator-blue\/40 {
background-color: #28328766
}
@supports (color:color-mix(in lab, red, red)) {
.bg-navigator-blue\/40 {
background-color: color-mix(in oklab, var(--color-navigator-blue) 40%, transparent)
}
}
.bg-slate-900 {
background-color: var(--color-slate-900)
}
.bg-white {
background-color: var(--color-white)
}
.bg-white\/6 {
background-color: #ffffff0f
}
@supports (color:color-mix(in lab, red, red)) {
.bg-white\/6 {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent)
}
}
.object-contain {
object-fit: contain
}
.object-cover {
object-fit: cover
}
.p-0 {
padding: calc(var(--spacing) * 0)
}
.p-5 {
padding: calc(var(--spacing) * 5)
}
.p-6 {
padding: calc(var(--spacing) * 6)
}
.p-8 {
padding: calc(var(--spacing) * 8)
}
.p-14 {
padding: calc(var(--spacing) * 14)
}
.px-2 {
padding-inline: calc(var(--spacing) * 2)
}
.px-3 {
padding-inline: calc(var(--spacing) * 3)
}
.px-4 {
padding-inline: calc(var(--spacing) * 4)
}
.px-5 {
padding-inline: calc(var(--spacing) * 5)
}
.px-6 {
padding-inline: calc(var(--spacing) * 6)
}
.px-10 {
padding-inline: calc(var(--spacing) * 10)
}
.py-2 {
padding-block: calc(var(--spacing) * 2)
}
.py-3 {
padding-block: calc(var(--spacing) * 3)
}
.py-4 {
padding-block: calc(var(--spacing) * 4)
}
.py-5 {
padding-block: calc(var(--spacing) * 5)
}
.py-6 {
padding-block: calc(var(--spacing) * 6)
}
.py-8 {
padding-block: calc(var(--spacing) * 8)
}
.py-10 {
padding-block: calc(var(--spacing) * 10)
}
.py-12 {
padding-block: calc(var(--spacing) * 12)
}
.py-14 {
padding-block: calc(var(--spacing) * 14)
}
.py-16 {
padding-block: calc(var(--spacing) * 16)
}
.py-20 {
padding-block: calc(var(--spacing) * 20)
}
.pt-0 {
padding-top: calc(var(--spacing) * 0)
}
.pt-4 {
padding-top: calc(var(--spacing) * 4)
}
.pt-5 {
padding-top: calc(var(--spacing) * 5)
}
.pt-10 {
padding-top: calc(var(--spacing) * 10)
}
.pt-14 {
padding-top: calc(var(--spacing) * 14)
}
.pt-16 {
padding-top: calc(var(--spacing) * 16)
}
.pr-4 {
padding-right: calc(var(--spacing) * 4)
}
.pr-5 {
padding-right: calc(var(--spacing) * 5)
}
.pr-10 {
padding-right: calc(var(--spacing) * 10)
}
.pb-0 {
padding-bottom: calc(var(--spacing) * 0)
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2)
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4)
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6)
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10)
}
.pb-16 {
padding-bottom: calc(var(--spacing) * 16)
}
.pb-20 {
padding-bottom: calc(var(--spacing) * 20)
}
.pb-28 {
padding-bottom: calc(var(--spacing) * 28)
}
.pl-4 {
padding-left: calc(var(--spacing) * 4)
}
.pl-11 {
padding-left: calc(var(--spacing) * 11)
}
.pl-16 {
padding-left: calc(var(--spacing) * 16)
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.font-display {
font-family: var(--font-display)
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height))
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height))
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height))
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height))
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height))
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height))
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height))
}
.text-\[44px\] {
font-size: 44px
}
.leading-none {
--tw-leading: 1;
line-height: 1
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed)
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug)
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight)
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold)
}
.font-light {
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light)
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium)
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal)
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold)
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight)
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide)
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider)
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest)
}
.text-balance {
text-wrap: balance
}
.break-all {
word-break: break-all
}
.whitespace-nowrap {
white-space: nowrap
}
.text-deep-sea-blue {
color: var(--color-deep-sea-blue)
}
.text-navigator-blue {
color: var(--color-navigator-blue)
}
.text-navigator-grey {
color: var(--color-navigator-grey)
}
.text-slate-200 {
color: var(--color-slate-200)
}
.text-slate-300 {
color: var(--color-slate-300)
}
.text-slate-500 {
color: var(--color-slate-500)
}
.text-slate-600 {
color: var(--color-slate-600)
}
.text-slate-900 {
color: var(--color-slate-900)
}
.text-wave-blue {
color: var(--color-wave-blue)
}
.text-wave-blue\! {
color: var(--color-wave-blue) !important
}
.text-white {
color: var(--color-white)
}
.text-white\/50 {
color: #ffffff80
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/50 {
color: color-mix(in oklab, var(--color-white) 50%, transparent)
}
}
.text-white\/80 {
color: #fffc
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/80 {
color: color-mix(in oklab, var(--color-white) 80%, transparent)
}
}
.uppercase {
text-transform: uppercase
}
.italic {
font-style: italic
}
.not-italic {
font-style: normal
}
.no-underline {
text-decoration-line: none
}
.underline {
text-decoration-line: underline
}
.opacity-0 {
opacity: 0
}
.opacity-30 {
opacity: .3
}
.opacity-80 {
opacity: .8
}
.opacity-100 {
opacity: 1
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[max-height\] {
transition-property: max-height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.duration-200 {
--tw-duration: .2s;
transition-duration: .2s
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s
}
.duration-800 {
--tw-duration: .8s;
transition-duration: .8s
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out)
}
.select-none {
-webkit-user-select: none;
user-select: none
}
@media (hover:hover) {
.group-hover\:translate-x-1:is(:where(.group):hover *) {
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.group-hover\:scale-110:is(:where(.group):hover *) {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y)
}
.group-hover\:text-wave-blue:is(:where(.group):hover *) {
color: var(--color-wave-blue)
}
}
.placeholder\:text-navigator-grey::placeholder {
color: var(--color-navigator-grey)
}
.after\:mx-3:after {
content: var(--tw-content);
margin-inline: calc(var(--spacing) * 3)
}
.after\:text-white\/20:after {
content: var(--tw-content);
color: #fff3
}
@supports (color:color-mix(in lab, red, red)) {
.after\:text-white\/20:after {
color: color-mix(in oklab, var(--color-white) 20%, transparent)
}
}
.after\:content-\[\'\|\'\]:after {
--tw-content: "|";
content: var(--tw-content)
}
.last\:after\:hidden:last-child:after {
content: var(--tw-content);
display: none
}
@media (hover:hover) {
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y)
}
.hover\:gap-3:hover {
gap: calc(var(--spacing) * 3)
}
.hover\:border-wave-blue:hover {
border-color: var(--color-wave-blue)
}
.hover\:bg-anchor-grey:hover {
background-color: var(--color-anchor-grey)
}
.hover\:bg-slate-700:hover {
background-color: var(--color-slate-700)
}
.hover\:bg-wave-blue:hover {
background-color: var(--color-wave-blue)
}
.hover\:text-wave-blue:hover {
color: var(--color-wave-blue)
}
.hover\:text-white:hover {
color: var(--color-white)
}
.hover\:underline:hover {
text-decoration-line: underline
}
.hover\:opacity-70:hover {
opacity: .7
}
.hover\:opacity-80:hover {
opacity: .8
}
.hover\:opacity-90:hover {
opacity: .9
}
.hover\:opacity-100:hover {
opacity: 1
}
.hover\:shadow-md:hover {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.hover\:grayscale-0:hover {
--tw-grayscale: grayscale(0%);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
}
}
.focus\:not-sr-only:focus {
clip-path: none;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: static;
overflow: visible
}
.focus\:absolute:focus {
position: absolute
}
.focus\:top-2:focus {
top: calc(var(--spacing) * 2)
}
.focus\:left-2:focus {
left: calc(var(--spacing) * 2)
}
.focus\:border-wave-blue:focus {
border-color: var(--color-wave-blue)
}
.focus\:bg-white:focus {
background-color: var(--color-white)
}
.focus\:ring-2:focus {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.focus\:ring-wave-blue:focus {
--tw-ring-color: var(--color-wave-blue)
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none
}
.focus-visible\:text-wave-blue:focus-visible {
color: var(--color-wave-blue)
}
.focus-visible\:ring-2:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.focus-visible\:ring-wave-blue:focus-visible {
--tw-ring-color: var(--color-wave-blue)
}
.focus-visible\:ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
}
.focus-visible\:ring-inset:focus-visible {
--tw-ring-inset: inset
}
.disabled\:opacity-30:disabled {
opacity: .3
}
@media (min-width:1084px) {
.nav\:invisible {
visibility: hidden
}
.nav\:absolute {
position: absolute
}
.nav\:relative {
position: relative
}
.nav\:top-full {
top: 100%
}
.nav\:left-0 {
left: calc(var(--spacing) * 0)
}
.nav\:flex {
display: flex
}
.nav\:hidden {
display: none
}
.nav\:inline-flex {
display: inline-flex
}
.nav\:max-h-none {
max-height: none
}
.nav\:w-auto {
width: auto
}
.nav\:min-w-\[16rem\] {
min-width: 16rem
}
.nav\:flex-none {
flex: none
}
.nav\:translate-y-1 {
--tw-translate-y: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.nav\:flex-nowrap {
flex-wrap: nowrap
}
.nav\:items-center {
align-items: center
}
.nav\:gap-1 {
gap: calc(var(--spacing) * 1)
}
.nav\:overflow-hidden {
overflow: hidden
}
.nav\:rounded-lg {
border-radius: var(--radius-lg)
}
.nav\:border-t-\[3px\] {
border-top-style: var(--tw-border-style);
border-top-width: 3px
}
.nav\:border-wave-blue {
border-color: var(--color-wave-blue)
}
.nav\:bg-white {
background-color: var(--color-white)
}
.nav\:px-12 {
padding-inline: calc(var(--spacing) * 12)
}
.nav\:py-0 {
padding-block: calc(var(--spacing) * 0)
}
.nav\:pl-0 {
padding-left: calc(var(--spacing) * 0)
}
.nav\:opacity-0 {
opacity: 0
}
.nav\:shadow-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.nav\:transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.nav\:duration-150 {
--tw-duration: .15s;
transition-duration: .15s
}
.nav\:group-focus-within\:visible:is(:where(.group):focus-within *) {
visibility: visible
}
.nav\:group-focus-within\:translate-y-0:is(:where(.group):focus-within *) {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.nav\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
opacity: 1
}
@media (hover:hover) {
.nav\:group-hover\:visible:is(:where(.group):hover *) {
visibility: visible
}
.nav\:group-hover\:translate-y-0:is(:where(.group):hover *) {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.nav\:group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1
}
}
}
@media (min-width:40rem) {
.sm\:-top-4 {
top: calc(var(--spacing) * -4)
}
.sm\:-right-4 {
right: calc(var(--spacing) * -4)
}
.sm\:mb-14 {
margin-bottom: calc(var(--spacing) * 14)
}
.sm\:size-12 {
width: calc(var(--spacing) * 12);
height: calc(var(--spacing) * 12)
}
.sm\:max-h-20 {
max-height: calc(var(--spacing) * 20)
}
.sm\:w-56 {
width: calc(var(--spacing) * 56)
}
.sm\:w-105 {
width: calc(var(--spacing) * 105)
}
.sm\:w-\[230px\] {
width: 230px
}
.sm\:w-\[260px\] {
width: 260px
}
.sm\:w-\[300px\] {
width: 300px
}
.sm\:w-\[320px\] {
width: 320px
}
.sm\:w-\[420px\] {
width: 420px
}
.sm\:w-\[calc\(50\%-0\.75rem\)\] {
width: calc(50% - .75rem)
}
.sm\:max-w-\[300px\] {
max-width: 300px
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.sm\:flex-row {
flex-direction: row
}
.sm\:items-center {
align-items: center
}
.sm\:justify-between {
justify-content: space-between
}
.sm\:justify-end {
justify-content: flex-end
}
.sm\:gap-6 {
gap: calc(var(--spacing) * 6)
}
.sm\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px
}
.sm\:border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0
}
.sm\:p-8 {
padding: calc(var(--spacing) * 8)
}
.sm\:p-10 {
padding: calc(var(--spacing) * 10)
}
.sm\:p-14 {
padding: calc(var(--spacing) * 14)
}
.sm\:px-6 {
padding-inline: calc(var(--spacing) * 6)
}
.sm\:px-8 {
padding-inline: calc(var(--spacing) * 8)
}
.sm\:px-10 {
padding-inline: calc(var(--spacing) * 10)
}
.sm\:py-8 {
padding-block: calc(var(--spacing) * 8)
}
.sm\:py-14 {
padding-block: calc(var(--spacing) * 14)
}
.sm\:py-20 {
padding-block: calc(var(--spacing) * 20)
}
.sm\:py-24 {
padding-block: calc(var(--spacing) * 24)
}
.sm\:pt-14 {
padding-top: calc(var(--spacing) * 14)
}
.sm\:pt-24 {
padding-top: calc(var(--spacing) * 24)
}
.sm\:pb-14 {
padding-bottom: calc(var(--spacing) * 14)
}
.sm\:pb-24 {
padding-bottom: calc(var(--spacing) * 24)
}
.sm\:text-\[52px\] {
font-size: 52px
}
}
@media (min-width:48rem) {
.md\:-top-24 {
top: calc(var(--spacing) * -24)
}
.md\:-bottom-24 {
bottom: calc(var(--spacing) * -24)
}
.md\:order-1 {
order: 1
}
.md\:order-2 {
order: 2
}
.md\:col-span-5 {
grid-column: span 5/span 5
}
.md\:col-span-7 {
grid-column: span 7/span 7
}
.md\:mt-16 {
margin-top: calc(var(--spacing) * 16)
}
.md\:mb-12 {
margin-bottom: calc(var(--spacing) * 12)
}
.md\:h-20 {
height: calc(var(--spacing) * 20)
}
.md\:min-h-120 {
min-height: calc(var(--spacing) * 120)
}
.md\:min-h-\[480px\] {
min-height: 480px
}
.md\:min-h-\[560px\] {
min-height: 560px
}
.md\:min-h-\[640px\] {
min-height: 640px
}
.md\:w-1\/2 {
width: 50%
}
.md\:w-56 {
width: calc(var(--spacing) * 56)
}
.md\:w-72 {
width: calc(var(--spacing) * 72)
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.md\:flex-row {
flex-direction: row
}
.md\:items-start {
align-items: flex-start
}
.md\:gap-8 {
gap: calc(var(--spacing) * 8)
}
.md\:gap-12 {
gap: calc(var(--spacing) * 12)
}
.md\:py-7 {
padding-block: calc(var(--spacing) * 7)
}
.md\:py-16 {
padding-block: calc(var(--spacing) * 16)
}
.md\:py-24 {
padding-block: calc(var(--spacing) * 24)
}
.md\:pt-20 {
padding-top: calc(var(--spacing) * 20)
}
.md\:pb-28 {
padding-bottom: calc(var(--spacing) * 28)
}
.md\:pb-40 {
padding-bottom: calc(var(--spacing) * 40)
}
.md\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height))
}
.md\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height))
}
.md\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height))
}
}
@media (min-width:64rem) {
.lg\:top-auto {
top: auto
}
.lg\:bottom-0 {
bottom: calc(var(--spacing) * 0)
}
.lg\:left-0 {
left: calc(var(--spacing) * 0)
}
.lg\:col-span-6 {
grid-column: span 6/span 6
}
.lg\:mb-\[80px\]\! {
margin-bottom: 80px !important
}
.lg\:block {
display: block
}
.lg\:min-h-140 {
min-height: calc(var(--spacing) * 140)
}
.lg\:min-h-\[560px\] {
min-height: 560px
}
.lg\:min-h-\[640px\] {
min-height: 640px
}
.lg\:min-h-\[720px\] {
min-height: 720px
}
.lg\:w-5\/12 {
width: 41.6667%
}
.lg\:w-72 {
width: calc(var(--spacing) * 72)
}
.lg\:w-110 {
width: calc(var(--spacing) * 110)
}
.lg\:w-\[210px\] {
width: 210px
}
.lg\:w-\[220px\] {
width: 220px
}
.lg\:w-\[calc\(25\%-1\.125rem\)\] {
width: calc(25% - 1.125rem)
}
.lg\:w-\[calc\(33\.333\%-1rem\)\] {
width: calc(33.333% - 1rem)
}
.lg\:w-\[calc\(45\%-1\.25rem\)\] {
width: calc(45% - 1.25rem)
}
.lg\:max-w-\[260px\] {
max-width: 260px
}
.lg\:max-w-\[280px\] {
max-width: 280px
}
.lg\:-translate-x-1\/2 {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.lg\:translate-y-1\/2 {
--tw-translate-y: 50%;
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.lg\:items-end {
align-items: flex-end
}
.lg\:items-stretch {
align-items: stretch
}
.lg\:gap-0 {
gap: calc(var(--spacing) * 0)
}
.lg\:gap-3 {
gap: calc(var(--spacing) * 3)
}
.lg\:gap-8 {
gap: calc(var(--spacing) * 8)
}
.lg\:gap-10 {
gap: calc(var(--spacing) * 10)
}
.lg\:gap-16 {
gap: calc(var(--spacing) * 16)
}
.lg\:self-center {
align-self: center
}
.lg\:self-end {
align-self: flex-end
}
.lg\:self-start {
align-self: flex-start
}
.lg\:px-0 {
padding-inline: calc(var(--spacing) * 0)
}
.lg\:px-4 {
padding-inline: calc(var(--spacing) * 4)
}
.lg\:py-24 {
padding-block: calc(var(--spacing) * 24)
}
.lg\:py-32 {
padding-block: calc(var(--spacing) * 32)
}
.lg\:pt-28 {
padding-top: calc(var(--spacing) * 28)
}
.lg\:pt-52 {
padding-top: calc(var(--spacing) * 52)
}
.lg\:pr-12 {
padding-right: calc(var(--spacing) * 12)
}
.lg\:pr-12\.5 {
padding-right: calc(var(--spacing) * 12.5)
}
.lg\:pb-28 {
padding-bottom: calc(var(--spacing) * 28)
}
.lg\:pb-52 {
padding-bottom: calc(var(--spacing) * 52)
}
.lg\:text-\[60px\] {
font-size: 60px
}
}
@media (min-width:80rem) {
.xl\:col-span-4 {
grid-column: span 4/span 4
}
.xl\:col-span-8 {
grid-column: span 8/span 8
}
.xl\:mx-auto {
margin-inline: auto
}
.xl\:mb-\[100px\]\! {
margin-bottom: 100px !important
}
.xl\:max-w-\[87\.5\%\] {
max-width: 87.5%
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media (min-width:96rem) {
.\32xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.\32xl\:text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height))
}
}
.navgas-breadcrumb {
font-family: var(--font-display);
letter-spacing: .01em;
font-size: 1rem;
line-height: 1.4
}
.navgas-breadcrumb a {
text-decoration: none;
transition: opacity .2s
}
.navgas-breadcrumb a:hover,
.navgas-breadcrumb a:focus-visible {
opacity: .75
}
.navgas-breadcrumb .breadcrumb_last {
font-weight: 600
}
.navgas-breadcrumb--light,
.navgas-breadcrumb--light a {
color: #fff
}
.navgas-breadcrumb--dark,
.navgas-breadcrumb--dark a {
color: var(--color-navigator-blue)
}
.navgas-hero__breadcrumb-rail {
pointer-events: none
}
.navgas-hero__breadcrumb-rail .navgas-breadcrumb {
pointer-events: auto
}
@keyframes navgas-bullet-pulse {
0% {
opacity: .5;
transform: scale(.8)
}
80% {
opacity: 0;
transform: scale(1.6)
}
to {
opacity: 0;
transform: scale(1.6)
}
}
.navgas-text-timeline-list__bullet-pulse {
transform-origin: 50%;
animation: 2.4s cubic-bezier(0, 0, .2, 1) infinite navgas-bullet-pulse
}
@media (prefers-reduced-motion:reduce) {
.navgas-text-timeline-list__bullet-pulse {
opacity: 0;
animation: none
}
}
.navgas-news-masonry__grid {
grid-auto-rows: 10px;
grid-auto-flow: dense
}
.navgas-news-masonry__title a,
.navgas-news-masonry__title a:visited {
color: inherit;
text-decoration: none
}
.navgas-news-masonry__title a:hover,
.navgas-news-masonry__title a:focus-visible {
text-decoration: underline
}
.navgas-news-masonry__card {
align-self: start
}
@media (max-width:767px) {
.navgas-news-masonry__grid {
grid-auto-rows: auto
}
.navgas-news-masonry__card {
grid-row: auto !important
}
}
.navgas-news-masonry__grid--editor {
grid-auto-rows: auto
}
.navgas-news-masonry__grid--editor .navgas-news-masonry__card {
grid-row: auto !important
}
.navgas-news-masonry__grid--editor .navgas-news-masonry__card.is-new {
opacity: 1 !important;
transform: none !important
}
.navgas-news-masonry__load-more-busy {
display: none
}
.navgas-news-masonry__load-more.is-loading {
pointer-events: none;
cursor: progress
}
.navgas-news-masonry__load-more.is-loading .navgas-news-masonry__load-more-idle {
display: none
}
.navgas-news-masonry__load-more.is-loading .navgas-news-masonry__load-more-busy {
display: inline-flex
}
.navgas-news-masonry__spinner {
border: 2px solid;
border-top-color: #0000;
border-radius: 50%;
width: 1rem;
height: 1rem;
animation: .8s linear infinite navgas-news-masonry-spinner;
display: inline-block
}
@keyframes navgas-news-masonry-spinner {
to {
transform: rotate(360deg)
}
}
@media (prefers-reduced-motion:reduce) {
.navgas-news-masonry__spinner {
animation-duration: 2s
}
}
html.js .navgas-news-masonry__card.is-new {
opacity: 0;
transform: translateY(16px)
}
.navgas-news-masonry__card {
transition: opacity .6s, transform .6s
}
@media (prefers-reduced-motion:reduce) {
html.js .navgas-news-masonry__card.is-new {
opacity: 1;
transform: none
}
}
.navgas-looking-ahead-timeline__dot {
z-index: 1;
background-color: var(--lat-dot-outer, #009ee3);
border-radius: 9999px;
flex: none;
place-items: center;
width: 40px;
height: 40px;
display: grid;
position: relative
}
@supports (color:color-mix(in lab, red, red)) {
.navgas-looking-ahead-timeline__dot {
background-color: color-mix(in srgb, var(--lat-dot-outer, #009ee3) 75%, transparent)
}
}
.navgas-looking-ahead-timeline__dot:before {
content: "";
background-color: var(--lat-dot-inner, #009ee3);
border-radius: 9999px;
width: 12px;
height: 12px
}
.navgas-looking-ahead-timeline__year--highlight {
font-size: clamp(2rem, 1.6rem + 1.2vw, 2.4rem);
line-height: 1.05
}
.navgas-looking-ahead-timeline__image {
background-color: var(--lat-dot-outer, #009ee3);
border-radius: 4px;
width: 100%;
height: 12rem;
overflow: hidden
}
@supports (color:color-mix(in lab, red, red)) {
.navgas-looking-ahead-timeline__image {
background-color: color-mix(in srgb, var(--lat-dot-outer, #009ee3) 12%, transparent)
}
}
.navgas-looking-ahead-timeline__image img {
object-fit: cover;
width: 100%;
height: 100%;
display: block
}
.navgas-looking-ahead-timeline__strip {
position: relative
}
@media (max-width:767px) {
.navgas-looking-ahead-timeline__line {
display: none
}
.navgas-looking-ahead-timeline__row {
flex-direction: column;
gap: 2.5rem;
padding-inline: 1.5rem;
display: flex
}
.navgas-looking-ahead-timeline__item {
text-align: left;
padding-left: 4rem;
position: relative
}
.navgas-looking-ahead-timeline__item .navgas-looking-ahead-timeline__dot {
z-index: 2;
margin: 0;
position: absolute;
top: 6rem;
left: 0;
transform: translateY(-50%)
}
.navgas-looking-ahead-timeline__item:before {
content: "";
background-color: var(--lat-line, #d9d9d9);
pointer-events: none;
z-index: 0;
width: 1px;
position: absolute;
top: -1.25rem;
bottom: -1.25rem;
left: 20px
}
.navgas-looking-ahead-timeline__item:first-child:before {
top: 6rem
}
.navgas-looking-ahead-timeline__item:last-child:before {
height: 7.25rem;
top: -1.25rem;
bottom: auto
}
}
@media (min-width:768px) {
.navgas-looking-ahead-timeline__line {
background-color: var(--lat-line, #d9d9d9);
pointer-events: none;
z-index: 0;
height: 1px;
position: absolute;
top: calc(13.25rem + 20px);
left: 0;
right: 0
}
.navgas-looking-ahead-timeline__row {
z-index: 1;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: var(--lat-dot-inner, #009ee3) transparent;
padding-inline: 1.5rem;
gap: 1.5rem;
max-width: 80rem;
margin-inline: auto;
padding-bottom: .75rem;
display: flex;
position: relative;
overflow: auto hidden
}
.navgas-looking-ahead-timeline__row::-webkit-scrollbar {
height: 8px
}
.navgas-looking-ahead-timeline__row::-webkit-scrollbar-track {
background: 0 0
}
.navgas-looking-ahead-timeline__row::-webkit-scrollbar-thumb {
background-color: var(--lat-dot-inner, #009ee3)
}
@supports (color:color-mix(in lab, red, red)) {
.navgas-looking-ahead-timeline__row::-webkit-scrollbar-thumb {
background-color: color-mix(in srgb, var(--lat-dot-inner, #009ee3) 90%, transparent)
}
}
.navgas-looking-ahead-timeline__row::-webkit-scrollbar-thumb {
border-radius: 9999px
}
.navgas-looking-ahead-timeline__row::-webkit-scrollbar-thumb:hover {
background-color: var(--lat-dot-inner, #009ee3)
}
.navgas-looking-ahead-timeline__item {
scroll-snap-align: start;
text-align: center;
flex-direction: column;
flex: 1 0 220px;
align-items: center;
min-width: 220px;
max-width: 280px;
display: flex
}
.navgas-looking-ahead-timeline__row .navgas-looking-ahead-timeline__dot {
margin-top: 1.25rem;
margin-bottom: 1rem
}
}
@media (prefers-reduced-motion:reduce) {
.navgas-looking-ahead-timeline__row {
scroll-behavior: auto
}
}
.navgas-text-image-arc-icon-cards .navgas-text-image-arc-icon-cards__card img {
object-fit: contain;
width: auto;
max-height: 4rem
}
.navgas-text-image-arc-icon-cards {
--navgas-arc-size: 18rem;
--navgas-arc-bleed: 4rem;
--navgas-arc-band-width: 3rem
}
.navgas-text-image-arc-icon-cards__circle:after {
content: "";
pointer-events: none;
background-color: #fffc;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
@media (min-width:768px) {
.navgas-text-image-arc-icon-cards__circle:after {
content: none
}
}
.navgas-text-image-arc-icon-cards__media {
pointer-events: none;
z-index: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.navgas-text-image-arc-icon-cards__circle {
width: var(--navgas-arc-size);
height: var(--navgas-arc-size);
z-index: 1;
left: calc(var(--navgas-arc-bleed) * -1);
border-radius: 50%;
position: absolute;
overflow: hidden
}
.navgas-text-image-arc-icon-cards__ring {
width: calc(var(--navgas-arc-size) + 2 * var(--navgas-arc-band-width));
height: calc(var(--navgas-arc-size) + 2 * var(--navgas-arc-band-width));
z-index: 0;
left: calc((var(--navgas-arc-bleed) + var(--navgas-arc-band-width)) * -1);
opacity: .5;
border-radius: 50%;
position: absolute
}
@media (min-width:768px) {
.navgas-text-image-arc-icon-cards__ring {
opacity: 1
}
}
.navgas-text-image-arc-icon-cards--image-top .navgas-text-image-arc-icon-cards__circle {
top: calc(var(--navgas-arc-bleed) * -1)
}
.navgas-text-image-arc-icon-cards--image-top .navgas-text-image-arc-icon-cards__ring {
top: calc((var(--navgas-arc-bleed) + var(--navgas-arc-band-width)) * -1);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
transform: rotate(275deg)
}
.navgas-text-image-arc-icon-cards--image-bottom .navgas-text-image-arc-icon-cards__circle {
bottom: calc(var(--navgas-arc-bleed) * -1)
}
.navgas-text-image-arc-icon-cards--image-bottom .navgas-text-image-arc-icon-cards__ring {
bottom: calc((var(--navgas-arc-bleed) + var(--navgas-arc-band-width)) * -1);
clip-path: polygon(0 0, 100% 0, 100% 100%);
transform: rotate(80deg)
}
.navgas-text-image-arc-icon-cards__left {
z-index: 2;
position: relative
}
@media (min-width:768px) {
.navgas-text-image-arc-icon-cards {
--navgas-arc-size: 22rem;
--navgas-arc-bleed: 5rem;
--navgas-arc-band-width: 4rem
}
.navgas-text-image-arc-icon-cards--image-top .navgas-text-image-arc-icon-cards__left {
padding-top: calc(var(--navgas-arc-size) - var(--navgas-arc-bleed))
}
.navgas-text-image-arc-icon-cards--image-bottom .navgas-text-image-arc-icon-cards__left {
padding-bottom: calc(var(--navgas-arc-size) - var(--navgas-arc-bleed))
}
}
@media (min-width:1024px) {
.navgas-text-image-arc-icon-cards {
--navgas-arc-size: 28rem;
--navgas-arc-bleed: 7rem;
--navgas-arc-band-width: 5rem
}
}
.navgas-text-stats-grid .navgas-text-stats-grid__stat img {
object-fit: contain;
width: auto;
max-height: 4rem
}
.navgas-video-modal.is-open {
display: flex
}
@media (prefers-reduced-motion:reduce) {
.navgas-video-modal__overlay,
.navgas-video-modal__dialog {
transition: none !important
}
}
.navgas-data-table .wpdt-c,
.navgas-data-table .wpDataTables,
.navgas-data-table .wpDataTablesWrapper,
.navgas-data-table .datatables_wrapper,
.navgas-data-table [id^=table_][id$=_wrapper],
.navgas-data-table .wdtscroll,
.navgas-data-table .dataTables_scroll,
.navgas-data-table .dataTables_scrollBody,
.navgas-data-table .dataTables_scrollHead,
.navgas-data-table .dataTables_scrollHeadInner {
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important
}
.navgas-data-table .wpdt-c .wpDataTablesWrapper table.wpDataTable,
.navgas-data-table .wpdt-c table.wpDataTable,
.navgas-data-table table.wpDataTable,
.navgas-data-table table.dataTable {
width: 100% !important;
max-width: 100% !important
}
.navgas-data-table .dt-buttons,
.navgas-data-table .dataTables_length,
.navgas-data-table .dataTables_filter {
margin-bottom: 1.25rem
}
.navgas-data-table .dt-buttons {
flex-wrap: wrap;
gap: .5rem;
display: inline-flex;
float: none !important;
margin: 0 0 1.25rem !important
}
.navgas-data-table .dt-buttons .dt-button,
.navgas-data-table .wpdt-c .wpDataTablesWrapper .dt-buttons .dt-button {
align-items: center;
gap: .5rem;
transition: background-color .15s, color .15s, border-color .15s;
border: 1px solid var(--color-anchor-grey) !important;
background: var(--color-white) !important;
color: var(--color-navigator-blue) !important;
font-family: var(--font-display) !important;
letter-spacing: .02em !important;
text-transform: none !important;
box-shadow: none !important;
border-radius: 9999px !important;
padding: .55rem 1rem !important;
font-size: .875rem !important;
font-weight: 600 !important;
line-height: 1 !important;
display: inline-flex !important
}
.navgas-data-table .dt-buttons .dt-button span,
.navgas-data-table .wpdt-c .wpDataTablesWrapper .dt-buttons .dt-button span {
color: inherit !important;
text-transform: none !important;
font-family: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important
}
.navgas-data-table .dt-buttons .dt-button:hover,
.navgas-data-table .dt-buttons .dt-button:focus-visible,
.navgas-data-table .wpdt-c .wpDataTablesWrapper .dt-buttons .dt-button:hover,
.navgas-data-table .wpdt-c .wpDataTablesWrapper .dt-buttons .dt-button:focus-visible {
background: var(--color-navigator-blue) !important;
color: var(--color-white) !important;
border-color: var(--color-navigator-blue) !important;
outline: none !important
}
.navgas-data-table .dt-buttons .dt-button:before {
content: "";
background-color: currentColor;
width: 1rem;
height: 1rem;
display: inline-block;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.navgas-data-table .dt-buttons .buttons-print:before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,")
}
.navgas-data-table .dt-buttons .buttons-excel:before,
.navgas-data-table .dt-buttons .buttons-csv:before,
.navgas-data-table .dt-buttons .buttons-copy:before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,")
}
.navgas-data-table .dataTables_filter {
float: left !important
}
.navgas-data-table .dataTables_length {
float: right !important
}
.navgas-data-table .dataTables_filter {
margin-bottom: 1.25rem !important
}
.navgas-data-table .dataTables_filter label {
color: #0000 !important;
width: 100% !important;
max-width: 36rem !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
display: inline-block !important;
position: relative !important
}
.navgas-data-table .dataTables_filter label:before {
content: "" !important;
background-color: var(--color-navigator-grey) !important;
pointer-events: none !important;
z-index: 1 !important;
width: 1.1rem !important;
height: 1.1rem !important;
position: absolute !important;
top: 50% !important;
left: 1.1rem !important;
transform: translateY(-50%) !important;
-webkit-mask: url("data:image/svg+xml;utf8,") 50%/contain no-repeat !important;
mask: url("data:image/svg+xml;utf8,") 50%/contain no-repeat !important
}
.navgas-data-table .dataTables_filter input[type=search],
.navgas-data-table .wpdt-c .wpDataTablesWrapper .dataTables_filter input[type=search] {
background: var(--color-white) !important;
width: 100% !important;
height: auto !important;
color: var(--color-navigator-blue) !important;
font-family: var(--font-sans) !important;
box-shadow: none !important;
border: 1px solid #cbd5e1 !important;
border-radius: .5rem !important;
outline: none !important;
margin: 0 !important;
padding: .75rem 1rem .75rem 2.75rem !important;
font-size: .95rem !important;
font-weight: 400 !important;
line-height: 1.25 !important;
transition: border-color .15s, box-shadow .15s !important;
display: block !important
}
.navgas-data-table .dataTables_filter input[type=search]::placeholder {
color: var(--color-navigator-grey) !important;
opacity: 1 !important
}
.navgas-data-table .dataTables_filter input[type=search]:focus-visible {
border-color: var(--color-wave-blue) !important;
box-shadow: 0 0 0 3px #009ee326 !important
}
.navgas-data-table .dataTables_length {
color: var(--color-navigator-grey);
font-family: var(--font-display);
align-items: center;
gap: .5rem;
font-size: .875rem;
display: inline-flex
}
.navgas-data-table .dataTables_length label {
align-items: center;
gap: .5rem;
margin: 0;
display: inline-flex
}
.navgas-data-table .dataTables_length .btn-group,
.navgas-data-table .dataTables_length .bootstrap-select {
width: auto !important
}
.navgas-data-table .dataTables_length .btn.dropdown-toggle {
border: 1px solid var(--color-anchor-grey);
background: var(--color-white);
color: var(--color-navigator-blue);
font-family: var(--font-display);
box-shadow: none;
border-radius: .5rem;
padding: .45rem 2rem .45rem .8rem;
font-weight: 600
}
.navgas-data-table .wdtscroll {
overflow-x: auto
}
.navgas-data-table table.wpDataTable {
border-collapse: separate;
border-spacing: 0;
width: 100% !important
}
.navgas-data-table .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th,
.navgas-data-table .wpdt-c .wpDataTablesWrapper table.wpDataTable thead th.wdtheader,
.navgas-data-table table.wpDataTable thead th.wdtheader {
white-space: nowrap;
color: var(--color-navigator-blue) !important;
font-family: var(--font-display) !important;
text-transform: none !important;
letter-spacing: .01em !important;
border-bottom: 1px solid var(--color-anchor-grey) !important;
background: 0 0 !important;
padding: 1rem !important;
font-size: .95rem !important;
font-weight: 700 !important
}
.navgas-data-table table.wpDataTable thead th.wdtheader.sorting,
.navgas-data-table table.wpDataTable thead th.wdtheader.sorting_asc,
.navgas-data-table table.wpDataTable thead th.wdtheader.sorting_desc {
cursor: pointer
}
.navgas-data-table table.wpDataTable tbody td {
font-family: var(--font-sans);
color: var(--color-navigator-grey);
border-bottom: 1px solid var(--color-anchor-grey);
background: 0 0;
padding: .85rem 1rem;
font-size: .95rem
}
.navgas-data-table table.wpDataTable tbody tr:hover td {
background: #edf3f780
}
.navgas-data-table table.wpDataTable td.numdata,
.navgas-data-table table.wpDataTable th.numdata,
.navgas-data-table table.wpDataTable td.numdata.integer,
.navgas-data-table table.wpDataTable th.numdata.integer {
text-align: left !important
}
.navgas-data-table .dataTables_info {
color: var(--color-navigator-grey);
font-family: var(--font-sans);
padding-top: 1rem;
font-size: .875rem
}
.navgas-data-table .dataTables_paginate {
padding-top: 1rem
}
.navgas-data-table .dataTables_paginate .paginate_button {
min-width: 2rem;
height: 2rem;
color: var(--color-navigator-blue);
font-family: var(--font-display);
cursor: pointer;
background: 0 0;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
margin: 0 .15rem;
padding: 0 .5rem;
font-size: .875rem;
font-weight: 600;
transition: background-color .15s, color .15s, border-color .15s;
display: inline-flex
}
.navgas-data-table .dataTables_paginate .paginate_button:hover,
.navgas-data-table .dataTables_paginate .paginate_button:focus-visible {
background: var(--color-anchor-grey);
color: var(--color-navigator-blue);
outline: none
}
.navgas-data-table .dataTables_paginate .paginate_button.current {
background: var(--color-navigator-blue);
color: var(--color-white);
border-color: var(--color-navigator-blue)
}
.navgas-data-table .dataTables_paginate .paginate_button.disabled {
color: var(--color-anchor-grey);
cursor: default
}
.navgas-data-table .dataTables_paginate .paginate_button.first,
.navgas-data-table .dataTables_paginate .paginate_button.previous,
.navgas-data-table .dataTables_paginate .paginate_button.next,
.navgas-data-table .dataTables_paginate .paginate_button.last {
font-size: 0
}
.navgas-data-table .dataTables_paginate .paginate_button.first:before,
.navgas-data-table .dataTables_paginate .paginate_button.previous:before,
.navgas-data-table .dataTables_paginate .paginate_button.next:before,
.navgas-data-table .dataTables_paginate .paginate_button.last:before {
content: "";
background-color: currentColor;
width: .9rem;
height: .9rem;
display: inline-block;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.navgas-data-table .dataTables_paginate .paginate_button.previous:before,
.navgas-data-table .dataTables_paginate .paginate_button.next:before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,")
}
.navgas-data-table .dataTables_paginate .paginate_button.first:before,
.navgas-data-table .dataTables_paginate .paginate_button.last:before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,")
}
.navgas-data-table .dataTables_paginate .paginate_button.previous:before,
.navgas-data-table .dataTables_paginate .paginate_button.first:before {
transform: scaleX(-1)
}
@media (max-width:1023.98px) {
.navgas-data-table .navgas-data-table__inner {
-webkit-overflow-scrolling: touch;
overflow-x: scroll
}
}
@media (max-width:768px) {
.navgas-data-table table.wpDataTable thead th.wdtheader,
.navgas-data-table table.wpDataTable tbody td {
padding: .7rem .6rem;
font-size: .875rem
}
.navgas-data-table .dataTables_filter label {
max-width: 100%
}
}
.navgas-tabs-cta-box__tab {
color: var(--tab-text-color, #00a887)
}
.navgas-tabs-cta-box__tab:hover {
background-color: var(--active-bg-color, #edf3f7)
}
.navgas-tabs-cta-box__tab.is-active,
.navgas-tabs-cta-box__tab[aria-selected=true] {
background-color: var(--active-bg-color, #edf3f7);
box-shadow: inset 0 -3px 0 0 var(--indicator-color, #009ee3)
}
.navgas-tabs-cta-box__bg {
opacity: 0;
pointer-events: none;
transition: opacity .3s
}
.navgas-tabs-cta-box__bg.is-active {
opacity: 1
}
.navgas-tabs-cta-box__panel-stack {
grid-template-columns: 1fr;
display: grid
}
.navgas-tabs-cta-box__panel-stack>.navgas-tabs-cta-box__panel {
opacity: 0;
pointer-events: none;
grid-area: 1/1;
transition: opacity .3s
}
.navgas-tabs-cta-box__panel-stack>.navgas-tabs-cta-box__panel.is-active {
opacity: 1;
pointer-events: auto
}
.navgas-tabs-cta-box__desc {
scrollbar-width: thin;
scrollbar-color: #009ee380 transparent;
max-height: 11em;
padding-right: .5rem;
overflow-y: auto
}
html.js .navgas-tabs-cta-box__desc {
overflow-y: hidden
}
html.js .navgas-tabs-cta-box__desc.is-scrollable {
overflow-y: auto
}
.navgas-tabs-cta-box__desc::-webkit-scrollbar {
width: 4px
}
.navgas-tabs-cta-box__desc::-webkit-scrollbar-track {
background: 0 0
}
.navgas-tabs-cta-box__desc::-webkit-scrollbar-thumb {
background-color: #009ee380;
border-radius: 9999px
}
.navgas-tabs-cta-box__desc::-webkit-scrollbar-thumb:hover {
background-color: #009ee3
}
.navgas-tabs-cta-box__desc>p {
margin-top: 0
}
.navgas-tabs-cta-box__desc>p:not(:last-child) {
margin-bottom: 1rem
}
.navgas-tabs-cta-box__desc>p:last-child {
margin-bottom: 0
}
.navgas-tabs-cta-box__desc>p:empty {
display: none
}
@media (prefers-reduced-motion:reduce) {
.navgas-tabs-cta-box__tab,
.navgas-tabs-cta-box__bg,
.navgas-tabs-cta-box__panel-stack>.navgas-tabs-cta-box__panel {
transition: none
}
}
.navgas-free-text__prose>*+* {
margin-top: 1.25rem
}
.navgas-free-text__prose h2,
.navgas-free-text__prose h3,
.navgas-free-text__prose h4 {
color: var(--color-navigator-blue);
font-weight: 600
}
.navgas-free-text__prose h2 {
margin-top: 2.5rem;
font-size: clamp(1.625rem, 1.4rem + 1vw, 2.25rem);
line-height: 1.15
}
.navgas-free-text__prose h3 {
margin-top: 2rem;
font-size: clamp(1.375rem, 1.25rem + .6vw, 1.75rem);
line-height: 1.2
}
.navgas-free-text__prose h4 {
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 1.75rem;
font-size: 1.125rem;
line-height: 1.3
}
.navgas-free-text__prose ul,
.navgas-free-text__prose ol {
padding-left: 1.5rem
}
.navgas-free-text__prose ul {
list-style: outside
}
.navgas-free-text__prose ol {
list-style: decimal
}
.navgas-free-text__prose li+li {
margin-top: .5rem
}
.navgas-free-text__prose a {
color: var(--color-wave-blue);
text-underline-offset: .15em;
text-decoration: underline;
transition: text-decoration-thickness .12s
}
.navgas-free-text__prose a:hover,
.navgas-free-text__prose a:focus-visible {
text-decoration-thickness: 2px
}
.navgas-free-text__prose strong,
.navgas-free-text__prose b {
color: var(--color-navigator-blue);
font-weight: 600
}
.navgas-free-text__prose blockquote {
border-left: 3px solid var(--color-wave-blue);
padding-left: 1rem;
font-style: italic
}
.navgas-free-text__prose hr {
border: none;
border-top: 1px solid #00000014;
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.navgas-offices-grid__figure {
aspect-ratio: 16/9;
background-color: var(--color-anchor-grey, #edf3f7);
box-shadow: 0 12px 28px -14px #28328759
}
.navgas-offices-grid__image {
transition: transform .5s;
display: block
}
@media (hover:hover) {
.navgas-offices-grid__office:hover .navgas-offices-grid__image {
transform: scale(1.04)
}
}
@media (prefers-reduced-motion:reduce) {
.navgas-offices-grid__image {
transition: none
}
.navgas-offices-grid__office:hover .navgas-offices-grid__image {
transform: none
}
}
@media (min-width:96rem) {
.container {
max-width: 92rem
}
}
.entry-content>* {
max-width: 72rem;
margin-left: auto;
margin-right: auto;
padding-left: .5rem;
padding-right: .5rem
}
.entry-content>*+* {
margin-top: 2.5rem
}
.entry-content>.navgas-no-stack-gap,
.entry-content>:has(.navgas-no-stack-gap) {
margin-top: 0;
margin-bottom: 0
}
.entry-content>.navgas-no-stack-gap+*,
.entry-content>:has(.navgas-no-stack-gap)+* {
margin-top: 0
}
.entry-content>.alignwide {
max-width: 80rem
}
.entry-content>.alignfull {
max-width: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0
}
.navgas-header {
background: 0 0;
border-bottom: 1px solid #0000;
transition: background-color .22s, box-shadow .22s, border-color .22s
}
.evergreen-container--inner.admin-bar .navgas-header {
top: 32px
}
@media (max-width:782px) {
.evergreen-container--inner.admin-bar .navgas-header {
top: 46px
}
}
.navgas-header.is-scrolled,
.evergreen-container--inner.navgas-header-solid .navgas-header {
background: var(--color-deep-sea-blue);
border-bottom-color: #edf3f7;
box-shadow: 0 10px 30px -22px #0f172a73
}
.evergreen-container--inner.navgas-header-solid main#content {
padding-top: 6rem
}
@media (min-width:768px) {
.evergreen-container--inner.navgas-header-solid main#content {
padding-top: 7rem
}
}
.navgas-header__bar {
grid-template-columns: minmax(200px, 1fr) auto minmax(160px, 1fr);
align-items: center;
gap: 1rem;
display: grid
}
.navgas-logo-link,
.custom-logo-link {
align-items: center;
display: inline-flex
}
.custom-logo-link img,
.navgas-logo-link img {
width: auto;
max-height: 35px
}
.navgas-site-title {
font-family: var(--font-display);
color: #fff;
font-size: clamp(1.45rem, 2.15vw, 2.8rem);
line-height: 1;
transition: color .22s
}
.navgas-menu--primary>.menu-item>.navgas-menu__link {
font-size: var(--type-body-20);
font-weight: 600;
font-family: var(--font-display, "Blinker", sans-serif);
letter-spacing: 0;
text-decoration: none
}
.navgas-menu--primary>.menu-item>.navgas-menu__link:hover,
.navgas-menu--primary>.menu-item>.navgas-menu__link:focus-visible {
text-decoration: none
}
.navgas-menu--primary .menu-item-has-children:hover>.navgas-menu__link .navgas-menu__chevron svg,
.navgas-menu--primary .menu-item-has-children:focus-within>.navgas-menu__link .navgas-menu__chevron svg {
transform: rotate(180deg)
}
.navgas-secondary-menu>.menu-item>a {
font-size: var(--type-nav-14);
font-weight: 600;
text-decoration: none;
transition: color .22s
}
.navgas-type-eyebrow {
font-family: var(--font-display);
font-size: var(--type-text-18);
font-weight: 600;
line-height: 1.35
}
.navgas-type-body-20 {
font-family: var(--font-sans);
font-size: var(--type-body-20);
font-weight: 400;
line-height: 1.4
}
.navgas-type-hero-title {
font-family: var(--font-display);
font-size: clamp(2rem, 5vw, var(--type-hero-54));
font-weight: 600;
line-height: 1.05
}
.navgas-type-hero-subtitle,
.navgas-type-heading-32 {
font-family: var(--font-display);
font-size: clamp(1.5rem, 3.2vw, var(--type-heading-32));
font-weight: 600;
line-height: 1.2
}
.navgas-type-heading-32-light {
font-family: var(--font-display);
font-size: clamp(1.5rem, 3.2vw, var(--type-heading-32));
font-weight: 300;
line-height: 1.2
}
.navgas-type-heading-36 {
font-family: var(--font-display);
font-size: clamp(1.75rem, 3.6vw, var(--type-heading-36));
font-weight: 600;
line-height: 1.15
}
.navgas-header .navgas-menu__link,
.navgas-header .navgas-secondary-menu a,
.navgas-header .navgas-site-title {
color: var(--color-white)
}
.navgas-header .navgas-mobile-toggle {
color: var(--color-white) !important
}
.navgas-header .navgas-submenu .navgas-menu__link {
color: var(--color-navigator-blue);
text-decoration: none
}
.navgas-header .navgas-submenu .navgas-menu__link:hover,
.navgas-header .navgas-submenu .navgas-menu__link:focus-visible {
color: var(--color-wave-blue);
text-decoration: none
}
@media (min-width:1084px) {
.navgas-header .navgas-submenu .navgas-menu__item {
display: block
}
.navgas-header .navgas-submenu .navgas-menu__item+.navgas-menu__item {
border-top: 1px solid #28328714
}
.navgas-header .navgas-submenu .navgas-menu__link {
padding: .625rem 1rem .625rem 1.25rem;
transition: background-color .15s, color .15s;
display: block;
position: relative
}
.navgas-header .navgas-submenu .navgas-menu__link:before {
content: "";
background-color: var(--color-wave-blue);
opacity: 0;
border-radius: 0 2px 2px 0;
width: 3px;
transition: opacity .15s, transform .15s;
position: absolute;
top: .5rem;
bottom: .5rem;
left: 0;
transform: scaleY(.4)
}
.navgas-header .navgas-submenu .navgas-menu__link:hover,
.navgas-header .navgas-submenu .navgas-menu__link:focus-visible {
background-color: #009ee312
}
.navgas-header .navgas-submenu .navgas-menu__link:hover:before,
.navgas-header .navgas-submenu .navgas-menu__link:focus-visible:before {
opacity: 1;
transform: scaleY(1)
}
.navgas-header .navgas-submenu__label {
display: inline-block;
position: relative
}
.navgas-header .navgas-submenu__label:after {
content: "";
background-color: var(--color-wave-blue);
transform-origin: 0;
height: 2px;
transition: transform .25s;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
transform: scaleX(0)
}
.navgas-header .navgas-submenu .navgas-menu__link:hover .navgas-submenu__label:after,
.navgas-header .navgas-submenu .navgas-menu__link:focus-visible .navgas-submenu__label:after {
transform: scaleX(1)
}
}
@media (max-width:1083px) {
.navgas-header__bar {
justify-content: space-between;
display: flex
}
.navgas-header .navgas-menu__link,
.navgas-header .navgas-secondary-menu a,
.navgas-header .navgas-site-title {
color: var(--color-navigator-blue)
}
.custom-logo-link img,
.navgas-logo-link img {
max-height: 40px
}
.navgas-site-title {
font-size: 1.6rem
}
.navgas-menu__item.has-children:has(>.navgas-submenu-toggle[aria-expanded=true]) {
background-color: #009ee314;
border-radius: .5rem;
transition: background-color .2s
}
.navgas-submenu-toggle[aria-expanded=true] {
background-color: var(--color-wave-blue);
border-color: var(--color-wave-blue);
color: #fff
}
}
@media (min-width:1084px) {
.navgas-menu>.menu-item-has-children {
position: relative
}
.navgas-menu>.menu-item-has-children>.navgas-submenu {
visibility: hidden;
opacity: 0;
pointer-events: none;
z-index: 60;
top: calc(100% - .25rem);
transform: translateY(.25rem)
}
.navgas-menu>.menu-item-has-children:hover>.navgas-submenu,
.navgas-menu>.menu-item-has-children:focus-within>.navgas-submenu {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translateY(0)
}
}
@media (min-width:1084px) and (max-width:1535px) {
.navgas-header__bar {
gap: .5rem
}
.navgas-menu--primary {
gap: .25rem
}
.navgas-menu--primary>.menu-item>.navgas-menu__link {
padding-left: .5rem;
padding-right: .5rem;
font-size: 1rem
}
.navgas-header__secondary-zone {
gap: .5rem
}
.navgas-secondary-menu {
gap: .75rem
}
.navgas-secondary-menu>.menu-item>a {
font-size: .875rem
}
}
.navgas-cta-box__desc>p {
margin-top: 0
}
.navgas-cta-box__desc>p:not(:last-child) {
margin-bottom: 1rem
}
.navgas-cta-box__desc strong {
color: var(--color-navigator-blue)
}
.navgas-cta-box__desc a {
color: var(--color-wave-blue)
}
.navgas-cta-box__desc a:hover {
text-decoration: underline
}
.navgas-cta-box__desc ul,
.navgas-cta-box__desc ol {
margin: 0 0 1rem;
padding: 0;
list-style: none
}
.navgas-cta-box__desc ul:last-child,
.navgas-cta-box__desc ol:last-child {
margin-bottom: 0
}
.navgas-cta-box__desc li {
padding-left: 1.5rem;
position: relative
}
.navgas-cta-box__desc li+li {
margin-top: .5rem
}
.navgas-cta-box__desc ul>li:before {
content: "";
background-color: var(--color-wave-blue);
border-radius: 9999px;
width: .4rem;
height: .4rem;
position: absolute;
top: .6em;
left: 0
}
.navgas-cta-box__desc ol {
counter-reset: navgas-cta-list
}
.navgas-cta-box__desc ol>li {
counter-increment: navgas-cta-list
}
.navgas-cta-box__desc ol>li:before {
content: counter(navgas-cta-list) ".";
color: var(--color-wave-blue);
font-weight: 600;
position: absolute;
top: 0;
left: 0
}
.navgas-cta-box__desc li ul,
.navgas-cta-box__desc li ol {
margin-top: .5rem;
margin-bottom: 0
}
.navgas-text-image-arc {
--navgas-arc-size: 22rem;
--navgas-arc-bleed: 5rem;
--navgas-arc-band-width: 4rem;
background-color: #fff;
flex-direction: column;
justify-content: center;
padding-block: 3rem;
display: flex;
position: relative;
overflow: hidden
}
.navgas-text-image-arc--align-top {
justify-content: flex-start
}
.navgas-text-image-arc--align-center {
justify-content: center
}
.navgas-text-image-arc--align-bottom {
justify-content: flex-end
}
.navgas-text-image-arc__container {
z-index: 2;
position: relative
}
.navgas-text-image-arc__circle:after {
content: "";
pointer-events: none;
background-color: #fffc;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
@media (min-width:768px) {
.navgas-text-image-arc__circle:after {
content: none
}
}
.navgas-text-image-arc__media {
pointer-events: none;
z-index: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.navgas-text-image-arc__circle {
width: var(--navgas-arc-size);
height: var(--navgas-arc-size);
z-index: 1;
border-radius: 50%;
position: absolute;
overflow: hidden
}
.navgas-text-image-arc__ring {
width: calc(var(--navgas-arc-size) + 2 * var(--navgas-arc-band-width));
height: calc(var(--navgas-arc-size) + 2 * var(--navgas-arc-band-width));
z-index: 0;
opacity: .35;
border-radius: 50%;
position: absolute
}
@media (min-width:768px) {
.navgas-text-image-arc__ring {
opacity: 1
}
}
.navgas-text-image-arc--right .navgas-text-image-arc__circle {
right: calc(var(--navgas-arc-bleed) * -1)
}
.navgas-text-image-arc--left .navgas-text-image-arc__circle {
left: calc(var(--navgas-arc-bleed) * -1)
}
.navgas-text-image-arc--top .navgas-text-image-arc__circle {
top: calc(var(--navgas-arc-bleed) * -1)
}
.navgas-text-image-arc--bottom .navgas-text-image-arc__circle {
bottom: calc(var(--navgas-arc-bleed) * -1)
}
.navgas-text-image-arc--right .navgas-text-image-arc__ring {
right: calc((var(--navgas-arc-bleed) + var(--navgas-arc-band-width)) * -1)
}
.navgas-text-image-arc--left .navgas-text-image-arc__ring {
left: calc((var(--navgas-arc-bleed) + var(--navgas-arc-band-width)) * -1)
}
.navgas-text-image-arc--top .navgas-text-image-arc__ring {
top: calc((var(--navgas-arc-bleed) + var(--navgas-arc-band-width)) * -1)
}
.navgas-text-image-arc--bottom .navgas-text-image-arc__ring {
bottom: calc((var(--navgas-arc-bleed) + var(--navgas-arc-band-width)) * -1)
}
.navgas-text-image-arc--right.navgas-text-image-arc--bottom .navgas-text-image-arc__ring {
clip-path: polygon(0 0, 100% 0, 0 100%);
transform: rotate(269deg)
}
.navgas-text-image-arc--right.navgas-text-image-arc--top .navgas-text-image-arc__ring {
clip-path: polygon(0 0, 0 100%, 100% 100%);
transform: rotate(85deg)
}
.navgas-text-image-arc--left.navgas-text-image-arc--bottom .navgas-text-image-arc__ring {
clip-path: polygon(0 0, 100% 0, 100% 100%);
transform: rotate(80deg)
}
.navgas-text-image-arc--left.navgas-text-image-arc--top .navgas-text-image-arc__ring {
clip-path: polygon(100% 0, 100% 100%, 0 100%);
transform: rotate(275deg)
}
@media (min-width:768px) {
.navgas-text-image-arc {
--navgas-arc-size: 30rem;
--navgas-arc-bleed: 7rem;
--navgas-arc-band-width: 7.5rem
}
}
@media (min-width:1024px) {
.navgas-text-image-arc {
--navgas-arc-size: 36rem;
--navgas-arc-bleed: 9rem;
--navgas-arc-band-width: 6rem;
min-height: 44rem;
padding-block: 4rem
}
.navgas-text-image-arc__text {
width: 50%;
margin-right: auto
}
}
@media (min-width:1280px) {
.navgas-text-image-arc {
--navgas-arc-size: 48rem;
--navgas-arc-bleed: 12rem;
--navgas-arc-band-width: 7rem;
min-height: 50rem
}
}
.navgas-text-image-arc__subtitle-wrap {
--_fade: 4rem;
--_top: 0px;
--_bottom: 0px;
margin-left: -3rem;
padding-left: 3rem;
position: relative
}
.navgas-text-image-arc__subtitle-wrap.is-scrollable {
-webkit-mask-image: linear-gradient(to bottom, transparent 0, black var(--_top), black calc(100% - var(--_bottom)), transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0, black var(--_top), black calc(100% - var(--_bottom)), transparent 100%)
}
.navgas-text-image-arc__subtitle {
text-align: left;
direction: rtl;
max-height: 16rem;
line-height: 1.5;
overflow-y: auto
}
@media (min-width:1024px) {
.navgas-text-image-arc__subtitle {
max-width: 80%;
max-height: 24rem
}
}
.navgas-text-image-arc__subtitle::-webkit-scrollbar {
width: 4px
}
.navgas-text-image-arc__subtitle::-webkit-scrollbar-track {
background: 0 0
}
.navgas-text-image-arc__subtitle::-webkit-scrollbar-thumb {
background-color: #009ee380;
border-radius: 9999px
}
.navgas-text-image-arc__subtitle::-webkit-scrollbar-thumb:hover {
background-color: #009ee3
}
.navgas-text-image-arc__subtitle {
scrollbar-width: thin;
scrollbar-color: #009ee380 transparent
}
@media (min-width:1024px) {
.navgas-text-image-arc--left .navgas-text-image-arc__text {
margin-left: auto;
margin-right: 0
}
}
.navgas-text-image-arc__description {
font-size: var(--type-body-20);
line-height: 1.6
}
.navgas-text-image-arc__description p {
margin-top: 0
}
.navgas-text-image-arc__description p:not(:last-child) {
margin-bottom: 1rem
}
@media (min-width:1024px) {
.navgas-text-image-arc__description {
max-width: 80%
}
}
@media (max-width:1023px) {
.navgas-text-image-arc--top .navgas-text-image-arc__media {
display: none
}
.navgas-text-image-arc--bottom .navgas-text-image-arc__container {
order: 1
}
.navgas-text-image-arc--bottom .navgas-text-image-arc__media {
height: calc(var(--navgas-arc-size) - var(--navgas-arc-bleed));
order: 2;
margin-top: 2.5rem;
position: relative;
inset: auto
}
.navgas-text-image-arc--bottom .navgas-text-image-arc__circle:after {
content: none
}
.navgas-text-image-arc--bottom .navgas-text-image-arc__ring {
opacity: 1
}
}
.navgas-timeline-slider .swiper-slide {
height: auto
}
.navgas-timeline-slide__card {
margin-inline: .5rem;
max-height: 520px;
margin-bottom: 1rem
}
@media (min-width:640px) {
.navgas-timeline-slide__card {
margin-inline: 3rem
}
}
.navgas-timeline-slider [data-slider-scope]:before,
.navgas-timeline-slider [data-slider-scope]:after {
content: "";
z-index: 10;
pointer-events: none;
width: 2rem;
position: absolute;
top: 0;
bottom: 0
}
@media (min-width:640px) {
.navgas-timeline-slider [data-slider-scope]:before,
.navgas-timeline-slider [data-slider-scope]:after {
width: 8rem
}
}
.navgas-timeline-slider [data-slider-scope]:before {
background: linear-gradient(90deg, #fff 30%, #0000);
left: 0
}
.navgas-timeline-slider [data-slider-scope]:after {
background: linear-gradient(270deg, #fff 30%, #0000);
right: 0
}
.navgas-cards-list-cta-link__list {
margin: 0;
padding: 0;
list-style: none
}
.navgas-cards-list-cta-link__list li {
margin-bottom: .5rem;
padding-left: 1.25rem;
position: relative
}
.navgas-cards-list-cta-link__list li:last-child {
margin-bottom: 0
}
.navgas-cards-list-cta-link__list li:before {
content: "";
background-color: var(--color-wave-blue);
border-radius: 9999px;
width: .4rem;
height: .4rem;
position: absolute;
top: .7em;
left: 0
}
.navgas-conditional-contact-form__card {
background-color: var(--ccf-card-bg, #edf3f7);
cursor: pointer;
border: 2px solid #0000;
transition: background-color .2s, border-color .2s, transform .2s
}
.navgas-conditional-contact-form__card:hover {
transform: translateY(-2px)
}
.navgas-conditional-contact-form__card:focus-visible {
outline: 2px solid var(--ccf-cta-colour, #009ee3);
outline-offset: 2px
}
.navgas-conditional-contact-form__card.is-active {
background-color: var(--ccf-card-active-bg, #fff);
border-color: var(--ccf-card-active-border, #009ee3)
}
.navgas-conditional-contact-form__cta {
color: var(--ccf-cta-colour, #009ee3);
background-color: #fff
}
.navgas-conditional-contact-form__card.is-active .navgas-conditional-contact-form__cta,
.navgas-conditional-contact-form__card:hover .navgas-conditional-contact-form__cta {
background-color: var(--ccf-cta-colour, #009ee3);
color: #fff
}
.navgas-conditional-contact-form__panel {
transition: opacity .2s
}
html.js .navgas-conditional-contact-form__panel.is-fading-in {
opacity: 0
}
@media (prefers-reduced-motion:reduce) {
html.js .navgas-conditional-contact-form__panel.is-fading-in {
opacity: 1
}
.navgas-conditional-contact-form__card,
.navgas-conditional-contact-form__cta,
.navgas-conditional-contact-form__panel {
transition: none
}
.navgas-conditional-contact-form__card:hover {
transform: none
}
}
.navgas-conditional-contact-form--editor .navgas-conditional-contact-form__panel[hidden] {
opacity: .5;
display: block
}
.navgas-conditional-contact-form--editor .navgas-conditional-contact-form__panel+.navgas-conditional-contact-form__panel {
margin-top: 1rem
}
.navgas-conditional-contact-form {
--ccf-form-label-width: 100px
}
.navgas-conditional-contact-form .gform_wrapper {
width: 100%
}
.navgas-conditional-contact-form .gform_fields {
flex-direction: column;
gap: 1.75rem;
margin: 0;
padding: 0;
list-style: none;
display: flex
}
.navgas-conditional-contact-form .gfield {
grid-template-columns: var(--ccf-form-label-width) 1fr;
border: 0;
align-items: center;
gap: .5rem .75rem;
min-width: 0;
margin: 0;
padding: 0;
display: grid
}
.navgas-conditional-contact-form .gfield--type-textarea {
align-items: start
}
.navgas-conditional-contact-form fieldset.gfield {
border: 0;
min-width: 0;
margin: 0;
padding: 0
}
.navgas-conditional-contact-form .gfield_label,
.navgas-conditional-contact-form legend.gfield_label,
.navgas-conditional-contact-form .gform_wrapper .gfield_label {
overflow-wrap: break-word;
word-break: normal;
-webkit-hyphens: auto;
hyphens: auto;
grid-column: 1;
font-family: var(--font-display, "Blinker", sans-serif) !important;
font-size: var(--type-text-18, 18px) !important;
color: var(--color-navigator-blue, #283287) !important;
letter-spacing: 0 !important;
text-transform: none !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 700 !important;
line-height: 1.3 !important
}
.navgas-conditional-contact-form .gfield--type-textarea .gfield_label {
padding-top: 1rem !important
}
.navgas-conditional-contact-form legend.gfield_label {
float: none !important;
width: auto !important;
display: block !important
}
.navgas-conditional-contact-form .gfield_label>*,
.navgas-conditional-contact-form legend.gfield_label>*,
.navgas-conditional-contact-form .gfield_required,
.navgas-conditional-contact-form .gfield_label .gfield_required,
.navgas-conditional-contact-form .gfield_required_text,
.navgas-conditional-contact-form .gform-field-label--type-sub,
.navgas-conditional-contact-form label.gform-field-label--type-sub {
display: none !important
}
.navgas-conditional-contact-form .ginput_container,
.navgas-conditional-contact-form .gfield_description,
.navgas-conditional-contact-form .gfield_validation_message,
.navgas-conditional-contact-form .validation_message {
grid-column: 2;
min-width: 0;
margin: 0
}
.navgas-conditional-contact-form .gfield_description {
color: var(--color-navigator-grey, #6f6f6e);
margin-top: .4rem;
font-size: .9rem
}
.navgas-conditional-contact-form .ginput_counter,
.navgas-conditional-contact-form .charleft {
display: none !important
}
.navgas-conditional-contact-form .gfield input[type=text],
.navgas-conditional-contact-form .gfield input[type=email],
.navgas-conditional-contact-form .gfield input[type=tel],
.navgas-conditional-contact-form .gfield input[type=url],
.navgas-conditional-contact-form .gfield input[type=number],
.navgas-conditional-contact-form .gfield input[type=password],
.navgas-conditional-contact-form .gfield textarea,
.navgas-conditional-contact-form .gfield select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
transition: border-color .2s, box-shadow .2s;
font-family: var(--font-sans, "IBM Plex Sans", sans-serif) !important;
color: #1f2937 !important;
box-shadow: none !important;
background-color: #fff !important;
border: 2px solid #d6dde3 !important;
border-radius: 10px !important;
padding: .95rem 1.25rem !important;
font-size: 1rem !important;
line-height: 1.4 !important
}
.navgas-conditional-contact-form .gfield textarea {
resize: vertical;
min-height: 7rem
}
.navgas-conditional-contact-form .gfield input:focus,
.navgas-conditional-contact-form .gfield textarea:focus,
.navgas-conditional-contact-form .gfield select:focus {
border-color: var(--color-wave-blue, #009ee3);
outline: none;
box-shadow: 0 0 0 3px #009ee326
}
.navgas-conditional-contact-form .ginput_complex {
flex-direction: column;
gap: .5rem;
display: flex
}
.navgas-conditional-contact-form .ginput_complex .gform-grid-col,
.navgas-conditional-contact-form .ginput_complex span[class^=name_] {
width: 100%;
padding: 0
}
.navgas-conditional-contact-form .gform_footer {
border: 0;
justify-content: flex-end;
margin-top: 1.5rem;
padding: 0;
display: flex
}
.navgas-conditional-contact-form .gform_footer.top_label {
padding: 0
}
.navgas-conditional-contact-form .gform_footer .gform_button,
.navgas-conditional-contact-form input[type=submit].gform_button {
letter-spacing: .01em;
cursor: pointer;
text-transform: none;
align-items: center;
min-width: 180px;
text-decoration: none;
transition: background-color .2s, transform .2s, box-shadow .2s;
background-color: var(--color-deep-sea-blue, #282258) !important;
color: #fff !important;
font-family: var(--font-display, "Blinker", sans-serif) !important;
box-shadow: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E") !important;
background-position: right 1.25rem center !important;
background-repeat: no-repeat !important;
background-size: 1.25rem !important;
border: 0 !important;
border-radius: 10px !important;
padding: 1rem 3.5rem 1rem 2.5rem !important;
font-size: 1.125rem !important;
font-weight: 600 !important;
display: inline-flex !important
}
.navgas-conditional-contact-form .gform_footer .gform_button:hover,
.navgas-conditional-contact-form input[type=submit].gform_button:hover {
transform: translateY(-1px);
background-color: #1f1a47 !important
}
.navgas-conditional-contact-form .gform_button:focus-visible {
outline: 2px solid var(--color-wave-blue, #009ee3);
outline-offset: 2px
}
.navgas-conditional-contact-form .gfield_error input,
.navgas-conditional-contact-form .gfield_error textarea,
.navgas-conditional-contact-form .gfield_error select {
border-color: var(--color-vessel-orange, #c84f36);
background-color: #fff7f5
}
.navgas-conditional-contact-form .gfield_validation_message,
.navgas-conditional-contact-form .validation_message {
color: var(--color-vessel-orange, #c84f36);
margin-top: .4rem;
font-size: .9rem
}
.navgas-conditional-contact-form .gform_validation_errors {
border: 1px solid var(--color-vessel-orange, #c84f36);
color: var(--color-vessel-orange, #c84f36);
background-color: #fff7f5;
border-radius: 10px;
margin: 0 0 1.5rem;
padding: 1rem 1.25rem
}
.navgas-conditional-contact-form .gform_confirmation_message {
color: var(--color-lighthouse-green, #009878);
background-color: #eef9f4;
border-radius: 10px;
padding: 1.5rem;
font-weight: 600
}
@media (max-width:767px) {
.navgas-conditional-contact-form .gfield {
grid-template-columns: 1fr
}
.navgas-conditional-contact-form .gfield_label,
.navgas-conditional-contact-form legend.gfield_label {
grid-column: 1;
margin-bottom: .4rem;
padding-top: 0
}
.navgas-conditional-contact-form .ginput_container,
.navgas-conditional-contact-form .gfield_description,
.navgas-conditional-contact-form .gfield_validation_message,
.navgas-conditional-contact-form .validation_message {
grid-column: 1
}
.navgas-conditional-contact-form .gform_footer {
justify-content: stretch
}
.navgas-conditional-contact-form .gform_button {
justify-content: center;
width: 100%
}
}
@media (prefers-reduced-motion:reduce) {
.navgas-conditional-contact-form .gform_button {
transition: none
}
.navgas-conditional-contact-form .gform_button:hover {
transform: none
}
}
.navgas-search-modal.is-open {
display: flex
}
.navgas-search-modal input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.navgas-search-modal input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.navgas-search-modal__overlay,
.navgas-search-modal__dialog {
transition: none !important
}
}
.navgas-search-pagination .nav-links {
flex-wrap: wrap;
align-items: center;
gap: .5rem;
display: inline-flex
}
.navgas-search-pagination .page-numbers {
border: 1px solid var(--color-anchor-grey);
min-width: 2.75rem;
height: 2.75rem;
color: var(--color-navigator-blue);
font-family: var(--font-display);
background-color: #fff;
border-radius: .625rem;
justify-content: center;
align-items: center;
padding: 0 .875rem;
font-size: 1rem;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: background-color .15s, border-color .15s, color .15s, transform .15s;
display: inline-flex
}
.navgas-search-pagination a.page-numbers:hover,
.navgas-search-pagination a.page-numbers:focus-visible {
background-color: var(--color-wave-blue);
border-color: var(--color-wave-blue);
color: #fff;
outline: none;
transform: translateY(-1px)
}
.navgas-search-pagination .page-numbers.current {
background-color: var(--color-navigator-blue);
border-color: var(--color-navigator-blue);
color: #fff;
cursor: default
}
.navgas-search-pagination .page-numbers.dots {
color: var(--color-navigator-grey);
cursor: default;
background: 0 0;
border-color: #0000
}
.navgas-search-pagination .page-numbers.prev,
.navgas-search-pagination .page-numbers.next {
gap: .375rem;
padding: 0 1.25rem
}
@media (prefers-reduced-motion:reduce) {
.navgas-search-pagination .page-numbers,
.navgas-search-pagination a.page-numbers:hover,
.navgas-search-pagination a.page-numbers:focus-visible {
transition: none;
transform: none
}
}
html.js [data-navgas-animate],
html.js [data-navgas-stagger-children]>*,
html.js [data-navgas-stagger-text],
html.js .entry-content>:not([data-navgas-animate]):not([data-navgas-no-reveal]):not(script):not(style) {
opacity: 0
}
@media (prefers-reduced-motion:reduce) {
html.js [data-navgas-animate],
html.js [data-navgas-stagger-children]>*,
html.js [data-navgas-stagger-text],
html.js .entry-content>* {
opacity: 1 !important
}
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@property --tw-content {
syntax: "*";
inherits: false;
initial-value: ""
}
.cmplz-hidden {
display: none !important;
}
.navgas-header a:focus,
.navgas-header a:active,
.navgas-header button:focus,
.navgas-header button:active {
outline: none;
box-shadow: none;
}
.navgas-header a:focus-visible,
.navgas-header button:focus-visible {
outline: 2px solid var(--color-wave-blue);
outline-offset: 4px;
}