/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/feature-scroller/src/feature-scroller.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root{--blue-700:#005187;--blue-800:#023151;--orange-500:#ef7723;--red-500:#893030;--red-700:#581f1f;--red-800:#481414;--theme-color:var(--blue-700);--theme-background:var(--white);--green-700:#156938;--grey-50:#f0f0f0;--grey-100:#e0e0e0;--grey-400:#B0ABA5;--grey-600:#5B5C59;--grey-800:#3c3c3b;--white:#ffffff;--black:#000000;--border-color:var(--grey-100);--text-color:var(--black);--text-color-dark:var(--black);--text-color-light:var(--white);--font-base:"Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-special:"HvDTrial Pluto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading-weight:300;--bold:600;--theme-fs-base:1.6rem;--theme-fs-h1:5.6rem;--theme-fs-h2:4.4rem;--theme-fs-h3:3.3rem;--theme-fs-h4:2.2rem;--theme-fs-h5:1.6rem;--theme-fs-small-base:1.4rem;--theme-fs-small-h1:3.2rem;--theme-fs-small-h2:2.8rem;--theme-fs-small-h3:2.4rem;--theme-fs-small-h4:1.8rem;--theme-fs-small-h5:1.4rem;--button-radius:0.4rem;--container-radius:0.8rem;--media-radius:0.4rem;--padding-none:0rem;--padding-small:1.2rem;--padding-default:6.0rem;--padding-large:8.0rem;--margin-none:0rem;--margin-small:0.8rem;--margin-default:1.6rem;--margin-large:3.2rem;--degrees:-55deg;--row-maxwidth:var(--max-width-default);--row-margin-inline:3vw;--grid-gutter:2rem;--max-width-default:130rem;--max-width-medium:108rem;--max-width-text:91rem}.twz-feature-scroller{--twz-feature-scroller-height:100vh;--twz-feature-scroller-padding-top:7rem;--twz-feature-scroller-padding-bottom:8rem;--twz-feature-scroller-padding:var(--twz-feature-scroller-padding-top) var(--twz-feature-scroller-padding-bottom);--twz-feature-scroller-item-gap:1rem;--twz-feature-scroller-grid-gap:10.1rem;--twz-feature-scroller-border-width:0.5rem;--twz-feature-scroller-progress-height:0%;--twz-feature-scroller-content-gap:4rem;position:relative;width:var(--grid-width);margin:0 auto;height:var(--twz-feature-scroller-height-override,var(--twz-feature-scroller-height));border-bottom:1px solid var(--border-color,var(--grey-100))}@media (max-width:767px){.twz-feature-scroller{--twz-feature-scroller-padding:5rem 4rem;--twz-feature-scroller-grid-gap:0;height:auto;width:100%;border-bottom:none}}.row:has(>.twz-feature-scroller){width:100%;padding-block:0}.twz-feature-scroller__inner{position:sticky;top:calc(var(--nav-height, 0px) * 0.75);padding-block:var(--twz-feature-scroller-padding);display:flex}@media (min-width:768px){.twz-feature-scroller__inner{min-height:calc(100vh - var(--nav-height, 0px) * 0.75)}}@media (max-width:767px){.twz-feature-scroller__heading{transition:all 0.3s ease;padding-inline:var(--row-margin-inline)}.twz-feature-scroller__heading[data-sticky]{position:sticky;top:calc(var(--nav-height) - (var(--nav-topbar-height)) + 10px);z-index:100}.twz-feature-scroller__heading:not([data-sticky-status=pinned]){padding-bottom:1.5rem}.twz-feature-scroller__heading[data-sticky-status=pinned]{--heading-gap:3rem;--heading-padding:1rem;display:flex;gap:calc(var(--heading-gap) * 0.5);align-items:center;background-color:var(--white);padding-block:var(--heading-padding)}.twz-feature-scroller__heading[data-sticky-status=pinned]::before{translate:0 0;opacity:1}.twz-feature-scroller__heading[data-sticky-status=pinned] :is(h2,h3,h4,h5,h6):only-child{position:relative;font-size:2rem;word-wrap:inherit;width:auto;opacity:.95;transition:font-size 0.4s ease-out,width 0.4s ease-out 0.2s,opacity 0.3s ease-out 0.15s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:85vw;border-left:1px solid var(--grey-100);padding-left:calc(var(--heading-gap) * 0.5)}.twz-feature-scroller__heading[data-sticky-status=pinned] :is(h2,h3,h4,h5,h6):only-child::before{content:"";position:absolute;inset-inline-start:calc(var(--heading-gap) * 0.5 * -1);inset-block:calc(var(--heading-padding) * -1);width:1px;background-color:var(--grey-100)}}@media (min-width:768px){.twz-feature-scroller__heading{position:relative;width:100%;padding-inline-start:var(--twz-feature-scroller-content-gap);padding-block-end:3rem;transition:background-color 0.3s ease,padding-block 0.3s ease}}.twz-feature-scroller__heading :is(h2,h3,h4,h5,h6){transition:font-size 0.4s ease-out,opacity 0.2s ease-out}.twz-feature-scroller__heading :is(h2,h3,h4,h5,h6):only-child{word-break:auto-phrase;max-width:55ch;transition:font-size 0.4s ease-out,width 0.4s ease-out 0.2s,opacity 0.2s ease-out}.twz-feature-scroller__heading::before{transition:0.3s ease 0.15s;opacity:0;translate:-2rem 0}@media (max-width:767px){.twz-feature-scroller__heading::before{content:attr(data-counter-update);font-size:var(--theme-fs-base);min-width:-moz-fit-content;min-width:fit-content}}.twz-feature-scroller__heading::after{content:"";position:absolute;inset-block-end:0;background-color:var(--grey-100);height:1px;left:0;right:0}.twz-feature-scroller__grid{display:grid;grid-template-columns:55% 1fr;width:100%}@media (max-width:767px){.twz-feature-scroller__grid{grid-template-columns:1fr;gap:var(--twz-feature-scroller-item-gap)}}.twz-feature-scroller__images{position:relative;min-block-size:clamp(30rem, 40vh, 70vh)}@media (max-width:767px){.twz-feature-scroller__images{order:-1;min-height:auto}}.twz-feature-scroller__images:after{content:"";position:absolute;inset-inline-end:0;background-color:var(--grey-100);width:1px;top:calc(var(--twz-feature-scroller-padding-top) * -1);bottom:calc(var(--twz-feature-scroller-padding-bottom) * -1)}.twz-feature-scroller__image-wrapper{position:absolute;inset:0;transition:opacity 0.6s ease-out,visibility 0.6s ease-out;pointer-events:none}@media (min-width:768px){.twz-feature-scroller__image-wrapper:not(.active){opacity:0;visibility:hidden;pointer-events:none}}@media (max-width:767px){.twz-feature-scroller__image-wrapper{position:relative}}.twz-feature-scroller__image-wrapper img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.twz-feature-scroller__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}@media (max-width:767px){.twz-feature-scroller__image{-o-object-fit:cover;object-fit:cover}}.twz-feature-scroller__list{display:flex;flex-direction:column;gap:var(--twz-feature-scroller-item-gap)}.twz-feature-scroller__items{counter-reset:feature_scroller_items;padding-block-start:1.5rem}.twz-feature-scroller__item{position:relative;padding-block:1rem;transition:border-color 0.3s ease-out;max-width:55ch;counter-increment:feature_scroller_items}@media (max-width:767px){.twz-feature-scroller__item{padding-inline:var(--row-margin-inline);display:flex;flex-direction:column;gap:1.5rem}.twz-feature-scroller__item:not(:last-child){padding-block-end:4rem}}@media (min-width:768px){.twz-feature-scroller__item{border-inline-start:var(--twz-feature-scroller-border-width) solid transparent;padding-inline-start:var(--twz-feature-scroller-content-gap)}.twz-feature-scroller__item::before{content:"";position:absolute;inset-inline-start:-.5rem;inset-block-start:0;width:var(--twz-feature-scroller-border-width);height:var(--twz-feature-scroller-progress-height);background-color:var(--theme-color,var(--red-500));transition:height 0.1s ease-out}.twz-feature-scroller__item.active{border-color:color-mix(in srgb,var(--theme-color) 50%,transparent)}.twz-feature-scroller__item.active .twz-feature-scroller__item-title{opacity:1;font-weight:700}.twz-feature-scroller__item.active .twz-feature-scroller__item-content{max-height:50rem;opacity:1}.twz-feature-scroller__item:not(.active) .twz-feature-scroller__item-title{opacity:.4}.twz-feature-scroller__item:not(.active) .twz-feature-scroller__item-content{max-height:0;opacity:0}}.twz-feature-scroller__item-content{overflow:clip;transition:max-height 0.6s ease-out,opacity 0.6s ease-out}@media (max-width:767px){.twz-feature-scroller__item-content{max-height:none;opacity:1}}.twz-feature-scroller__item-content p{font-size:1.8rem}.twz-feature-scroller__title-group{display:none}@media (max-width:767px){.twz-feature-scroller__title-group{position:fixed;left:0;right:0;z-index:99;display:flex;flex-direction:column;gap:.5rem;padding:1rem var(--row-margin-inline);background-color:var(--white);pointer-events:none;border-bottom:var(--twz-feature-scroller-border-width) solid #DDB8B8;transition:translate 0.3s ease-out}.twz-feature-scroller__title-group:not(.active){opacity:0;translate:0 -100%}.twz-feature-scroller__title-group:not(:has(.active)){translate:0 -100%}.twz-feature-scroller__title-group::before{content:"";position:absolute;inset-inline-start:calc(var(--row-margin-inline) * -1);inset-block-end:calc(var(--twz-feature-scroller-border-width) * -1);width:var(--twz-feature-scroller-progress-height);height:var(--twz-feature-scroller-border-width);background-color:var(--red-500,#581f1f);transition:height 0.1s ease-out}.twz-feature-scroller__title-group span{margin:0;font-weight:700}.twz-feature-scroller__title-group span:not(.active){display:none}}.twz-feature-scroller__skip-button{margin-top:1rem}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/metalsolutions/components/feature-scroller/src/feature-scroller.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root{--blue-700:#005187;--blue-800:#023151;--orange-500:#ef7723;--red-500:#893030;--red-700:#581f1f;--red-800:#481414;--theme-color:var(--blue-700);--theme-background:var(--white);--green-700:#156938;--grey-50:#f0f0f0;--grey-100:#e0e0e0;--grey-400:#B0ABA5;--grey-600:#5B5C59;--grey-800:#3c3c3b;--white:#ffffff;--black:#000000;--border-color:var(--grey-100);--text-color:var(--black);--text-color-dark:var(--black);--text-color-light:var(--white);--font-base:"Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-special:"HvDTrial Pluto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading-weight:300;--bold:600;--theme-fs-base:1.6rem;--theme-fs-h1:5.6rem;--theme-fs-h2:4.4rem;--theme-fs-h3:3.3rem;--theme-fs-h4:2.2rem;--theme-fs-h5:1.6rem;--theme-fs-small-base:1.4rem;--theme-fs-small-h1:3.2rem;--theme-fs-small-h2:2.8rem;--theme-fs-small-h3:2.4rem;--theme-fs-small-h4:1.8rem;--theme-fs-small-h5:1.4rem;--button-radius:0.4rem;--container-radius:0.8rem;--media-radius:0.4rem;--padding-none:0rem;--padding-small:1.2rem;--padding-default:6.0rem;--padding-large:8.0rem;--margin-none:0rem;--margin-small:0.8rem;--margin-default:1.6rem;--margin-large:3.2rem;--degrees:-55deg;--row-maxwidth:var(--max-width-default);--row-margin-inline:3vw;--grid-gutter:2rem;--max-width-default:130rem;--max-width-medium:108rem;--max-width-text:91rem}.twz-feature-scroller{--theme-color:var(--orange-500)}