@font-face{font-family:"Test1 Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/themes/custom/datacom/frontpage-v5/assets/fonts/geist-latin-ext-subset.woff2") format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Test1 Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/themes/custom/datacom/frontpage-v5/assets/fonts/geist-latin-subset.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Test1 Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/themes/custom/datacom/frontpage-v5/assets/fonts/geist-mono-latin-subset.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@media (min-width:1200px){@font-face{font-family:Montserrat;font-style:normal;font-weight:500 800;font-display:swap;src:url("/themes/custom/datacom/frontpage-v5/assets/fonts/montserrat-latin-ext-subset.woff2") format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
}
@media (min-width:1200px){@font-face{font-family:Montserrat;font-style:normal;font-weight:500 800;font-display:swap;src:url("/themes/custom/datacom/frontpage-v5/assets/fonts/montserrat-latin-subset.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
}
@media (min-width:1200px){@font-face{font-family:"Open Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url("/themes/custom/datacom/frontpage-v5/assets/fonts/open-sans-latin-subset.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
}
.data-com-threejs-test5 .scroll-cue{position:absolute;z-index:4;left:50%;bottom:26px;display:grid;justify-items:center;gap:10px;transform:translateX(-50%);color:rgb(102,124,153);font-family:var(--font-geist-mono),monospace;font-size:9px;letter-spacing:0.11em;text-transform:uppercase;opacity:calc(1 - var(--story-progress)*5)}
.fontyourface .button,.fontyourface .primary-nav__menu-link,.fontyourface h1,.fontyourface h2{font-family:Montserrat,"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-style:normal;font-weight:700}
.fontyourface{font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-style:normal;font-weight:400}
.visually-hidden{overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow-wrap:normal;position:absolute !important}
body{font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);text-size-adjust:100%}
ul{padding-left:2rem;margin-block:0.25em;margin-inline:1.5em 0px;padding-inline-start:0px;list-style-image:none}
a{color:var(--dc-blue);text-decoration:none}
img,svg{vertical-align:middle}
button,input{margin:0px;font-family:inherit;font-size:inherit;line-height:inherit}
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33,37,41,0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33,37,41,0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0,0,0,0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13,110,253,0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545;--font-sans:"metropolis",sans-serif;--font-serif:"Lora","georgia",serif;--font-size-base:1rem;--font-size-l:1.125rem;--font-size-s:0.875rem;--font-size-xs:0.8125rem;--font-size-xxs:0.75rem;--line-height-base:1.6875rem;--line-height-s:1.125rem;--max-width:84.375rem;--max-bg-color:98.125rem;--sp:1.125rem;--content-left:5.625rem;--site-header-height-wide:var(--sp10);--container-padding:var(--sp);--scrollbar-width:0px;--grid-col-count:6;--grid-gap:var(--sp);--grid-gap-count:calc(var(--grid-col-count) - 1);--grid-full-width:calc(100vw - var(--sp2) - var(--scrollbar-width));--grid-col-width:calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count));--sp0-25:calc(0.25 * var(--sp));--sp0-5:calc(0.5 * var(--sp));--sp0-75:calc(0.75 * var(--sp));--sp1:calc(1 * var(--sp));--sp1-5:calc(1.5 * var(--sp));--sp2:calc(2 * var(--sp));--sp2-5:calc(2.5 * var(--sp));--sp3:calc(3 * var(--sp));--sp3-5:calc(3.5 * var(--sp));--sp4:calc(4 * var(--sp));--sp4-5:calc(4.5 * var(--sp));--sp5:calc(5 * var(--sp));--sp6:calc(6 * var(--sp));--sp7:calc(7 * var(--sp));--sp8:calc(8 * var(--sp));--sp9:calc(9 * var(--sp));--sp10:calc(10 * var(--sp));--sp11:calc(11 * var(--sp));--sp12:calc(12 * var(--sp));--sp13:calc(13 * var(--sp));--color--gray-hue:201;--color--gray-saturation:15%;--color--gray-5:hsl(var(--color--gray-hue),var(--color--gray-saturation),5%);--color--gray-10:hsl(var(--color--gray-hue),var(--color--gray-saturation),11%);--color--gray-20:hsl(var(--color--gray-hue),var(--color--gray-saturation),20%);--color--gray-45:hsl(var(--color--gray-hue),var(--color--gray-saturation),44%);--color--gray-60:hsl(var(--color--gray-hue),var(--color--gray-saturation),57%);--color--gray-65:hsl(var(--color--gray-hue),var(--color--gray-saturation),63%);--color--gray-70:hsl(var(--color--gray-hue),var(--color--gray-saturation),72%);--color--gray-90:hsl(var(--color--gray-hue),var(--color--gray-saturation),88%);--color--gray-95:hsl(var(--color--gray-hue),var(--color--gray-saturation),93%);--color--gray-100:hsl(var(--color--gray-hue),var(--color--gray-saturation),97%);--color--primary-hue:202;--color--primary-saturation:79%;--color--primary-lightness:50;--color--primary-30:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness)))));--color--primary-40:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness)))));--color--primary-50:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1% * var(--color--primary-lightness)));--color--primary-60:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness))))));--color--primary-80:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness))))));--color-text-neutral-soft:var(--color--gray-45);--color-text-neutral-medium:var(--color--gray-20);--color-text-neutral-loud:var(--color--gray-5);--color-text-primary-medium:var(--color--primary-40);--color-text-primary-loud:var(--color--primary-30);--color--black:#000;--color--white:#fff;--color--red:#e33f1e;--color--gold:#fdca40;--color--green:#3fa21c;--header-height-wide-when-fixed:var(--sp6);--mobile-nav-width:31.25rem;--border-radius:0.1875rem}
*,::after,::before{box-sizing:border-box}
.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-padding)}
.page-wrapper{max-width:var(--max-bg-color);background:var(--color--white)}
.region--secondary-menu{display:flex;margin-block-start:var(--sp2);margin-block-end:var(--sp2)}
@media (min-width:75rem){body:not(.is-always-mobile-nav) .region--secondary-menu{justify-content:flex-end;margin:0px}
}
.button{display:inline-flex;align-items:center;height:var(--sp3);margin-block:var(--sp1);margin-inline-start:0px;margin-inline-end:var(--sp1);padding-block:1px 0px;padding-inline:var(--sp1-5);text-align:center;text-decoration:none;color:var(--color-text-primary-medium);border:2px solid;border-radius:var(--border-radius);background-color:var(--color--white);font-family:var(--font-sans);font-size:var(--font-size-l);font-weight:700;line-height:var(--line-height-s);appearance:none;-webkit-font-smoothing:antialiased}
.header-nav{position:fixed;z-index:501;inset-block-start:0px;inset-inline-start:100%;visibility:hidden;overflow:auto;flex-basis:max-content;width:100%;max-width:var(--mobile-nav-width);height:100%;padding-block:0 var(--sp);padding-inline-start:var(--sp);padding-inline-end:var(--sp);border-block-start:solid var(--color--white) calc(var(--sp3) + var(--drupal-displace-offset-top,0px));background-color:var(--color--white);box-shadow:rgba(0,0,0,0.1) 0px 0px 72px}
.site-branding{display:flex;flex-shrink:1;align-items:flex-end;min-width:calc((2*var(--grid-col-width)) + (2*var(--grid-gap)) + var(--container-padding));min-height:var(--sp3);margin-inline:calc(-1*var(--container-padding)) var(--sp);padding-block:var(--sp0-5);padding-inline-start:var(--container-padding);padding-inline-end:var(--container-padding);background-image:linear-gradient(160deg,var(--color--primary-50) 0,var(--color--primary-40) 78.66%)}
.site-branding--bg-white{background:var(--color--white)}
.mobile-nav-button{position:relative;z-index:505;display:flex;align-items:center;align-self:center;width:var(--sp2);height:var(--sp2);margin-inline:auto -0.375rem;padding-block:0px;padding-inline:0.375rem;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;background:0px 0px;appearance:none}
.mobile-nav-button__icon{position:relative;display:block;width:var(--sp2);height:0px;border-top:solid 3px var(--color--primary-50)}
.mobile-nav-button__icon::after,.mobile-nav-button__icon::before{position:absolute;inset-block-start:0px;inset-inline-start:0px;width:100%;height:0px;content:"";border-top:solid 3px var(--color--primary-50)}
.mobile-nav-button__icon::before{transform:translateY(-0.6875rem)}
.mobile-nav-button__icon::after{transform:translateY(0.3125rem)}
.site-header__fixable{display:flex;align-items:flex-end}
.site-header__inner{position:relative;z-index:1;flex-grow:1;width:calc(100vw - var(--content-left) - var(--drupal-displace-offset-left,0px) - var(--drupal-displace-offset-right,0px));background:var(--color--white)}
.secondary-nav{letter-spacing:0.02em;font-size:var(--font-size-s);font-weight:600}
.secondary-nav__menu{display:flex;align-items:center;margin-block:0px;margin-inline:0px;padding-block:0px;padding-inline:0px;list-style:none}
.secondary-nav__menu-link{position:relative;display:inline-flex;align-items:center;text-decoration:none;color:inherit}
@media (min-width:75rem){body:not(.is-always-mobile-nav) .secondary-nav{position:relative;display:flex;margin-inline-start:var(--sp);padding-inline-start:var(--sp2)}
:is(body:not(.is-always-mobile-nav) .secondary-nav)::before{position:absolute;inset-block-start:50%;inset-inline-start:0px;width:2px;height:var(--sp2);content:"";transform:translateY(-50%);background-color:var(--color--gray-90)}
}
.primary-nav__menu-link{flex-grow:1;text-decoration:none;color:var(--color-text-neutral-loud);line-height:var(--sp2)}
@media (min-width:75rem){body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1{position:relative;display:flex;align-items:center;width:max-content;max-width:12.5rem;margin-block:0px;margin-inline:0px}
body:not(.is-always-mobile-nav) .primary-nav__menu--level-2{position:absolute;z-index:105;top:calc(100% - var(--sp0-5));left:50%;visibility:hidden;overflow:auto;width:15.625rem;max-height:calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top,0px) - var(--drupal-displace-offset-bottom,0px) - var(--sp));margin-block-start:0px;margin-inline-start:0px;padding-block:var(--sp3);padding-inline-start:var(--sp2);padding-inline-end:var(--sp2);transform:translate(-50%,-1.25rem);opacity:0;border-top:solid var(--color--primary-50) var(--sp0-5);border-right:1px solid transparent;border-bottom:1px solid transparent;border-left:1px solid transparent;border-radius:0px 0px 2px 2px;background:var(--color--white);box-shadow:rgba(0,0,0,0.08) 0px 1px 36px}
body:not(.is-always-mobile-nav) .block-search-wide__button,body:not(.is-always-mobile-nav) .block-search-wide__wrapper{display:block}
}
.block-search-wide__wrapper{position:absolute;inset-block-start:100%;inset-inline-start:calc(-1*var(--content-left));display:none;visibility:hidden;overflow:hidden;width:calc(100% + var(--content-left));max-width:var(--max-bg-color);height:var(--sp8);max-height:0px;margin-block:0px;margin-inline:0px;padding-block:0px;padding-inline:0px;border-inline-start:solid var(--content-left) var(--color--gray-20);background:var(--color--black)}
.block-search-wide__button{position:relative;display:none;width:var(--sp3);height:var(--sp6);color:var(--color-text-neutral-loud);border:0px;background:0px 0px;appearance:none}
.data-com-threejs-test5{--font-geist-sans:"Test1 Geist";--font-geist-mono:"Test1 Geist Mono";--ink:#f5f8ff;--muted:#aebbd1;--cyan:#37d9f5;--blue:#3976ff;--mint:#67e8c0;--surface:#09152b;--line:rgba(126,169,230,0.18);--background:#030713;--foreground:var(--ink);scroll-behavior:smooth;margin:0px;background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans),"Avenir Next","Segoe UI",sans-serif;overflow-x:clip}
.data-com-threejs-test5 .hero-stage{position:sticky;top:0px;height:100dvh;min-height:680px;overflow:hidden;isolation:isolate}
.data-com-threejs-test5 .fallback-fibers,.data-com-threejs-test5 .hero-ambient,.data-com-threejs-test5 .hero-canvas,.data-com-threejs-test5 .hero-scrim{position:absolute;inset:0px}
.data-com-threejs-test5 .hero-canvas{z-index:-2;opacity:1}
.data-com-threejs-test5 .hero-scrim{z-index:-1;opacity:var(--end-scrim-opacity);background:linear-gradient(90deg,rgba(3,7,19,0.98) 0px,rgba(3,7,19,0.88) 30%,rgba(3,7,19,0.35) 54%,transparent 75%),linear-gradient(rgba(3,7,19,0.55) 0px,transparent 22%,transparent 76%,rgba(3,7,19,0.9) 100%)}
.data-com-threejs-test5 .hero-copy{position:absolute;z-index:3;left:max(32px,50% - 660px);top:clamp(142px,18vh,188px);width:min(780px,100% - 64px);opacity:calc(1 - var(--story-progress)*4.2);transform:translateY(calc(var(--story-progress)*-80px));will-change:opacity,transform}
.data-com-threejs-test5 .eyebrow{margin:0px;color:rgb(156,176,202);font-family:var(--font-geist-mono),monospace;font-size:10px;font-weight:600;letter-spacing:0.145em;text-transform:uppercase;width:fit-content;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(105,164,225,0.18);border-radius:999px;background:rgba(8,25,50,0.65);backdrop-filter:blur(12px)}
.data-com-threejs-test5 .status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:rgba(103,232,192,0.88) 0px 0px 12px}
.data-com-threejs-test5 .hero-copy h1{margin:28px 0px 0px;font-size:clamp(44px,4.8vw,72px);font-weight:620;letter-spacing:0px;line-height:0.98}
.data-com-threejs-test5 .hero-copy h1 span{display:block}
.data-com-threejs-test5 .headline-primary{white-space:nowrap}
.data-com-threejs-test5 .headline-accent{width:fit-content;background:linear-gradient(96deg,rgb(247,251,255) 4%,rgb(188,238,255) 56%,rgb(69,216,250) 98%) text;color:transparent;text-shadow:rgba(53,195,255,0.08) 0px 0px 42px}
.data-com-threejs-test5 .headline-tagline{margin-top:0.2em;font-size:0.75em;line-height:1.08;letter-spacing:0.01em;white-space:nowrap}
.data-com-threejs-test5 .hero-lead{max-width:535px;margin:26px 0px 0px;color:var(--muted);font-size:18px;line-height:1.58}
.data-com-threejs-test5 .hero-actions{display:flex;align-items:center;gap:12px;margin-top:32px}
.data-com-threejs-test5 .button{min-height:53px;height:auto;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:13px;padding:0px 20px;margin:0px;font-size:14px;font-weight:670;font-family:var(--font-geist-sans),"Avenir Next","Segoe UI",sans-serif}
.data-com-threejs-test5 .button-primary{background:linear-gradient(135deg,rgb(67,227,250),rgb(50,201,237));color:rgb(3,18,29);box-shadow:rgba(37,206,241,0.17) 0px 14px 36px}
.data-com-threejs-test5 .button-secondary{border-color:rgb(51,75,107);background:rgba(6,20,43,0.58);color:rgb(231,238,249);backdrop-filter:blur(12px)}
.data-com-threejs-test5 .proof-strip{display:flex;align-items:stretch;gap:0px;width:fit-content;margin:42px 0px 0px;padding:0px}
.data-com-threejs-test5 .proof-strip div{min-width:130px;padding:0px 22px;border-left:1px solid rgba(125,165,211,0.19)}
.data-com-threejs-test5 .proof-strip div:first-child{padding-left:0px;border-left:0px}
.data-com-threejs-test5 .proof-strip dt{color:rgb(245,248,255);font-size:14px;font-weight:650}
.data-com-threejs-test5 .proof-strip dd{margin:5px 0px 0px;color:rgb(117,137,166);font-size:11px}
@media (max-width:1100px){.data-com-threejs-test5 .hero-copy{width:min(600px,63vw)}
.data-com-threejs-test5 .hero-scrim{background:linear-gradient(90deg,rgba(3,7,19,0.98) 0px,rgba(3,7,19,0.88) 42%,rgba(3,7,19,0.32) 72%,transparent 100%),linear-gradient(rgba(3,7,19,0.5),transparent 30%,rgba(3,7,19,0.75))}
}
@media (max-width:767px){.data-com-threejs-test5 .hero-copy{left:20px;top:105px;width:calc(100% - 40px);transform:translateY(calc(var(--story-progress)*-48px))}
.data-com-threejs-test5 .eyebrow{padding:8px 10px;font-size:8px}
.data-com-threejs-test5 .hero-copy h1{margin-top:22px;font-size:clamp(29px,8.3vw,44px);line-height:0.96}
.data-com-threejs-test5 .hero-lead{max-width:420px;margin-top:20px;font-size:15px;line-height:1.55}
.data-com-threejs-test5 .hero-actions{gap:9px;margin-top:24px}
.data-com-threejs-test5 .button{min-height:49px;flex:1 1 0px;gap:8px;padding:0px 12px;font-size:12px}
.data-com-threejs-test5 .proof-strip{width:100%;margin-top:30px}
.data-com-threejs-test5 .proof-strip div{min-width:0px;flex:1 1 0px;padding:0px 10px}
.data-com-threejs-test5 .proof-strip dt{font-size:11px}
.data-com-threejs-test5 .proof-strip dd{font-size:9px}
.data-com-threejs-test5 .hero-scrim{background:linear-gradient(rgba(3,7,19,0.98) 0px,rgba(3,7,19,0.88) 49%,rgba(3,7,19,0.35) 69%,rgba(3,7,19,0.8) 100%),linear-gradient(90deg,rgba(3,7,19,0.8),transparent 95%)}
}
@media (max-width:390px){.data-com-threejs-test5 .hero-actions{align-items:stretch;flex-direction:column}
.data-com-threejs-test5 .proof-strip{margin-top:22px}
}
.data-com-threejs-test5 .hero-copy h1{color:var(--ink);font-family:var(--font-geist-sans),"Avenir Next","Segoe UI",sans-serif}
@media (min-width:768px){.data-com-threejs-test5 .hero-copy{top:clamp(72px,10vh,108px)}
}
.data-com-threejs-test5 .drum-card span{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:rgb(232,245,255);font-family:var(--font-geist-mono),monospace;font-size:10px;font-weight:650;letter-spacing:0.1em;text-transform:uppercase;text-shadow:rgba(0,0,0,0.8) 0px 2px 14px;display:flex;align-items:center;gap:8px}
.data-com-threejs-test5 .experience-hud{position:absolute;z-index:8;right:max(32px,50% - 660px);bottom:28px;display:none;align-items:center;gap:14px;color:rgb(113,134,163);font-family:var(--font-geist-mono),monospace;font-size:9px;letter-spacing:0.12em;text-transform:uppercase}
.data-com-threejs-test5 .hero-poster img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
:root{--form-element-select-icon:url("data:image/svg+xml,%3csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 1.49699C18 1.35271 17.9279 1.19038 17.8196 1.08216L16.9178 0.18036C16.8096 0.0721439 16.6473 0 16.503 0C16.3587 0 16.1964 0.0721439 16.0882 0.18036L9 7.26854L1.91182 0.18036C1.80361 0.0721439 1.64128 0 1.49699 0C1.33467 0 1.19038 0.0721439 1.08216 0.18036L0.180361 1.08216C0.0721442 1.19038 0 1.35271 0 1.49699C0 1.64128 0.0721442 1.80361 0.180361 1.91182L8.58517 10.3166C8.69339 10.4248 8.85571 10.497 9 10.497C9.14429 10.497 9.30661 10.4248 9.41483 10.3166L17.8196 1.91182C17.9279 1.80361 18 1.64128 18 1.49699Z' fill='%235D7585'/%3e%3c/svg%3e");--font-sans:inherit;--font-serif:inherit;--font-size-base:0.875rem;--font-size-l:0.9375rem;--font-size-s:0.8125rem;--font-size-xs:0.75rem;--font-size-xxs:0.6875rem;--line-height-base:1.5rem;--border-radius:0.5rem;--dc-blue:#2563eb;--dc-blue-dark:#1e40af;--dc-blue-light:#dbeafe;--dc-navy:#0f172a;--dc-navy-mid:#1e293b;--dc-slate:#334155;--dc-slate-light:#64748b;--dc-gray-bg:#f8fafc;--dc-border:#e2e8f0;--dc-surface:#fff}
body{margin:0px;overflow-wrap:break-word;hyphens:auto;background-position:left top;font-family:var(--font-sans);color:var(--dc-slate);background-color:var(--dc-gray-bg);background-image:none;letter-spacing:-0.01em}
.page-wrapper{margin-inline:auto}
p{margin-top:0px;margin-bottom:1rem;line-height:1.65;color:var(--dc-slate)}
.site-header{background:linear-gradient(135deg,var(--dc-navy),var(--dc-navy-mid));border-bottom:1px solid rgba(255,255,255,0.06);min-height:0px !important}
.site-branding{min-height:0px !important;align-items:center !important}
.site-header__inner{padding-block:0.25rem !important}
.site-header__initial{display:none !important}
@media (min-width:1200px){.header-nav{flex:1 1 auto;position:static !important;display:flex !important;visibility:visible !important;overflow:visible !important;transform:none !important;width:auto !important;max-width:none !important;height:auto !important;margin-block-start:auto !important;padding-block:0px !important;padding-inline:0px !important;border-width:medium !important;border-style:none !important;border-color:currentcolor !important;border-image:none !important;box-shadow:none !important;background:0px 0px !important;align-items:center !important;justify-content:flex-end !important;min-width:0px !important}
.mobile-buttons,.mobile-nav-button{display:none !important}
.block-search-narrow{display:none !important}
}
.mobile-nav-button__label{display:none !important}
.mobile-buttons .mobile-nav-button{align-items:center;justify-content:center;border-radius:0.5rem;box-shadow:rgba(15,23,42,0.18) 0px 10px 30px;backdrop-filter:blur(10px);display:inline-flex !important;width:3rem !important;height:3rem !important;margin:0px !important;padding:0px !important;background:rgba(255,255,255,0.96) !important}
.mobile-buttons .mobile-nav-button__icon{width:1.25rem}
.mobile-buttons .mobile-nav-button__icon,.mobile-buttons .mobile-nav-button__icon::after,.mobile-buttons .mobile-nav-button__icon::before{border-top-color:var(--dc-blue) !important}
@media (min-width:1200px){body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-1,body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-1.primary-nav__menu-link--button,body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-1.primary-nav__menu-link--link{display:inline-flex;align-items:center;font-size:1.05rem;font-weight:700;letter-spacing:0.025em;padding-inline:0.45rem;min-height:auto !important;background-image:none !important;border-bottom:0px !important;box-shadow:none !important;text-decoration:none !important}
body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner{position:relative;display:inline-flex;padding-top:0.25rem;padding-bottom:0.55rem;font-size:1em;line-height:1}
body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner::before{content:"";position:absolute;left:0px;right:0px;bottom:-0.05rem;border-top:solid 3px var(--dc-blue);border-radius:999px;opacity:0;transform:scaleX(0);transform-origin:center center}
body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .primary-nav__menu--level-1{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:center !important;gap:1rem !important;width:auto !important;margin:0px !important;margin-inline-end:0px !important}
body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .primary-nav__menu-link--button.primary-nav__menu-link--has-children{padding-inline-end:1rem !important}
body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .primary-nav__menu-link--button.primary-nav__menu-link--has-children::after{content:"" !important;display:block !important;position:absolute !important;inset-inline:auto 0.125rem !important;inset-block-start:50% !important;width:0.45rem !important;height:0.45rem !important;margin-block-start:-0.15rem !important;opacity:1 !important;border-width:0px 2px 2px 0px !important;border-style:none solid solid none !important;border-color:currentcolor !important;border-image:none !important;transform:translateY(-50%) rotate(45deg) !important}
body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .primary-nav__menu-link--level-1.is-active>.primary-nav__menu-link-inner::before,body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .primary-nav__menu-link--level-1.primary-nav__menu-link--active-trail>.primary-nav__menu-link-inner::before,body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .primary-nav__menu-link--level-1[aria-current="page"]>.primary-nav__menu-link-inner::before{opacity:1;transform:scaleX(1)}
}
@media (max-width:1199.98px){.site-header__inner__container.container{position:relative !important;display:grid !important;grid-template-columns:minmax(0px,calc(100% - 3.875rem)) 3.875rem !important;gap:0px !important;width:100% !important;max-width:none !important;min-height:68px !important;margin-inline:0px !important;padding-inline:0px !important}
.site-branding{grid-column:1 !important;justify-self:center !important;min-width:0px !important;width:max-content !important;max-width:100% !important;margin:0px !important;padding:0px !important}
.site-branding__logo img{display:block !important;width:auto !important;height:clamp(42px,26px + 5vw,46px) !important;max-height:clamp(42px,26px + 5vw,46px) !important}
.mobile-buttons{top:0.875rem;position:fixed !important;inset-inline-end:calc(100% - 100dvw + 0.875rem) !important;z-index:700 !important;margin:0px !important;padding:0px !important}
}
@media (min-width:1400px){.site-header__inner__container.container{width:calc(100% - 48px);max-width:1520px;display:flex !important;gap:0px !important;padding-inline:0px !important}
.site-branding{flex:1 1 0px !important;justify-content:center !important;min-width:0px !important;margin-inline:0px !important;padding-inline:0px !important}
body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .header-nav{flex:0 0 auto !important;width:max-content !important;column-gap:1rem !important}
body:not(.dc-scrolled-past-header):not(.is-always-mobile-nav) header#header .primary-nav__menu--level-1{gap:20px !important}
.site-branding__logo img{object-fit:contain;object-position:center center;height:64px !important;max-height:64px !important;width:auto !important}
}
.data-com-threejs-test5 .fiber-story{--cursor-left:50%;--cursor-top:50%;position:relative;height:540svh;min-height:3800px}
.data-com-threejs-test5 .story-layer{position:absolute;inset:0;z-index:4;pointer-events:none}
.data-com-threejs-test5 .hero-poster{position:absolute;inset:0;z-index:1;display:block;opacity:1;pointer-events:none}
.data-com-threejs-test5 .fiber-story[data-scene-state="ready"] .fiber-webgl{opacity:1}
.data-com-threejs-test5 .fiber-story[data-scene-state="ready"] .hero-poster{opacity:0}
.data-com-threejs-test5 .media-drum{position:absolute;opacity:0;pointer-events:none}
.data-com-threejs-test5 .story-step{position:absolute;left:50%;display:flex;align-items:center;width:calc(100% - 60px);min-height:100svh;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateX(-50%)}
.data-com-threejs-test5 .story-step-one{top:98svh;justify-content:flex-start}
.data-com-threejs-test5 .story-step-two{top:202svh;justify-content:flex-start}
.data-com-threejs-test5 .story-step-three{top:308svh;justify-content:flex-start}
.data-com-threejs-test5 .story-step-four{top:414svh;justify-content:flex-start}
.data-com-threejs-test5 .section-kicker,.data-com-threejs-test5 .story-index{color:#9cb0ca}
.data-com-threejs-test5 .story-card>p:not(.story-index){color:#aab9cd}
.data-com-threejs-test5 .story-card>a{color:#74e6fb}
.data-com-threejs-test5 .offer-heading>p:last-child{color:#91a3bb}
.data-com-threejs-test5 .offer-card p{color:#8ea2bc}
.data-com-threejs-test5 .offer-number{color:#7890ad}
@media (max-width:767px){.data-com-threejs-test5 .fiber-story{min-height:3600px}
.data-com-threejs-test5 .story-step{align-items:center;justify-content:flex-start;width:calc(100% - 40px);padding-top:24vh}
.data-com-threejs-test5 .scroll-cue{display:none}
}
html.is-threejs-test5-document{overflow-anchor:none}
#block-datacom-main-menu-menu,.data-com-threejs-test5 .section-kicker,.data-com-threejs-test5 .story-index{text-transform:uppercase}
.data-com-threejs-test5 .story-visual{display:none}
@media (prefers-reduced-motion:reduce){.data-com-threejs-test5 .media-drum,.data-com-threejs-test5 .drum-link-layer{display:none}}

/* DATA-COM COOKIE CRITICAL CSS: GENERATED - DO NOT EDIT BELOW */
.klaro{font-family:inherit;font-family:var(--font-family, inherit);font-size:14px;font-size:var(--font-size, 14px)}.klaro button{font-family:inherit;font-family:var(--font-family, inherit);font-size:14px;font-size:var(--font-size, 14px)}.klaro.cm-as-context-notice{height:100%;padding-bottom:12px;padding-top:12px}.klaro .cookie-modal .cm-switch-container,.klaro .context-notice .cm-switch-container,.klaro .cookie-notice .cm-switch-container{border-bottom-style:solid;border-bottom-style:var(--border-style, solid);border-bottom-width:1px;border-bottom-width:var(--border-width, 1px);border-bottom-color:#c8c8c8;border-bottom-color:var(--light2, #c8c8c8);display:block;position:relative;padding:10px;padding-left:66px;line-height:20px;vertical-align:middle;min-height:40px}.klaro .cookie-modal .cm-switch-container:last-child,.klaro .context-notice .cm-switch-container:last-child,.klaro .cookie-notice .cm-switch-container:last-child{border-bottom:0}.klaro .cookie-modal .cm-switch-container:first-child,.klaro .context-notice .cm-switch-container:first-child,.klaro .cookie-notice .cm-switch-container:first-child{margin-top:0}.klaro .cookie-modal .cm-switch-container p,.klaro .context-notice .cm-switch-container p,.klaro .cookie-notice .cm-switch-container p{margin-top:0}.klaro .cookie-modal .cm-switch,.klaro .context-notice .cm-switch,.klaro .cookie-notice .cm-switch{position:relative;display:inline-block;width:50px;height:30px}.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider{background-color:#1a936f;background-color:var(--green1, #1a936f)}.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider{background-color:#1a936f;background-color:var(--green1, #1a936f);opacity:.6}.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before{transform:translateX(10px)}.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider{background-color:rgb(36.1294797688,204.2705202312,154.2450867052);background-color:var(--green2, rgb(36.1294797688, 204.2705202312, 154.2450867052));opacity:.8}.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider::before{transform:translateX(10px)}.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider{background-color:rgb(36.1294797688,204.2705202312,154.2450867052);background-color:var(--green2, rgb(36.1294797688, 204.2705202312, 154.2450867052));opacity:.8;cursor:not-allowed}.klaro .cookie-modal .slider,.klaro .context-notice .slider,.klaro .cookie-notice .slider{box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}.klaro .cookie-modal .cm-list-input,.klaro .context-notice .cm-list-input,.klaro .cookie-notice .cm-list-input{position:absolute;top:0;left:0;opacity:0;width:50px;height:30px}.klaro .cookie-modal .cm-list-title,.klaro .context-notice .cm-list-title,.klaro .cookie-notice .cm-list-title{font-size:.9em;font-weight:600}.klaro .cookie-modal .cm-list-description,.klaro .context-notice .cm-list-description,.klaro .cookie-notice .cm-list-description{color:hsl(0,0%,48.8%);color:var(--dark3, rgb(124.44, 124.44, 124.44));font-size:.9em;padding-top:4px}.klaro .cookie-modal .cm-list-label .cm-switch,.klaro .context-notice .cm-list-label .cm-switch,.klaro .cookie-notice .cm-list-label .cm-switch{position:absolute;left:0}.klaro .cookie-modal .cm-list-label .slider,.klaro .context-notice .cm-list-label .slider,.klaro .cookie-notice .cm-list-label .slider{background-color:hsl(0,0%,95%);background-color:var(--white2, rgb(242.25, 242.25, 242.25));position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;width:50px;display:inline-block}.klaro .cookie-modal .cm-list-label .slider::before,.klaro .context-notice .cm-list-label .slider::before,.klaro .cookie-notice .cm-list-label .slider::before{background-color:hsl(0,0%,90.25%);background-color:var(--white3, rgb(230.1375, 230.1375, 230.1375));position:absolute;content:"";height:20px;width:20px;left:5px;bottom:5px;transition:.4s}.klaro .cookie-modal .cm-list-label .slider.round,.klaro .context-notice .cm-list-label .slider.round,.klaro .cookie-notice .cm-list-label .slider.round{border-radius:30px}.klaro .cookie-modal .cm-list-label .slider.round::before,.klaro .context-notice .cm-list-label .slider.round::before,.klaro .cookie-notice .cm-list-label .slider.round::before{border-radius:50%}.klaro .cookie-modal .cm-list-label input:focus+.slider,.klaro .context-notice .cm-list-label input:focus+.slider,.klaro .cookie-notice .cm-list-label input:focus+.slider{box-shadow-color:rgb(71.7343352601,222.5856647399,177.7042774566);box-shadow-color:var(--green3, rgb(71.7343352601, 222.5856647399, 177.7042774566));box-shadow:0 0 1px var(--box-shadow-color, green3)}.klaro .cookie-modal .cm-list-label input:checked+.slider::before,.klaro .context-notice .cm-list-label input:checked+.slider::before,.klaro .cookie-notice .cm-list-label input:checked+.slider::before{transform:translateX(20px)}.klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider,.klaro .context-notice .cm-list-input:focus+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider{box-shadow:0 4px 6px 0 rgba(125,125,125,.2),5px 5px 10px 0 rgba(125,125,125,.19)}.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider::before{transform:translateX(20px)}.klaro .cookie-modal .slider,.klaro .context-notice .slider,.klaro .cookie-notice .slider{box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}.klaro .cookie-modal a,.klaro .context-notice a,.klaro .cookie-notice a{color:#1a936f;color:var(--green1, #1a936f);text-decoration:none}.klaro .cookie-modal p,.klaro .cookie-modal strong,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal ul,.klaro .cookie-modal li,.klaro .context-notice p,.klaro .context-notice strong,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice ul,.klaro .context-notice li,.klaro .cookie-notice p,.klaro .cookie-notice strong,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice ul,.klaro .cookie-notice li{color:#fafafa;color:var(--light1, #fafafa)}.klaro .cookie-modal p,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal ul,.klaro .cookie-modal li,.klaro .context-notice p,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice ul,.klaro .context-notice li,.klaro .cookie-notice p,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice ul,.klaro .cookie-notice li{display:block;text-align:left;margin:0;padding:0;margin-top:.7em}.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal h3,.klaro .cookie-modal h4,.klaro .cookie-modal h5,.klaro .cookie-modal h6,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice h3,.klaro .context-notice h4,.klaro .context-notice h5,.klaro .context-notice h6,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice h3,.klaro .cookie-notice h4,.klaro .cookie-notice h5,.klaro .cookie-notice h6{font-family:inherit;font-family:var(--title-font-family, inherit)}.klaro .cookie-modal .cm-link,.klaro .context-notice .cm-link,.klaro .cookie-notice .cm-link{margin-right:.5em;vertical-align:middle}.klaro .cookie-modal .cm-btn,.klaro .context-notice .cm-btn,.klaro .cookie-notice .cm-btn{color:#fff;color:var(--button-text-color, #fff);background-color:hsl(0,0%,36%);background-color:var(--dark2, rgb(91.8, 91.8, 91.8));border-radius:4px;border-radius:var(--border-radius, 4px);padding:6px 10px;margin-right:.5em;border-style:none;padding:.4em;font-size:1em;cursor:pointer}.klaro .cookie-modal .cm-btn:disabled,.klaro .context-notice .cm-btn:disabled,.klaro .cookie-notice .cm-btn:disabled{opacity:.5}.klaro .cookie-modal .cm-btn.cm-btn-close,.klaro .context-notice .cm-btn.cm-btn-close,.klaro .cookie-notice .cm-btn.cm-btn-close{background-color:#c8c8c8;background-color:var(--light2, #c8c8c8)}.klaro .cookie-modal .cm-btn.cm-btn-success,.klaro .context-notice .cm-btn.cm-btn-success,.klaro .cookie-notice .cm-btn.cm-btn-success{background-color:#1a936f;background-color:var(--green1, #1a936f)}.klaro .cookie-modal .cm-btn.cm-btn-success-var,.klaro .context-notice .cm-btn.cm-btn-success-var,.klaro .cookie-notice .cm-btn.cm-btn-success-var{background-color:rgb(36.1294797688,204.2705202312,154.2450867052);background-color:var(--green2, rgb(36.1294797688, 204.2705202312, 154.2450867052))}.klaro .cookie-modal .cm-btn.cm-btn-info,.klaro .context-notice .cm-btn.cm-btn-info,.klaro .cookie-notice .cm-btn.cm-btn-info{background-color:#2581c4;background-color:var(--blue1, #2581c4)}.klaro .context-notice{border-radius:4px;border-radius:var(--border-radius, 4px);border-style:solid;border-style:var(--border-style, solid);border-width:1px;border-width:var(--border-width, 1px);border-color:#c8c8c8;border-color:var(--light2, #c8c8c8);background-color:#fafafa;background-color:var(--light1, #fafafa);display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;padding:12px;height:100%}.klaro .context-notice.cm-dark{background-color:#333;background-color:var(--dark1, #333);border-color:hsl(0,0%,36%);border-color:var(--dark2, rgb(91.8, 91.8, 91.8))}.klaro .context-notice.cm-dark p{color:#fafafa;color:var(--light1, #fafafa)}.klaro .context-notice.cm-dark p a{color:rgb(68.5896995708,156.0884120172,219.8103004292);color:var(--blue2, rgb(68.5896995708, 156.0884120172, 219.8103004292))}.klaro .context-notice p{color:#333;color:var(--dark1, #333);flex-grow:0;text-align:center;padding-top:0;margin-top:0}.klaro .context-notice p a{color:rgb(36.1294797688,204.2705202312,154.2450867052);color:var(--green2, rgb(36.1294797688, 204.2705202312, 154.2450867052))}.klaro .context-notice p.cm-buttons{margin-top:12px}.klaro .context-notice p.ccn-description-empty-store{margin-top:24px;font-size:14px;font-size:var(--font-size, 14px)}.klaro .cookie-modal{width:100%;height:100%;position:fixed;overflow:hidden;left:0;top:0;z-index:1000}.klaro .cookie-modal.cm-embedded{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;z-index:0}.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro{position:relative;transform:none}.klaro .cookie-modal .cm-bg{background:rgba(0,0,0,.5);height:100%;width:100%;position:fixed;top:0;left:0}.klaro .cookie-modal .cm-modal.cm-klaro{background-color:#333;background-color:var(--dark1, #333);color:#fafafa;color:var(--light1, #fafafa);z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);width:100%;max-height:98%;top:50%;transform:translateY(-50%);position:fixed;overflow:auto}@media(min-width: 660px){.klaro .cookie-modal .cm-modal.cm-klaro{border-radius:4px;border-radius:var(--border-radius, 4px);position:relative;margin:0 auto;max-width:640px;height:auto;width:auto}}.klaro .cookie-modal .cm-modal .hide{border-style:none;background:none;cursor:pointer;position:absolute;top:20px;right:20px;z-index:1}.klaro .cookie-modal .cm-modal .hide svg{stroke:#fafafa;stroke:var(--light1, #fafafa)}.klaro .cookie-modal .cm-modal .cm-footer{border-top-color:hsl(0,0%,36%);border-top-color:var(--dark2, rgb(91.8, 91.8, 91.8));border-top-width:1px;border-top-width:var(--border-width, 1px);border-top-style:solid;border-top-style:var(--border-style, solid);padding:1em}.klaro .cookie-modal .cm-modal .cm-footer-buttons{display:flex;flex-flow:row;justify-content:space-between}.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by{font-size:.8em;padding-top:4px;text-align:right;padding-right:8px}.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a{color:hsl(0,0%,36%);color:var(--dark2, rgb(91.8, 91.8, 91.8))}.klaro .cookie-modal .cm-modal .cm-header{border-bottom-width:1px;border-bottom-width:var(--border-width, 1px);border-bottom-style:solid;border-bottom-style:var(--border-style, solid);border-bottom-color:hsl(0,0%,36%);border-bottom-color:var(--dark2, rgb(91.8, 91.8, 91.8));padding:1em;padding-right:24px}.klaro .cookie-modal .cm-modal .cm-header h1{margin:0;font-size:2em;display:block}.klaro .cookie-modal .cm-modal .cm-header h1.title{padding-right:20px}.klaro .cookie-modal .cm-modal .cm-body{padding:1em}.klaro .cookie-modal .cm-modal .cm-body ul{display:block}.klaro .cookie-modal .cm-modal .cm-body span{display:inline-block;width:auto}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes{padding:0;margin:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret{color:#a0a0a0;color:var(--light3, #a0a0a0)}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content{margin-left:-40px;display:none}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded{margin-top:10px;display:block}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose{position:relative;line-height:20px;vertical-align:middle;padding-left:60px;min-height:40px}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child{margin-top:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p{margin-top:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes{color:#a0a0a0;color:var(--light3, #a0a0a0);font-size:.8em}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all{border-top-width:1px;border-top-width:var(--border-width, 1px);border-top-style:solid;border-top-style:var(--border-style, solid);border-top-color:hsl(0,0%,36%);border-top-color:var(--dark2, rgb(91.8, 91.8, 91.8));padding-top:1em}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title{font-weight:600}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required{color:hsl(0,0%,36%);color:var(--dark2, rgb(91.8, 91.8, 91.8));padding-left:.2em;font-size:.8em}.klaro .cookie-notice:not(.cookie-modal-notice){background-color:#333;background-color:var(--dark1, #333);z-index:999;position:fixed;width:100%;bottom:0;right:0}@media(min-width: 1024px){.klaro .cookie-notice:not(.cookie-modal-notice){border-radius:4px;border-radius:var(--border-radius, 4px);position:fixed;position:var(--notice-position, fixed);right:20px;right:var(--notice-right, 20px);left:auto;left:var(--notice-left, auto);bottom:20px;bottom:var(--notice-bottom, 20px);top:auto;top:var(--notice-top, auto);max-width:400px;max-width:var(--notice-max-width, 400px);box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}}@media(max-width: 1023px){.klaro .cookie-notice:not(.cookie-modal-notice){border-style:none;border-radius:0}}.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;bottom:inherit;z-index:0}.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body{padding-top:.5em}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body{margin-bottom:0;margin-right:0;bottom:0;padding:1em;padding-top:0}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p{margin-bottom:.5em}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes{text-decoration:underline}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more{display:inline-block;flex-grow:1}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons{display:inline-block;margin-top:-0.5em}@media(max-width: 384px){.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons{width:100%}}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn{margin-top:.5em}@media(max-width: 384px){.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn{width:calc(50% - 0.5em)}}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok{margin-top:-0.5em;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:right;align-items:baseline}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div{margin-top:.5em}.klaro .cookie-modal-notice{padding:1em;padding-top:.2em;background-color:#333;background-color:var(--dark1, #333);color:#fafafa;color:var(--light1, #fafafa);z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);width:100%;max-height:98%;top:50%;transform:translateY(-50%);position:fixed;overflow:auto}@media(min-width: 400px){.klaro .cookie-modal-notice{border-radius:4px;border-radius:var(--border-radius, 4px);position:relative;margin:0 auto;max-width:400px;height:auto;width:auto}}.klaro .cookie-modal-notice .cn-ok{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em}.klaro .cookie-notice-hidden{display:none !important}

.klaro {
  a,
  label.cm-list-label {
    display: inline-block;
    min-height: 24px;
    cursor: pointer;
  }
  input:disabled + label.cm-list-label {
    cursor: not-allowed;
  }

  a:focus {
    outline: revert;
  }
  label.cm-list-label {
    padding-inline-start: unset;
  }
}

.klaro_toggle_dialog {
  position: fixed;
  z-index: 99;
  right: 25px;
  bottom: 25px;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  background: white;
  background-image: url(/modules/contrib/klaro/icons/privacy.svg);
  background-size: contain;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.klaro_toggle_dialog:focus {
  transform: scale(1.2);
}

.klaro .context-notice p.cm-dialog-link {
  margin-top: 6px;
}

.klaro.learn-more-as-button
  .cookie-notice:not(.cookie-modal-notice)
  a.cm-link.cn-learn-more {
  flex-grow: unset;
  min-height: 24px;
  margin-right: auto;
  padding: 0.4em;
  cursor: pointer;
  text-align: center;
  color: #fff;
  color: var(--button-text-color, #fff);
  border-style: none;
  border-radius: var(--border-radius, 4px);
  background-color: #5c5c5c;
  background-color: var(--dark2, #5c5c5c);
  font-size: 1em;
  line-height: 1.125rem;
}

.klaro.hide-consent-dialog-title h2#id-cookie-title {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.klaro-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 25px;
  padding: 0;
  cursor: pointer;
  color: var(--light1, #fafafa);
  border: none;
  background: none;
  &::after {
    content: "\00d7";
    font-size: 2em;
  }
}

.klaro.klaro-close-enabled p#id-cookie-notice {
  margin-right: 1em;
}

.klaro .cookie-modal .cm-modal .hide {
  min-height: 24px;
}
.klaro .cookie-modal .cm-modal .hide:active,
.klaro .cookie-modal .cm-modal .hide:focus {
  outline: auto;
}

.klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:focus + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
  outline: auto;
}

@media (prefers-contrast: more) {
  .klaro {
    --klaro-button-focus-outline: 2px dotted #fff !important;
    --klaro-button-focus-outline-offset: 2px !important;

    .cookie-modal,
    .cm-modal,
    .context-notice,
    .cookie-notice {
      border: 1px solid #fff;
      .cm-list-label .slider {
        border: 2px solid #fff;
        &::before {
          box-sizing: border-box;
          border: 4px solid #fff;
        }
      }
      a:focus,
      button:focus {
        outline: 1px dotted #fff;
      }
    }
    .cookie-modal .cm-modal .hide svg {
      stroke: #fff;
    }
  }
  .klaro_toggle_dialog {
    background-image: url(/modules/contrib/klaro/icons/privacy-white.svg);
  }
}

.klaro {
  --klaro-primary-color: #12285f;
  --klaro-link-color: var(--klaro-primary-color);
  --klaro-link-color-hover: var(--klaro-primary-color);
  --klaro-link-decoration: inherit;
  --klaro-link-decoration-hover: inherit;
  --klaro-link-decoration-line: inherit;
  --klaro-link-decoration-line-hover: inherit;
  --klaro-button-bg: var(--klaro-primary-color);
  --klaro-button-text-color: #fff;
  --klaro-button-border: 3px solid var(--klaro-primary-color);
  --klaro-button-border-radius: 6px;
  --klaro-button-padding: 13px 17px;
  --klaro-button-font-size: inherit;
  --klaro-button-font-weight: inherit;
  --klaro-button-line-height: 1rem;
  --klaro-button-box-shadow: inherit;
  --klaro-button-bg-hover: #fff;
  --klaro-button-text-color-hover: var(--klaro-primary-color);
  --klaro-button-border-hover: 3px solid var(--klaro-primary-color);
  --klaro-button-focus-outline: 2px solid var(--klaro-primary-color);
  --klaro-button-focus-outline-offset: 2px;
  --klaro-button-focus-box-shadow: inherit;
  --klaro-dialog-focus-outline: auto;
  --klaro-dialog-focus-box-shadow: 0 0 0 2px var(--klaro-primary-color),
    0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  --font-size: 14px;
  --font-family: inherit;
  --title-font-family: inherit;
  --klaro-slider-bg: var(--white2);
  --klaro-slider-bg-active: var(--klaro-primary-color);
  --klaro-slider-bg-required: var(--klaro-primary-color);
  --green1: var(--klaro-link-color);
  --green2: var(--klaro-link-color);
  --green3: var(--klaro-link-color);

  .cookie-modal .cm-btn,
  .cookie-modal .cm-btn.cm-btn-info,
  .cookie-modal .cm-btn.cm-btn-success,
  .cookie-modal .cm-btn.cm-btn-decline,
  .cookie-modal .cm-btn.cm-btn-danger,
  .context-notice .cm-btn,
  .context-notice .cm-btn.cm-btn-info,
  .context-notice .cm-btn.cm-btn-success,
  .context-notice .cm-btn.cm-btn-decline,
  .context-notice .cm-btn.cm-btn-danger,
  .cookie-notice .cm-btn,
  .cookie-notice .cm-btn.cm-btn-info,
  .cookie-notice .cm-btn.cm-btn-success,
  .cookie-notice .cm-btn.cm-btn-decline,
  .cookie-notice .cm-btn.cm-btn-danger,
  &.learn-more-as-button
    .cookie-notice:not(.cookie-modal-notice)
    a.cm-link.cn-learn-more {
    display: inline-block;
    width: fit-content;
    padding: var(--klaro-button-padding);
    color: var(--klaro-button-text-color);
    border: var(--klaro-button-border);
    border-radius: var(--klaro-button-border-radius);
    background-color: var(--klaro-button-bg);
    box-shadow: var(--klaro-button-box-shadow);
    font-size: var(--klaro-button-font-size);
    font-weight: var(--klaro-button-font-weight);
    line-height: var(--klaro-button-line-height);

    &:hover {
      color: var(--klaro-button-text-color-hover);
      border: var(--klaro-button-border-hover);
      background-color: var(--klaro-button-bg-hover);
    }

    &:focus {
      outline: var(--klaro-button-focus-outline);
      outline-offset: var(--klaro-button-focus-outline-offset);
      box-shadow: var(--klaro-button-focus-box-shadow);
    }
  }

  &.learn-more-as-button
    .cookie-notice:not(.cookie-modal-notice)
    a.cm-link.cn-learn-more {
    flex-grow: unset;
    margin-right: auto;
    cursor: pointer;
    text-align: center;
  }

  .cookie-modal,
  .context-notice,
  .cookie-notice {
    a {
      color: var(--klaro-link-color);
      text-decoration-style: var(--klaro-link-decoration);
      text-decoration-line: var(--klaro-link-decoration-line);
    }

    a:hover {
      color: var(--klaro-link-color-hover);
      text-decoration-style: var(--klaro-link-decoration-hover);
      text-decoration-line: var(--klaro-link-decoration-line-hover);
    }

    a:focus {
      outline: solid 2px currentColor;
      outline-offset: 2px;
    }

    .cm-list-input:focus + .cm-list-label .slider {
      outline: var(--klaro-button-focus-outline);
      outline-offset: var(--klaro-button-focus-outline-offset);
      box-shadow: var(--klaro-button-focus-box-shadow);
    }
    .cm-list-label .slider {
      transition: none;
      background-color: var(--klaro-slider-bg);
    }
    .cm-list-input:checked + .cm-list-label .slider {
      background-color: var(--klaro-slider-bg-active);
    }
    .cm-list-input.required:checked + .cm-list-label .slider {
      background-color: var(--klaro-slider-bg-required);
    }
    .cm-list-input.half-checked:checked + .cm-list-label .slider {
      opacity: 0.6;
      background-color: var(--klaro-slider-bg-active);
    }
  }

  .cm-modal.cm-klaro:focus,
  .cm-modal.cm-klaro:focus-visible,
  .context-notice:focus,
  .context-notice:focus-visible,
  .cookie-notice:focus,
  .cookie-notice:focus-visible {
    outline: var(--klaro-dialog-focus-outline);
    box-shadow:
      var(--klaro-dialog-focus-box-shadow),
      0 0 0 10px #fff;
  }
}

.klaro.klaro-theme-olivero {
  --klaro-primary-color: var(--color-text-primary-medium);
  --klaro-link-color-hover: var(--color--primary-50);
  --klaro-link-decoration: var(--gin-link-decoration-style);
  --klaro-link-decoration-hover: none;
  --klaro-link-decoration-line: underline;
  --klaro-link-decoration-line-hover: underline;
  --klaro-button-bg: var(--color--primary-40);
  --klaro-button-border: solid 2px var(--color--primary-40);
  --klaro-button-border-radius: var(--border-radius);
  --klaro-button-padding: 0 var(--sp1-5);
  --klaro-button-font-size: var(--font-size-m);
  --klaro-button-font-weight: 700;
  --klaro-button-line-height: var(--sp2-5);
  --klaro-button-bg-hover: var(--color--primary-30);
  --klaro-button-text-color-hover: var(--klaro-button-text-color);
  --klaro-button-border-hover: solid 2px var(--color--primary-30);
  --klaro-button-focus-outline: 2px solid var(--color--primary-60);
  --klaro-button-focus-outline-offset: 2px;
  --klaro-dialog-focus-outline: 2px solid var(--color--primary-60);
  --klaro-dialog-focus-box-shadow: 0 0 0 2px var(--color--primary-60),
    0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro.klaro-theme-claro {
  --klaro-primary-color: var(--color-absolutezero);
  --klaro-link-decoration-line: underline;
  --klaro-link-decoration-line-hover: none;
  --klaro-button-bg: var(--button-bg-color--primary);
  --klaro-button-text-color: var(--button-fg-color--primary);
  --klaro-button-border: 1px solid transparent;
  --klaro-button-border-radius: var(--button-border-radius-size);
  --klaro-button-font-weight: 700;
  --klaro-button-padding: calc(var(--space-m) - 1px) calc(var(--space-l) - 1px);
  --klaro-button-bg-hover: var(--button--hover-bg-color--primary);
  --klaro-button-text-color-hover: var(--button-fg-color--primary);
  --klaro-button-border-hover: var(--klaro-button-border);
  --klaro-button-focus-outline: var(--focus-outline);
  --klaro-button-focus-box-shadow: var(--focus-box-shadow);
  --klaro-dialog-focus-outline: var(--jui-dialog--focus-outline);
  --klaro-dialog-focus-box-shadow: var(--jui-dialog--focus-box-shadow);

  .cookie-modal,
  .context-notice,
  .cookie-notice {
    .hide:active,
    .hide:focus,
    .hide:focus-visible,
    button.klaro-close:active,
    button.klaro-close:focus,
    button.klaro-close:focus-visible,
    a:focus {
      outline: var(--focus-outline);
      box-shadow: var(--focus-box-shadow);
    }
  }
  @media (prefers-contrast: more) {
    --focus-outline: 1px dotted #fff;
  }
}

.klaro.klaro-theme-gin {
  --klaro-primary-color: var(--gin-color-primary);
  --klaro-link-decoration: var(--gin-link-decoration-style);
  --klaro-link-decoration-hover: none;
  --klaro-link-decoration-line: underline;
  --klaro-link-decoration-line-hover: none;
  --klaro-button-bg: var(--klaro-primary-color);
  --klaro-button-text-color: var(--gin-color-button-text);
  --klaro-button-border: 2px solid var(--gin-color-primary) !important;
  --klaro-button-border-radius: var(--gin-border-m);
  --klaro-button-font-size: var(--gin-font-size-s);
  --klaro-button-font-weight: var(--gin-font-weight-semibold);
  --klaro-button-padding: calc(var(--gin-spacing-s) - 2px) var(--gin-spacing-m);
  --klaro-button-box-shadow: 0.1em 0.25em 0.5em var(--gin-color-primary-light);
  --klaro-button-bg-hover: var(--gin-color-primary-hover) !important;
  --klaro-button-text-color-hover: var(--gin-color-button-text);
  --klaro-button-border-hover: var(--klaro-button-border);
  --klaro-button-focus-outline: none;
  --klaro-button-focus-box-shadow: 0 0 0 1px var(--gin-color-focus-border),
    0 0 0 4px var(--gin-color-focus);
  --klaro-dialog-focus-outline: var(--klaro-button-focus-outline);
  --klaro-dialog-focus-box-shadow: var(--klaro-button-focus-box-shadow);
  --klaro-slider-bg: var(--gin-color-disabled);
  --klaro-slider-bg-active: var(--gin-switch);
  --klaro-slider-bg-required: var(--gin-switch);
  --light1: var(--gin-color-text-light);
  --light3: var(--gin-color-text-light);
  --white2: var(--gin-color-disabled);

  .cookie-modal,
  .context-notice,
  .cookie-notice {
    p,
    strong,
    h2,
    ul,
    li {
      color: var(--gin-color-text);
    }
    .cm-modal .cm-body {
      ul.cm-services li.cm-purpose,
      ul.cm-services li.cm-service,
      ul.cm-purposes li.cm-service,
      ul.cm-purposes li.cm-purpose {
        span.cm-opt-out,
        span.cm-required {
          color: var(--gin-color-text-light);
        }
      }
    }
    button.klaro-close:focus,
    .hide:active,
    .hide:focus,
    a:focus {
      outline: none;
      box-shadow:
        0 0 0 1px var(--gin-color-focus-border),
        0 0 0 4px var(--gin-color-focus);
      @media (prefers-contrast: more) {
        outline: solid 2px currentColor;
        box-shadow: unset;
      }
    }
  }

  h1.title {
    margin-block-start: 0;
    padding: var(--gin-spacing-m) var(--gin-spacing-l);
    color: var(--gin-color-primary-active);
    border: 0 none;
    border-radius: var(--gin-border-m);
    background: var(--gin-bg-header);
    font-size: var(--gin-font-size-l);
    font-weight: var(--gin-font-weight-bold);
  }

  .cookie-modal .cm-modal .hide {
    top: 15px;
    right: 2px;
    .cm-header {
      padding-right: 30px;
    }
  }
}

@media (prefers-color-scheme: dark) {
  .klaro.klaro-theme-gin {
    --white3: var(--gin-color-primary-hover);
    --klaro-slider-bg: var(--gin-bg-input);
    --klaro-slider-bg-active: var(--gin-color-primary-light-active);
    --klaro-slider-bg-required: var(--gin-color-primary-light-active);
    .context-notice,
    .cookie-notice,
    .cm-modal.cm-klaro {
      border: 1px solid #fff;
      background: var(--gin-bg-layer);
    }
    .cm-modal.cm-klaro:focus,
    .cm-modal.cm-klaro:focus-visible,
    .context-notice:focus,
    .context-notice:focus-visible,
    .cookie-notice:focus,
    .cookie-notice:focus-visible {
      box-shadow:
        var(--klaro-dialog-focus-box-shadow),
        0 0 0 10px var(--gin-bg-layer);
    }
  }
}

.gin--dark-mode .klaro.klaro-theme-gin {
  --white3: var(--gin-color-primary-hover);
  --klaro-slider-bg: var(--gin-bg-input);
  --klaro-slider-bg-active: var(--gin-color-primary-light-active);
  --klaro-slider-bg-required: var(--gin-color-primary-light-active);
  .context-notice,
  .cookie-notice,
  .cm-modal.cm-klaro {
    border: 1px solid #fff;
    background: var(--gin-bg-layer);
  }
  .cm-modal.cm-klaro:focus,
  .cm-modal.cm-klaro:focus-visible,
  .context-notice:focus,
  .context-notice:focus-visible,
  .cookie-notice:focus,
  .cookie-notice:focus-visible {
    box-shadow:
      var(--klaro-dialog-focus-box-shadow),
      0 0 0 10px var(--gin-bg-layer);
  }
}

/*
 * DATA-COM presentation overrides for Klaro 3.x.
 *
 * The additional class comes from Klaro's Drupal configuration, so these
 * rules cannot affect the site footer or unrelated dialogs.
 */
#klaro > .klaro.datacom-cookie-consent {
  --font-size: 0.85rem;
  --font-family: inherit;
  --title-font-family: inherit;
  --dark1: #07101f;
  --dark2: rgba(255, 255, 255, 0.22);
  --dark3: rgba(255, 255, 255, 0.82);
  --light1: #fff;
  --light2: rgba(255, 255, 255, 0.32);
  --light3: rgba(255, 255, 255, 0.72);
  --white2: rgba(255, 255, 255, 0.22);
  --white3: #fff;
  --green1: #8de2f0;
  --green2: #8de2f0;
  --green3: #8de2f0;
  --klaro-primary-color: #8de2f0;
  --klaro-link-color: #b5f1fa;
  --klaro-link-color-hover: #dff8fc;
  --klaro-link-decoration-line: underline;
  --klaro-link-decoration-line-hover: underline;
  --klaro-button-bg: #fff;
  --klaro-button-text-color: #07101f;
  --klaro-button-border: 1px solid rgba(255, 255, 255, 0.72);
  --klaro-button-border-radius: 0.65rem;
  --klaro-button-padding: 0.3rem 0.8rem;
  --klaro-button-font-size: 0.84rem;
  --klaro-button-font-weight: 750;
  --klaro-button-line-height: 1.25rem;
  --klaro-button-box-shadow: none;
  --klaro-button-bg-hover: #dff8fc;
  --klaro-button-text-color-hover: #07101f;
  --klaro-button-border-hover: 1px solid rgba(255, 255, 255, 0.72);
  --klaro-button-focus-outline: 3px solid #8de2f0;
  --klaro-button-focus-outline-offset: 2px;
  --klaro-button-focus-box-shadow: none;
  --klaro-dialog-focus-outline: none;
  --klaro-dialog-focus-box-shadow: none;
  color: #fff;
  font-size: 0.85rem;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) {
  z-index: 600000;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  max-height: min(92vh, 52rem);
  max-height: min(92dvh, 52rem);
  overflow: auto;
  overscroll-behavior: contain;
  border-top: 1px solid rgba(141, 226, 240, 0.45);
  border-radius: 0;
  background: #07101f;
  box-shadow: 0 -1rem 3rem rgba(0, 0, 0, 0.35);
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-body {
  box-sizing: border-box;
  width: min(100% - 2rem, 110rem);
  margin: 0 auto;
  padding: 1.2rem 0;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-body > h2,
#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-body > p {
  display: inline;
  color: #fff;
  text-align: left;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-body > h2 {
  margin: 0 0.7rem 0 0;
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  line-height: 1.3;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-body > p {
  margin: 0;
  font-size: 0.83rem;
  font-weight: 400;
  line-height: 1.55;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-body > p a {
  color: #b5f1fa;
  white-space: nowrap;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-ok {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.75rem;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-ok > a,
#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-ok > div {
  margin-top: 0;
}

/* Make the nested Klaro button wrapper transparent to preserve button order. */
#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-buttons {
  display: contents;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-decline {
  order: 1;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-learn-more {
  order: 2;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-buttons .cm-btn-success {
  order: 3;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cm-btn,
#klaro > .klaro.datacom-cookie-consent.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) .cn-learn-more {
  box-sizing: border-box;
  flex: 0 1 auto;
  min-height: 2rem;
  margin: 0;
  padding: 0.3rem 0.8rem;
  color: #07101f;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 0.65rem;
  background: #fff;
  box-shadow: none;
  font-family: inherit;
  font-size: 0.84rem;
  font-weight: 750;
  line-height: 1.25rem;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
}

#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cm-btn:hover,
#klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cm-btn:focus-visible,
#klaro > .klaro.datacom-cookie-consent.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) .cn-learn-more:hover,
#klaro > .klaro.datacom-cookie-consent.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) .cn-learn-more:focus-visible {
  color: #07101f;
  border-color: rgba(255, 255, 255, 0.72);
  background: #dff8fc;
}

/* Consent manager: fixed bottom sheet, visually matching the current panel. */
#klaro > .klaro.datacom-cookie-consent .cookie-modal {
  z-index: 600001;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, 0.5);
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-modal.cm-klaro {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  max-height: min(92vh, 52rem);
  max-height: min(92dvh, 52rem);
  margin: 0;
  overflow: auto;
  overscroll-behavior: contain;
  transform: none;
  border-top: 1px solid rgba(141, 226, 240, 0.45);
  border-radius: 0;
  background: #07101f;
  box-shadow: 0 -1rem 3rem rgba(0, 0, 0, 0.35);
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-header,
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body,
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer {
  box-sizing: border-box;
  width: min(100% - 2rem, 110rem);
  margin-right: auto;
  margin-left: auto;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-header {
  padding: 1rem 2.5rem 0.35rem 0;
  border-bottom: 0;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-header h1,
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-header p {
  display: inline;
  color: #fff;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-header h1 {
  margin: 0 0.7rem 0 0;
  padding: 0;
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  line-height: 1.3;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-header p {
  margin: 0;
  font-size: 0.83rem;
  line-height: 1.55;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-modal .hide {
  top: 0.75rem;
  right: max(1rem, calc((100% - min(100% - 2rem, 110rem)) / 2));
  box-sizing: content-box;
  width: 1.5rem;
  min-height: 1.5rem;
  padding: 0.25rem;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-modal .hide svg {
  width: 1rem;
  height: 1rem;
  stroke: #fff;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body {
  width: min(100% - 2rem, 75rem);
  padding: 0.35rem 0 0.65rem;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.65rem;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes > li.cm-purpose {
  box-sizing: border-box;
  min-width: 0;
  min-height: 6.4rem;
  margin: 0;
  padding: 0.75rem 0.75rem 0.75rem 4.25rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.04);
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes > li.cm-purpose.cm-toggle-all {
  grid-column: 1 / -1;
  min-height: 4.25rem;
}

/* Keep every purpose switch in the same inset position, independently of
 * title wrapping or the additional "required" label. */
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes > li.cm-purpose > .cm-list-input,
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes > li.cm-purpose > .cm-list-label > .cm-switch {
  top: 0.75rem;
  left: 0.75rem;
  transform: none;
}

/* Expanded service switches use the same fixed anchor as their inputs. */
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body li.cm-service > div > .cm-list-input,
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body li.cm-service > div > .cm-list-label > .cm-switch {
  top: 0;
  transform: none;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-list-title {
  color: #fff;
  font-size: 0.83rem;
  font-weight: 750;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-list-description,
#klaro > .klaro.datacom-cookie-consent .cookie-modal p.purposes {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.45;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body .cm-services .cm-caret {
  margin-top: 0.35rem;
  font-size: 0.75rem;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body .cm-services .cm-content.expanded {
  margin-top: 0.5rem;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body .cm-switch-container,
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body li.cm-service {
  color: #fff;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-list-label .slider {
  box-shadow: none;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider {
  background: #8de2f0;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-list-label .slider::before {
  background: #fff;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer {
  position: sticky;
  z-index: 2;
  bottom: 0;
  padding: 0.65rem 0 1.2rem;
  border-top: 0;
  background: #07101f;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
  width: min(100%, 48rem);
  margin: 0 auto;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer .cm-btn {
  box-sizing: border-box;
  width: 100%;
  min-height: 2rem;
  margin: 0;
  padding: 0.3rem 0.8rem;
  color: #07101f;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 0.65rem;
  background: #fff;
  box-shadow: none;
  font-size: 0.84rem;
  font-weight: 750;
  line-height: 1.25rem;
  white-space: nowrap;
}

#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer .cm-btn:hover,
#klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer .cm-btn:focus-visible {
  color: #07101f;
  border-color: rgba(255, 255, 255, 0.72);
  background: #dff8fc;
}

@media (max-width: 40rem) {
  #klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-body,
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-header,
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body,
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer {
    width: min(100% - 1.25rem, 78rem);
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-body {
    padding: 0.85rem 0 max(0.85rem, env(safe-area-inset-bottom));
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cn-ok,
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer-buttons {
    gap: 0.5rem;
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer .cm-btn {
    padding: 0.35rem 0.2rem;
    font-size: 0.75rem;
    line-height: 1.05rem;
    white-space: normal;
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-notice:not(.cookie-modal-notice) .cm-btn,
  #klaro > .klaro.datacom-cookie-consent.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) .cn-learn-more,
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer .cm-btn {
    min-height: 2.75rem;
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-modal.cm-klaro {
    max-height: 100vh;
    max-height: 100dvh;
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-header {
    padding-top: 0.85rem;
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-modal .hide {
    right: 0.5rem;
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes {
    grid-template-columns: minmax(0, 1fr);
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes > li.cm-purpose {
    min-height: 5.75rem;
  }

  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-footer {
    padding-bottom: max(0.85rem, env(safe-area-inset-bottom));
  }
}

@media (min-width: 75rem) {
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes > li.cm-purpose:not(.cm-toggle-all) > .cm-list-label {
    display: block;
    min-height: 2.5625rem;
  }
}

@media (min-width: 40.001rem) and (max-width: 61.999rem) {
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 62rem) and (max-width: 74.999rem) {
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-body ul.cm-purposes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  #klaro > .klaro.datacom-cookie-consent .cookie-notice,
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .cm-modal.cm-klaro,
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .slider,
  #klaro > .klaro.datacom-cookie-consent .cookie-modal .slider::before {
    scroll-behavior: auto;
    transition: none;
  }
}
/* DATA-COM COOKIE CRITICAL CSS: END sha256=ffc2a77837431f13903b55a98a2a3a0fab062d4d263ab86d126a4fd7ee814651 */