:root {
color-scheme: only light;
--stz-black: #000;
--stz-white: #fff;
--stz-gray-900: #1d1d1f;
--stz-gray-700: #424245;
--stz-gray-600: #6e6e73;
--stz-gray-500: #8e8e93;
--stz-gray-400: #a1a1a6;
--stz-gray-300: #d2d2d7;
--stz-gray-200: #dcdce1;
--stz-gray-150: #e8e8ed;
--stz-gray-100: #f2f2f7;
--stz-gray-50: #f5f5f7;
--stz-gray-25: #fbfbfd;
--stz-blue-500: #0071e3;
--stz-blue-600: #0066cc;
--stz-blue-700: #0058b0;
--stz-blue-800: #004a99;
--stz-blue-sys: #007aff;
--stz-blue-dark: #2997ff;
--stz-green: #248a3d;
--stz-green-dark: #1f7a3a;
--stz-blue-tint: #e8f1fc;
--stz-blue-ink: #0b4f9c;
--stz-red: #ff3b30;
--stz-red-text: #d70015;
--stz-red-tint: #ffebea;
--stz-text: var(--stz-gray-900);
--stz-text-2: var(--stz-gray-600);
--stz-nav: var(--stz-gray-700);
--stz-link: var(--stz-blue-600);
--stz-focus: var(--stz-blue-sys);
--stz-positive: var(--stz-green);
--stz-positive-bold: var(--stz-green-dark);
--stz-loss: var(--stz-red);
--stz-loss-text: var(--stz-red-text);
--stz-surface: var(--stz-white);
--stz-surface-2: var(--stz-gray-50);
--stz-surface-band: var(--stz-gray-25);
--stz-fill: var(--stz-gray-100);
--stz-fill-hover: var(--stz-gray-150);
--stz-fill-press: var(--stz-gray-200);
--stz-hairline: var(--stz-gray-300);
--stz-hairline-hover: var(--stz-gray-400);
--stz-ring: var(--stz-gray-500);
--stz-dot-inactive: var(--stz-gray-600);
--stz-cta: var(--stz-blue-500);
--stz-cta-hover: var(--stz-blue-600);
--stz-cta-press: var(--stz-blue-700);
--stz-cta-2: var(--stz-link);
--stz-on-cta: var(--stz-white);
--stz-tint: rgba(0, 0, 0, 0.04);
--stz-tint-press: rgba(0, 0, 0, 0.08);
--stz-scrim-media: rgba(0, 0, 0, 0.72);
--stz-scrim-media-tile: rgba(0, 0, 0, 0.62);
--stz-scrim-media-light: rgba(245, 245, 247, 0.6);
--stz-text-2-on-photo: var(--stz-gray-700);
--stz-line-on-dark: rgb(255 255 255 / 0.28);
--stz-fill-on-dark: rgba(255, 255, 255, 0.16);
--stz-chrome: rgba(251, 251, 253, 0.8);
--stz-chrome-menu: rgba(251, 251, 253, 0.94);
--stz-chrome-solid: var(--stz-surface-band);
--stz-chrome-blur: saturate(180%) blur(20px);
--stz-chrome-line: rgba(0, 0, 0, 0.16);
--stz-scrim: rgba(29, 29, 31, 0.16);
--stz-scrim-blur: blur(14px);
--stz-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--stz-fs-caption: 0.875rem;
--stz-fs-footnote: 0.875rem;
--stz-fs-sub: 0.875rem;
--stz-fs-callout: 0.9375rem;
--stz-fs-body: 1.0625rem;
--stz-fs-title3: 1.1875rem;
--stz-fs-title2: 1.3125rem;
--stz-fs-title1: 1.75rem;
--stz-fs-title-l: clamp(1.3125rem, 1.1rem + 0.9vw, 1.75rem);
--stz-fs-lead-s: clamp(1.1875rem, 1.05rem + 0.5vw, 1.3125rem);
--stz-fs-lead: clamp(1.1875rem, 1rem + 0.8vw, 1.5rem);
--stz-fs-display-s: clamp(2rem, 1.6rem + 1.4vw, 2.5rem);
--stz-fs-display-m: clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem);
--stz-fs-display-l: clamp(2.5rem, 1.75rem + 3.5vw, 4rem);
--stz-fs-figure-s: clamp(2rem, 1.5rem + 2vw, 3rem);
--stz-fs-figure: clamp(2.75rem, 2rem + 3vw, 4.5rem);
--stz-track-figure: -0.03em;
--stz-track-display: -0.025em;
--stz-track-display-s: -0.02em;
--stz-track-title: -0.015em;
--stz-track-lead: -0.01em;
--stz-track-body: -0.005em;
--stz-track-small: 0;
--stz-track-caption: 0.01em;
--stz-track-caps: 0.04em;
--stz-lh-display: 1.07;
--stz-lh-tight: 1.1;
--stz-lh-title: 1.2;
--stz-lh-snug: 1.3;
--stz-lh-small: 1.45;
--stz-lh-body: 1.5;
--stz-fw-regular: 400;
--stz-fw-medium: 500;
--stz-fw-semibold: 600;
--stz-space-1: 0.25rem;
--stz-space-2: 0.5rem;
--stz-space-3: 0.75rem;
--stz-space-4: 1rem;
--stz-space-5: 1.25rem;
--stz-space-6: 1.5rem;
--stz-space-7: 2rem;
--stz-space-8: 2.5rem;
--stz-space-9: 3rem;
--stz-space-10: 4rem;
--stz-gutter: 0.75rem;
--stz-section-y: clamp(3.5rem, 2.5rem + 5vw, 6.5rem);
--stz-section-y-s: clamp(3rem, 2.25rem + 3vw, 5rem);
--stz-measure: 40rem;
--stz-measure-s: 30rem;
--stz-hit: max(44px, 2.75rem);
--stz-bar: 3rem;
--stz-radius-surface: 0;
--stz-radius-card: 22px;
--stz-radius-panel: 16px;
--stz-radius-control: 12px;
--stz-radius-item: 10px;
--stz-radius-icon: 8px;
--stz-radius-pill: 9999px;
--stz-shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px -12px rgba(0, 0, 0, 0.12);
--stz-shadow-popover: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 8px 24px -8px rgba(0, 0, 0, 0.2);
--stz-ring-contrast: inset 0 0 0 1px var(--stz-ring);
--stz-z-header: 100;
--stz-z-raised: 10;
--stz-z-over: 1;
--stz-ease: ease-out;
--stz-dur: 0.5s;
--stz-ease-press: ease-out;
--stz-dur-press: 0.1s;
--stz-dur-fade: 0.2s;
--stz-dur-fade-in: 0.3s;
--stz-dur-media: 0.8s;
--stz-dwell: 6s;
scroll-padding-top: calc(var(--stz-bar) + 1rem);
--stz-menu-p: 0;
--stz-menu-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--stz-bar));
--stz-mega-s: 1;
--stz-mega-y: 0px;
--stz-s: 0;
--stz-i: 0;
--stz-j: 0;
--stz-d: 0ms;
}
@supports (transition-timing-function: linear(0, 1)) {
:root {
--stz-ease: linear(0, 0.075, 0.227, 0.39, 0.536, 0.656, 0.75, 0.821, 0.873, 0.911, 0.938, 0.957,
0.971, 0.98, 0.986, 0.991, 0.994, 0.996, 0.997, 0.998, 1);
}
}
@media (prefers-contrast: more) {
html:root {
--stz-text-2: var(--stz-gray-700);
--stz-nav: var(--stz-gray-900);
--stz-hairline: var(--stz-gray-500);
--stz-hairline-hover: var(--stz-gray-700);
--stz-link: var(--stz-blue-800);
--stz-chrome-line: var(--stz-gray-500);
}
}
body {
background: var(--stz-white);
color: var(--stz-text);
font-optical-sizing: auto;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
:where(.wp-site-blocks) :where(a, button, summary) {
-webkit-tap-highlight-color: transparent;
}
:where(.wp-site-blocks) :where(a, button, summary):focus-visible {
outline: 3px solid var(--stz-focus);
outline-offset: 2px;
}
:where(.wp-site-blocks) :focus:not(:focus-visible) {
outline: none;
}
.etf-site-sr {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
.skip-link.screen-reader-text:focus,
.skip-link.screen-reader-text:focus-visible {
position: fixed;
top: 0.5rem;
left: 0.5rem;
z-index: calc(var(--stz-z-header) + 1);
display: inline-flex;
align-items: center;
min-height: var(--stz-hit);
padding: 0 1.25rem;
border-radius: var(--stz-radius-pill);
background: var(--stz-white);
box-shadow: var(--stz-shadow-popover);
color: var(--stz-text);
font-size: 1rem;
font-weight: var(--stz-fw-semibold);
line-height: 1;
text-decoration: none;
outline: 3px solid var(--stz-focus);
outline-offset: 2px;
}
.wp-site-blocks > header.wp-block-template-part {
position: sticky;
top: var(--wp-admin--admin-bar--height, 0px);
z-index: var(--stz-z-header);
margin-block: 0;
}
.wp-site-blocks > header.wp-block-template-part::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: var(--stz-chrome);
-webkit-backdrop-filter: var(--stz-chrome-blur);
backdrop-filter: var(--stz-chrome-blur);
pointer-events: none;
}
@supports (animation-timeline: scroll()) {
@media all {
.wp-site-blocks > header.wp-block-template-part::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 1px;
background: var(--stz-chrome-line);
pointer-events: none;
animation: etf-site-hairline linear both;
animation-timeline: scroll(root block);
animation-range: 0 3rem;
}
}
}
@keyframes etf-site-hairline {
from { opacity: 0; }
to { opacity: 1; }
}
.etf-site-header__bar {
position: relative;
display: flex;
align-items: center;
gap: 0 0.5rem;
min-height: var(--stz-bar);
}
@media (width >= 64em) {
.wp-site-blocks > header.wp-block-template-part .etf-site-header__bar {
max-width: min(76rem, 100% - 2rem);
}
}
.etf-site-header__title {
flex: none;
margin: 0;
}
.etf-site-header__title a {
display: flex;
align-items: center;
min-width: var(--stz-hit);
min-height: var(--stz-hit);
color: var(--stz-text);
text-decoration: none;
}
.etf-site-logo {
display: block;
height: 1.5rem;
aspect-ratio: 3404 / 1292;
background-color: currentColor;
-webkit-mask: url(../brand/stazora-logo.svg?ver=0.13.3) center / contain no-repeat;
mask: url(../brand/stazora-logo.svg?ver=0.13.3) center / contain no-repeat;
}
.etf-site-header__title .etf-site-logo {
height: 2.125rem;
transform: translateY(-0.125rem);
}
.etf-site-menu {
display: flex;
flex: 1 1 auto;
justify-content: center;
min-width: 0;
}
.etf-site-nav ul {
display: flex;
gap: 0 0.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.etf-site-nav a,
.etf-site-lang__summary {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: var(--stz-hit);
gap: 0.375em;
min-height: var(--stz-hit);
padding: 0 0.5rem;
color: var(--stz-nav);
font-size: var(--stz-fs-sub);
font-weight: var(--stz-fw-regular);
letter-spacing: var(--stz-track-body);
line-height: var(--stz-lh-title);
text-decoration: none;
white-space: nowrap;
transition: color var(--stz-dur) var(--stz-ease), opacity var(--stz-dur) var(--stz-ease);
}
.etf-site-nav a[aria-current="page"] {
color: var(--stz-text);
font-weight: var(--stz-fw-semibold);
}
.etf-site-header__end {
display: flex;
flex: none;
align-items: center;
margin-left: auto;
}
.etf-site-header__btn {
display: contents;
}
.etf-site-lang__summary {
padding-inline: 0.5rem;
}
.etf-site-lang__summary svg {
flex: none;
width: 1.25em;
height: 1.25em;
}
@media (hover: hover) and (pointer: fine) {
.etf-site-nav a:hover,
.etf-site-lang__summary:hover {
color: var(--stz-text);
}
}
.etf-site-nav a:active,
.etf-site-lang__summary:active {
opacity: 0.55;
transition-duration: var(--stz-dur-press);
transition-timing-function: var(--stz-ease-press);
}
@media (forced-colors: active) {
.wp-site-blocks > header.wp-block-template-part::before {
border-bottom: 1px solid CanvasText;
}
.etf-site-logo {
forced-color-adjust: none;
background-color: CanvasText;
}
.etf-site-nav a[aria-current="page"] {
text-decoration: underline;
text-underline-offset: 0.25em;
}
}
:target,
.wp-block-post-content [id] {
scroll-margin-top: calc(var(--stz-bar) + 1.25rem);
}
@media all {
html {
scroll-behavior: smooth;
}
}
.etf-site-lang {
position: relative;
}
.etf-site-lang__summary {
list-style: none;
cursor: pointer;
}
.etf-site-lang__summary::-webkit-details-marker {
display: none;
}
.etf-site-lang__summary .etf-site-lang__chev {
width: 0.85em;
height: 0.85em;
transition: transform var(--stz-dur) var(--stz-ease);
}
.etf-site-lang[open] .etf-site-lang__chev {
transform: rotate(180deg);
}
.etf-site-lang__list {
position: absolute;
top: 100%;
right: 0;
z-index: 3;
min-width: 10.5rem;
margin: 0;
padding: 0.375rem;
border-radius: var(--stz-radius-panel);
background: var(--stz-white);
box-shadow: var(--stz-shadow-popover);
list-style: none;
animation: etf-site-lang-in var(--stz-dur-fade) ease-out both;
}
@keyframes etf-site-lang-in {
from {
opacity: 0;
transform: translateY(-4px);
}
}
.etf-site-lang__list a,
.etf-site-lang__list [aria-current="true"] {
display: flex;
align-items: center;
gap: 0.5rem;
min-height: var(--stz-hit);
padding: 0 0.75rem 0 2.125rem;
border-radius: var(--stz-radius-item);
color: var(--stz-nav);
font-size: var(--stz-fs-sub);
line-height: var(--stz-lh-title);
text-decoration: none;
white-space: nowrap;
transition: background-color var(--stz-dur) var(--stz-ease);
}
.etf-site-lang__list [aria-current="true"] {
padding-left: 0.75rem;
color: var(--stz-text);
font-weight: var(--stz-fw-semibold);
}
.etf-site-lang__tick {
flex: none;
width: 1em;
height: 1em;
}
@media (hover: hover) and (pointer: fine) {
.etf-site-lang__list a:hover {
background: var(--stz-tint);
color: var(--stz-text);
}
}
.etf-site-lang__list a:active {
background: var(--stz-tint-press);
transition-duration: var(--stz-dur-press);
}
@media (prefers-contrast: more) {
.etf-site-lang__list {
box-shadow: 0 0 0 1px var(--stz-ring);
}
}
@media (forced-colors: active) {
.etf-site-lang__list {
border: 1px solid CanvasText;
}
}
.etf-site-menu-btn {
display: none;
}
@media (width < 64em) {
.etf-site-header__bar {
flex-wrap: wrap;
}
html:not(.etf-site-js) .etf-site-menu {
order: 3;
flex-basis: 100%;
justify-content: flex-start;
overflow-x: auto;
}
.etf-site-js .etf-site-menu-btn {
position: relative;
display: inline-flex;
flex: none;
width: var(--stz-hit);
height: var(--stz-hit);
margin-right: -0.625rem;
padding: 0;
border: 0;
border-radius: var(--stz-radius-pill);
background: none;
color: var(--stz-text);
cursor: pointer;
transition: background-color var(--stz-dur) var(--stz-ease), transform var(--stz-dur) var(--stz-ease);
}
.etf-site-menu-btn:active {
background-color: var(--stz-tint-press);
transform: scale(0.97);
transition-duration: var(--stz-dur-press);
transition-timing-function: var(--stz-ease-press);
}
.etf-site-menu-btn__bar {
position: absolute;
top: 50%;
left: 50%;
width: 1.125rem;
height: 1.5px;
margin: -0.75px 0 0 -0.5625rem;
border-radius: var(--stz-radius-pill);
background: currentColor;
transform: translateY(calc(-3.5px * (1 - var(--stz-menu-p)))) rotate(calc(45deg * var(--stz-menu-p)));
}
.etf-site-menu-btn__bar + .etf-site-menu-btn__bar {
transform: translateY(calc(3.5px * (1 - var(--stz-menu-p)))) rotate(calc(-45deg * var(--stz-menu-p)));
}
.etf-site-js .etf-site-menu {
position: fixed;
inset: var(--stz-menu-top) 0 0;
z-index: 1;
display: block;
overflow-y: auto;
overscroll-behavior: contain;
padding: 1.5rem var(--wp--style--root--padding-right, 1.5rem) 3rem var(--wp--style--root--padding-left, 1.5rem);
background: var(--stz-chrome-menu);
-webkit-backdrop-filter: var(--stz-chrome-blur);
backdrop-filter: var(--stz-chrome-blur);
opacity: var(--stz-menu-p);
transform: scale(calc(0.96 + 0.04 * var(--stz-menu-p)));
transform-origin: calc(100% - 1.5rem) -1.5rem;
visibility: hidden;
}
.etf-site-js .etf-site-menu:focus {
outline: none;
}
.etf-site-js .etf-site-menu[data-open] {
visibility: visible;
}
.etf-site-js .etf-site-nav ul {
flex-direction: column;
max-width: var(--wp--style--global--wide-size, 68.75rem);
margin: 0 auto;
}
.etf-site-js .etf-site-nav a {
display: flex;
justify-content: flex-start;
min-width: 0;
min-height: 3.25rem;
padding: 0;
color: var(--stz-nav);
font-size: var(--stz-fs-title1);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-title);
line-height: var(--stz-lh-title);
white-space: normal;
}
.etf-site-js .etf-site-nav a[aria-current="page"] {
color: var(--stz-text);
}
html[data-etf-site-menu-open] {
overflow: hidden;
}
}
@media (width < 64em) and (prefers-contrast: more) {
.etf-site-js .etf-site-menu {
border-top: 1px solid var(--stz-chrome-line);
}
}
@media (width < 64em) and (forced-colors: active) {
.etf-site-menu-btn__bar {
background: ButtonText;
}
.etf-site-js .etf-site-menu {
border-top: 1px solid CanvasText;
}
}
.wp-site-blocks > footer.wp-block-template-part {
margin-block-start: 0;
}
.etf-site-footer {
padding-block: 2.5rem 2rem;
border-top: 1px solid var(--stz-hairline);
background: var(--stz-surface-2);
color: var(--stz-text-2);
font-size: var(--stz-fs-footnote);
letter-spacing: 0;
line-height: var(--stz-lh-small);
}
.etf-site-footer__inner {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1rem 2rem;
}
.etf-site-footer p {
margin: 0;
}
.etf-site-footer__about {
grid-column: 1 / -1;
padding-top: 1.25rem;
}
.etf-site-footer__ask {
grid-column: 1 / -1;
}
.etf-site-footer .etf-site-footer__ask a {
display: inline;
min-width: 0;
min-height: 0;
color: var(--stz-link);
text-decoration: underline;
text-underline-offset: 0.2em;
}
.etf-site-crumb ol {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.etf-site-crumb li + li::before {
content: "";
width: 0.4rem;
height: 0.4rem;
margin-inline: 0.625rem 0.75rem;
border: solid currentcolor;
border-width: 1.5px 1.5px 0 0;
opacity: 0.55;
transform: rotate(45deg);
}
.etf-site-crumb li {
display: flex;
align-items: center;
}
.etf-site-crumb li:first-child a {
margin-inline-end: -1.25rem;
}
.etf-site-crumb__icon {
width: 1rem;
aspect-ratio: 1380 / 1988;
background-color: currentColor;
-webkit-mask: url(../brand/stazora-icon.svg?ver=0.13.3) center / contain no-repeat;
mask: url(../brand/stazora-icon.svg?ver=0.13.3) center / contain no-repeat;
}
.etf-site-crumb [aria-current="page"] {
display: inline-flex;
align-items: center;
min-height: var(--stz-hit);
color: var(--stz-text-2);
}
.etf-site-footer__nav {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem 1.5rem;
padding-top: 1rem;
}
.etf-site-footer__heading {
margin: 0;
color: var(--stz-text);
font-size: var(--stz-fs-footnote);
font-weight: var(--stz-fw-semibold);
letter-spacing: 0;
line-height: var(--stz-lh-small);
}
.etf-site-footer ul {
margin: 0;
padding: 0;
list-style: none;
}
.etf-site-footer a {
display: inline-flex;
align-items: center;
min-width: var(--stz-hit);
min-height: var(--stz-hit);
color: var(--stz-nav);
text-decoration: none;
transition: opacity var(--stz-dur) var(--stz-ease);
}
.etf-site-footer a[aria-current="page"] {
color: var(--stz-text);
font-weight: var(--stz-fw-semibold);
}
.etf-site-footer__heading a {
color: var(--stz-text);
font-weight: var(--stz-fw-semibold);
}
@media (hover: hover) and (pointer: fine) {
.etf-site-footer a:hover {
color: var(--stz-text);
text-decoration: underline;
text-underline-offset: 0.2em;
}
}
.etf-site-footer a:active {
opacity: 0.55;
transition-duration: var(--stz-dur-press);
transition-timing-function: var(--stz-ease-press);
}
.etf-site-footer__legal {
grid-column: 1 / -1;
padding-top: 0.75rem;
border-top: 1px solid var(--stz-hairline);
}
.etf-site-footer__legal ul {
display: flex;
flex-wrap: wrap;
}
.etf-site-footer__legal li + li::before {
content: "";
display: inline-block;
width: 1px;
height: 0.8em;
margin-inline: 0.75rem;
background: currentcolor;
opacity: 0.4;
vertical-align: middle;
}
.etf-site-footer__legal li {
display: flex;
align-items: center;
}
@media (width >= 48em) {
.etf-site-footer__nav {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 64em) {
.etf-site-footer__nav {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (width >= 80em) {
.etf-site-footer__nav {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
}
@media (prefers-contrast: more) {
.etf-site-footer a {
text-decoration: underline;
}
}
@media (forced-colors: active) {
.etf-site-crumb__icon {
forced-color-adjust: none;
background-color: CanvasText;
}
}
.wp-block-post-content > .etf-site-section {
margin-block: 0;
padding-block: var(--stz-section-y);
}
.etf-site-section--dark,
.etf-site-tile--dark {
--stz-text-2: var(--stz-gray-400);
--stz-link: var(--stz-blue-dark);
--stz-cta-2: var(--stz-blue-dark);
--stz-hairline: var(--stz-line-on-dark);
background: var(--stz-black);
color: var(--stz-gray-50);
color-scheme: only dark;
}
.etf-site-section--light,
.etf-site-tile--light {
background: var(--stz-surface-2);
}
.etf-site-section--white {
background: var(--stz-surface);
}
.etf-site-section.etf-site-hero {
padding-block: clamp(3.5rem, 2rem + 8vw, 6.75rem) clamp(4.25rem, 1.75rem + 11vw, 9.75rem);
text-align: center;
}
.etf-site-hero > h1 {
max-width: 15em;
font-size: var(--stz-fs-display-l);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-display);
line-height: var(--stz-lh-display);
text-wrap: balance;
}
.etf-site-hero__sub {
display: block;
margin-block-start: 0.35em;
font-size: var(--stz-fs-lead);
font-weight: var(--stz-fw-regular);
letter-spacing: normal;
color: var(--stz-text-2);
}
.etf-site-hero.etf-site-hero > p {
max-width: 38rem;
margin-block-start: 1.25rem;
color: var(--stz-text-2);
font-size: var(--stz-fs-lead);
letter-spacing: var(--stz-track-lead);
line-height: var(--stz-lh-snug);
text-wrap: pretty;
}
.etf-site-hero.etf-site-hero > .wp-block-buttons {
justify-content: center;
margin-block-start: 2rem;
}
.wp-block-post-content > .etf-site-section:has(> .etf-site-local-title) {
padding-block-start: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}
.etf-site-section > .etf-site-local-title {
max-width: var(--wp--style--global--wide-size);
margin-block-end: 2.5rem;
font-size: var(--stz-fs-lead-s);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-lead);
line-height: var(--stz-lh-title);
text-align: left;
}
.etf-site-cards {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--stz-gutter);
}
.etf-site-cards > .etf-site-card {
margin: 0;
padding: 1.75rem 1.75rem 2rem;
border-radius: var(--stz-radius-card);
background: var(--stz-surface-2);
font-size: var(--stz-fs-body);
line-height: var(--stz-lh-body);
}
.etf-site-card > strong:first-child {
display: block;
margin-bottom: 0.5rem;
font-size: var(--stz-fs-title2);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-title);
line-height: var(--stz-lh-title);
}
.etf-site-tiles {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--stz-gutter);
}
.etf-site-tiles > .etf-site-tile {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: clamp(2.5rem, 2rem + 2.5vw, 3.75rem) clamp(1.25rem, 0.5rem + 3vw, 3rem);
border-radius: var(--stz-radius-surface);
text-align: center;
}
.etf-site-tiles .etf-site-tile > * {
max-width: 40rem;
margin-block: 0;
}
.etf-site-tiles .etf-site-tile > h2 {
font-size: var(--stz-fs-display-s);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-display-s);
line-height: var(--stz-lh-tight);
text-wrap: balance;
}
.etf-site-tiles .etf-site-tile > h2 + p {
margin-block-start: 0.625rem;
font-size: var(--stz-fs-lead-s);
line-height: var(--stz-lh-snug);
letter-spacing: var(--stz-track-lead);
text-wrap: pretty;
}
.etf-site-tiles .etf-site-tile > .wp-block-buttons,
.etf-site-showcase.etf-site-showcase > .wp-block-buttons {
justify-content: center;
margin-block-start: 1.5rem;
}
.etf-site-tiles .etf-site-tile > .etf-site-figures,
.etf-site-showcase.etf-site-showcase > .etf-site-figures {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem 3.5rem;
max-width: none;
margin-block-start: 2.75rem;
}
.etf-site-figures > .etf-site-figure {
margin: 0;
color: var(--stz-text-2);
font-size: var(--stz-fs-body);
line-height: var(--stz-lh-snug);
}
.etf-site-figure > strong:first-child {
display: block;
margin-bottom: 0.375rem;
color: var(--stz-text);
font-size: var(--stz-fs-figure);
font-variant-numeric: tabular-nums;
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-figure);
line-height: 1;
}
.etf-site-tile--dark .etf-site-figure > strong:first-child,
.etf-site-section--dark .etf-site-figure > strong:first-child {
color: var(--stz-gray-50);
}
.etf-site-tiles .etf-site-tile > .etf-site-fineprint,
.etf-site-showcase.etf-site-showcase > .etf-site-fineprint {
margin-block-start: 1.25rem;
color: var(--stz-text-2);
font-size: var(--stz-fs-footnote);
letter-spacing: 0;
line-height: var(--stz-lh-small);
}
.etf-site-tiles .etf-site-tile > .etf-site-fineprint + .etf-site-fineprint,
.etf-site-showcase.etf-site-showcase > .etf-site-fineprint + .etf-site-fineprint {
margin-block-start: 0.5rem;
}
.etf-site-tiles .etf-site-tile > .etf-site-questions {
width: 100%;
max-width: 30rem;
margin-block-start: 2.25rem;
padding: 0;
list-style: none;
text-align: left;
}
.etf-site-questions > li {
margin: 0;
padding: 0.875rem 0;
border-top: 1px solid var(--stz-hairline);
font-size: var(--stz-fs-body);
font-weight: var(--stz-fw-medium);
letter-spacing: var(--stz-track-body);
line-height: var(--stz-lh-snug);
}
.etf-site-tiles .etf-site-tile > .etf-site-glance {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem 2rem;
max-width: none;
margin-block-start: 2.25rem;
padding: 0;
font-size: var(--stz-fs-body);
list-style: none;
}
.etf-site-glance > li {
display: inline-flex;
align-items: center;
gap: var(--stz-gutter);
margin: 0;
}
.etf-site-glance > li::before {
content: "";
flex: none;
width: 0.4375rem;
height: 0.875rem;
margin-top: -0.25rem;
border: solid var(--stz-positive);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@media (width >= 48em) {
.etf-site-cards,
.etf-site-tiles {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.etf-site-tiles > .etf-site-tile--wide {
grid-column: 1 / -1;
}
.etf-site-cards > .etf-site-card:only-child {
grid-column: 1 / -1;
display: flex;
flex-direction: column;
justify-content: center;
aspect-ratio: 16 / 9;
padding: var(--stz-space-8) var(--stz-space-9);
font-size: var(--stz-fs-lead-s);
}
}
@media (prefers-contrast: more) {
.etf-site-section--dark,
.etf-site-tile--dark {
--stz-text-2: var(--stz-gray-300);
}
.etf-site-tiles > .etf-site-tile,
.etf-site-cards > .etf-site-card {
box-shadow: var(--stz-ring-contrast);
}
}
@media (forced-colors: active) {
.etf-site-tiles > .etf-site-tile,
.etf-site-cards > .etf-site-card {
border: 1px solid CanvasText;
}
.etf-site-glance > li::before {
border-color: CanvasText;
}
}
.wp-block-buttons:has(> .etf-site-cta) {
gap: 0.75rem 1rem;
}
.wp-block-button.etf-site-cta > .wp-block-button__link,
.etf-site-button {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: var(--stz-hit);
min-height: var(--stz-hit);
padding: 0 1.375rem;
border: 1px solid var(--stz-cta);
border-radius: var(--stz-radius-pill);
background-color: var(--stz-cta);
color: var(--stz-white);
font-size: var(--stz-fs-body);
font-weight: var(--stz-fw-regular);
letter-spacing: var(--stz-track-lead);
line-height: var(--stz-lh-title);
text-align: center;
text-decoration: none;
transition: transform var(--stz-dur) var(--stz-ease), background-color var(--stz-dur) var(--stz-ease),
border-color var(--stz-dur) var(--stz-ease), color var(--stz-dur) var(--stz-ease);
}
.wp-block-button.etf-site-cta--secondary > .wp-block-button__link {
border-color: var(--stz-cta-2);
background-color: transparent;
color: var(--stz-cta-2);
}
@media (hover: hover) and (pointer: fine) {
.wp-block-button.etf-site-cta > .wp-block-button__link:hover,
.etf-site-button:hover {
background-color: var(--stz-cta-hover);
color: var(--stz-white);
}
.wp-block-button.etf-site-cta--secondary > .wp-block-button__link:hover {
border-color: var(--stz-cta);
background-color: var(--stz-cta);
color: var(--stz-white);
}
}
.wp-block-button.etf-site-cta > .wp-block-button__link:active,
.etf-site-button:active {
background-color: var(--stz-cta-press);
transform: scale(0.97);
transition-duration: var(--stz-dur-press);
transition-timing-function: var(--stz-ease-press);
}
.wp-block-button.etf-site-cta--secondary > .wp-block-button__link:active {
border-color: var(--stz-cta-press);
background-color: var(--stz-cta-press);
color: var(--stz-white);
}
@media (width < 30em) {
.etf-site-hero .wp-block-buttons {
flex-direction: column;
align-items: stretch;
}
.etf-site-hero .wp-block-button,
.etf-site-hero .wp-block-button__link {
width: 100%;
}
}
@media (prefers-contrast: more) {
.wp-block-button.etf-site-cta--secondary > .wp-block-button__link {
border-width: 2px;
border-color: currentColor;
}
}
@media (forced-colors: active) {
.wp-block-button.etf-site-cta > .wp-block-button__link,
.etf-site-button {
border: 1px solid ButtonText;
}
}
:where(.wp-block-post-content) a:not(.etf-sim__pill, .wp-block-button__link, .etf-site-button) {
color: var(--stz-link);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
transition: opacity var(--stz-dur) var(--stz-ease);
}
@media (hover: hover) and (pointer: fine) {
:where(.wp-block-post-content) a:not(.etf-sim__pill, .wp-block-button__link, .etf-site-button):hover {
text-decoration-thickness: 2px;
}
}
:where(.wp-block-post-content) a:not(.etf-sim__pill, .wp-block-button__link, .etf-site-button):active {
opacity: 0.55;
transition-duration: var(--stz-dur-press);
transition-timing-function: var(--stz-ease-press);
}
.wp-block-post-content > h2 {
margin-block-start: 2.5rem;
}
.wp-block-post-content > h3 {
margin-block-start: 2rem;
}
.wp-block-post-content .wp-block-details {
margin-block-start: 0.5rem;
border-radius: var(--stz-radius-card);
background: var(--stz-surface-2);
}
.wp-block-post-content .wp-block-details summary {
position: relative;
display: flex;
align-items: center;
min-height: 3.25rem;
padding: 0.75rem 3rem 0.75rem 1.25rem;
border-radius: var(--stz-radius-card);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-body);
line-height: var(--stz-lh-snug);
list-style: none;
cursor: pointer;
transition: background-color var(--stz-dur) var(--stz-ease);
}
.wp-block-post-content .wp-block-details summary::-webkit-details-marker {
display: none;
}
.wp-block-post-content .wp-block-details summary::after {
content: "";
position: absolute;
top: 50%;
right: 1.375rem;
width: 0.5rem;
height: 0.5rem;
margin-top: -0.375rem;
border: solid currentColor;
border-width: 0 2px 2px 0;
opacity: 0.6;
transform: rotate(45deg);
transition: transform var(--stz-dur) var(--stz-ease);
}
.wp-block-post-content .wp-block-details[open] summary::after {
transform: translateY(0.25rem) rotate(-135deg);
}
@media (hover: hover) and (pointer: fine) {
.wp-block-post-content .wp-block-details summary:hover {
background-color: var(--stz-tint);
}
}
.wp-block-post-content .wp-block-details summary:active {
background-color: var(--stz-tint-press);
transition-duration: var(--stz-dur-press);
transition-timing-function: var(--stz-ease-press);
}
.wp-block-post-content .wp-block-details > :not(summary) {
margin: 0 1.25rem;
padding-bottom: 1rem;
}
@supports (interpolate-size: allow-keywords) {
@media all {
.wp-block-post-content .wp-block-details {
interpolate-size: allow-keywords;
}
.wp-block-post-content .wp-block-details::details-content {
height: 0;
overflow: clip;
transition: height var(--stz-dur) var(--stz-ease), content-visibility var(--stz-dur) allow-discrete;
}
.wp-block-post-content .wp-block-details[open]::details-content {
height: auto;
}
}
}
.etf-site-404-main {
padding-block: clamp(3rem, 10vw, 7rem);
}
.etf-site-404 {
text-align: center;
}
.etf-site-404 h1 {
margin: 0;
}
.etf-site-404 p {
margin: 1rem 0 0;
color: var(--stz-text-2);
}
.etf-site-404 p:last-child {
margin-top: 2rem;
}
@media (prefers-contrast: more) {
.wp-block-post-content .wp-block-details {
border: 1px solid var(--stz-hairline);
}
:where(.wp-block-post-content) a:not(.etf-sim__pill, .wp-block-button__link, .etf-site-button) {
text-decoration-thickness: 2px;
}
}
.wp-block-table.etf-site-figures-table {
overflow-x: auto;
}
.wp-block-table.etf-site-figures-table table {
table-layout: auto;
}
.wp-block-table.etf-site-figures-table :is(th, td) {
overflow-wrap: normal;
word-break: normal;
hyphens: manual;
}
.wp-block-table.etf-site-glossary-table {
margin: 0.25rem 0 0;
}
.wp-block-table.etf-site-glossary-table table {
width: 100%;
border-collapse: collapse;
font-size: var(--stz-fs-callout);
}
.wp-block-table.etf-site-glossary-table :is(th, td) {
padding: 0.5rem 0.75rem 0.5rem 0;
border: 0;
border-bottom: 1px solid var(--stz-hairline);
text-align: left;
vertical-align: top;
}
.wp-block-table.etf-site-glossary-table th {
padding-top: 1.25rem;
font-weight: var(--stz-fw-semibold);
}
.wp-block-table.etf-site-glossary-table td:first-child {
width: 34%;
font-weight: var(--stz-fw-medium);
}
@media (width < 30em) {
.wp-block-table.etf-site-glossary-table td:first-child {
width: 40%;
}
}
.wp-block-post-content:has(:is(#what-is-not-included, #wat-er-niet-in-zit, #further-reading, #verder-lezen))::after {
content: "";
display: block;
height: 45vh;
}
.wp-block-post-content > .etf-site-byline {
margin-block: 0 1.5rem;
color: var(--stz-text-2);
font-size: var(--stz-fs-sub);
line-height: var(--stz-lh-small);
}
.etf-site-byline a {
color: inherit;
text-decoration-thickness: 1px;
text-underline-offset: 0.15em;
}
.wp-block-post-content > .etf-site-author {
margin-block: 2rem 0;
padding-block-start: 1rem;
border-block-start: 1px solid var(--stz-hairline);
color: var(--stz-text-2);
font-size: var(--stz-fs-sub);
line-height: var(--stz-lh-small);
}
.etf-site-author p {
margin: 0;
}
.etf-site-author a {
color: inherit;
}
.wp-block-post-content > .etf-site-source {
margin-block: 2rem 0;
color: var(--stz-text-2);
font-size: var(--stz-fs-footnote);
line-height: var(--stz-lh-small);
}
.etf-site-source a {
color: inherit;
}
.etf-sim .etf-tool__summary {
color: var(--stz-link);
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) {
margin-block: var(--stz-space-5) var(--stz-space-6);
overflow-x: auto;
border-radius: var(--stz-radius-card);
background: var(--stz-surface-2);
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 0;
background: transparent;
font-size: var(--stz-fs-callout);
line-height: var(--stz-lh-snug);
font-variant-numeric: tabular-nums;
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) :is(th, td) {
padding: var(--stz-space-3) var(--stz-space-4);
border: 0;
border-top: 1px solid var(--stz-hairline);
background: transparent;
vertical-align: top;
text-align: left;
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) :is(th, td).has-text-align-right {
text-align: right;
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) :is(th, td).has-text-align-center {
text-align: center;
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) thead :is(th, td) {
border-top: 0;
padding-block: var(--stz-space-4) var(--stz-space-3);
color: var(--stz-text-2);
font-size: var(--stz-fs-footnote);
font-weight: var(--stz-fw-semibold);
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) table:not(:has(thead)) tbody tr:first-child :is(th, td) {
border-top: 0;
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) tbody th {
font-weight: var(--stz-fw-semibold);
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) thead,
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) tfoot {
border: 0;
}
:where(.wp-block-post-content) .wp-block-table.is-style-stripes:not(.etf-site-glossary-table) {
border-bottom: 0;
}
:where(.wp-block-post-content) .wp-block-table.is-style-stripes:not(.etf-site-glossary-table) tbody tr:nth-child(odd) {
background: transparent;
}
:where(.wp-block-post-content) .wp-block-table:not(.etf-site-glossary-table) figcaption {
margin: 0;
padding: var(--stz-space-3) var(--stz-space-4) var(--stz-space-4);
border-top: 1px solid var(--stz-hairline);
color: var(--stz-text-2);
font-size: var(--stz-fs-footnote);
line-height: var(--stz-lh-small);
text-align: left;
}
.etf-site-cards--media {
margin-block-start: 1.5rem;
}
.wp-block-post-content > :is(h2, h3):has(+ .etf-site-cards--media) {
max-width: var(--wp--style--global--wide-size);
}
.etf-site-cards--media > .etf-site-mediacard {
position: relative;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
overflow: hidden;
border-radius: var(--stz-radius-card);
background: var(--stz-surface-2);
transition: transform var(--stz-dur-press) var(--stz-ease-press), opacity var(--stz-dur-press) var(--stz-ease-press);
}
.etf-site-mediacard > .wp-block-image {
margin: 0;
overflow: hidden;
}
.etf-site-mediacard > .wp-block-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1.87 / 1;
object-fit: cover;
transition: transform var(--stz-dur) var(--stz-ease);
}
.etf-site-mediacard > :is(h3, p) {
margin: 0;
padding-inline: 1.5rem;
}
.etf-site-mediacard > h3 {
padding-block-start: 1.25rem;
font-size: var(--stz-fs-title2);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-title);
line-height: var(--stz-lh-title);
}
.etf-site-mediacard > p {
padding-block: 0.5rem 1.5rem;
color: var(--stz-text-2);
font-size: var(--stz-fs-body);
line-height: var(--stz-lh-body);
}
.etf-site-mediacard > h3 > a {
color: var(--stz-text);
text-decoration: none;
}
.etf-site-mediacard > h3 > a::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
}
.etf-site-mediacard > h3 > a:focus-visible {
outline: none;
}
.etf-site-mediacard > h3 > a:focus-visible::after {
outline: 3px solid var(--stz-focus);
outline-offset: 2px;
}
.etf-site-mediacard:active {
transform: scale(0.98);
}
@media (hover: hover) and (pointer: fine) {
.etf-site-mediacard:hover > .wp-block-image img {
transform: scale(1.03);
}
}
@media (width >= 48em) {
.etf-site-cards.etf-site-cards--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.etf-site-cards--three > .etf-site-mediacard > :is(h3, p) {
padding-inline: 1.25rem;
}
}
@media (prefers-contrast: more) {
.etf-site-cards--media > .etf-site-mediacard {
box-shadow: 0 0 0 1px var(--stz-ring);
}
.etf-site-mediacard > p {
color: var(--stz-gray-700);
}
}
@media (forced-colors: active) {
.etf-site-cards--media > .etf-site-mediacard {
border: 1px solid CanvasText;
}
}
.wp-site-blocks > header.wp-block-template-part::before {
transform: scaleY(var(--stz-mega-s));
transform-origin: top;
}
.wp-site-blocks > header.wp-block-template-part::before {
transition: background-color var(--stz-dur-fade-in) var(--stz-ease);
}
.wp-site-blocks > header.wp-block-template-part[data-etf-site-mega-open]::before {
background: var(--stz-chrome-menu);
}
.wp-site-blocks > header.wp-block-template-part::after {
transform: translateY(var(--stz-mega-y));
}
@media (width < 64em) {
.etf-site-sub,
.etf-site-scrim {
display: none;
}
}
@media (width >= 64em) {
.etf-site-menu-back,
.etf-site-menu__lang,
.etf-site-sub__overview {
display: none;
}
}
@media (width >= 64em) {
.etf-site-js .etf-site-nav .etf-site-sub {
position: absolute;
inset: 100% 0 auto;
display: flex;
gap: 0 clamp(2rem, 6vw, 5rem);
padding: 1.75rem 0 3rem;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity var(--stz-dur-fade) ease-out, visibility 0s linear var(--stz-dur-fade);
}
.etf-site-js .etf-site-nav .etf-site-sub[data-active] {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0.06s, 0s;
}
.etf-site-nav .etf-site-sub ul {
display: block;
margin: 0;
padding: 0;
}
.etf-site-sub__group {
min-width: 0;
}
.etf-site-sub__group--big {
flex: 0 1 22rem;
}
.etf-site-sub__group--small,
.etf-site-sub__group--more {
flex: 0 1 16rem;
}
.etf-site-sub__label {
margin: 0 0 1rem;
color: var(--stz-text-2);
font-size: var(--stz-fs-caption);
font-weight: var(--stz-fw-regular);
letter-spacing: var(--stz-track-caption);
line-height: var(--stz-lh-snug);
}
.etf-site-nav .etf-site-sub a {
display: flex;
min-height: var(--stz-hit);
padding: 0;
justify-content: flex-start;
min-width: 0;
color: var(--stz-text);
white-space: normal;
}
.etf-site-sub__group--big a {
font-size: 1.5rem;
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-title);
line-height: var(--stz-lh-title);
}
.etf-site-sub__group--small a,
.etf-site-sub__group--more a {
font-size: var(--stz-fs-sub);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-body);
line-height: var(--stz-lh-snug);
}
.etf-site-js .etf-site-nav .etf-site-sub--cols {
flex-wrap: wrap;
gap: 0 2rem;
}
.etf-site-sub--cols .etf-site-sub__group--lead {
display: none;
}
.etf-site-sub--cols .etf-site-sub__group--big,
.etf-site-sub--cols .etf-site-sub__group--g2,
.etf-site-sub--cols .etf-site-sub__group--g3,
.etf-site-sub--cols .etf-site-sub__group--g4 {
flex: 1 1 0;
}
.etf-site-sub--cols .etf-site-sub__group--big a,
.etf-site-sub--cols .etf-site-sub__group--g2 a,
.etf-site-sub--cols .etf-site-sub__group--g3 a,
.etf-site-sub--cols .etf-site-sub__group--g4 a {
font-size: var(--stz-fs-title3);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-lead);
line-height: var(--stz-lh-snug);
}
.etf-site-sub--cols .etf-site-sub__group--small {
flex: 0 0 100%;
margin-top: 1.25rem;
padding-top: 0.5rem;
box-shadow: inset 0 1px 0 var(--stz-hairline);
}
.etf-site-sub--cols .etf-site-sub__group--small ul {
display: flex;
flex-wrap: wrap;
gap: 0 2rem;
}
@media (hover: hover) and (pointer: fine) {
.etf-site-nav .etf-site-sub a:hover {
color: var(--stz-link);
}
}
.etf-site-js .etf-site-scrim {
position: fixed;
inset: calc(var(--wp-admin--admin-bar--height, 0px) + var(--stz-bar)) 0 0;
z-index: -2;
background: var(--stz-scrim);
-webkit-backdrop-filter: var(--stz-scrim-blur);
backdrop-filter: var(--stz-scrim-blur);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity var(--stz-dur-fade-in) var(--stz-ease), visibility 0s linear var(--stz-dur-fade-in);
}
.etf-site-js header[data-etf-site-mega-open] .etf-site-scrim {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
}
@media (forced-colors: active) {
.wp-site-blocks > header.wp-block-template-part::before {
border-bottom: 0;
}
.wp-site-blocks > header.wp-block-template-part::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 1px;
background: CanvasText;
opacity: 1;
animation: none;
pointer-events: none;
}
.etf-site-scrim {
display: none;
}
}
@media (width < 64em) {
.etf-site-js .etf-site-menu[data-etf-site-menu-full] {
inset: var(--wp-admin--admin-bar--height, 0px) 0 0;
padding-top: calc(var(--stz-bar) + 1.25rem);
background: var(--stz-chrome-solid);
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.etf-site-js .etf-site-menu-btn {
z-index: 2;
}
.etf-site-menu-back {
position: absolute;
top: 0;
left: -0.625rem;
z-index: 2;
display: none;
align-items: center;
justify-content: center;
width: var(--stz-hit);
height: var(--stz-hit);
padding: 0;
border: 0;
border-radius: var(--stz-radius-pill);
background: none;
color: var(--stz-text);
cursor: pointer;
transition: background-color var(--stz-dur) var(--stz-ease), transform var(--stz-dur) var(--stz-ease);
}
.etf-site-menu-back svg {
width: 1.5rem;
height: 1.5rem;
}
.etf-site-menu-back:active {
background-color: var(--stz-tint-press);
transform: scale(0.97);
transition-duration: var(--stz-dur-press);
transition-timing-function: var(--stz-ease-press);
}
.etf-site-menu__back {
display: contents;
}
.etf-site-js .etf-site-menu[data-drilled] ~ .etf-site-menu__back .etf-site-menu-back {
display: inline-flex;
}
.etf-site-js .etf-site-menu[data-drilled] .etf-site-nav > ul > li:not([data-active]),
.etf-site-js .etf-site-menu[data-drilled] .etf-site-nav > ul > li[data-active] > a,
.etf-site-js .etf-site-menu[data-drilled] .etf-site-menu__lang {
display: none;
}
.etf-site-js .etf-site-menu[data-drilled] .etf-site-nav > ul > li[data-active] > .etf-site-sub {
display: block;
}
.etf-site-menu .etf-site-sub__group--big .etf-site-sub__label {
display: none;
}
.etf-site-menu .etf-site-sub--cols .etf-site-sub__group--big .etf-site-sub__label {
display: block;
}
.etf-site-menu .etf-site-sub__group--g2,
.etf-site-menu .etf-site-sub__group--g3,
.etf-site-menu .etf-site-sub__group--g4,
.etf-site-menu .etf-site-sub__group--small,
.etf-site-menu .etf-site-sub__group--more {
margin-top: 2rem;
}
.etf-site-menu .etf-site-sub__label {
margin: 0 0 0.5rem;
color: var(--stz-text-2);
font-size: var(--stz-fs-footnote);
line-height: var(--stz-lh-snug);
}
.etf-site-js .etf-site-nav .etf-site-sub--cols .etf-site-sub__group--big a,
.etf-site-js .etf-site-nav .etf-site-sub__group--g2 a,
.etf-site-js .etf-site-nav .etf-site-sub__group--g3 a,
.etf-site-js .etf-site-nav .etf-site-sub__group--g4 a,
.etf-site-js .etf-site-nav .etf-site-sub__group--small a,
.etf-site-js .etf-site-nav .etf-site-sub__group--more a {
min-height: 2.75rem;
font-size: var(--stz-fs-body);
letter-spacing: var(--stz-track-lead);
}
.etf-site-menu__lang {
display: flex;
gap: 0 1.5rem;
max-width: var(--wp--style--global--wide-size, 68.75rem);
margin: 2.5rem auto 0;
}
.etf-site-menu__lang a,
.etf-site-menu__lang [aria-current="true"] {
display: inline-flex;
align-items: center;
min-height: var(--stz-hit);
font-size: var(--stz-fs-body);
font-weight: var(--stz-fw-semibold);
letter-spacing: var(--stz-track-lead);
text-decoration: none;
}
.etf-site-menu__lang a {
color: var(--stz-nav);
}
.etf-site-menu__lang [aria-current="true"] {
color: var(--stz-text);
}
.etf-site-js .etf-site-menu[data-open] .etf-site-nav > ul > li:not([data-active]),
.etf-site-js .etf-site-menu[data-open] .etf-site-sub li,
.etf-site-js .etf-site-menu[data-open] .etf-site-sub__label,
.etf-site-js .etf-site-menu[data-open] .etf-site-menu__lang {
animation: etf-site-reveal 0.4s var(--stz-ease) both;
animation-delay: calc(min(var(--i, 0), 8) * 35ms);
}
}
@keyframes etf-site-reveal {
from {
opacity: 0;
transform: translateY(8px);
}
}
@keyframes etf-site-reveal-fade {
from {
opacity: 0;
}
}
@media (width < 64em) and (forced-colors: active) {
.etf-site-menu-back {
forced-color-adjust: none;
color: ButtonText;
}
}
:root {
--stz-enter-y: 14px;
--stz-enter-dur: 1.4s;
--stz-enter-ease: cubic-bezier(0.33, 0, 0.2, 1);
--stz-stagger: 160ms;
--stz-enter-cap: 960ms;
}
@keyframes etf-site-enter {
from {
opacity: 0;
transform: translateY(var(--stz-enter-y));
}
}
@keyframes etf-site-enter-hero {
from {
opacity: 0.01;
transform: translateY(var(--stz-enter-y));
}
}
@media screen {
.wp-block-post-content > .etf-site-section ~ .etf-site-section { --stz-s: 4; }
.etf-site-section > :nth-child(1) { --stz-i: 0; }
.etf-site-section > :nth-child(2) { --stz-i: 1; }
.etf-site-section > :nth-child(3) { --stz-i: 2; }
.etf-site-section > :nth-child(4) { --stz-i: 3; }
.etf-site-section > :nth-child(5) { --stz-i: 4; }
.etf-site-section > :nth-child(6) { --stz-i: 5; }
.etf-site-section > :nth-child(7) { --stz-i: 6; }
.wp-block-post-content > :not(.etf-site-section):nth-child(1) { --stz-i: 1; }
.wp-block-post-content > :not(.etf-site-section):nth-child(2) { --stz-i: 2; }
.wp-block-post-content > :not(.etf-site-section):nth-child(3) { --stz-i: 3; }
.wp-block-post-content > :not(.etf-site-section):nth-child(4) { --stz-i: 4; }
.wp-block-post-content > :not(.etf-site-section):nth-child(5) { --stz-i: 5; }
.wp-block-post-content > :not(.etf-site-section):nth-child(6) { --stz-i: 6; }
:is(.etf-site-tiles, .etf-site-cards, .etf-site-figures, .wp-block-buttons) > :nth-child(2) { --stz-j: 1; }
:is(.etf-site-tiles, .etf-site-cards, .etf-site-figures, .wp-block-buttons) > :nth-child(3) { --stz-j: 2; }
:is(.etf-site-tiles, .etf-site-cards, .etf-site-figures, .wp-block-buttons) > :nth-child(4) { --stz-j: 3; }
:is(.etf-site-tiles, .etf-site-cards, .etf-site-figures, .wp-block-buttons) > :nth-child(5) { --stz-j: 4; }
:is(.etf-site-tiles, .etf-site-cards, .etf-site-figures, .wp-block-buttons) > :nth-child(6) { --stz-j: 5; }
.etf-site-404 > :nth-child(2) { --stz-i: 1; }
.etf-site-404 > :nth-child(3) { --stz-i: 2; }
.wp-block-post-content > .etf-site-section:not(:has(.etf-sim), .etf-site-still) > :not(.etf-site-tiles, .etf-site-cards, .etf-site-figures, .wp-block-buttons, [data-etf-site-reveal]),
.wp-block-post-content > .etf-site-section:not(:has(.etf-sim), .etf-site-still) > :is(.etf-site-tiles, .etf-site-cards, .etf-site-figures, .wp-block-buttons) > :not([data-etf-site-reveal]),
main .wp-block-post-title,
.wp-block-post-content > :not(.etf-site-section, .etf-site-still, .wp-block-quote, .etf-sim, :has(.etf-sim), [data-etf-site-reveal]):nth-child(-n+6),
.etf-site-404 > * {
animation: etf-site-enter var(--stz-enter-dur) var(--stz-enter-ease) backwards;
animation-delay: min(var(--stz-enter-cap), calc((var(--stz-s) + var(--stz-i) + var(--stz-j)) * var(--stz-stagger)));
}
.wp-block-post-content > .etf-site-section.etf-site-hero:not(:has(.etf-sim), .etf-site-still) > :is(h1, p),
main .wp-block-post-title,
.wp-block-post-content > :not(.etf-site-section, .etf-site-still, .wp-block-quote, .etf-sim, :has(.etf-sim), [data-etf-site-reveal]):nth-child(-n+6) {
animation-name: etf-site-enter-hero;
}
[data-etf-site-reveal="wait"] {
opacity: 0;
transform: translateY(var(--stz-enter-y));
}
[data-etf-site-reveal="wait"]:focus-within {
opacity: 1;
transform: none;
}
[data-etf-site-reveal="go"] {
animation: etf-site-enter var(--stz-enter-dur) var(--stz-enter-ease) backwards;
animation-delay: var(--stz-d);
}
}