@itcenteratunihelsinki/huds-lib 0.5.0 → 0.5.4

package/dist/cjs/hy-hero.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
 const globalScript = require('./globalScript-1c4e262e.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const hyHeroCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0;}@media (min-width: 75.0625rem){.hy-hero--landing,.hy-hero--minor_landing{margin:8px 0}}@media (min-width: 1601px){.hy-hero--landing,.hy-hero--minor_landing{margin:24px -20px}}@media (min-width: 1664px){.hy-hero--landing,.hy-hero--minor_landing{margin:24px 0}}@media (min-width: 75.0625rem){.hy-hero--landing .hy-hero__large,.hy-hero--minor_landing .hy-hero__large{margin:24px -20px}}@media (min-width: 1344px){.hy-hero--landing .hy-hero__large,.hy-hero--minor_landing .hy-hero__large{margin:24px 0}}.hy-hero--minor_landing{margin:0}@media (min-width: 75.0625rem){.hy-hero--minor_landing{margin:8px 0 0}}@media (min-width: 1601px){.hy-hero--minor_landing{max-width:1216px;margin:24px auto 0 auto}}.hy-hero--front_page{border-top:1px solid rgba(0, 0, 0, 0.7);border-bottom:3px solid rgba(0, 0, 0, 0.7);margin-left:0;margin-right:0}@media (min-width: 30rem){.hy-hero--front_page{border-bottom:4px solid rgba(0, 0, 0, 0.7)}}@media (min-width: 60rem){.hy-hero--front_page{padding:0}}@media (min-width: 75.0625rem){.hy-hero--front_page{margin-left:-32px;margin-right:-32px;margin-top:0}}.hy-hero--white{-webkit-box-shadow:inset 0 -2rem 2rem -2rem rgba(14, 104, 139, 0.1);box-shadow:inset 0 -2rem 2rem -2rem rgba(14, 104, 139, 0.1)}@media (min-width: 30rem){.hy-hero--white{-webkit-box-shadow:inset 0 -40px 40px -40px rgba(14, 104, 139, 0.1);box-shadow:inset 0 -40px 40px -40px rgba(14, 104, 139, 0.1)}}@media (min-width: 60rem){.hy-hero--white{background-color:var(--grayscale-white);-webkit-box-shadow:inset 0 -8px 8px -8px rgba(14, 104, 139, 0.1);box-shadow:inset 0 -8px 8px -8px rgba(14, 104, 139, 0.1)}}@media (min-width: 1601px){.hy-hero--white{-webkit-box-shadow:inset 0 -24px 24px -24px rgba(14, 104, 139, 0.1);box-shadow:inset 0 -24px 24px -24px rgba(14, 104, 139, 0.1)}}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}@media (min-width: 60rem){.hy-hero__container--front_page{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-hero__container--landing{margin-left:8px;margin-right:8px}}@media (min-width: 1601px){.hy-hero__container--landing{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-hero__container--minor_landing{margin-left:32px;margin-right:32px}}@media (min-width: 1601px){.hy-hero__container--minor_landing{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-hero__container--minor_landing:not(.research_group){margin-bottom:40px}}@media (min-width: 1601px){.hy-hero__container--minor_landing:not(.research_group){margin-bottom:64px}}@media (min-width: 60rem){.hy-hero__container--minor_landing.research_group{margin-bottom:40px}}@media (min-width: 1601px){.hy-hero__container--minor_landing.research_group{margin-bottom:40px}}.hy-hero__container--landing.hy-hero__container--white:not(.shortcuts):after{border-bottom:1px solid var(--grayscale-black);content:\" \";bottom:-6px;left:0;position:absolute;right:0;width:100%}@media (min-width: 60rem){.hy-hero__container--landing.hy-hero__container--white:not(.shortcuts):after{border-bottom:1px solid var(--grayscale-black);content:\" \";bottom:-2px;left:0;position:absolute;right:0;width:100%}}@media (min-width: 1601px){.hy-hero__container--landing.hy-hero__container--white:not(.shortcuts):after{bottom:-18px}}@media (min-width: 75.0625rem){.hy-hero__container--landing.hy-hero__container--white.large:not(.shortcuts):after{bottom:-18px}}.hy-hero__container--minor_landing.hy-hero__container--white:not(.shortcuts):after{border-bottom:1px solid var(--grayscale-black);content:\" \";bottom:-6px;left:0;position:absolute;right:0;width:100%}@media (min-width: 60rem){.hy-hero__container--minor_landing.hy-hero__container--white:not(.shortcuts):after{bottom:-40px}}@media (min-width: 75.0625rem){.hy-hero__container--minor_landing.hy-hero__container--white:not(.shortcuts):after{bottom:-40px}}@media (min-width: 1601px){.hy-hero__container--minor_landing.hy-hero__container--white:not(.shortcuts):after{bottom:-64px}}.hy-hero__container--minor_landing.hy-hero__container--white.research_group:not(.shortcuts):after{border-bottom:3px solid rgba(0, 0, 0, 0.7)}@media (min-width: 60rem){.hy-hero__container--minor_landing.hy-hero__container--white.research_group:not(.shortcuts):after{border-bottom:1px solid rgba(0, 0, 0, 0.7)}}@media (min-width: 1601px){.hy-hero__container--minor_landing.hy-hero__container--white.research_group:not(.shortcuts):after{bottom:-40px}}@media (min-width: 75.0625rem){.hy-hero__container--minor_landing.hy-hero__container--white.large:not(.shortcuts):not(.research_group):after{bottom:-64px}}.hy-hero__content-container{padding:0 1rem 2rem}.hy-hero__content-container--black{background-color:var(--grayscale-black)}.hy-hero__content-container--blue{background-color:var(--brand-main-light)}.hy-hero__content-container--white{background-color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero__content-container{padding:0 2rem 40px}}@media (min-width: 60rem){.hy-hero__content-container{background-color:transparent !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;min-height:329px;padding:52px 2rem 52px calc(2rem - 8px);position:relative;width:100%}}.hy-hero__content-container--landing{padding:0 1rem 2rem}@media (min-width: 30rem){.hy-hero__content-container--landing{padding:0 2rem 40px}}@media (min-width: 1060px){.hy-hero__content-container--landing{min-height:364px}}@media (min-width: 1160px){.hy-hero__content-container--landing{min-height:399px}}@media (min-width: 75.0625rem){.hy-hero__content-container--landing{padding:80px 24px}}@media (min-width: 1260px){.hy-hero__content-container--landing{min-height:346px}}@media (min-width: 1360px){.hy-hero__content-container--landing{min-height:374px}}@media (min-width: 1460px){.hy-hero__content-container--landing{min-height:402px}}@media (min-width: 1560px){.hy-hero__content-container--landing{min-height:430px}}@media (min-width: 1601px){.hy-hero__content-container--landing{max-width:1216px;padding:80px 0}}@media (min-width: 1660px){.hy-hero__content-container--landing{min-height:448px}}@media (min-width: 1760px){.hy-hero__content-container--landing{min-height:484px}}@media (min-width: 1860px){.hy-hero__content-container--landing{min-height:519px}}@media (min-width: 1920px){.hy-hero__content-container--landing{min-height:540px}}@media (min-width: 60rem){.hy-hero__content-container--minor_landing{width:50%;margin:0;padding:52px 2rem 52px 0}}.hy-hero__content-container--front_page{padding:0 1rem 2rem}@media (min-width: 30rem){.hy-hero__content-container--front_page{padding:0 2rem 40px}}@media (min-width: 60rem){.hy-hero__content-container--front_page{min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero__content-container--front_page{min-height:373px}}@media (min-width: 1160px){.hy-hero__content-container--front_page{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero__content-container--front_page{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero__content-container--front_page{min-height:443px}}@media (min-width: 1280px){.hy-hero__content-container--front_page{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero__content-container--front_page{min-height:478px}}@media (min-width: 1460px){.hy-hero__content-container--front_page{min-height:513px}}@media (min-width: 1560px){.hy-hero__content-container--front_page{min-height:548px}}@media (min-width: 1601px){.hy-hero__content-container--front_page{padding-left:0}}@media (min-width: 1660px){.hy-hero__content-container--front_page{min-height:583px}}@media (min-width: 1760px){.hy-hero__content-container--front_page{min-height:619px}}@media (min-width: 1860px){.hy-hero__content-container--front_page{min-height:654px}}@media (min-width: 1920px){.hy-hero__content-container--front_page{min-height:675px}}.hy-hero__title-container{position:relative}@media (min-width: 30rem){.hy-hero__title-container{max-width:87%}}@media (min-width: 60rem){.hy-hero__title-container{max-width:48.75%}}.hy-hero__title-container--minor_landing{max-width:100%}.hy-hero__title--blue h1{color:var(--grayscale-white) !important}.hy-hero__title--black h1{color:var(--grayscale-white) !important}.hy-hero__title--white h1{color:var(--grayscale-black)}.hy-hero__title h1{margin-bottom:12px !important;max-width:100%}.hy-hero__title h1:not(.hy-heading__landing_minor){display:inline-block !important}@media (min-width: 30rem){.hy-hero__title h1{margin-bottom:16px !important}}@media (min-width: 60rem){.hy-hero__title h1{margin-bottom:0 !important}}@media (min-width: 30rem){.hy-hero__title h1 span{padding-bottom:16px;padding-right:24px}}@media (min-width: 60rem){.hy-hero__title h1 span{padding-bottom:23px;padding-right:32px}}@media (min-width: 75.0625rem){.hy-hero__title h1 span{padding-bottom:30px;padding-right:40px}}.hy-hero__title h1.hy-heading__landing_minor span{padding-top:16px}@media (min-width: 30rem){.hy-hero__title h1.hy-heading__landing_minor span{padding-top:24px}}@media (min-width: 60rem){.hy-hero__title h1.hy-heading__landing_minor span{padding-top:0;padding-bottom:0}}.hy-hero__title h1:not(.hy-heading__landing_minor) span{padding-top:9px}@media (min-width: 30rem){.hy-hero__title h1:not(.hy-heading__landing_minor) span{padding-top:16px}}@media (min-width: 60rem){.hy-hero__title h1:not(.hy-heading__landing_minor) span{padding-top:19px}}@media (min-width: 75.0625rem){.hy-hero__title h1:not(.hy-heading__landing_minor) span{padding-top:28px}}.hy-hero__title:not(.hy-hero__title--overlay){position:relative;z-index:10}.hy-hero__title:not(.hy-hero__title--overlay) .hy-hero__title:not(.hy-hero__title--overlay) --blue span{color:var(--grayscale-white)}.hy-hero__title:not(.hy-hero__title--overlay) .hy-hero__title:not(.hy-hero__title--overlay) --black span{color:var(--grayscale-white)}.hy-hero__title:not(.hy-hero__title--overlay) .hy-hero__title:not(.hy-hero__title--overlay) --white span{color:var(--grayscale-black)}.hy-hero__title--overlay{display:block;left:0;position:absolute;top:0;width:100%}.hy-hero__title--overlay span{display:inline;position:relative}.hy-hero__title--overlay--blue span{background-color:var(--brand-main-light);-webkit-box-shadow:10px 0 0 var(--brand-main-light), -16px 0 0 var(--brand-main-light);box-shadow:10px 0 0 var(--brand-main-light), -16px 0 0 var(--brand-main-light);color:var(--brand-main-light)}@media (min-width: 30rem){.hy-hero__title--overlay--blue span{-webkit-box-shadow:24px 0 0 var(--brand-main-light), -24px 0 0 var(--brand-main-light);box-shadow:24px 0 0 var(--brand-main-light), -24px 0 0 var(--brand-main-light)}}@media (min-width: 60rem){.hy-hero__title--overlay--blue span{-webkit-box-shadow:32px 0 0 var(--brand-main-light), 0 0 0 var(--brand-main-light);box-shadow:32px 0 0 var(--brand-main-light), 0 0 0 var(--brand-main-light)}}@media (min-width: 75.0625rem){.hy-hero__title--overlay--blue span{-webkit-box-shadow:40px 0 0 var(--brand-main-light), 0 0 0 var(--brand-main-light);box-shadow:40px 0 0 var(--brand-main-light), 0 0 0 var(--brand-main-light)}}.hy-hero__title--overlay--black span{background-color:var(--grayscale-black);-webkit-box-shadow:10px 0 0 var(--grayscale-black), -16px 0 0 var(--grayscale-black);box-shadow:10px 0 0 var(--grayscale-black), -16px 0 0 var(--grayscale-black);color:var(--grayscale-black)}@media (min-width: 30rem){.hy-hero__title--overlay--black span{-webkit-box-shadow:24px 0 0 var(--grayscale-black), -24px 0 0 var(--grayscale-black);box-shadow:24px 0 0 var(--grayscale-black), -24px 0 0 var(--grayscale-black)}}@media (min-width: 60rem){.hy-hero__title--overlay--black span{-webkit-box-shadow:32px 0 0 var(--grayscale-black), 0 0 0 var(--grayscale-black);box-shadow:32px 0 0 var(--grayscale-black), 0 0 0 var(--grayscale-black)}}@media (min-width: 75.0625rem){.hy-hero__title--overlay--black span{-webkit-box-shadow:40px 0 0 var(--grayscale-black), 0 0 0 var(--grayscale-black);box-shadow:40px 0 0 var(--grayscale-black), 0 0 0 var(--grayscale-black)}}.hy-hero__title--overlay--white span{background-color:var(--grayscale-white);-webkit-box-shadow:10px 0 0 var(--grayscale-white), -16px 0 0 var(--grayscale-white);box-shadow:10px 0 0 var(--grayscale-white), -16px 0 0 var(--grayscale-white);color:var(--grayscale-white)}@media (min-width: 30rem){.hy-hero__title--overlay--white span{-webkit-box-shadow:24px 0 0 var(--grayscale-white), -24px 0 0 var(--grayscale-white);box-shadow:24px 0 0 var(--grayscale-white), -24px 0 0 var(--grayscale-white)}}@media (min-width: 60rem){.hy-hero__title--overlay--white span{-webkit-box-shadow:32px 0 0 var(--grayscale-white), 0 0 0 var(--grayscale-white);box-shadow:32px 0 0 var(--grayscale-white), 0 0 0 var(--grayscale-white)}}@media (min-width: 75.0625rem){.hy-hero__title--overlay--white span{-webkit-box-shadow:40px 0 0 var(--grayscale-white), 0 0 0 var(--grayscale-white);box-shadow:40px 0 0 var(--grayscale-white), 0 0 0 var(--grayscale-white)}}.hy-hero__description{font-size:0.9375rem;line-height:22px;font-family:var(--main-font-family);margin:0;padding:0;position:relative}@media (min-width: 30rem){.hy-hero__description{font-size:1rem;line-height:24px}}@media (min-width: 60rem){.hy-hero__description{margin-top:-8px;max-width:39%}}@media (min-width: 75.0625rem){.hy-hero__description{max-width:37%}}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}@media (min-width: 75.0625rem){.hy-hero__description__large,.hy-hero__description--front_page{font-size:1.0625rem;line-height:26px}}.hy-hero__description--white{background-color:var(--grayscale-white);color:var(--grayscale-black)}.hy-hero__description--black{background-color:var(--grayscale-black);color:var(--grayscale-white)}.hy-hero__description--blue{background-color:var(--brand-main-light);color:var(--grayscale-white)}.hy-hero__description--front_page,.hy-hero__description--landing{padding:10px 0 22px}@media (min-width: 30rem){.hy-hero__description--front_page,.hy-hero__description--landing{padding:12px 0 24px}}@media (min-width: 60rem){.hy-hero__description--front_page,.hy-hero__description--landing{padding:12px 20px 20px 0}}@media (min-width: 75.0625rem){.hy-hero__description--front_page,.hy-hero__description--landing{max-width:34%;padding:12px 20px 20px 0}}@media (min-width: 1601px){.hy-hero__description--front_page,.hy-hero__description--landing{padding:16px 20px 32px 0}}@media (min-width: 75.0625rem){.hy-hero__description--front_page.hy-hero__description__large,.hy-hero__description--landing.hy-hero__description__large{padding:16px 20px 32px 0}}.hy-hero__description--minor_landing{max-width:100%;padding:10px 20px 22px 0}@media (min-width: 30rem){.hy-hero__description--minor_landing{padding:12px 20px 24px 0}}@media (min-width: 60rem){.hy-hero__description--minor_landing{padding:12px 20px 20px 0}}@media (min-width: 75.0625rem){.hy-hero__description--minor_landing{padding:12px 20px 20px 0}}@media (min-width: 1601px){.hy-hero__description--minor_landing{padding:16px 20px 24px 0}}@media (min-width: 75.0625rem){.hy-hero__description--minor_landing.hy-hero__description__large{padding:16px 20px 24px 0}}.hy-hero__actions{margin-top:20px}@media (min-width: 30rem){.hy-hero__actions{margin-top:24px}}@media (min-width: 60rem){.hy-hero__actions{margin-top:0}}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{bottom:0;display:block;left:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;top:0;width:43.75%}}.hy-hero__spacer-box--black{background-color:var(--grayscale-black)}.hy-hero__spacer-box--blue{background-color:var(--brand-main-light)}.hy-hero__spacer-box--white{background-color:var(--grayscale-white)}.hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:6px 0;position:absolute;right:0;top:0;width:56.25%}}@media (min-width: 60rem){.hy-hero__image-container--front_page{padding:0}}.hy-hero__image-container--minor_landing{position:relative;padding:0 1rem}@media (min-width: 30rem){.hy-hero__image-container--minor_landing{padding:0 2rem}}@media (min-width: 60rem){.hy-hero__image-container--minor_landing{width:50%;padding:0;margin-left:32px}}@media (min-width: 75.0625rem){.hy-hero__image-container--minor_landing{margin-left:42px}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}.hy-hero__scroll-button.research_group{display:none}.hy-hero__scroll-button:not(.research_group){-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;all:unset;background-color:var(--grayscale-white);bottom:0;-webkit-clip-path:polygon(25% 25%, 75% 25%, 100% 50%, 100% 60%, 100% 100%, 0 100%, 0% 80%, 0 50%);clip-path:polygon(25% 25%, 75% 25%, 100% 50%, 100% 60%, 100% 100%, 0 100%, 0% 80%, 0 50%);display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute;-webkit-transform:translate(calc(-50% - 5px), 60%);transform:translate(calc(-50% - 5px), 60%);width:44px}.hy-hero__scroll-button:not(.research_group) .hy-hero__scroll-icon{position:relative;top:15px}.hy-hero__scroll-button:not(.research_group) .hy-hero__scroll-icon svg{-webkit-transform:rotateX(45deg) scaleX(1.4);transform:rotateX(45deg) scaleX(1.4)}@media (min-width: 60rem){.hy-hero__scroll-button:not(.research_group){display:none}}";
+const hyHeroCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-hero{position:relative;padding-bottom:0}@media (min-width: 75.0625rem){.hy-hero--front_page{margin-left:-32px;margin-right:-32px}}@media (min-width: 60rem){.hy-hero--white{padding-top:40px}}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts){padding-bottom:48px}}.hy-hero--white:not(.has-shortcuts):after{width:calc(100% - 32px);background-color:var(--grayscale-medium-dark);height:1px;content:\"\";margin:0 auto;display:block}@media (min-width: 60rem){.hy-hero--white:not(.has-shortcuts):after{position:absolute;left:0;right:0;bottom:0}}.hy-hero--white:not(.hy-hero--front_page):after{max-width:1216px}.hy-hero__container{position:relative}@media (min-width: 60rem){.hy-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}.hy-hero__content-container{padding:24px 1rem 40px;margin:0 auto;width:100%}@media (min-width: 75.0625rem){.without-sidebar .hy-hero__content-container{padding:80px 0}}@media (min-width: 30rem){.hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero__content-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:364px}}@media (min-width: 1160px){.hy-hero__content-container{min-height:399px}}@media (min-width: 75.0625rem){.hy-hero__content-container{padding:80px 32px}}@media (min-width: 1260px){.hy-hero__content-container{min-height:346px}}@media (min-width: 1360px){.hy-hero__content-container{min-height:374px}}@media (min-width: 1460px){.hy-hero__content-container{min-height:402px}}@media (min-width: 1560px){.hy-hero__content-container{min-height:430px}}@media (min-width: 1601px){.hy-hero__content-container{max-width:1216px;padding:80px 0}}@media (min-width: 1660px){.hy-hero__content-container{min-height:448px}}@media (min-width: 1760px){.hy-hero__content-container{min-height:484px}}@media (min-width: 1860px){.hy-hero__content-container{min-height:519px}}@media (min-width: 1920px){.hy-hero__content-container{min-height:540px}}.hy-hero--black .hy-hero__content-container{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__content-container{background-color:var(--brand-main)}.hy-hero--white .hy-hero__content-container{background-color:var(--grayscale-white)}.hy-hero--front_page .hy-hero__content-container{padding:24px 1rem 40px}@media (min-width: 30rem){.hy-hero--front_page .hy-hero__content-container{padding:24px 2rem 40px}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__content-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:330px;padding:56px 2rem}}@media (min-width: 1060px){.hy-hero--front_page .hy-hero__content-container{min-height:373px}}@media (min-width: 1160px){.hy-hero--front_page .hy-hero__content-container{min-height:480px}}@media (min-width: 75.0625rem){.hy-hero--front_page .hy-hero__content-container{padding-left:32px;padding-right:8px}}@media (min-width: 1260px){.hy-hero--front_page .hy-hero__content-container{min-height:443px}}@media (min-width: 1280px){.hy-hero--front_page .hy-hero__content-container{max-width:1216px;padding-left:0}}@media (min-width: 1360px){.hy-hero--front_page .hy-hero__content-container{min-height:478px}}@media (min-width: 1460px){.hy-hero--front_page .hy-hero__content-container{min-height:513px}}@media (min-width: 1560px){.hy-hero--front_page .hy-hero__content-container{min-height:548px}}@media (min-width: 1601px){.hy-hero--front_page .hy-hero__content-container{padding-left:0}}@media (min-width: 1660px){.hy-hero--front_page .hy-hero__content-container{min-height:583px}}@media (min-width: 1760px){.hy-hero--front_page .hy-hero__content-container{min-height:619px}}@media (min-width: 1860px){.hy-hero--front_page .hy-hero__content-container{min-height:654px}}@media (min-width: 1920px){.hy-hero--front_page .hy-hero__content-container{min-height:675px}}.hy-hero__content{position:relative}@media (min-width: 60rem){.hy-hero__content{padding-right:24px}}@media (min-width: 60rem){.hy-hero--small .hy-hero__content{max-width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__content{max-width:50%}}.hy-hero--blue .hy-hero__title h1{color:var(--grayscale-white) !important}.hy-hero--black .hy-hero__title h1{color:var(--grayscale-white) !important}.hy-hero--white .hy-hero__title h1{color:var(--grayscale-black) !important}.hy-hero__description{font-size:1rem;line-height:24px;font-family:var(--main-font-family);margin:16px 0 0 0;padding:0;position:relative}@media (min-width: 1601px){.hy-hero__description{font-size:1.0625rem;line-height:26px}}.hy-hero--black .hy-hero__description{color:var(--grayscale-white)}.hy-hero--blue .hy-hero__description{color:var(--grayscale-white)}.hy-hero--white .hy-hero__description{color:var(--grayscale-black)}.hy-hero__actions{margin-top:24px}.hy-hero__spacer-box{display:none}@media (min-width: 60rem){.hy-hero__spacer-box{display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;inset:0}}@media (min-width: 60rem){.hy-hero--small .hy-hero__spacer-box{width:60%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__spacer-box{width:50%}}.hy-hero--black .hy-hero__spacer-box{background-color:var(--grayscale-black)}.hy-hero--blue .hy-hero__spacer-box{background-color:var(--brand-main)}.hy-hero--white .hy-hero__spacer-box{background-color:var(--grayscale-white)}.hy-hero__image-container{background-position:50% 50%;background-size:cover;background:transparent;margin:0;padding:0;position:relative}.hy-hero__image-container figure{margin:0}@media (min-width: 60rem){.hy-hero--small .hy-hero__image-container{width:40%}}@media (min-width: 60rem){.hy-hero--large .hy-hero__image-container{width:50%}}@media (min-width: 60rem){.hy-hero__image-container{background-color:var(--grayscale-white);bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:8px 0;position:absolute;right:0;top:0}}@media (min-width: 60rem){.hy-hero--front_page .hy-hero__image-container{padding:0}}.hy-image__image{display:block;height:100%;min-height:205px;-o-object-fit:cover;object-fit:cover;width:100%}";
 
 const HyHero = class {
   constructor(hostRef) {
@@ -14,158 +14,51 @@ const HyHero = class {
     this.heroType = utils.HeroTypeVariant.landing;
     this.heroGroupType = utils.HeroGroupTypeVariant.default;
     this.colorVariant = utils.HeroColorVariant.blue;
+    this.sizeVariant = utils.HeroSizeVariant.large;
     this.disableLazy = false;
     this.hasShortcuts = false;
     this.isExternal = false;
-    this.headerstyle = 'common';
   }
   async componentWillLoad() {
     this._sourceSet = await globalScript.jsonParserWorker(this.sourceSet);
   }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
-      }
+  render() {
+    let variant = utils.CtaLinkButtonVariants.heroWhite;
+    let colorVariantValue = this.colorVariant;
+    let heroTypeValue = this.heroType;
+    if (this.heroType === 'minor_landing') {
+      colorVariantValue = utils.HeroColorVariant.white;
+      heroTypeValue = utils.HeroTypeVariant.landing;
     }
-    this.setContentDivPosition();
-  }
-  setContentDivPosition() {
-    const contentDiv = document.querySelectorAll('.hy-hero__content--container')[0];
-    if (!contentDiv)
-      return;
-    if (document.body.scrollWidth <= 1200) {
-      contentDiv.style.left = '0';
+    if (colorVariantValue === utils.HeroColorVariant.blue) {
+      variant = utils.CtaLinkButtonVariants.heroBlue;
     }
-    if (document.body.scrollWidth >= 1201) {
-      const contentWrapper = document.querySelectorAll('div.hy-main-content-wrapper')[0];
-      if (!contentWrapper)
-        return;
-      if (document.body.scrollWidth >= 1441) {
-        const marginLeft = parseInt(window.getComputedStyle(contentWrapper).getPropertyValue('margin-left'));
-        if (marginLeft > 32) {
-          contentDiv.style.left = `${marginLeft}px`;
-        }
-        else if (marginLeft > 0) {
-          contentDiv.style.left = '32px';
-        }
-        else if (marginLeft == 0) {
-          contentDiv.style.left = '0px';
-        }
-      }
-      else {
-        contentDiv.style.left = window.getComputedStyle(contentWrapper).getPropertyValue('padding-left');
-      }
+    if (colorVariantValue === utils.HeroColorVariant.black) {
+      variant = utils.CtaLinkButtonVariants.heroBlack;
     }
-  }
-  resizeEventListener(event) {
-    if (!event)
-      return;
-    this.setContentDivPosition();
-  }
-  scrollToContent(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    const heroHeight = document.getElementsByClassName('hy-hero');
-    // Set here how much should the arrow scroll down.
-    const scrollAmount = heroHeight[0].offsetHeight / 2;
-    window.scrollBy({
-      top: scrollAmount,
-      left: 0,
-      behavior: 'smooth',
-    });
-  }
-  render() {
-    let variant = utils.CtaLinkButtonVariants.onWhiteBkgd;
-    let colorVariantValue = utils.HeroColorVariant.white;
-    // Hero on minor landing pages always uses White Background.
-    if (this.heroType !== utils.HeroTypeVariant.minor_landing) {
-      colorVariantValue = this.colorVariant;
-      if (this.colorVariant == utils.HeroColorVariant.black) {
-        variant = utils.CtaLinkButtonVariants.onBlackBkgd;
-      }
-      else if (this.colorVariant == utils.HeroColorVariant.blue) {
-        variant = utils.CtaLinkButtonVariants.onBlueBkgd;
-      }
-      else if (this.colorVariant == utils.HeroColorVariant.fp_white) {
-        colorVariantValue = utils.HeroColorVariant.white;
-      }
+    if (!colorVariantValue || colorVariantValue === 'fp_white') {
+      colorVariantValue = utils.HeroColorVariant.white;
     }
-    let classAttributesArray = [
+    let hyHeroClasses = [
       'hy-hero',
-      `hy-hero--${this.heroType}`,
+      `hy-hero--${heroTypeValue}`,
       `hy-hero--${this.heroGroupType}`,
-      `hy-hero__${this.headerstyle}`,
       `hy-hero--${colorVariantValue}`,
-    ];
-    let classHeroContainerArray = [
-      'hy-hero__container',
-      `hy-hero__container--${this.heroType}--${this.headerstyle}`,
-      `hy-hero__container--${this.heroType}`,
-      `${this.heroGroupType}`,
-      `${this.headerstyle}`,
-      `hy-hero__container--${colorVariantValue}`,
+      `hy-hero--${this.sizeVariant}`,
     ];
     // If there is a Shortcuts block after hero, add the class 'shortcuts' to remove underline.
     if (this.hasShortcuts) {
-      classAttributesArray.push('shortcuts');
-      classHeroContainerArray.push('shortcuts');
+      hyHeroClasses.push('has-shortcuts');
     }
-    const classAttributes = classAttributesArray.join(' ');
-    const classHeroContainer = classHeroContainerArray.join(' ');
-    const classDescription = [
-      'hy-hero__description',
-      `hy-hero__description__${this.headerstyle}`,
-      `hy-hero__description--${this.heroType}`,
-      `hy-hero__description--${colorVariantValue}`,
-    ].join(' ');
-    const classContentContainer = [
-      'hy-hero__content',
-      `hy-hero__content--${this.headerstyle}`,
-      `hy-hero__content--${this.heroType}`,
-    ].join(' ');
-    const classHeroTitle = [
-      'hy-hero__title',
-      `hy-hero__title--${this.heroType}`,
-      `hy-hero__title--${colorVariantValue}`,
-    ].join(' ');
-    const classHeroTitleOverlay = [
-      'hy-hero__title',
-      'hy-hero__title--overlay',
-      `hy-hero__title--overlay--${colorVariantValue}`,
-    ].join(' ');
-    const classHeroActions = ['hy-hero__actions', `hy-hero__actions--${this.heroType}`].join(' ');
-    const classHeroImage = ['hy-image__image', `hy-image__image--${this.heroType}`].join(' ');
-    const classHeroImageContainer = ['hy-hero__image-container', `hy-hero__image-container--${this.heroType}`].join(' ');
-    const classHeroContentContainer = [
-      'hy-hero__content-container',
-      `hy-hero__content-container--${this.heroType}`,
-      `hy-hero__content-container--${colorVariantValue}`,
-    ].join(' ');
-    const classSpacerBox = [
-      'hy-hero__spacer-box',
-      `hy-hero__spacer-box--${this.heroType}`,
-      `hy-hero__spacer-box--${colorVariantValue}`,
-    ].join(' ');
-    const classHeroTitleContainer = ['hy-hero__title-container', `hy-hero__title-container--${this.heroType}`].join(' ');
-    const classScrollButton = ['hy-hero__scroll-button', `${this.heroGroupType}`].join(' ');
     const aspectRatioWidth = 16;
     const aspectRatioHeight = 10;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
       '--aspectRatio': `${aspect}%`,
     };
-    // headingSection defines the font-sizes of h1 used in hero.
-    let headingSection = utils.HeadingSectionVariants.landingMinor;
-    if (this.heroType == utils.HeroTypeVariant.front_page) {
-      headingSection = utils.HeadingSectionVariants.frontPage;
-    }
-    else if (this.heroType == utils.HeroTypeVariant.landing) {
-      headingSection = utils.HeadingSectionVariants.landingMajor;
-    }
-    return (index.h(index.Host, null, index.h("div", { class: classAttributes }, index.h("div", { class: classHeroContainer }, index.h("div", { class: classHeroImageContainer, style: aspectRatio }, this.image &&
-      (this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.scLabel, class: classHeroImage, src: this.image }))) : (index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.scLabel, class: classHeroImage, src: this.image })))), index.h("div", { class: classSpacerBox }), index.h("div", { class: classHeroContentContainer }, index.h("div", { class: classContentContainer }, index.h("div", { class: classHeroTitleContainer }, index.h("hy-heading", { class: classHeroTitle, heading: utils.HeadingVarians.default, section: headingSection }, this.heading), index.h("hy-heading", { class: classHeroTitleOverlay, heading: utils.HeadingVarians.default, section: headingSection }, this.heading)), this.description && index.h("p", { class: classDescription }, this.description), this.url && (index.h("div", { class: classHeroActions }, index.h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant })))))), index.h("button", { onClick: (e) => this.scrollToContent(e), class: classScrollButton, type: "button", "aria-label": "Scroll to content" }, index.h("hy-icon", { class: "hy-hero__scroll-icon", icon: 'hy-icon-caret-down', size: 14, "aria-hidden": "true" }))), index.h("hy-box", { mb: "2, 2, 1, 1" })));
+    const headingSection = utils.HeadingSectionVariants.hero;
+    return (index.h(index.Host, null, index.h("div", { class: hyHeroClasses.join(' ') }, index.h("div", { class: `hy-hero__container` }, index.h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
+      (this._sourceSet ? (index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.scLabel, class: `hy-image__image`, src: this.image }))) : (index.h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.scLabel, class: `hy-image__image`, src: this.image })))), index.h("div", { class: `hy-hero__spacer-box` }), index.h("div", { class: `hy-hero__content-container` }, index.h("div", { class: `hy-hero__content` }, index.h("div", { class: `hy-hero__title-container` }, index.h("hy-heading", { class: `hy-hero__title`, heading: utils.HeadingVarians.default, section: headingSection }, this.heading)), this.description && index.h("p", { class: `hy-hero__description` }, this.description), this.url && (index.h("div", { class: `hy-hero__actions` }, index.h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), index.h("hy-box", { mb: "2, 2, 1, 1" })));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/hy-image.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
 
-const imageCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-image{width:100%}.hy-image__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-image__image-container:before{content:\"\";display:block;padding-top:var(--aspectRatio)}.hy-image__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-image__caption{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px;padding:19px 0}";
+const imageCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-image{width:100%}.hy-image__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-image__image-container:before{content:\"\";display:block;padding-top:var(--aspectRatio)}.hy-image__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-image__caption{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px;padding:19px 0}";
 
 const Image = class {
   constructor(hostRef) {

package/dist/cjs/hy-ingress.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
 
-const ingressCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}p.hy-ingress{font-size:1rem;line-height:24px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0 0 2rem}@media (min-width: 30rem){p.hy-ingress{font-size:1.125rem;line-height:28px}}@media (min-width: 60rem){p.hy-ingress{margin:0 0 2.25rem}}@media (min-width: 1601px){p.hy-ingress{font-size:1.125rem;line-height:32px;margin:0 0 3rem}}@media (min-width: 75.0625rem){p.hy-ingress__large{font-size:1.125rem;line-height:32px;margin:0 0 3rem}}";
+const ingressCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}p.hy-ingress{font-size:1rem;line-height:24px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0 0 2rem}@media (min-width: 30rem){p.hy-ingress{font-size:1.125rem;line-height:28px}}@media (min-width: 60rem){p.hy-ingress{margin:0 0 2.25rem}}@media (min-width: 1601px){p.hy-ingress{font-size:1.125rem;line-height:32px;margin:0 0 3rem}}@media (min-width: 75.0625rem){p.hy-ingress__large{font-size:1.125rem;line-height:32px;margin:0 0 3rem}}";
 
 const Ingress = class {
   constructor(hostRef) {

package/dist/cjs/hy-introduction.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const hyIntroductionCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-introduction__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 60rem){.hy-introduction__content.hy-introduction__content--without-image.hy-introduction__content--limit-width{width:calc(50% - 16px)}}.hy-introduction--reversed .hy-introduction__outer-content{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (min-width: 60rem){.hy-introduction--reversed .hy-introduction__outer-content{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.hy-introduction--with-bg{width:auto}@media (min-width: 60rem){.hy-introduction--with-bg{padding:0}}.hy-introduction--with-bg__white{background:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__content--with-image{background:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__title h2,.hy-introduction--with-bg__white .hy-introduction__description{color:var(--grayscale-black)}.hy-introduction--with-bg__white .hy-introduction__link{background:var(--brand-main-light);color:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__link__icon svg{fill:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__link:hover{background:var(--brand-main-active)}.hy-introduction__outer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-introduction__outer-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0}@supports (gap: 32px){.hy-introduction__outer-content{gap:32px}}}@media (min-width: 1601px){@supports (gap: 48px){.hy-introduction__outer-content{gap:48px}}}.hy-introduction__content--without-image{width:100%}@media (min-width: 60rem){.hy-introduction__content--without-image{width:91.46%}}@media (min-width: 75.0625rem){.hy-introduction__content--without-image{width:82.89%}}@media (min-width: 1601px){.hy-introduction__content--without-image{width:74.2%}}@media (min-width: 60rem){.hy-introduction__content--with-image{margin:0;padding:0;width:50%}}@media (min-width: 60rem){.hy-introduction__title .hy-heading__container{padding-top:0}}.hy-introduction__image{width:100%}@media (min-width: 60rem){.hy-introduction__image{width:50%}@supports not (gap: 32px){.hy-introduction__image{width:calc(50% - 32px)}}}.hy-introduction__image img,.hy-introduction__image .hy-image,.hy-introduction__image .hy-image .hy-image__image-container{height:100% !important}.hy-introduction__description{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);margin-bottom:24px;margin-top:0}@media (min-width: 30rem){.hy-introduction__description{font-size:1rem;line-height:24px}}@media (min-width: 60rem){.hy-introduction__description{margin-bottom:28px}}@media (min-width: 1601px){.hy-introduction__description{font-size:1.0625rem;line-height:26px}}@media (min-width: 75.0625rem){.hy-introduction__description__large{font-size:1.0625rem;line-height:26px;margin-bottom:28px}}.hy-introduction__link{font-size:1rem;line-height:20px;letter-spacing:-0.5px;background-color:var(--brand-main-light);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--grayscale-white);cursor:pointer;display:inline-block;font-family:var(--main-font-family);font-weight:700;height:100%;padding:12px 60px 12px 12px;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-introduction__link{font-size:1rem;line-height:20px;letter-spacing:-0.6px;padding:15px 62px 15px 16px}}@media (min-width: 60rem){.hy-introduction__link{font-size:1.125rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-introduction__link{font-size:1.25rem;line-height:20px;letter-spacing:-0.7px;padding:16px 70px 16px 18px}}.hy-introduction__link__icon{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-introduction__link__icon svg{fill:var(--grayscale-white)}";
+const hyIntroductionCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-introduction__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 60rem){.hy-introduction__content.hy-introduction__content--without-image.hy-introduction__content--limit-width{width:calc(50% - 16px)}}.hy-introduction--reversed .hy-introduction__outer-content{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (min-width: 60rem){.hy-introduction--reversed .hy-introduction__outer-content{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.hy-introduction--with-bg{width:auto}@media (min-width: 60rem){.hy-introduction--with-bg{padding:0}}.hy-introduction--with-bg__white{background:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__content--with-image{background:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__title h2,.hy-introduction--with-bg__white .hy-introduction__description{color:var(--grayscale-black)}.hy-introduction--with-bg__white .hy-introduction__link{background:var(--brand-main-light);color:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__link__icon svg{fill:var(--grayscale-white)}.hy-introduction--with-bg__white .hy-introduction__link:hover{background:var(--brand-main-active)}.hy-introduction__outer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-introduction__outer-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0}@supports (gap: 32px){.hy-introduction__outer-content{gap:32px}}}@media (min-width: 1601px){@supports (gap: 48px){.hy-introduction__outer-content{gap:48px}}}.hy-introduction__content--without-image{width:100%}@media (min-width: 60rem){.hy-introduction__content--without-image{width:91.46%}}@media (min-width: 75.0625rem){.hy-introduction__content--without-image{width:82.89%}}@media (min-width: 1601px){.hy-introduction__content--without-image{width:74.2%}}@media (min-width: 60rem){.hy-introduction__content--with-image{margin:0;padding:0;width:50%}}@media (min-width: 60rem){.hy-introduction__title .hy-heading__container{padding-top:0}}.hy-introduction__image{width:100%}@media (min-width: 60rem){.hy-introduction__image{width:50%}@supports not (gap: 32px){.hy-introduction__image{width:calc(50% - 32px)}}}.hy-introduction__image img,.hy-introduction__image .hy-image,.hy-introduction__image .hy-image .hy-image__image-container{height:100% !important}.hy-introduction__description{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black);font-family:var(--main-font-family);margin-bottom:24px;margin-top:0}@media (min-width: 30rem){.hy-introduction__description{font-size:1rem;line-height:24px}}@media (min-width: 60rem){.hy-introduction__description{margin-bottom:28px}}@media (min-width: 1601px){.hy-introduction__description{font-size:1.0625rem;line-height:26px}}@media (min-width: 75.0625rem){.hy-introduction__description__large{font-size:1.0625rem;line-height:26px;margin-bottom:28px}}.hy-introduction__link{font-size:1rem;line-height:20px;letter-spacing:-0.5px;background-color:var(--brand-main-light);-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--grayscale-white);cursor:pointer;display:inline-block;font-family:var(--main-font-family);font-weight:700;height:100%;padding:12px 60px 12px 12px;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-introduction__link{font-size:1rem;line-height:20px;letter-spacing:-0.6px;padding:15px 62px 15px 16px}}@media (min-width: 60rem){.hy-introduction__link{font-size:1.125rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-introduction__link{font-size:1.25rem;line-height:20px;letter-spacing:-0.7px;padding:16px 70px 16px 18px}}.hy-introduction__link__icon{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hy-introduction__link__icon svg{fill:var(--grayscale-white)}";
 
 const HyIntroduction = class {
   constructor(hostRef) {

package/dist/cjs/hy-key-figure-group.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 const globalScript = require('./globalScript-1c4e262e.js');
 
-const hyKeyFigureGroupCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-key-figure-group-container{margin:20px 0 28px 0}@media (min-width: 60rem){.hy-key-figure-group-container{margin:24px 0 32px 0}}@media (min-width: 1601px){.hy-key-figure-group-container{margin:40px 0}}@media (min-width: 75.0625rem){.hy-key-figure-group-container__large{margin:40px 0}}.hy-key-figure-group{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 30rem){.hy-key-figure-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}}@media (min-width: 60rem){.hy-key-figure-group{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}}@media (min-width: 60rem){.hy-key-figure-group.hy-key-figure-group-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (min-width: 30rem){.hy-key-figure-group .box-2,.hy-key-figure-group .box-3{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:33%;width:33%}}@media (min-width: 30rem){.hy-key-figure-group .box-4{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:49%;width:49%}}@media (min-width: 60rem){.hy-key-figure-group .box-4{max-width:25%;width:25%}}";
+const hyKeyFigureGroupCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-key-figure-group-container{margin:20px 0 28px 0}@media (min-width: 60rem){.hy-key-figure-group-container{margin:24px 0 32px 0}}@media (min-width: 1601px){.hy-key-figure-group-container{margin:40px 0}}@media (min-width: 75.0625rem){.hy-key-figure-group-container__large{margin:40px 0}}.hy-key-figure-group{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 30rem){.hy-key-figure-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}}@media (min-width: 60rem){.hy-key-figure-group{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}}@media (min-width: 60rem){.hy-key-figure-group.hy-key-figure-group-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (min-width: 30rem){.hy-key-figure-group .box-2,.hy-key-figure-group .box-3{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:33%;width:33%}}@media (min-width: 30rem){.hy-key-figure-group .box-4{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:49%;width:49%}}@media (min-width: 60rem){.hy-key-figure-group .box-4{max-width:25%;width:25%}}";
 
 const HyKeyFigureGroup = class {
   constructor(hostRef) {

package/dist/cjs/hy-key-figure.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const hyKeyFigureCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-key-figure{display:block;margin-bottom:32px;text-align:center;width:100%}@media (min-width: 30rem){.hy-key-figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}@media (min-width: 60rem){.hy-key-figure{text-align:left}}.hy-key-figure__title{font-size:2.5rem;line-height:60px;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--brand-main-light);display:inline;font-family:var(--main-font-family);letter-spacing:-2px;position:relative;z-index:1}@media (min-width: 30rem){.hy-key-figure__title{font-size:2.5rem;line-height:30px}}@media (min-width: 75.0625rem){.hy-key-figure__title{font-size:5rem;line-height:70px}}.hy-key-figure__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:0.875rem;line-height:20px;letter-spacing:0;line-height:20px;margin-top:8px}@media (min-width: 75.0625rem){.hy-key-figure__description{font-size:1.25rem;line-height:20px}}";
+const hyKeyFigureCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-key-figure{display:block;margin-bottom:32px;text-align:center;width:100%}@media (min-width: 30rem){.hy-key-figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}@media (min-width: 60rem){.hy-key-figure{text-align:left}}.hy-key-figure__title{font-size:2.5rem;line-height:60px;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--brand-main-light);display:inline;font-family:var(--main-font-family);letter-spacing:-2px;position:relative;z-index:1}@media (min-width: 30rem){.hy-key-figure__title{font-size:2.5rem;line-height:30px}}@media (min-width: 75.0625rem){.hy-key-figure__title{font-size:5rem;line-height:70px}}.hy-key-figure__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:0.875rem;line-height:20px;letter-spacing:0;line-height:20px;margin-top:8px}@media (min-width: 75.0625rem){.hy-key-figure__description{font-size:1.25rem;line-height:20px}}";
 
 const HyKeyFigure = class {
   constructor(hostRef) {

package/dist/cjs/hy-key-highlight-group.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 const globalScript = require('./globalScript-1c4e262e.js');
 
-const hyKeyHighlightGroupCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-key-highlight-group-container{overflow:hidden}.hy-key-highlight-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 30rem){.hy-key-highlight-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 calc(-1 * var(--gutter-medium))}}@media (min-width: 60rem){.hy-key-highlight-group{margin:0 calc(-1 * var(--gutter-wide))}}.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 50px 0 20px}@media (min-width: 30rem){.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 var(--gutter-medium)}}@media (min-width: 60rem){.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 var(--gutter-wide)}}.hy-key-highlight-group .box{width:100%}@media (min-width: 30rem){.hy-key-highlight-group .box{width:33.33%;max-width:33.33%}}.hy-key-highlight-group .box-4{width:100%}@media (min-width: 30rem){.hy-key-highlight-group .box-4{width:50%;max-width:50%}}@media (min-width: 60rem){.hy-key-highlight-group .box-4{width:25%}}";
+const hyKeyHighlightGroupCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-key-highlight-group-container{overflow:hidden}.hy-key-highlight-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 30rem){.hy-key-highlight-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 calc(-1 * var(--gutter-medium))}}@media (min-width: 60rem){.hy-key-highlight-group{margin:0 calc(-1 * var(--gutter-wide))}}.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 50px 0 20px}@media (min-width: 30rem){.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 var(--gutter-medium)}}@media (min-width: 60rem){.hy-key-highlight-group .box,.hy-key-highlight-group .box-4{padding:0 var(--gutter-wide)}}.hy-key-highlight-group .box{width:100%}@media (min-width: 30rem){.hy-key-highlight-group .box{width:33.33%;max-width:33.33%}}.hy-key-highlight-group .box-4{width:100%}@media (min-width: 30rem){.hy-key-highlight-group .box-4{width:50%;max-width:50%}}@media (min-width: 60rem){.hy-key-highlight-group .box-4{width:25%}}";
 
 const HyKeyHighlightGroup = class {
   constructor(hostRef) {

package/dist/cjs/hy-key-highlight.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const hyKeyHighlightCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-key-highlight{display:block;margin-bottom:20px;width:100%}@media (min-width: 30rem){.hy-key-highlight{width:100%}}.hy-key-highlight__title__container{display:inline-block;position:relative;text-align:center;margin-bottom:1rem}@media (min-width: 30rem){.hy-key-highlight__title__container{text-align:left}}.hy-key-highlight__title__container::after{clear:both}.hy-key-highlight__title{font-weight:700;background-color:var(--brand-main-light);-webkit-box-shadow:-5px 0px 0 0px var(--brand-main-light), 5px 0px 0 0px var(--brand-main-light), 0 0 0 0px var(--brand-main-light);box-shadow:-5px 0px 0 0px var(--brand-main-light), 5px 0px 0 0px var(--brand-main-light), 0 0 0 0px var(--brand-main-light);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--grayscale-white);display:inline;font-family:var(--main-font-family);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.75px;padding:0 5px;position:relative;text-transform:uppercase;word-break:break-word}.hy-key-highlight__description{color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0;margin-top:8px;text-align:center}@media (min-width: 30rem){.hy-key-highlight__description{text-align:left}}.hy-key-highlight.small .hy-key-highlight__title__container{font-size:1.5rem;line-height:29px}.hy-key-highlight.small .hy-key-highlight__description{font-size:0.875rem;line-height:19px}.hy-key-highlight.big .hy-key-highlight__title__container{font-size:1.5rem;line-height:29px}@media (min-width: 30rem){.hy-key-highlight.big .hy-key-highlight__title__container{font-size:2.5rem;line-height:45px}}.hy-key-highlight.big .hy-key-highlight__description{font-size:0.875rem;line-height:20px}@media (min-width: 30rem){.hy-key-highlight.big .hy-key-highlight__description{font-size:1.25rem;line-height:20px}}";
+const hyKeyHighlightCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-key-highlight{display:block;margin-bottom:20px;width:100%}@media (min-width: 30rem){.hy-key-highlight{width:100%}}.hy-key-highlight__title__container{display:inline-block;position:relative;text-align:center;margin-bottom:1rem}@media (min-width: 30rem){.hy-key-highlight__title__container{text-align:left}}.hy-key-highlight__title__container::after{clear:both}.hy-key-highlight__title{font-weight:700;background-color:var(--brand-main-light);-webkit-box-shadow:-5px 0px 0 0px var(--brand-main-light), 5px 0px 0 0px var(--brand-main-light), 0 0 0 0px var(--brand-main-light);box-shadow:-5px 0px 0 0px var(--brand-main-light), 5px 0px 0 0px var(--brand-main-light), 0 0 0 0px var(--brand-main-light);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--grayscale-white);display:inline;font-family:var(--main-font-family);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.75px;padding:0 5px;position:relative;text-transform:uppercase;word-break:break-word}.hy-key-highlight__description{color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:0;margin-top:8px;text-align:center}@media (min-width: 30rem){.hy-key-highlight__description{text-align:left}}.hy-key-highlight.small .hy-key-highlight__title__container{font-size:1.5rem;line-height:29px}.hy-key-highlight.small .hy-key-highlight__description{font-size:0.875rem;line-height:19px}.hy-key-highlight.big .hy-key-highlight__title__container{font-size:1.5rem;line-height:29px}@media (min-width: 30rem){.hy-key-highlight.big .hy-key-highlight__title__container{font-size:2.5rem;line-height:45px}}.hy-key-highlight.big .hy-key-highlight__description{font-size:0.875rem;line-height:20px}@media (min-width: 30rem){.hy-key-highlight.big .hy-key-highlight__description{font-size:1.25rem;line-height:20px}}";
 
 const HyKeyHighlight = class {
   constructor(hostRef) {

package/dist/cjs/hy-large-process-flow-phase.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-52aea450.js');
 const globalScript = require('./globalScript-1c4e262e.js');
 
-const hyLargeProcessFlowPhaseCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-large-process-flow__phase-container{padding-left:0;position:relative;max-width:100%;width:100%}@media (min-width: 30rem){.hy-large-process-flow__phase-container{padding-left:calc(100% / 8 + var(--gutter-narrow))}}@media (min-width: 60rem){.hy-large-process-flow__phase-container{padding-left:calc(100% / 12 + var(--gutter-wide))}}@media (min-width: 75.0625rem){.hy-large-process-flow__phase-container{padding-left:calc(100% / 12 + var(--gutter-extrawide))}}.hy-large-process-flow__phase-container__phase{position:relative}.hy-large-process-flow__phase-container__phase:after{background-color:var(--grayscale-background-arrow);bottom:0;content:\" \";display:inline-block;height:24px;left:26.5px;position:absolute;width:8px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase:after{display:inline-block;height:100%}}.hy-large-process-flow__phase-container__phase:last-child:after{display:none}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase:last-child:after{display:inline-block}}.hy-large-process-flow__phase-container__phase:last-child .hy-large-process-flow__phase-container__phase__content{top:0;margin-top:-24px}.hy-large-process-flow__phase-container__phase__number{display:grid;place-items:center;position:relative;width:64px;z-index:2}.hy-large-process-flow__phase-container__phase__number__number{background-color:var(--brand-main-light);color:var(--grayscale-white);display:grid;font-family:var(--main-font-family);font-size:2rem;line-height:36px;font-weight:700;height:48px;letter-spacing:0;margin:0;padding:0;place-items:center;position:relative;width:48px}.hy-large-process-flow__phase-container__phase__number__number::after{content:\"\";height:48px;left:-6px;position:absolute;width:48px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__number__number{font-size:2.25rem;line-height:40px;height:64px;width:64px}.hy-large-process-flow__phase-container__phase__number__number::after{content:\"\";height:64px;left:-6px;position:absolute;width:64px}}.hy-large-process-flow__phase-container__phase__content{background-color:var(--grayscale-background-box);margin:0 -56px;padding:48px 0 24px 0;position:relative;top:-24px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__content{margin:0 0 -8px 32px;padding:32px 0;top:-32px}}.hy-large-process-flow__phase-container__phase__content__heading{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:1.25rem;line-height:30px;font-weight:600;letter-spacing:-0.5px;margin-bottom:24px;padding:0 56px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__content__heading{font-size:1.625rem;line-height:30px;font-weight:700;letter-spacing:-0.65px;padding:0 44px}}.hy-large-process-flow__phase-container__phase__content__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:1rem;line-height:24px;letter-spacing:0;margin-bottom:24px;padding:0 56px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__content__description{padding:0 44px}}.hy-large-process-flow__phase-container__phase__content__links{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:0;padding:0 56px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__content__links{margin-right:-6px;padding:0}}.hy-large-process-flow__phase-container__phase__content__links .phase-link{margin-bottom:8px}.hy-large-process-flow__phase-container__phase__content__links .phase-link.last{margin-bottom:0}";
+const hyLargeProcessFlowPhaseCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-large-process-flow__phase-container{padding-left:0;position:relative;max-width:100%;width:100%}@media (min-width: 30rem){.hy-large-process-flow__phase-container{padding-left:calc(100% / 8 + var(--gutter-narrow))}}@media (min-width: 60rem){.hy-large-process-flow__phase-container{padding-left:calc(100% / 12 + var(--gutter-wide))}}@media (min-width: 75.0625rem){.hy-large-process-flow__phase-container{padding-left:calc(100% / 12 + var(--gutter-extrawide))}}.hy-large-process-flow__phase-container__phase{position:relative}.hy-large-process-flow__phase-container__phase:after{background-color:var(--grayscale-background-arrow);bottom:0;content:\" \";display:inline-block;height:24px;left:26.5px;position:absolute;width:8px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase:after{display:inline-block;height:100%}}.hy-large-process-flow__phase-container__phase:last-child:after{display:none}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase:last-child:after{display:inline-block}}.hy-large-process-flow__phase-container__phase:last-child .hy-large-process-flow__phase-container__phase__content{top:0;margin-top:-24px}.hy-large-process-flow__phase-container__phase__number{display:grid;place-items:center;position:relative;width:64px;z-index:2}.hy-large-process-flow__phase-container__phase__number__number{background-color:var(--brand-main-light);color:var(--grayscale-white);display:grid;font-family:var(--main-font-family);font-size:2rem;line-height:36px;font-weight:700;height:48px;letter-spacing:0;margin:0;padding:0;place-items:center;position:relative;width:48px}.hy-large-process-flow__phase-container__phase__number__number::after{content:\"\";height:48px;left:-6px;position:absolute;width:48px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__number__number{font-size:2.25rem;line-height:40px;height:64px;width:64px}.hy-large-process-flow__phase-container__phase__number__number::after{content:\"\";height:64px;left:-6px;position:absolute;width:64px}}.hy-large-process-flow__phase-container__phase__content{background-color:var(--grayscale-background-box);margin:0 -56px;padding:48px 0 24px 0;position:relative;top:-24px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__content{margin:0 0 -8px 32px;padding:32px 0;top:-32px}}.hy-large-process-flow__phase-container__phase__content__heading{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:1.25rem;line-height:30px;font-weight:600;letter-spacing:-0.5px;margin-bottom:24px;padding:0 56px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__content__heading{font-size:1.625rem;line-height:30px;font-weight:700;letter-spacing:-0.65px;padding:0 44px}}.hy-large-process-flow__phase-container__phase__content__description{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:1rem;line-height:24px;letter-spacing:0;margin-bottom:24px;padding:0 56px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__content__description{padding:0 44px}}.hy-large-process-flow__phase-container__phase__content__links{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:0;padding:0 56px}@media (min-width: 30rem){.hy-large-process-flow__phase-container__phase__content__links{margin-right:-6px;padding:0}}.hy-large-process-flow__phase-container__phase__content__links .phase-link{margin-bottom:8px}.hy-large-process-flow__phase-container__phase__content__links .phase-link.last{margin-bottom:0}";
 
 const HyLargeProcessFlowPhase = class {
   constructor(hostRef) {

package/dist/cjs/hy-large-process-flow.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 const globalScript = require('./globalScript-1c4e262e.js');
 
-const hyLargeProcessFlowCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-large-process-flow{max-width:100%;padding-top:8px;width:100%}@media (min-width: 30rem){.hy-large-process-flow{max-width:calc(100% / 8 * 7 + var(--gutter-narrow));padding-top:0}}@media (min-width: 60rem){.hy-large-process-flow{max-width:calc(100% / 12 * 8 + var(--gutter-wide))}}@media (min-width: 75.0625rem){.hy-large-process-flow{max-width:calc(100% / 12 * 8 + var(--gutter-extrawide))}}.hy-large-process-flow h3.hy-heading{font-size:20px}@media (min-width: 30rem){.hy-large-process-flow h3.hy-heading{font-size:32px}}.hy-large-process-flow__first-phase h3.hy-heading{margin-bottom:8px;padding:24px 0 !important}@media (min-width: 30rem){.hy-large-process-flow__first-phase h3.hy-heading{margin-bottom:24px;margin-top:16px}}.hy-large-process-flow__multi-phase-title{position:relative}.hy-large-process-flow__multi-phase-title:after{background-color:var(--grayscale-background-arrow);bottom:0;content:\" \";display:inline-block;height:100%;left:26.5px;position:absolute;width:8px;z-index:-1}@media (min-width: 30rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 8 + var(--gutter-narrow) + 26.5px)}}@media (min-width: 60rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 12 + var(--gutter-wide) + 26.5px)}}@media (min-width: 75.0625rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 12 + var(--gutter-extrawide) + 26.5px)}}.hy-large-process-flow__multi-phase-title h3.hy-heading{background-color:var(--grayscale-white);margin:1.5rem 0 1.5rem;padding:8px 0 !important}@media (min-width: 30rem){.hy-large-process-flow__multi-phase-title h3.hy-heading{margin:48px 0;padding:16px 0 !important}}";
+const hyLargeProcessFlowCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-large-process-flow{max-width:100%;padding-top:8px;width:100%}@media (min-width: 30rem){.hy-large-process-flow{max-width:calc(100% / 8 * 7 + var(--gutter-narrow));padding-top:0}}@media (min-width: 60rem){.hy-large-process-flow{max-width:calc(100% / 12 * 8 + var(--gutter-wide))}}@media (min-width: 75.0625rem){.hy-large-process-flow{max-width:calc(100% / 12 * 8 + var(--gutter-extrawide))}}.hy-large-process-flow h3.hy-heading{font-size:20px}@media (min-width: 30rem){.hy-large-process-flow h3.hy-heading{font-size:32px}}.hy-large-process-flow__first-phase h3.hy-heading{margin-bottom:8px;padding:24px 0 !important}@media (min-width: 30rem){.hy-large-process-flow__first-phase h3.hy-heading{margin-bottom:24px;margin-top:16px}}.hy-large-process-flow__multi-phase-title{position:relative}.hy-large-process-flow__multi-phase-title:after{background-color:var(--grayscale-background-arrow);bottom:0;content:\" \";display:inline-block;height:100%;left:26.5px;position:absolute;width:8px;z-index:-1}@media (min-width: 30rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 8 + var(--gutter-narrow) + 26.5px)}}@media (min-width: 60rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 12 + var(--gutter-wide) + 26.5px)}}@media (min-width: 75.0625rem){.hy-large-process-flow__multi-phase-title:after{left:calc(100% / 12 + var(--gutter-extrawide) + 26.5px)}}.hy-large-process-flow__multi-phase-title h3.hy-heading{background-color:var(--grayscale-white);margin:1.5rem 0 1.5rem;padding:8px 0 !important}@media (min-width: 30rem){.hy-large-process-flow__multi-phase-title h3.hy-heading{margin:48px 0;padding:16px 0 !important}}";
 
 const HyLargeProcessFlow = class {
   constructor(hostRef) {

package/dist/cjs/hy-link-box-list.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 const globalScript = require('./globalScript-1c4e262e.js');
 
-const linkBoxListCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-link-box-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;width:100%}@media (min-width: 30rem){.hy-link-box-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;max-width:100%}}@media (min-width: 60rem){.hy-link-box-list{margin:0 auto}}";
+const linkBoxListCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-link-box-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;width:100%}@media (min-width: 30rem){.hy-link-box-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;max-width:100%}}@media (min-width: 60rem){.hy-link-box-list{margin:0 auto}}";
 
 const LinkBoxList = class {
   constructor(hostRef) {

package/dist/cjs/hy-link-box.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 
-const linkBoxCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;margin-right:0;max-width:100%;position:relative;width:100%}@media (min-width: 30rem){:host{margin-right:var(--gutter-narrow)}}@media (min-width: 60rem){:host{margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host{margin-right:var(--gutter-extrawide)}}:host(.big){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.big){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.big){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){:host(.big){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}:host(.small){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.small){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2)}}@media (min-width: 75.0625rem){:host(.small){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2)}}@media (min-width: 60rem){:host(.content.big:nth-of-type(3n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}}:host(:nth-of-type(2n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}@media (min-width: 30rem){:host(:nth-of-type(2n+0)){margin-right:0}}@media (min-width: 60rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-extrawide)}}:host(.small:nth-of-type(4n+0)){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small:nth-of-type(4n+0)){margin-right:0}}:host(:last-of-type){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.hy-link-box-container{position:relative;width:100%}.hy-link-box-container:hover{cursor:pointer}.hy-link-box__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__landing .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 12px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.6px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:20px;word-break:break-word}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:16px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.5rem;line-height:30px;color:var(--grayscale-black);letter-spacing:-0.7px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container__title{margin-top:24px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:18px}}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__title__common{font-size:1.5rem;line-height:30px;letter-spacing:-0.7px}.hy-link-box__landing .hy-link-box__text-container__title__large{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__large.image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__landing .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:12px}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__description__common{font-size:0.875rem;line-height:18px;letter-spacing:-0.2px}.hy-link-box__landing .hy-link-box__text-container__description__large{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__description{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}.hy-link-box__content .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__content .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container{padding:0 12px}}.hy-link-box__content .hy-link-box__text-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.5px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:24px;word-break:break-word}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:16px}}@media (min-width: 75.0625rem){.hy-link-box__content .hy-link-box__text-container__title__common{font-size:1.125rem;line-height:22px;letter-spacing:-0.5px}.hy-link-box__content .hy-link-box__text-container__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__large__image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__content .hy-link-box__text-container__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__content .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:10px}.hy-link-box .hy-link-box__text-container__title__hover{color:var(--brand-main);text-decoration:underline}.hy-icon-wrapper{background-color:var(--brand-main-light);bottom:12px;overflow:hidden;position:absolute;right:-6px;z-index:10}.hy-icon-wrapper__hover{background-color:var(--brand-main)}.hy-link-box-link{display:block}.hy-link-box-link svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);fill:var(--grayscale-white);height:32px;padding:6px;width:32px}.hy-link-box-link__external{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width: 75.0625rem){.hy-link-box-link__landing.large svg{height:40px;padding:8px;width:40px}}@media (min-width: 1601px){.hy-link-box-link__landing svg{height:40px;padding:8px;width:40px}}";
+const linkBoxCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;margin-right:0;max-width:100%;position:relative;width:100%}@media (min-width: 30rem){:host{margin-right:var(--gutter-narrow)}}@media (min-width: 60rem){:host{margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host{margin-right:var(--gutter-extrawide)}}:host(.big){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.big){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.big){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){:host(.big){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}:host(.small){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.small){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2)}}@media (min-width: 75.0625rem){:host(.small){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2)}}@media (min-width: 60rem){:host(.content.big:nth-of-type(3n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}}:host(:nth-of-type(2n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}@media (min-width: 30rem){:host(:nth-of-type(2n+0)){margin-right:0}}@media (min-width: 60rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-extrawide)}}:host(.small:nth-of-type(4n+0)){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small:nth-of-type(4n+0)){margin-right:0}}:host(:last-of-type){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.hy-link-box-container{position:relative;width:100%}.hy-link-box-container:hover{cursor:pointer}.hy-link-box__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__landing .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 12px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.6px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:20px;word-break:break-word}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:16px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.5rem;line-height:30px;color:var(--grayscale-black);letter-spacing:-0.7px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container__title{margin-top:24px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:18px}}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__title__common{font-size:1.5rem;line-height:30px;letter-spacing:-0.7px}.hy-link-box__landing .hy-link-box__text-container__title__large{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__large.image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__landing .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:12px}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__description__common{font-size:0.875rem;line-height:18px;letter-spacing:-0.2px}.hy-link-box__landing .hy-link-box__text-container__description__large{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__description{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}.hy-link-box__content .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__content .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container{padding:0 12px}}.hy-link-box__content .hy-link-box__text-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.5px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:24px;word-break:break-word}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:16px}}@media (min-width: 75.0625rem){.hy-link-box__content .hy-link-box__text-container__title__common{font-size:1.125rem;line-height:22px;letter-spacing:-0.5px}.hy-link-box__content .hy-link-box__text-container__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__large__image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__content .hy-link-box__text-container__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__content .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:10px}.hy-link-box .hy-link-box__text-container__title__hover{color:var(--brand-main);text-decoration:underline}.hy-icon-wrapper{background-color:var(--brand-main-light);bottom:12px;overflow:hidden;position:absolute;right:-6px;z-index:10}.hy-icon-wrapper__hover{background-color:var(--brand-main)}.hy-link-box-link{display:block}.hy-link-box-link svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);fill:var(--grayscale-white);height:32px;padding:6px;width:32px}.hy-link-box-link__external{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width: 75.0625rem){.hy-link-box-link__landing.large svg{height:40px;padding:8px;width:40px}}@media (min-width: 1601px){.hy-link-box-link__landing svg{height:40px;padding:8px;width:40px}}";
 
 let keys = {
   enter: 'Enter',

package/dist/cjs/hy-link-list.cjs.entry.js

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-52aea450.js');
-const utils = require('./utils-250efadd.js');
+const utils = require('./utils-f2f5569b.js');
 const globalScript = require('./globalScript-1c4e262e.js');
 
-const hyLinkListCss = ":root{--brand-main:#0e688b;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-link-list .list-title{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-size:16px;font-weight:bold;letter-spacing:-0.5px;line-height:24px;margin:0;padding-bottom:19px;text-transform:uppercase}@media (min-width: 30rem){.hy-link-list .list-title{font-size:18px;letter-spacing:-0.56px}}.hy-link-list hy-cta-link{background-color:var(--grayscale-background-box);margin:8px 0}";
+const hyLinkListCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow:#f9a21a;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-link-list{margin-bottom:32px}.hy-link-list__links{display:grid;gap:16px;list-style:none;margin:0;padding:0}@media (min-width: 30rem){.hy-link-list__links--grid{gap:16px 24px;grid-template-columns:repeat(2, 1fr)}}@media (min-width: 60rem){.without-sidebar .hy-link-list__links--grid.col-3{gap:16px 24px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 75.0625rem){.without-sidebar .hy-link-list__links--grid.col-3{gap:16px 32px}}@media (min-width: 60rem){.without-sidebar .hy-link-list__links--grid.col-4{gap:16px 24px;grid-template-columns:repeat(4, 1fr)}}@media (min-width: 75.0625rem){.without-sidebar .hy-link-list__links--grid.col-4{gap:16px 32px}}@media (min-width: 75.0625rem){.with-sidebar .hy-link-list__links--grid.col-3{gap:16px 24px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1601px){.with-sidebar .hy-link-list__links--grid.col-3{gap:16px 32px}}@media (min-width: 75.0625rem){.with-sidebar .hy-link-list__links--grid.col-4{gap:16px 24px;grid-template-columns:repeat(4, 1fr)}}@media (min-width: 1601px){.with-sidebar .hy-link-list__links--grid.col-4{gap:16px 32px}}.hy-link-list__title{font-weight:700;font-family:var(--main-font-family);margin:0 0 32px;color:var(--brand-main-nearly-black)}.is-content-page h2.hy-link-list__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.82px}@media (min-width: 30rem){.is-content-page h2.hy-link-list__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-content-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-content-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.is-front-page h2.hy-link-list__title,.is-landing-page h2.hy-link-list__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.is-front-page h2.hy-link-list__title,.is-landing-page h2.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h2.hy-link-list__title,.without-sidebar .is-landing-page h2.hy-link-list__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 1601px){.with-sidebar .is-front-page h2.hy-link-list__title,.with-sidebar .is-landing-page h2.hy-link-list__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-two-columns h2.hy-link-list__title{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;margin-bottom:16px;text-transform:none}@media (min-width: 75.0625rem){.without-sidebar .hy-two-columns h2.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.with-sidebar .hy-two-columns h2.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}.is-content-page h3.hy-link-list__title{font-size:1.3125rem;line-height:28px;letter-spacing:-0.42px}@media (min-width: 30rem){.is-content-page h3.hy-link-list__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.is-front-page h3.hy-link-list__title,.is-landing-page h3.hy-link-list__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.52px}@media (min-width: 30rem){.is-front-page h3.hy-link-list__title,.is-landing-page h3.hy-link-list__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h3.hy-link-list__title,.without-sidebar .is-landing-page h3.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-front-page h3.hy-link-list__title,.with-sidebar .is-landing-page h3.hy-link-list__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-two-columns h3.hy-link-list__title{font-size:1.125rem;line-height:22px;letter-spacing:-0.45px;margin-bottom:16px;text-transform:none}@media (min-width: 75.0625rem){.without-sidebar .hy-two-columns h3.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 1601px){.with-sidebar .hy-two-columns h3.hy-link-list__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}";
 
 const HyLinkList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.headerstyle = 'default';
     this.listHeading = '';
+    this.headingVariant = 'h2';
   }
   async componentWillLoad() {
     this._dataItems = await globalScript.jsonParserWorker(this.dataItems);
@@ -26,12 +27,14 @@ const HyLinkList = class {
     }
   }
   render() {
-    const classAttributes = ['hy-link-list', `hy-link-list__${this.headerstyle}`].join(' ');
     const linkVariant = utils.CtaLinkVariants.linkList;
+    const HeadingVariant = this.headingVariant.toLowerCase();
+    let columnType = 'col-3';
+    if (this._dataItems.length === 7 || this._dataItems.length % 4 === 0) {
+      columnType = 'col-4';
+    }
     return [
-      index.h("div", { class: classAttributes }, this.listHeading.length > 0 && index.h("h3", { class: 'list-title' }, this.listHeading), this._dataItems.map((x) => {
-        return (index.h("hy-cta-link", { variant: linkVariant, "link-content": x.heading, "sc-label": x.ariaLabel, url: x.url, "is-external": x.isExternal }));
-      })),
+      index.h("section", { class: `hy-link-list hy-link-list__${this.headerstyle}` }, this.listHeading.length > 0 && (index.h(HeadingVariant, { class: 'hy-link-list__title' }, this.listHeading)), index.h("ul", { class: `hy-link-list__links hy-link-list__links--${this.variation} ${this.variation === 'grid' ? columnType : ''}` }, this._dataItems.map(({ heading, ariaLabel, url, isExternal }) => (index.h("li", { class: "hy-link-list__links-item" }, index.h("hy-cta-link", { variant: linkVariant, "link-content": heading, "sc-label": ariaLabel, url: url, "is-external": isExternal })))))),
     ];
   }
   get el() { return index.getElement(this); }