diff --git a/dist/css/nav_global.min.css b/dist/css/nav_global.min.css index 5b0458520..d66e3ddd7 100644 --- a/dist/css/nav_global.min.css +++ b/dist/css/nav_global.min.css @@ -1 +1 @@ -.mmenu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background:#f7f7f8;display:none;width:100vw;z-index:2}.mmenu--visible{display:block}@media(min-width: 992px){.mmenu--visible{display:none}}.mmenu__loading{align-items:center;display:flex;justify-content:center;text-align:center;width:100vw}.mmenu__loading .hds-loading-spinner{left:auto;position:relative;top:auto}.mmenu__panels{background:#f7f7f8;display:grid;grid-template-areas:"panels";grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain}.mmenu__panel{--transition-opacity-delay: 0.2s;background-color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;grid-area:panels;height:var(--menu-height);max-height:var(--menu-max-height);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;padding-top:16px;transition-delay:0s,var(--transition-opacity-delay);transition-duration:.2s,0s;transition-property:transform,opacity;width:100vw}@media(prefers-reduced-motion){.mmenu__panel{transition-duration:0s,0s}}.mmenu__panel--current{--transition-opacity-delay: 0s}.mmenu__panel--visible{opacity:1;transform:translateX(0);transition-timing-function:ease-out}.mmenu__panel--visible-right{opacity:0;transform:translateX(100vw);transition-timing-function:ease-in}.mmenu__panel--visible-left{opacity:0;transform:translateX(-50vw);transition-timing-function:ease-in}.mmenu__back{align-items:start;background-color:#fff;border:0;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-template-areas:"icon label";grid-template-columns:40px auto;grid-template-rows:auto;justify-items:center;margin-top:-5px;padding:5px 12px;position:relative;width:100%}.mmenu__back::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:32px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;transition:transform .2s linear;grid-area:icon;margin-top:4px}@media(prefers-reduced-motion){.mmenu__back::before{transition:none}}.mmenu__back::after{background:#f7f7f8;content:"";display:block;grid-area:icon;height:40px;width:40px}.mmenu__back:hover,.mmenu__back:active{text-decoration:underline}.mmenu__back:hover::before,.mmenu__back:active::before{transform:translateX(-4px)}.mmenu__back:focus,.mmenu__back:active{outline:3px solid #000;outline-offset:-3px}.mmenu__back:focus::before,.mmenu__back:active::before{transform:translateX(-4px)}.mmenu__back-wrapper{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);color:#000;grid-area:label;justify-self:start;margin-top:8px}.mmenu__title-link{--line-height: 1.3333333333;font-size:1.5rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;margin-bottom:10px;min-height:50px;padding:5px 12px}.mmenu__title-link:hover,.mmenu__title-link:active{text-decoration:none}.mmenu__title-link:focus,.mmenu__title-link:active{outline:3px solid #000;outline-offset:-3px}.mmenu__items{background-color:#fff;border-bottom:1px solid #ccc;margin:0;margin-top:16px;padding:0}.mmenu__item{align-items:stretch;background:#fff;border-top:1px solid #ccc;display:flex;margin:0}.mmenu__item-link{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);align-items:center;flex-grow:1;padding-bottom:17px;padding-left:16px;padding-right:16px;padding-top:17px;position:relative;text-decoration:none}.mmenu__item-link::before{background:#000;bottom:0;content:"";display:block;flex-grow:0;flex-shrink:0;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:center left;transition:transform .1s ease-in;width:4px}@media(prefers-reduced-motion){.mmenu__item-link::before{transition-duration:0s}}.mmenu__item-link:hover,.mmenu__item-link:active{text-decoration:underline}.mmenu__item-link[aria-current=page],.mmenu__item-link:focus,.mmenu__item-link:active{outline:0 none}.mmenu__item-link[aria-current=page]::before,.mmenu__item-link:focus::before,.mmenu__item-link:active::before{transform:scaleX(1)}.mmenu__item-link[aria-current=page]:focus{text-decoration:underline}.mmenu__title-link--in-path,.mmenu__item-link--in-path{font-weight:700}.mmenu__item-link--injected,.mmenu__item-link--injected+.mmenu__forward{background:#f1f1f1}.mmenu__forward{align-items:center;background:none;border:0;border-left:1px solid #ccc;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;width:64px}.mmenu__forward::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-right);mask-image:var(--hel-icon--angle-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear}@media(prefers-reduced-motion){.mmenu__forward::before{transition:none}}.mmenu__forward:hover::before,.mmenu__forward:focus::before,.mmenu__forward:active::before{transform:translateX(4px)}.mmenu__forward:focus,.mmenu__forward:active{outline:3px solid #000;outline-offset:-3px}.mmenu__footer{background:#f7f7f8;flex-grow:1;padding-bottom:16px;padding-top:16px}.mmenu__footer .menu{list-style:none;margin:0;padding:0}.mmenu__footer .menu__item{margin:0;padding:0}.mmenu__footer .menu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;padding-bottom:8px;padding-left:16px;padding-right:16px;padding-top:8px;text-decoration:none}.mmenu__footer .menu__link:hover,.mmenu__footer .menu__link:active{text-decoration:underline}.mmenu__footer .menu__link:focus,.mmenu__footer .menu__link:active{outline:3px solid #000;outline-offset:-3px}.mmenu__logo{display:flex;justify-items:center;margin-bottom:64px;margin-top:48px}.mmenu__logo-link{display:block;margin-left:auto;margin-right:auto}.mmenu__logo .logo__icon{--height: 48px}#menu:not([data-js]){scroll-margin-top:100vh}.nav-toggle{align-items:center;display:flex}.nav-toggle--search{grid-area:search}.nav-toggle--menu{grid-area:toggle}.nav-toggle--otherlangs{align-items:stretch;align-self:stretch}@media(min-width: 992px){.nav-toggle--otherlangs{align-items:center}}.nav-toggle__anchor{display:grid}.nav-toggle__anchor,.nav-toggle__button{grid-template-areas:"link";z-index:2}.nav-toggle__button{background-color:rgba(0,0,0,0);border:0 none;cursor:pointer;display:none;padding:0}.nav-toggle__button:focus{outline:0 none}.mega-and-mobilemenu .mobile-menu-fallback,.mega-and-mobilemenu .mmenu__footer{padding-top:16px}@media(min-width: 992px){.mega-and-mobilemenu .mobile-menu-fallback,.mega-and-mobilemenu .mmenu__footer{display:none}}.nav-toggle__label{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;color:#1a1a1a;cursor:pointer;display:grid;grid-area:link;grid-column:auto;grid-template-areas:"icon" "label";padding:5px;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle__label span{grid-area:label}.nav-toggle__label:hover,.nav-toggle__label:active,.nav-toggle__button:hover .nav-toggle__label,.nav-toggle__button:active .nav-toggle__label{text-decoration:underline}.nav-toggle__label:focus,.nav-toggle__label:active,.nav-toggle__button:focus .nav-toggle__label,.nav-toggle__button:active .nav-toggle__label{outline:3px solid #000;outline-offset:-3px}.nav-toggle__label::before{align-self:end;grid-area:icon;justify-self:center}.nav-toggle__label.nav-toggle__label{grid-area:link}.nav-toggle--menu .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--search .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--otherlangs .nav-toggle__label{align-self:stretch;grid-area:link;grid-column:auto min-content;grid-template-areas:"icon arrow" "label .";min-height:2.625rem}@media(min-width: 992px){.nav-toggle--otherlangs .nav-toggle__label{min-height:3.5rem}}.nav-toggle--otherlangs .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.nav-toggle--otherlangs .nav-toggle__label::after{transition:transform .2s ease-in;background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-down);mask-image:var(--hel-icon--angle-down);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:end;content:"";grid-area:arrow}@media(prefers-reduced-motion){.nav-toggle--otherlangs .nav-toggle__label::after{transition:none}}.nav-toggle .nav-toggle__label--close{visibility:hidden}.nav-toggle--menu .nav-toggle__label--close::before,.nav-toggle--search .nav-toggle__label--close::before{-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross)}.nav-toggle-dropdown{max-width:100vw;overflow:hidden;pointer-events:none;position:absolute;width:100%}@media(min-width: 992px){.nav-toggle-dropdown{width:100%;z-index:100}}@media(min-width: 992px){.nav-toggle-dropdown{max-width:min(1920px,100vw)}}@media(prefers-reduced-motion){.nav-toggle-dropdown{transition:none !important}}.nav-toggle-dropdown--menu,.nav-toggle-dropdown--search{grid-area:menu}.nav-toggle-dropdown__wrapper{overflow:hidden;transform:translateY(-100%);transition:transform .3s ease-in,visibility 0s linear .3s;visibility:hidden}@media(prefers-reduced-motion){.nav-toggle-dropdown__wrapper{transition:none !important}}.nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper,.nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper{border-bottom:1px solid #ccc}.nav-toggle-dropdown__content{--menu-height: 100vh;--menu-max-height: calc(var(--menu-height) - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px);height:var(--menu-height);max-height:var(--menu-max-height);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;pointer-events:all;transform:translateY(100%);transition:transform .3s ease-in}@supports(height: 100dvh){.nav-toggle-dropdown__content{--menu-height: 100dvh}}@media(min-width: 992px){.nav-toggle-dropdown__content{--menu-height: auto}}@media(min-width: 992px){.nav-toggle-dropdown__content{--menu-height: auto;--menu-max-height: none}}@media(prefers-reduced-motion){.nav-toggle-dropdown__content{transition:none !important}}.nav-toggle-dropdown--menu .nav-toggle-dropdown__content{background-color:#fff}#menu[data-js]~* .nav-toggle__anchor{display:none}#menu[data-js]~* .nav-toggle__button{display:grid}#menu[data-js]~* .nav-toggle-dropdown__content{overflow-y:hidden}#menu[data-js]~* .mega-and-mobilemenu .mobile-menu-fallback,#menu[data-js]~* .mega-and-mobilemenu .mmenu__footer{display:none}#menu:not([data-js])~* .nav-toggle-dropdown__wrapper,#menu:not([data-js])~* .nav-toggle-dropdown__content{transition:none}@media(max-width: 992px){.nav-toggle-target:target~.wrapper>*:not(.header),.nav-toggle-target:target~.footer,.nav-toggle-target[data-target=true]~.wrapper>*:not(.header),.nav-toggle-target[data-target=true]~.footer{overflow:hidden;transition:display 0s linear 10s;visibility:hidden}}#menu:target~* .nav-toggle--menu .nav-toggle__label--open,#menu[data-target=true]~* .nav-toggle--menu .nav-toggle__label--open{visibility:hidden}#menu:target~* .nav-toggle--menu .nav-toggle__label--close,#menu[data-target=true]~* .nav-toggle--menu .nav-toggle__label--close{visibility:visible}#menu:target~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper,#menu[data-target=true]~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#menu:target~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__content,#menu[data-target=true]~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#search:target~* .nav-toggle--search .nav-toggle__label--open,#search[data-target=true]~* .nav-toggle--search .nav-toggle__label--open{visibility:hidden}#search:target~* .nav-toggle--search .nav-toggle__label--close,#search[data-target=true]~* .nav-toggle--search .nav-toggle__label--close{visibility:visible}#search:target~* .nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper,#search[data-target=true]~* .nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#search:target~* .nav-toggle-dropdown--search .nav-toggle-dropdown__content,#search[data-target=true]~* .nav-toggle-dropdown--search .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label--open,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label--open{visibility:hidden}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label--close,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label--close{visibility:visible}#otherlangs:target~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__wrapper,#otherlangs[data-target=true]~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#otherlangs:target~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content,#otherlangs[data-target=true]~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}@media(max-width: 992px){#menu:target~* .header-branding,#menu[data-target=true]~* .header-branding{border-bottom:0 none}}#menu:target~* .language-wrapper,#menu[data-target=true]~* .language-wrapper{display:none}@media(min-width: 992px){#menu:target~* .language-wrapper,#menu[data-target=true]~* .language-wrapper{display:flex}}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label::after,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label::after{transform:rotate(180deg)}@media(min-width: 992px){.mobile-menu{display:none}}[data-cssmenu-hide]{display:none !important}.megamenu{display:none;margin-top:16px;padding-left:32px}@media(min-width: 992px){.megamenu{display:block}}.megamenu__subnav{border-left:1px solid #ccc;padding-left:0}.megamenu__link{text-decoration:none}.megamenu__link:focus,.megamenu__link:active,.megamenu__link:hover{text-decoration:underline}.megamenu__item--level-2>.megamenu__link{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.megamenu__item--level-2>.megamenu__link{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.megamenu__item--level-3{margin-top:16px}.megamenu__item--level-3 .megamenu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;padding-left:16px}.megamenu__link[aria-current=page]{font-weight:700}.megamenu__item--level-3 .megamenu__link[aria-current=page]{border-left:4px solid #000;padding-left:12px}.megamenu__link.megamenu__link--in-path,.megamenu__link.is-active{font-weight:700}.megamenu__item{list-style:none;margin-left:0}.megamenu__item--level-2{margin-bottom:48px;margin-top:0}.megamenu:not(.megamenu__subnav){display:none}@media(min-width: 992px){.megamenu:not(.megamenu__subnav){margin-left:-8px;margin-right:-8px;display:flex;flex-wrap:wrap;max-width:min(1920px,100vw)}.megamenu:not(.megamenu__subnav)>*{margin-left:8px;margin-right:8px}}.megamenu__item.megamenu__item--level-2{--items-per-row: 3;width:calc(100%/var(--items-per-row) - 20px*var(--items-per-row)/(var(--items-per-row) - 1))}@media(min-width: 1440px){.megamenu__item.megamenu__item--level-2{--items-per-row: 4}} +.mmenu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background:#f7f7f8;display:none;width:100vw;z-index:2}.mmenu--visible{display:block}@media(min-width: 992px){.mmenu--visible{display:none}}.mmenu__loading{align-items:center;display:flex;justify-content:center;text-align:center;width:100vw}.mmenu__loading .hds-loading-spinner{left:auto;position:relative;top:auto}.mmenu__panels{background:#f7f7f8;display:grid;grid-template-areas:"panels";grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain}.mmenu__panel{--transition-opacity-delay: 0.2s;background-color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;grid-area:panels;height:var(--menu-height);max-height:var(--menu-max-height);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;padding-top:16px;transition-delay:0s,var(--transition-opacity-delay);transition-duration:.2s,0s;transition-property:transform,opacity;width:100vw}@media(prefers-reduced-motion){.mmenu__panel{transition-duration:0s,0s}}.mmenu__panel--current{--transition-opacity-delay: 0s}.mmenu__panel--visible{opacity:1;transform:translateX(0);transition-timing-function:ease-out}.mmenu__panel--visible-right{opacity:0;transform:translateX(100vw);transition-timing-function:ease-in}.mmenu__panel--visible-left{opacity:0;transform:translateX(-50vw);transition-timing-function:ease-in}.mmenu__back{align-items:start;background-color:#fff;border:0;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-template-areas:"icon label";grid-template-columns:40px auto;grid-template-rows:auto;justify-items:center;margin-top:-5px;padding:5px 12px;position:relative;width:100%}.mmenu__back::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:32px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;transition:transform .2s linear;grid-area:icon;margin-top:4px}@media(prefers-reduced-motion){.mmenu__back::before{transition:none}}.mmenu__back::after{background:#f7f7f8;content:"";display:block;grid-area:icon;height:40px;width:40px}.mmenu__back:hover,.mmenu__back:active{text-decoration:underline}.mmenu__back:hover::before,.mmenu__back:active::before{transform:translateX(-4px)}.mmenu__back:focus,.mmenu__back:active{outline:3px solid #000;outline-offset:-3px}.mmenu__back:focus::before,.mmenu__back:active::before{transform:translateX(-4px)}.mmenu__back-wrapper{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);color:#000;grid-area:label;justify-self:start;margin-top:8px}.mmenu__title-link{--line-height: 1.3333333333;font-size:1.5rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;margin-bottom:10px;min-height:50px;padding:5px 12px}.mmenu__title-link:hover,.mmenu__title-link:active{text-decoration:none}.mmenu__title-link:focus,.mmenu__title-link:active{outline:3px solid #000;outline-offset:-3px}.mmenu__items{background-color:#fff;border-bottom:1px solid #ccc;margin:0;margin-top:16px;padding:0}.mmenu__item{align-items:stretch;background:#fff;border-top:1px solid #ccc;display:flex;margin:0}.mmenu__item-link{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);align-items:center;flex-grow:1;padding-bottom:17px;padding-left:16px;padding-right:16px;padding-top:17px;position:relative;text-decoration:none}.mmenu__item-link::before{background:#000;bottom:0;content:"";display:block;flex-grow:0;flex-shrink:0;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:center left;transition:transform .1s ease-in;width:4px}@media(prefers-reduced-motion){.mmenu__item-link::before{transition-duration:0s}}.mmenu__item-link:hover,.mmenu__item-link:active{text-decoration:underline}.mmenu__item-link[aria-current=page],.mmenu__item-link:focus,.mmenu__item-link:active{outline:0 none}.mmenu__item-link[aria-current=page]::before,.mmenu__item-link:focus::before,.mmenu__item-link:active::before{transform:scaleX(1)}.mmenu__item-link[aria-current=page]:focus{text-decoration:underline}.mmenu__title-link--in-path,.mmenu__item-link--in-path{font-weight:700}.mmenu__item-link--injected,.mmenu__item-link--injected+.mmenu__forward{background:#f1f1f1}.mmenu__forward{align-items:center;background:none;border:0;border-left:1px solid #ccc;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;width:64px}.mmenu__forward::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-right);mask-image:var(--hel-icon--angle-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear}@media(prefers-reduced-motion){.mmenu__forward::before{transition:none}}.mmenu__forward:hover::before,.mmenu__forward:focus::before,.mmenu__forward:active::before{transform:translateX(4px)}.mmenu__forward:focus,.mmenu__forward:active{outline:3px solid #000;outline-offset:-3px}.mmenu__footer{background:#f7f7f8;flex-grow:1;padding-bottom:16px;padding-top:16px}.mmenu__footer .menu{list-style:none;margin:0;padding:0}.mmenu__footer .menu__item{margin:0;padding:0}.mmenu__footer .menu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;padding-bottom:8px;padding-left:16px;padding-right:16px;padding-top:8px;text-decoration:none}.mmenu__footer .menu__link:hover,.mmenu__footer .menu__link:active{text-decoration:underline}.mmenu__footer .menu__link:focus,.mmenu__footer .menu__link:active{outline:3px solid #000;outline-offset:-3px}.mmenu__logo{display:flex;justify-items:center;margin-bottom:64px;margin-top:48px}.mmenu__logo-link{display:block;margin-left:auto;margin-right:auto}.mmenu__logo .logo__icon{--height: 48px}.nav-toggle--search{grid-area:search}.nav-toggle--menu{grid-area:toggle}.nav-toggle--menu .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--search .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--menu .nav-toggle__label--close::before,.nav-toggle--search .nav-toggle__label--close::before{-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross)}.nav-toggle-dropdown--menu,.nav-toggle-dropdown--search{grid-area:menu}.nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper,.nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper{border-bottom:1px solid #ccc}.nav-toggle-dropdown--menu .nav-toggle-dropdown__content{background-color:#fff}@media(max-width: 992px){#menu:target~* .header-branding,#menu[data-target=true]~* .header-branding{border-bottom:0 none}}#menu:target~* .language-wrapper,#menu[data-target=true]~* .language-wrapper{display:none}@media(min-width: 992px){#menu:target~* .language-wrapper,#menu[data-target=true]~* .language-wrapper{display:flex}}#menu[data-js]~* .mega-and-mobilemenu .mobile-menu-fallback,#menu[data-js]~* .mega-and-mobilemenu .mmenu__footer{display:none}@media(min-width: 992px){.mobile-menu{display:none}}.megamenu{display:none;margin-top:16px;padding-left:32px}@media(min-width: 992px){.megamenu{display:block}}.megamenu__subnav{border-left:1px solid #ccc;padding-left:0}.megamenu__link{text-decoration:none}.megamenu__link:focus,.megamenu__link:active,.megamenu__link:hover{text-decoration:underline}.megamenu__item--level-2>.megamenu__link{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.megamenu__item--level-2>.megamenu__link{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.megamenu__item--level-3{margin-top:16px}.megamenu__item--level-3 .megamenu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;padding-left:16px}.megamenu__link[aria-current=page]{font-weight:700}.megamenu__item--level-3 .megamenu__link[aria-current=page]{border-left:4px solid #000;padding-left:12px}.megamenu__link.megamenu__link--in-path,.megamenu__link.is-active{font-weight:700}.megamenu__item{list-style:none;margin-left:0}.megamenu__item--level-2{margin-bottom:48px;margin-top:0}.megamenu:not(.megamenu__subnav){display:none}@media(min-width: 992px){.megamenu:not(.megamenu__subnav){margin-left:-8px;margin-right:-8px;display:flex;flex-wrap:wrap;max-width:min(1920px,100vw)}.megamenu:not(.megamenu__subnav)>*{margin-left:8px;margin-right:8px}}.megamenu__item.megamenu__item--level-2{--items-per-row: 3;width:calc(100%/var(--items-per-row) - 20px*var(--items-per-row)/(var(--items-per-row) - 1))}@media(min-width: 1440px){.megamenu__item.megamenu__item--level-2{--items-per-row: 4}} diff --git a/dist/css/nav_local.min.css b/dist/css/nav_local.min.css index 2db5a791c..efc48dfc4 100644 --- a/dist/css/nav_local.min.css +++ b/dist/css/nav_local.min.css @@ -1 +1 @@ -.cssmenu-toggle-checkbox{height:1px;margin-left:-100vw;opacity:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1px}.cssmenu-toggle-checkbox[data-js],.cssmenu-toggle-button,[data-js]~* .cssmenu-toggle{display:none}.cssmenu-toggle,[data-js]~* .cssmenu-toggle-button{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;color:#1a1a1a;cursor:pointer;display:grid;grid-area:toggle;grid-template-areas:"icon" "label";padding:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}@media(min-width: 992px){.cssmenu-toggle,[data-js]~* .cssmenu-toggle-button{display:none}}.cssmenu-toggle:focus,.cssmenu-toggle:hover,[data-js]~* .cssmenu-toggle-button:focus,[data-js]~* .cssmenu-toggle-button:hover{text-decoration:underline}.cssmenu-toggle::before,[data-js]~* .cssmenu-toggle-button::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;align-self:end;grid-area:icon;justify-self:center}[data-js]~* .cssmenu-toggle-button{background:rgba(0,0,0,0);border:0 none}.cssmenu-toggle-checkbox:focus~* .cssmenu-toggle,.cssmenu-toggle-button:focus{outline:3px solid #000;outline-offset:-3px;text-decoration:underline}.cssmenu-toggle__open,.cssmenu-toggle__close{align-self:top;grid-area:label;text-align:center}.cssmenu-toggle__close{visibility:hidden}.cssmenu-menu{--menu-transition-duration: 0.2s;background:#fff;box-shadow:0 16px 0 0 #000;display:grid;grid-area:menu;grid-template-areas:"lang" "nav" "footer";grid-template-rows:auto auto 1fr;height:100vh;max-height:calc(100vh - 0px - var(--branding-height) - 1px);max-height:calc(100vh - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px);max-width:100vw;overflow:auto;transition:max-height var(--menu-transition-duration) linear,visibility 0s linear 0s,margin-left 0s linear 0s,box-shadow 0s linear var(--menu-transition-duration);visibility:visible}@media(min-width: 768px){.cssmenu-menu{max-height:calc(100vh - 0px - var(--branding-height) - 1px);max-height:calc(100vh - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px);position:absolute;top:calc(0px + var(--branding-height));top:calc(var(--drupal-toolbar-height, 0px) + var(--branding-height));width:100%;z-index:100}}@media(min-width: 992px){.cssmenu-menu{display:none}}@media(prefers-reduced-motion){.cssmenu-menu{transition:none !important}}.cssmenu-toggle-checkbox:not(:checked)~* .cssmenu-menu{box-shadow:0 0 0 0 #000;margin-left:-200vw;max-height:0;transition:max-height var(--menu-transition-duration) linear,visibility 0s linear var(--menu-transition-duration),margin-left 0s linear var(--menu-transition-duration);visibility:hidden}.cssmenu-menu .block--language-switcher{display:none;grid-area:lang;margin-left:0;margin-right:0;width:auto}@media(min-width: 768px){.cssmenu-menu .block--language-switcher{display:none}}@media(max-width: 992px){.cssmenu-toggle-checkbox:checked~* .header-branding{border-bottom:0 none}}.cssmenu-toggle-checkbox:checked~* .header-branding>.block--language-switcher{display:none}@media(min-width: 768px){.cssmenu-toggle-checkbox:checked~* .header-branding>.block--language-switcher{display:block}}@media(max-width: 768px){.cssmenu-toggle-checkbox:checked~* .cssmenu-menu .block--language-switcher{display:block}}.cssmenu-toggle-checkbox:checked~* .cssmenu-toggle::before{-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross)}.cssmenu-toggle-checkbox:checked~* .cssmenu-toggle__open{visibility:hidden}.cssmenu-toggle-checkbox:checked~* .cssmenu-toggle__close{visibility:visible}@media(max-width: 992px){.cssmenu-toggle-checkbox:checked~.wrapper>*:not(.header),.cssmenu-toggle-checkbox:checked~.footer{display:none}}[data-cssmenu-hide]{display:none !important}.cssnav{border-bottom:1px solid #ccc;grid-area:nav;position:relative}.cssnav__subnav{border-bottom:0 none}.cssnav,.cssnav__subnav,.cssnav__item{list-style:none;margin:0;padding:0}.cssnav__item{background-color:#ffffff;background-color:var(--cssnav-bg, #ffffff)}.cssnav__item--level-2,.cssnav__item--level-3:first-child{border-top:1px solid #ccc}.cssnav__item--level-2{--cssnav-bg: #ffffff;--cssnav-fg: #1a1a1a;--cssnav-line: #cccccc;--cssnav-indent: 16px}.cssnav__item--level-3{--cssnav-bg: #f1f1f1;--cssnav-indent: 24px}.cssnav__item--level-4{--cssnav-bg: #e5e5e5;--cssnav-line: #b2b2b2;--cssnav-indent: 32px}.cssnav__item--level-5{--cssnav-bg: #cccccc;--cssnav-line: #999898;--cssnav-indent: 36px}.cssnav__item--level-6{--cssnav-bg: #b2b2b2;--cssnav-line: #808080;--cssnav-indent: 40px}.cssnav__item--level-7{--cssnav-bg: #999898;--cssnav-fg: #000000;--cssnav-line: #666666;--cssnav-indent: 44px}.cssnav__item--level-8{--cssnav-bg: #808080;--cssnav-line: #4c4c4c;--cssnav-indent: 48px}.cssnav__item--level-9{--cssnav-bg: #666666;--cssnav-fg: #ffffff;--cssnav-line: #ffffff;--cssnav-indent: 52px}.cssnav__item--level-10{--cssnav-bg: #4c4c4c;--cssnav-indent: 56px}.cssnav__link{box-shadow:inset 0 0 0 0 var(--cssnav-fg);color:var(--cssnav-fg);text-decoration:none;transition:box-shadow ease-in .1s}.cssnav__link:active,.cssnav__link:focus{outline:3px solid var(--cssnav-fg);outline-offset:-3px}.cssnav__link:hover{box-shadow:inset 3px 0 0 0 var(--cssnav-fg)}.cssnav__link:focus,.cssnav__link:hover{text-decoration:underline}.cssnav__item--has-children>.cssnav__link{left:0;margin-right:40px;position:absolute;right:0;z-index:1}.cssnav__text-mirror{visibility:hidden}.cssnav__link,.cssnav__text-mirror{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;padding-bottom:16px;padding-left:var(--cssnav-indent);padding-right:16px;padding-top:16px}.cssnav__item--level-3 .cssnav__link,.cssnav__item--level-3 .cssnav__text-mirror{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);padding-bottom:8px;padding-right:8px;padding-top:8px}.cssnav summary{display:grid;grid-template-areas:"label toggle";grid-template-columns:1fr 40px;justify-content:space-between;list-style:none}.cssnav summary::-webkit-details-marker{display:none}.cssnav summary:focus{outline:0 none}.cssnav summary:active .cssnav__toggle,.cssnav summary:focus .cssnav__toggle{outline:3px solid var(--cssnav-fg);outline-offset:-3px}.cssnav__link.cssnav__link--in-path,.cssnav__link--in-path+details>summary>.cssnav__text-mirror{font-weight:700}.cssnav__toggle{align-items:center;box-shadow:-1px 0 0 0 var(--cssnav-line);cursor:pointer;display:flex;justify-content:center;position:relative}.cssnav__toggle .visually-hidden{left:0;top:50%}.cssnav__item--level-3 .cssnav__toggle{box-shadow:-10px 0 0 -9px var(--cssnav-line)}.cssnav__toggle::before{background-color:var(--cssnav-fg);background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-down);mask-image:var(--hel-icon--angle-down);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s ease-in}@media(prefers-reduced-motion){.cssnav__toggle::before{transition:none}}.cssnav details[open]>summary>.cssnav__toggle::before{transform:rotate(180deg)}.cssmenu-menu__footer{background:#000;color:#fff;grid-area:footer;padding-bottom:80px;padding-top:16px}.cssmenu-menu__footer .menu{display:block}.cssmenu-menu__footer .menu__item+.menu__item{margin-left:0}.cssmenu-menu__footer .menu__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);color:#fff;display:block;padding:8px 16px}.cssmenu-menu__footer .menu__link:focus,.cssmenu-menu__footer .menu__link:active{outline:3px solid #fff;outline-offset:-5px}.cssmenu-menu__footer>.menu__link{font-weight:700} +.nav-toggle--cssmenu{grid-area:toggle}@media(min-width: 992px){.nav-toggle--cssmenu{display:none}}.nav-toggle--cssmenu .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:32px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px}.nav-toggle--cssmenu .nav-toggle__label--close::before{-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross)}.nav-toggle-dropdown--cssmenu{grid-area:menu}.nav-toggle-dropdown--cssmenu .nav-toggle-dropdown__wrapper{border-bottom:1px solid #ccc}.nav-toggle-dropdown--cssmenu .nav-toggle-dropdown__content{background-color:#fff}@media(max-width: 992px){#cssmenu:target~* .header-branding,#cssmenu[data-target=true]~* .header-branding{border-bottom:0 none}}#cssmenu:target~* .language-wrapper,#cssmenu[data-target=true]~* .language-wrapper{display:none}@media(min-width: 992px){#cssmenu:target~* .language-wrapper,#cssmenu[data-target=true]~* .language-wrapper{display:flex}}#cssmenu[data-js]~* .mega-and-mobilemenu .mobile-menu-fallback,#cssmenu[data-js]~* .mega-and-mobilemenu .mmenu__footer{display:none}.cssnav{border-bottom:1px solid #ccc;grid-area:nav;position:relative}.cssnav__subnav{border-bottom:0 none}.cssnav,.cssnav__subnav,.cssnav__item{list-style:none;margin:0;padding:0}.cssnav__item{background-color:#ffffff;background-color:var(--cssnav-bg, #ffffff)}.cssnav__item--level-2,.cssnav__item--level-3:first-child{border-top:1px solid #ccc}.cssnav__item--level-2{--cssnav-bg: #ffffff;--cssnav-fg: #1a1a1a;--cssnav-line: #cccccc;--cssnav-indent: 16px}.cssnav__item--level-3{--cssnav-bg: #f1f1f1;--cssnav-indent: 24px}.cssnav__item--level-4{--cssnav-bg: #e5e5e5;--cssnav-line: #b2b2b2;--cssnav-indent: 32px}.cssnav__item--level-5{--cssnav-bg: #cccccc;--cssnav-line: #999898;--cssnav-indent: 36px}.cssnav__item--level-6{--cssnav-bg: #b2b2b2;--cssnav-line: #808080;--cssnav-indent: 40px}.cssnav__item--level-7{--cssnav-bg: #999898;--cssnav-fg: #000000;--cssnav-line: #666666;--cssnav-indent: 44px}.cssnav__item--level-8{--cssnav-bg: #808080;--cssnav-line: #4c4c4c;--cssnav-indent: 48px}.cssnav__item--level-9{--cssnav-bg: #666666;--cssnav-fg: #ffffff;--cssnav-line: #ffffff;--cssnav-indent: 52px}.cssnav__item--level-10{--cssnav-bg: #4c4c4c;--cssnav-indent: 56px}.cssnav__link{box-shadow:inset 0 0 0 0 var(--cssnav-fg);color:var(--cssnav-fg);text-decoration:none;transition:box-shadow ease-in .1s}.cssnav__link:active,.cssnav__link:focus{outline:3px solid var(--cssnav-fg);outline-offset:-3px}.cssnav__link:hover{box-shadow:inset 3px 0 0 0 var(--cssnav-fg)}.cssnav__link:focus,.cssnav__link:hover{text-decoration:underline}.cssnav__item--has-children>.cssnav__link{left:0;margin-right:40px;position:absolute;right:0;z-index:1}.cssnav__text-mirror{visibility:hidden}.cssnav__link,.cssnav__text-mirror{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;padding-bottom:16px;padding-left:var(--cssnav-indent);padding-right:16px;padding-top:16px}.cssnav__item--level-3 .cssnav__link,.cssnav__item--level-3 .cssnav__text-mirror{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);padding-bottom:8px;padding-right:8px;padding-top:8px}.cssnav summary{display:grid;grid-template-areas:"label toggle";grid-template-columns:1fr 40px;justify-content:space-between;list-style:none}.cssnav summary::-webkit-details-marker{display:none}.cssnav summary:focus{outline:0 none}.cssnav summary:active .cssnav__toggle,.cssnav summary:focus .cssnav__toggle{outline:3px solid var(--cssnav-fg);outline-offset:-3px}.cssnav__link.cssnav__link--in-path,.cssnav__link--in-path+details>summary>.cssnav__text-mirror{font-weight:700}.cssnav__toggle{align-items:center;box-shadow:-1px 0 0 0 var(--cssnav-line);cursor:pointer;display:flex;justify-content:center;position:relative}.cssnav__toggle .visually-hidden{left:0;top:50%}.cssnav__item--level-3 .cssnav__toggle{box-shadow:-10px 0 0 -9px var(--cssnav-line)}.cssnav__toggle::before{background-color:var(--cssnav-fg);background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-down);mask-image:var(--hel-icon--angle-down);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s ease-in}@media(prefers-reduced-motion){.cssnav__toggle::before{transition:none}}.cssnav details[open]>summary>.cssnav__toggle::before{transform:rotate(180deg)} diff --git a/dist/css/nav_toggle.min.css b/dist/css/nav_toggle.min.css new file mode 100644 index 000000000..2244c374d --- /dev/null +++ b/dist/css/nav_toggle.min.css @@ -0,0 +1 @@ +.nav-toggle{align-items:center;display:flex}.nav-toggle__anchor{display:grid}.nav-toggle__anchor,.nav-toggle__button{grid-template-areas:"link";z-index:2}.nav-toggle__button{background-color:rgba(0,0,0,0);border:0 none;cursor:pointer;display:none;padding:0}.nav-toggle__button:focus{outline:0 none}.mega-and-mobilemenu .mobile-menu-fallback,.mega-and-mobilemenu .mmenu__footer{padding-top:16px}@media(min-width: 992px){.mega-and-mobilemenu .mobile-menu-fallback,.mega-and-mobilemenu .mmenu__footer{display:none}}.nav-toggle__label{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;color:#1a1a1a;cursor:pointer;display:grid;grid-area:link;grid-column:auto;grid-template-areas:"icon" "label";padding:5px;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle__label span{grid-area:label}.nav-toggle__label:hover,.nav-toggle__label:active,.nav-toggle__button:hover .nav-toggle__label,.nav-toggle__button:active .nav-toggle__label{text-decoration:underline}.nav-toggle__label:focus,.nav-toggle__label:active,.nav-toggle__button:focus .nav-toggle__label,.nav-toggle__button:active .nav-toggle__label{outline:3px solid #000;outline-offset:-3px}.nav-toggle__label::before{align-self:end;grid-area:icon;justify-self:center}.nav-toggle__label.nav-toggle__label{grid-area:link}.nav-toggle .nav-toggle__label--close{visibility:hidden}.nav-toggle-dropdown{max-width:100vw;overflow:hidden;pointer-events:none;position:absolute;width:100%}@media(min-width: 992px){.nav-toggle-dropdown{width:100%;z-index:100}}@media(min-width: 992px){.nav-toggle-dropdown{max-width:min(1920px,100vw)}}@media(prefers-reduced-motion){.nav-toggle-dropdown{transition:none !important}}.nav-toggle-dropdown__wrapper{overflow:hidden;transform:translateY(-100%);transition:transform .3s ease-in,visibility 0s linear .3s;visibility:hidden}@media(prefers-reduced-motion){.nav-toggle-dropdown__wrapper{transition:none !important}}.nav-toggle-dropdown__content{--menu-height: 100vh;--menu-max-height: calc(var(--menu-height) - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px);height:var(--menu-height);max-height:var(--menu-max-height);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;pointer-events:all;transform:translateY(100%);transition:transform .3s ease-in}@supports(height: 100dvh){.nav-toggle-dropdown__content{--menu-height: 100dvh}}@media(min-width: 992px){.nav-toggle-dropdown__content{--menu-height: auto}}@media(min-width: 992px){.nav-toggle-dropdown__content{--menu-height: auto;--menu-max-height: none}}@media(prefers-reduced-motion){.nav-toggle-dropdown__content{transition:none !important}}@media(max-width: 992px){.nav-toggle-target:target~.wrapper>*:not(.header),.nav-toggle-target:target~.footer,.nav-toggle-target[data-target=true]~.wrapper>*:not(.header),.nav-toggle-target[data-target=true]~.footer{overflow:hidden;transition:display 0s linear 10s;visibility:hidden}}#menu:not([data-js]){scroll-margin-top:100vh}#menu:not([data-js])~* .nav-toggle-dropdown__wrapper,#menu:not([data-js])~* .nav-toggle-dropdown__content{transition:none}#menu:target~* .nav-toggle--menu .nav-toggle__label--open,#menu[data-target=true]~* .nav-toggle--menu .nav-toggle__label--open{visibility:hidden}#menu:target~* .nav-toggle--menu .nav-toggle__label--close,#menu[data-target=true]~* .nav-toggle--menu .nav-toggle__label--close{visibility:visible}#menu:target~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper,#menu[data-target=true]~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#menu:target~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__content,#menu[data-target=true]~* .nav-toggle-dropdown--menu .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#menu[data-js]~* .nav-toggle__anchor{display:none}#menu[data-js]~* .nav-toggle__button{display:grid}#menu[data-js]~* .nav-toggle-dropdown__content{overflow-y:hidden}#cssmenu:not([data-js]){scroll-margin-top:100vh}#cssmenu:not([data-js])~* .nav-toggle-dropdown__wrapper,#cssmenu:not([data-js])~* .nav-toggle-dropdown__content{transition:none}#cssmenu:target~* .nav-toggle--cssmenu .nav-toggle__label--open,#cssmenu[data-target=true]~* .nav-toggle--cssmenu .nav-toggle__label--open{visibility:hidden}#cssmenu:target~* .nav-toggle--cssmenu .nav-toggle__label--close,#cssmenu[data-target=true]~* .nav-toggle--cssmenu .nav-toggle__label--close{visibility:visible}#cssmenu:target~* .nav-toggle-dropdown--cssmenu .nav-toggle-dropdown__wrapper,#cssmenu[data-target=true]~* .nav-toggle-dropdown--cssmenu .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#cssmenu:target~* .nav-toggle-dropdown--cssmenu .nav-toggle-dropdown__content,#cssmenu[data-target=true]~* .nav-toggle-dropdown--cssmenu .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#cssmenu[data-js]~* .nav-toggle__anchor{display:none}#cssmenu[data-js]~* .nav-toggle__button{display:grid}#cssmenu[data-js]~* .nav-toggle-dropdown__content{overflow-y:hidden}#search:not([data-js]){scroll-margin-top:100vh}#search:not([data-js])~* .nav-toggle-dropdown__wrapper,#search:not([data-js])~* .nav-toggle-dropdown__content{transition:none}#search:target~* .nav-toggle--search .nav-toggle__label--open,#search[data-target=true]~* .nav-toggle--search .nav-toggle__label--open{visibility:hidden}#search:target~* .nav-toggle--search .nav-toggle__label--close,#search[data-target=true]~* .nav-toggle--search .nav-toggle__label--close{visibility:visible}#search:target~* .nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper,#search[data-target=true]~* .nav-toggle-dropdown--search .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#search:target~* .nav-toggle-dropdown--search .nav-toggle-dropdown__content,#search[data-target=true]~* .nav-toggle-dropdown--search .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#search[data-js]~* .nav-toggle__anchor{display:none}#search[data-js]~* .nav-toggle__button{display:grid}#search[data-js]~* .nav-toggle-dropdown__content{overflow-y:hidden}#otherlangs:not([data-js]){scroll-margin-top:100vh}#otherlangs:not([data-js])~* .nav-toggle-dropdown__wrapper,#otherlangs:not([data-js])~* .nav-toggle-dropdown__content{transition:none}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label--open,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label--open{visibility:hidden}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label--close,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label--close{visibility:visible}#otherlangs:target~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__wrapper,#otherlangs[data-target=true]~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#otherlangs:target~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content,#otherlangs[data-target=true]~* .nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#otherlangs[data-js]~* .nav-toggle__anchor{display:none}#otherlangs[data-js]~* .nav-toggle__button{display:grid}#otherlangs[data-js]~* .nav-toggle-dropdown__content{overflow-y:hidden}#profile:not([data-js]){scroll-margin-top:100vh}#profile:not([data-js])~* .nav-toggle-dropdown__wrapper,#profile:not([data-js])~* .nav-toggle-dropdown__content{transition:none}#profile:target~* .nav-toggle--profile .nav-toggle__label--open,#profile[data-target=true]~* .nav-toggle--profile .nav-toggle__label--open{visibility:hidden}#profile:target~* .nav-toggle--profile .nav-toggle__label--close,#profile[data-target=true]~* .nav-toggle--profile .nav-toggle__label--close{visibility:visible}#profile:target~* .nav-toggle-dropdown--profile .nav-toggle-dropdown__wrapper,#profile[data-target=true]~* .nav-toggle-dropdown--profile .nav-toggle-dropdown__wrapper{transform:translateY(0);transition:transform .3s ease-out,visibility 0s linear 0s;visibility:visible}#profile:target~* .nav-toggle-dropdown--profile .nav-toggle-dropdown__content,#profile[data-target=true]~* .nav-toggle-dropdown--profile .nav-toggle-dropdown__content{transform:translateY(0);transition:transform .3s ease-out}#profile[data-js]~* .nav-toggle__anchor{display:none}#profile[data-js]~* .nav-toggle__button{display:grid}#profile[data-js]~* .nav-toggle-dropdown__content{overflow-y:hidden}[data-cssmenu-hide]{display:none !important}.nav-toggle--otherlangs{align-items:stretch;align-self:stretch}@media(min-width: 992px){.nav-toggle--otherlangs{align-items:center}}.nav-toggle--otherlangs .nav-toggle__label{align-self:stretch;grid-area:link;grid-column:auto min-content;grid-template-areas:"icon arrow" "label .";min-height:2.625rem}@media(min-width: 992px){.nav-toggle--otherlangs .nav-toggle__label{min-height:3.5rem}}.nav-toggle--otherlangs .nav-toggle__label::before{background-color:currentColor;background-size:contain;content:"";display:block;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.nav-toggle--otherlangs .nav-toggle__label::after{transition:transform .2s ease-in;background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-down);mask-image:var(--hel-icon--angle-down);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:end;content:"";grid-area:arrow}@media(prefers-reduced-motion){.nav-toggle--otherlangs .nav-toggle__label::after{transition:none}}#otherlangs:target~* .nav-toggle--otherlangs .nav-toggle__label::after,#otherlangs[data-target=true]~* .nav-toggle--otherlangs .nav-toggle__label::after{transform:rotate(180deg)}.profile{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.profile .hel-icon{--icon-size: 24px;margin-bottom:8px}@media(min-width: 992px){.profile .hel-icon{--icon-size: 28px}}.profile__login-link{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;border-left:1px solid #ccc;display:flex;flex-direction:column;grid-area:profile;grid-column-end:-1;justify-content:center;margin-left:16px;padding-left:4px;padding-right:4px;text-decoration:none;text-overflow:ellipsis;width:var(--branding-height);z-index:1}.profile__login-link::before{--icon-size: 22px;background-color:currentColor;background-size:contain;content:"";display:block;height:var(--icon-size);-webkit-mask-image:var(--hel-icon--user);mask-image:var(--hel-icon--user);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);vertical-align:bottom;width:var(--icon-size);margin-bottom:4px}@media(min-width: 768px){.profile__login-link::before{--icon-size: 28px}}.profile__login-link:hover{text-decoration:underline}.profile__login-link:focus{outline:3px solid #000;outline-offset:-3px}.profile__logout-link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:block;font-weight:bold;padding:16px;text-decoration:none;width:100%}@media(min-width: 992px){.profile__logout-link{border-bottom:none}}.profile__logout-link:hover{text-decoration:underline}.profile__logout-link:focus{outline:3px solid #000;outline-offset:-3px}.profile__logout-link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--signout);mask-image:var(--hel-icon--signout);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));margin-left:8px}.profile--full{background-color:#fff;border-bottom:1px solid #ccc;color:#000;width:100%}@media(min-width: 992px){.profile--full{border-left:1px solid #ccc;border-right:1px solid #ccc;max-width:300px}}.profile__information{padding:16px}.profile__full-name{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block}.profile__email{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block}.nav-toggle--profile{background-color:#000;color:#fff;grid-area:profile;grid-column-end:-1;justify-content:center;margin-left:8px;width:65px;z-index:1}@media(min-width: 768px){.nav-toggle--profile{max-width:88px;min-width:72px;width:auto}}.nav-toggle__anchor--profile,.nav-toggle__button--profile{height:100%;min-width:100%}.nav-toggle__label--profile{color:#fff;height:100%;padding-left:8px;padding-right:8px}.nav-toggle__label--profile span{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-toggle__label--profile::before{--icon-size: 22px;background-color:currentColor;background-size:contain;content:"";display:block;height:var(--icon-size);-webkit-mask-image:var(--hel-icon--user);mask-image:var(--hel-icon--user);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);vertical-align:bottom;width:var(--icon-size);margin-bottom:4px}@media(min-width: 768px){.nav-toggle__label--profile::before{--icon-size: 28px}}.nav-toggle__label--profile.nav-toggle__label--close::before{-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross);margin-bottom:0}.nav-toggle__label--profile:focus,.nav-toggle__button--profile:focus{outline:2px solid #fff;outline-offset:-5px}.nav-toggle-dropdown--profile{grid-area:menu}.nav-toggle-dropdown--profile .nav-toggle-dropdown__content{display:flex;justify-content:flex-end} diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css index a5b2cf7c5..addf7dd91 100644 --- a/dist/css/styles.min.css +++ b/dist/css/styles.min.css @@ -6,4 +6,4 @@ .hds-status-label{--status-label-background:var(--color-black-10);--status-label-color:var(--color-black-90);--status-label-height:32px;background-color:var(--status-label-background);color:var(--status-label-color);display:inline-block;font-size:var(--fontsize-body-s);min-height:var(--status-label-height);line-height:var(--status-label-height);padding:0 var(--spacing-2-xs);vertical-align:middle}.hds-status-label--with-icon{align-items:center;display:inline-flex;padding-left:var(--spacing-3-xs)}.hds-status-label-icon{height:var(--spacing-m);margin-right:var(--spacing-3-xs);width:var(--spacing-m)}.hds-status-label--info{--status-label-background:var(--color-info);--status-label-color:var(--color-white)}.hds-status-label--success{--status-label-background:var(--color-success);--status-label-color:var(--color-white)}.hds-status-label--alert{--status-label-background:var(--color-alert)}.hds-status-label--error{--status-label-background:var(--color-error);--status-label-color:var(--color-white)} @keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hds-text-input{--border-width:2px;--outline-width:3px;--input-height:56px;--textarea-height:149px;--icon-size:var(--spacing-m);--helper-color-default:var(--color-black-60);--helper-color-invalid:var(--color-error);--helper-color-success:var(--color-success);--helper-color-info:var(--color-black-90);--helper-color-info-icon:var(--color-coat-of-arms);--icon-color-invalid:var(--color-error);--input-background-default:var(--color-white);--input-background-disabled:var(--color-black-10);--input-border-color-default:var(--color-black-50);--input-border-color-hover:var(--color-black-90);--input-border-color-focus:var(--color-black-90);--input-border-color-invalid:var(--color-error);--input-border-color-disabled:var(--color-black-10);--input-border-color-success:var(--color-success);--input-color-default:var(--color-black-90);--input-color-disabled:var(--color-black-40);--label-color-default:var(--color-black-90);--label-color-invalid:var(--color-black-90);--placeholder-color:var(--color-black-60);--focus-outline-color:var(--color-coat-of-arms)}.hds-text-input .hds-text-input__input:hover{transition:border-color 85ms ease-out}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){transition:85ms ease-out;transition-property:box-shadow,transform}.hds-text-input--invalid .hds-text-input__label{transition:color 85ms linear}.hds-text-input__label{color:var(--label-color-default);display:block;font-size:var(--fontsize-body-m);font-weight:500;margin-bottom:var(--spacing-3-xs)}.hds-text-input__required{color:var(--color-black-90);display:inline-block;font-size:var(--fontsize-body-xl);line-height:1;margin-left:var(--spacing-2-xs);transform:translateY(var(--spacing-3-xs))}.hds-text-input__input-wrapper{display:flex;position:relative}.hds-text-input .hds-text-input__input{-webkit-appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);font-size:1.125em;height:var(--input-height);line-height:normal;padding:0 var(--spacing-s);width:100%;will-change:transform,box-shadow}.hds-text-input textarea.hds-text-input__input{height:var(--textarea-height);min-height:var(--input-height);padding:var(--spacing-s);resize:vertical}.hds-text-input .hds-text-input__input:hover{border-color:var(--input-border-color-hover)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input__input-wrapper:focus-within .hds-text-input__input{border-color:var(--input-border-color-focus);outline:none}.hds-text-input .hds-text-input__input:-ms-input-placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input .hds-text-input__input::-moz-placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input .hds-text-input__input::placeholder{color:var(--placeholder-color);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){box-shadow:0 0 0 var(--outline-width) var(--focus-outline-color);transform:translateZ(0)}.hds-text-input__helper-text{color:var(--helper-color-default)}.hds-text-input__error-text,.hds-text-input__helper-text{display:block;line-height:var(--lineheight-l);font-size:var(--fontsize-body-m);margin-top:var(--spacing-3-xs);white-space:pre-line}.hds-text-input__error-text{position:relative;color:var(--helper-color-invalid);padding-left:calc(var(--icon-size) + var(--spacing-2-xs))}.hds-text-input__error-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__error-text:before{animation:fadeIn 85ms ease-out;background:var(--icon-color-invalid);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input--invalid .hds-text-input__label{color:var(--label-color-invalid)}.hds-text-input.hds-text-input--invalid .hds-text-input__input{border-color:var(--input-border-color-invalid)}.hds-text-input.hds-text-input--success .hds-text-input__input{border-color:var(--input-border-color-success)}.hds-text-input__success-text{position:relative;color:var(--helper-color-success);display:block;font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-top:var(--spacing-3-xs);padding-left:calc(var(--icon-size) + var(--spacing-2-xs));white-space:pre-wrap}.hds-text-input__success-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__success-text:before{animation:fadeIn 85ms ease-out;background:var(--helper-color-success);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 100 18 9 9 0 000-18zm4.5 5L18 9.5 10.5 17 6 12.5 7.5 11l3 3 6-6z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 100 18 9 9 0 000-18zm4.5 5L18 9.5 10.5 17 6 12.5 7.5 11l3 3 6-6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input__info-text{position:relative;color:var(--helper-color-info);display:block;font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-top:var(--spacing-3-xs);padding-left:calc(var(--icon-size) + var(--spacing-2-xs))}.hds-text-input__info-text:not(:last-child){margin-bottom:var(--spacing-2-xs)}.hds-text-input__info-text:before{animation:fadeIn 85ms ease-out;background:var(--helper-color-info-icon);content:"";height:var(--icon-size);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M12 3a9 9 0 110 18 9 9 0 010-18zm1 13v2h-2v-2h2zm0-10v8h-2V6h2z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;position:absolute;left:0;top:0;width:var(--icon-size)}.hds-text-input .hds-text-input__input[disabled]{background-color:var(--input-background-disabled);border-color:var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hds-text-input .hds-text-input__input[readonly]{background-color:rgba(0,0,0,0);border:0;color:var(--input-color-default);padding:0;-webkit-text-fill-color:var(--input-color-default)}.hds-text-input__buttons{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-s);font-size:1rem}.hds-text-input__button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;border:0;width:1.5rem;height:1.5rem;overflow:hidden;font-size:1rem} .hds-loading-spinner{--spinner-size:4rem;--spinner-color:var(--color-coat-of-arms);--spinner-thickness:0.5rem;--spinner-rotation-animation-duration:1.5s;--spinner-color-animation-duration:4.5s;--spinner-color-stage1:var(--color-coat-of-arms);--spinner-color-stage2:var(--color-copper);--spinner-color-stage3:var(--color-suomenlinna);position:relative;width:var(--spinner-size);height:var(--spinner-size);border-top-color:var(--spinner-color)}.hds-loading-spinner--multicolor{border-top-color:var(--spinner-color-stage1);animation:spinner-color-animation var(--spinner-color-animation-duration) cubic-bezier(0.6, 0.2, 0.4, 0.9) infinite}.hds-loading-spinner--small{--spinner-size:1.5rem;--spinner-thickness:0.1875rem}.hds-loading-spinner div{position:absolute;box-sizing:border-box;width:100%;height:100%;border:var(--spinner-thickness) solid rgba(0,0,0,0);border-top-color:inherit;border-radius:50%;animation:spinner-rotation-animation var(--spinner-rotation-animation-duration) cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite}.hds-loading-spinner div:nth-child(2){animation-delay:-0.15s}.hds-loading-spinner div:nth-child(3){animation-delay:-0.3s}@keyframes spinner-rotation-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-color-animation{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}} -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f1f1f1;--color-black-10: #e5e5e5;--color-black-20: #cccccc;--color-black-30: #b2b2b2;--color-black-40: #999898;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4c4c4c;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xl: 3.25rem;--fontsize-heading-l: 2.25rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk, Arial, sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75}html,body{height:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;display:flex;flex-direction:column;font-family:HelsinkiGrotesk,Arial,sans-serif;font-size:1rem;line-height:1.5}body.gin--horizontal-toolbar{padding-top:0 !important}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white);--background-color-disabled: transparent;--border-color-disabled: transparent;--color-disabled: var(--color-black-40);--border-color-focus: var(--color-coat-of-arms);--border-color-hover-focus: var(--color-coat-of-arms-dark)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}figure{margin:0}table{background-color:#fff;border:1px solid #666;border-spacing:0;display:block;margin:32px 0;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;table-layout:fixed;white-space:nowrap}table caption{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background-color:#000;color:#fff;padding:32px 16px;text-align:left}table thead{background-color:#000}table thead th{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#fff;font-weight:500;min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table thead th p{font-size:inherit;font-weight:inherit;margin:0}table tbody,table tfoot{background-color:#fff}table tbody tr,table tfoot tr{background-color:#fff}table tbody tr:hover,table tbody tr:active,table tfoot tr:hover,table tfoot tr:active{background-color:#f1f1f1}table tbody tr th,table tbody tr td,table tfoot tr th,table tfoot tr td{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#121212;color:var(--hdbt-color-black);min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table tbody tr th p,table tbody tr td p,table tfoot tr th p,table tfoot tr td p{margin:0}table tbody tr th p+p,table tbody tr td p+p,table tfoot tr th p+p,table tfoot tr td p+p{margin:16px 0 0}table tbody tr th,table tfoot tr th{background-color:#000;color:#fff;font-weight:500}table tbody tr:not(:last-of-type) td,table tfoot tr:not(:last-of-type) td{border-bottom:1px solid #e5e5e5}h1,h2,h3,h4,h5,h6{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:0;margin-top:48px;word-wrap:break-word}h1{--line-height: 1;font-size:2.5rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h1{--line-height: 1;font-size:4rem;font-weight:400}}@media(min-width: 768px){h1{margin-top:64px}}@media(min-width: 992px){h1{margin-bottom:64px}}h2{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h2{--line-height: 1;font-size:3rem;font-weight:400}}h3{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h3{--line-height: 1;font-size:2rem;font-weight:400}}h4{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h4{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}h5{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h5{--line-height: 1.5;font-size:1.25rem;font-weight:500}}h6{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){h6{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}a{color:#1a1a1a;color:var(--hdbt-default-link-color);word-wrap:break-word}p{margin-bottom:0;margin-top:16px;word-wrap:break-word}ul,ol{margin-bottom:24px;margin-left:0;margin-top:24px;padding-left:32px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-top:16px}li{margin-left:0;padding-left:0}li+li{margin-top:16px}.local-tasks li,.toolbar-menu li,.pager li,.table-of-contents__list li,.menu li{margin-top:0}.hdbt-icon::before{--icon-size: 24px;background-color:#000;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);min-height:var(--icon-size);min-width:var(--icon-size);position:static;width:var(--icon-size)}.hds-button.hdbt-icon .hds-button__label{margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs);order:1}.hds-button.hdbt-icon .link__type{margin-left:-16px;margin-right:16px;order:2}.hds-button.hdbt-icon:focus::before{background-color:var(--color-focus)}.hds-button.hdbt-icon:hover::before{background-color:var(--color-hover)}.hds-button.hdbt-icon:focus:hover::before{background-color:var(--color-hover-focus)}.hds-button.hdbt-icon::after{order:2}.hds-button.hdbt-icon::before{background-color:var(--color);order:3}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.icon{--icon-size: 1.5rem;height:var(--icon-size);width:var(--icon-size)}:root{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black)}.hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);--border-width: 2px;--color: inherit;--min-size: 44px;--outline-gutter: 2px;--outline-width: 3px;align-content:flex-start;align-items:center;background-color:transparent;background-color:var(--background-color, transparent);border:var(--border-width) solid transparent;border:var(--border-width) solid var(--border-color, transparent);border-radius:0;color:var(--color);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;min-height:var(--min-size);min-width:var(--min-size);padding:0 0.5rem;padding:0 var(--spacing-2-xs);text-decoration:none;vertical-align:top}.hds-button,.hds-button::before,.hds-button::after,.hds-button *,.hds-button *::before,.hds-button *::after{box-sizing:border-box}.hds-button:hover,.hds-button:focus,.hds-button:active{transition-duration:85ms;transition-property:background-color,border-color,color;transition-timing-function:ease-out}.hds-button:hover{background-color:transparent;background-color:var(--background-color-hover, transparent);color:var(--color-hover)}.hds-button:focus{background-color:transparent;background-color:var(--background-color-focus, transparent);color:var(--color-focus);outline:none}.hds-button:focus:hover{background-color:transparent;background-color:var(--background-color-hover-focus, transparent)}.hds-button:disabled{background-color:transparent;background-color:var(--background-color-disabled, transparent);border-color:transparent;border-color:var(--border-color-disabled, transparent);color:#999898;color:var(--color-disabled);cursor:not-allowed}.hds-button:not(:disabled){border-color:transparent;border-color:var(--border-color, transparent)}.hds-button:not(:disabled):hover{border-color:transparent;border-color:var(--border-color-hover, transparent)}.hds-button:not(:disabled):active,.hds-button:not(:disabled):focus{border-color:#0072c6;border-color:var(--border-color-focus, transparent)}.hds-button:not(:disabled):active:hover,.hds-button:not(:disabled):focus:hover{border-color:#005799;border-color:var(--border-color-hover-focus, transparent);color:var(--color-hover-focus)}.hds-button:active,.hds-button:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter);outline-offset:2px}input[type=submit].hds-button,.hds-button__label{font-weight:inherit;line-height:1.25em;padding:1rem;padding:var(--spacing-s)}input[type=submit].hds-button{cursor:pointer;padding:1rem 2rem;padding:var(--spacing-s) var(--spacing-l)}.hds-button__label:only-child{margin:0 0.5rem;margin:0 var(--spacing-2-xs)}.hds-button--supplementary .hds-button__label:first-child{padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:last-child{padding-left:0.25rem;padding-left:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:not(:last-child){padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button .hds-icon{height:1.5rem;height:var(--spacing-m);margin-left:1rem;margin-left:var(--spacing-s);width:1.5rem;width:var(--spacing-m)}.hds-button__label~.hds-icon{margin:0 1rem 0 0;margin:0 var(--spacing-s) 0 0}.hds-button .hds-icon:first-of-type:not(:last-of-type){margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs)}.hds-button .hds-icon:last-of-type:not(:first-of-type){margin:0 0.5rem 0 0;margin:0 var(--spacing-2-xs) 0 0}.hds-button--primary{--background-color: var(--theme-bg1, var(--color-bus));--background-color-hover: var(--theme-bg2, var(--color-bus-dark));--background-color-focus: var(--theme-bg1, var(--color-bus));--background-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--background-color-disabled: var(--color-black-20);--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg1, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg1, var(--color-bus-dark));--border-color-disabled: var(--color-black-20);--color: var(--theme-fg1, var(--color-white));--color-hover: var(--theme-fg2, var(--color-white));--color-focus: var(--theme-fg1, var(--color-white));--color-hover-focus: var(--theme-fg2, var(--color-white));--color-disabled: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--secondary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg1, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg1, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg2, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--border-color-disabled: var(--color-black-50);--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg1, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg1, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--supplementary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg2, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg2, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg2, transparent);--border-color-hover: var(--theme-bg2, transparent);--border-color-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-hover-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-disabled: transparent;--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg2, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg2, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, transparent)}.hds-button--loading{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: transparent;--border-color-hover-focus: transparent;--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-90);cursor:wait}.hds-button--success{--background-color: var(--color-success);--background-color-hover: var(--color-success-dark);--background-color-focus: var(--color-success);--background-color-hover-focus: var(--color-success-dark);--border-color: var(--color-success);--border-color-hover: var(--color-success-dark);--border-color-focus: var(--color-success);--border-color-hover-focus: var(--color-success-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--danger{--background-color: var(--color-error);--background-color-hover: var(--color-error-dark);--background-color-focus: var(--color-error);--background-color-hover-focus: var(--color-error-dark);--border-color: var(--color-error);--border-color-hover: var(--color-error-dark);--border-color-focus: var(--color-error);--border-color-hover-focus: var(--color-error-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button .hel-icon{--icon-size: 24px}.hds-button .hel-icon:first-of-type:not(:last-of-type){margin:0 0 0 8px}.hds-button .link__type,.hds-button .hel-icon:last-of-type:not(:first-of-type){margin:0 8px 0 0}.hds-button.hds-button--supplementary{margin:0;padding:0 8px 0 0;text-decoration:underline}.hds-button.hds-button--supplementary .hds-button__label{line-height:24px;margin:0 0 -8px 0;padding:8px}.hds-button.hds-button--supplementary .hds-button__label:only-child{margin:0}.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{--icon-size: 24px;background-color:var(--color);background-size:contain;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);vertical-align:bottom;width:var(--icon-size);transition:transform .2s linear;order:3;position:static}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{transition:none}}.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:translateX(4px)}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:none}}.hds-button.hds-button--supplementary:hover{text-decoration:none}.hds-button.hds-button--primary.hdbt-icon::before,.hds-button.hds-button--secondary.hdbt-icon::before{margin-right:16px}.hds-button--supplementary:not(.hdbt-icon):not([data-selected-icon]):before{-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right)}p>a.hds-button.hds-button--supplementary:first-child{margin-left:calc(-8px + (-2px))}.hds-button--link{--border-width: 2px;--min-size: 56px;--outline-gutter: 2px;--outline-width: 3px}.hds-button__target-blank{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}:not(.hds-button)>.hds-button__label{margin:0;padding:0}.card{background:#fff;word-wrap:anywhere;padding:16px;position:relative}.card+.card{margin-top:16px}@media(min-width: 576px){.card{display:flex;flex-direction:row-reverse;gap:16px;grid-template-areas:"content img";grid-template-columns:1fr 30%;padding:16px}}@media(min-width: 768px){.card{gap:24px;padding:24px}}.card__image{flex-basis:30%;flex-shrink:0;margin-bottom:16px}.card__image picture,.card__image img{background-color:#f1f1f1;display:block;height:auto;width:100%}@media(min-width: 576px){.card__image{margin-bottom:0}}.card__text{display:flex;flex-direction:column;flex-grow:1}.card__text::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;--icon-size: 32px;flex-grow:1;margin-top:16px;-webkit-mask-position:bottom center;mask-position:bottom center}@media(prefers-reduced-motion){.card__text::after{transition:none}}@media(min-width: 768px){.card__text::after{--icon-size: 48px}}.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}@media(prefers-reduced-motion){.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:none}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:none}}.card--external .card__text::after{-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external)}.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:none}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:none}}.card--external .link__type--external{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}.card .content-tags{margin-bottom:-8px}.card__category{margin-top:12px}.card__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.card__title{--line-height: 1;font-size:2rem;font-weight:400}}.card__link{word-wrap:anywhere;text-decoration:none}.card__link::after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card__link:active,.card__link:focus{outline:3px solid #000;outline-offset:2px}.card__link:active,.card__link:hover{text-decoration:underline}.card__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.card__helptext{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.card__description,.card__helptext{margin-top:8px}.card__description>:first-child,.card__helptext>:first-child{margin-top:0}.card__metas{margin-top:16px}.card__meta{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding-left:32px}.card__meta+.card__meta{margin-top:8px}.card__meta__icon{--icon-size: 24px;display:inline-block;margin-left:-32px;margin-right:8px}.card__meta__label{font-weight:500}.card p.address{display:inline}.card__tags{margin-top:16px}.link__type{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;--external-icon-move: translate(3px, -3px);overflow:hidden}@media(prefers-reduced-motion){.link__type{transition:none}}@media(prefers-reduced-motion){.link__type{--external-icon-move: scale(1)}}a:focus .link__type,a:hover .link__type{transform:var(--external-icon-move)}.link__type--tel{-webkit-mask-image:var(--hel-icon--tel);mask-image:var(--hel-icon--tel);--external-icon-move: rotate(15deg)}.link__type--mailto{-webkit-mask-image:var(--hel-icon--mailto);mask-image:var(--hel-icon--mailto);--external-icon-move: rotate(15deg)}.link__style--highlight{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;padding-left:calc(var(--line-height)*1em + 8px)}.link__style--highlight::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);margin-left:calc(var(--line-height)*-1em - 8px);margin-right:8px}.quote{--line-height: 1.5;font-size:1.5rem;font-weight:500;line-height:var(--line-height);display:block;margin:48px 0;padding:8px 0 8px 24px;position:relative}@media(min-width: 992px){.quote{--line-height: 1.5;font-size:2rem;font-weight:400}}@media(min-width: 992px){.quote{margin:64px 0;padding:0 0 0 40px}}.quote::before{background-color:var(--hdbt-color-palette--primary);content:"";height:100%;left:0;position:absolute;top:0;width:8px}.quote__text{font-style:italic;margin-top:0}.quote__text::before{content:"”"}.quote__text[lang=en]::before,[lang=en] .quote__text::before{content:"“"}.quote__text::after{content:"”"}.quote__author{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.quote__author::before{content:"-";margin-right:3px}.quote__author cite{font-style:normal}.block--branding-navigation{display:flex;grid-area:brand;margin-left:auto;order:2;z-index:2}@media(min-width: 768px){.block--branding-navigation{margin-left:32px;order:3}}.block--branding{align-items:center;display:flex;grid-area:logo;height:var(--branding-height);z-index:1}@media(min-width: 768px){.block--branding{height:auto}}.block--branding .city-name{color:#000;display:none;margin-left:8px;margin-right:8px}@media(min-width: 992px){.block--branding .city-name{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;margin-left:16px;margin-right:16px}}@media(min-width: 992px)and (min-width: 768px){.block--branding .city-name{--line-height: 1.5;font-size:1.25rem;font-weight:400}}.block--branding a:focus .city-name,.block--branding a:hover .city-name{text-decoration:underline}#chat-leijuke-wrapper{bottom:0;color:#fff;position:fixed;right:0;z-index:1}.chat-leijuke{align-items:center;background:#000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:auto;gap:8px;padding:8px 16px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.chat-leijuke.hidden{display:none}.chat-leijuke .hel-icon--angle-up{margin-left:auto}.cx-widget.cx-side-button-group{display:none}.smartti-button-closed{display:none}#aca--widget-button{opacity:0}.kuura-chat-toggle.closed-chat{display:none}.language-wrapper{--language-block-height: 52px;align-content:stretch;align-items:center;align-self:center;background-color:#f7f7f8;border-bottom:1px solid #ccc;display:flex;grid-area:lang;height:100%;justify-content:space-between;min-height:var(--language-block-height);padding:0 16px;position:relative;transition:margin-top .3s ease 1s;width:100vw;z-index:0}@media(min-width: 768px){.language-wrapper{background-color:rgba(0,0,0,0);border-bottom:0 none;border-top:none;margin-left:auto;order:2;padding:0;width:auto;z-index:10}}.language-wrapper.scroll-up{margin-top:calc(-1*var(--language-block-height));transition-delay:0s}@media(min-width: 768px){.language-wrapper.scroll-up{margin-top:0;transition-duration:0s}}#menu:not([data-js])~* .mega-and-mobilemenu .block--language-switcher+*{margin-top:16px}.language-links{display:flex}.nav-toggle-dropdown--otherlangs{grid-area:langmenu}@media(min-width: 992px){.nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{display:flex;justify-content:flex-end;pointer-events:none}}.headerlanguagelinks__menu-dropdown{background-color:#efeff0;height:100%;list-style:none;margin:0;min-width:240px;padding:16px;width:auto}@media(min-width: 992px){.headerlanguagelinks__menu-dropdown{border:1px solid #ccc;border-top:0;height:auto;max-width:200px;pointer-events:all}}.headerlanguagelinks__group+.headerlanguagelinks__group{margin-top:24px}.headerlanguagelinks__link{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block}.headerlanguagelinks__link+.headerlanguagelinks__group,.headerlanguagelinks__link+.headerlanguagelinks__link{margin-top:8px}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink){text-decoration:none}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):hover,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):active,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):focus{text-decoration:underline}.headerlanguagelinks__link--nolink{display:block;font-weight:700}.block--mobile-navigation{order:3}@media(min-width: 768px){.block--mobile-navigation{display:none}}.page-title{padding-top:0}.page-title h1{margin-bottom:0;margin-top:0;max-width:860px}.page-title+article>.lead-in{margin-top:24px}.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:32px}@media(min-width: 992px){.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:64px}}.block--react-and-share{margin-top:32px;width:100%}@media(min-width: 992px){.block--react-and-share{margin-top:64px}}.block--react-and-share:last-child{background:#f1f1f1}.block--react-and-share:last-child .rns .rns-plugin{padding-bottom:112px}.js .block--react-and-share:last-child{margin-bottom:-112px}.rns{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.rns{max-width:1328px}}@media(min-width: 768px){.rns{padding-left:32px;padding-right:32px}}.rns .rns-plugin{font-family:HelsinkiGrotesk,Arial,sans-serif;margin:0;padding-bottom:80px;padding-top:80px}.rns .rns-plugin .rns-reactions{max-width:688px}.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.rns .rns-plugin .rns-reactions .reactions{margin-top:24px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-reactions .reactions{margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction{flex-grow:0;margin:0 calc(24px / 2);max-width:190px;padding:0}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{max-width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{margin:16px 0 0;padding:0;width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child{margin-top:0}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button{border-color:#000;padding:14px 32px;position:relative}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;color:#000;display:flex;justify-content:center;min-width:-moz-max-content;min-width:max-content;width:100%}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label:after{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--face-neutral);mask-image:var(--hel-icon--face-neutral);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-reaction-count{display:none}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus{background-color:#fff;box-shadow:none;color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus .rns-label{color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover{background-color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button{background-color:#000 !important}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-smile);mask-image:var(--hel-icon--face-smile)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:last-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-sad);mask-image:var(--hel-icon--face-sad)}.rns .rns-plugin .rns-shares{margin-top:64px;padding:0 calc(24px / 4)}.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-shares .rns-shares-list{margin-top:32px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-shares .rns-shares-list{margin-bottom:0;margin-left:-8px;margin-right:-8px;margin-top:32px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:0 8px;padding:0 !important;width:auto}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:16px 0 0;padding:0 !important;width:calc(50% - 16px)}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:first-child,.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(2){margin:0}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(odd){margin-right:4px}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(even){margin-left:4px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:#000;display:flex;justify-content:left;padding:0}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:after{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--share);mask-image:var(--hel-icon--share);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus:after{--size: calc(100% + 8px);border-color:#000;left:calc(-8px / 2);top:calc(-8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover{opacity:1}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover:before{background-color:#000}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover .rns-label{color:#000;text-decoration:underline}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-icon{display:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);padding-right:calc(8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-facebook .rns-share-button:before{-webkit-mask-image:var(--hel-icon--facebook);mask-image:var(--hel-icon--facebook)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-whatsapp .rns-share-button:before{-webkit-mask-image:var(--hel-icon--whatsapp);mask-image:var(--hel-icon--whatsapp)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-twitter .rns-share-button:before{-webkit-mask-image:var(--hel-icon--twitter);mask-image:var(--hel-icon--twitter)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-email .rns-share-button:before{-webkit-mask-image:var(--hel-icon--email);mask-image:var(--hel-icon--email)}.rns .rns-plugin .rns-inputs{margin-top:48px;max-width:688px;padding:calc(24px / 4)}.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-inputs .rns-input-description{margin:24px 0 0;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;opacity:1}.rns .rns-plugin .rns-inputs .rns-input-field{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border:2px solid gray;font-family:HelsinkiGrotesk,Arial,sans-serif;height:188px;margin-top:24px;padding:16px}.rns .rns-plugin .rns-inputs .rns-form-submit{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);background-color:#000;border:2px solid #000;color:#fff;display:inline-flex;margin-top:24px;padding:16px 24px;position:relative}.rns .rns-plugin .rns-inputs .rns-form-submit:after{background-color:#fff;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-inputs .rns-form-submit:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;top:0;width:var(--size)}.rns .rns-plugin .rns-inputs .rns-form-submit:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-inputs .rns-form-submit:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4);top:calc(-24px / 4)}.rns .rns-plugin .rns-inputs .rns-form-submit:hover{background-color:#fff;color:#000}.rns .rns-plugin .rns-inputs .rns-form-submit:hover:after{background-color:#000}.social-media{margin-top:48px}.social-media__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.social-media__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.social-media__items{margin-left:-4px;margin-right:-4px;display:flex;margin-bottom:32px;margin-top:16px}.social-media__items>*{margin-left:4px;margin-right:4px}.social-media__item{color:#000;list-style:none;text-decoration:none}.social-media__item .hel-icon{--icon-size: 32px}.social-media__item:focus.email,.social-media__item:active.email,.social-media__item:hover.email{color:#4c4c4c}.social-media__item:focus.facebook-share,.social-media__item:active.facebook-share,.social-media__item:hover.facebook-share{color:#4169af}.social-media__item:focus.linkedin,.social-media__item:active.linkedin,.social-media__item:hover.linkedin{color:#0079b2}.social-media__item:focus.twitter,.social-media__item:active.twitter,.social-media__item:hover.twitter{color:#0da4ee}.hds-checkbox{--focus-outline-color: #000000}.hds-checkbox .hds-checkbox__input:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-checkbox .hds-checkbox__input:focus+.hds-checkbox__label::before,.hds-checkbox>.hds-checkbox__input:focus+label::before{box-shadow:none}.hds-checkbox .hds-checkbox__input::before,.hds-checkbox .hds-checkbox__input:hover::before{-webkit-mask-image:var(--hel-icon--check);mask-image:var(--hel-icon--check)}.form-item{margin-bottom:16px}.openid-connect-login-form{border-bottom:1px solid #666;margin-bottom:32px;max-width:600px;padding-bottom:32px}.openid-connect-login-form input{width:100%}.openid-connect-login-form>div{margin-top:16px}.openid-connect-login-form>div:first-child{margin-top:0}.user-login-form{max-width:600px;padding-bottom:16px}.hdbt--select-wrapper{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--border-width: 2px;--input-height: 52px;--menu-item-height: 52px;--icon-size: var(--spacing-layout-s);--icon-spacing: calc(((var(--spacing-s) - var(--border-width) * 2) * 2) + var(--icon-size));--helper-color-default: var(--color-black-60);--helper-color-invalid: var(--color-error);--icon-color-invalid: var(--color-error);--input-background-default: var(--color-white);--input-background-disabled: var(--color-black-10);--input-border-color-default: var(--color-black-50);--input-border-color-hover: var(--color-black-90);--input-border-color-focus: var(--color-black-90);--input-border-color-invalid: var(--color-error);--input-border-color-disabled: var(--color-black-10);--input-color-default: var(--color-black-90);--input-color-disabled: var(--color-black-40);--label-color-default: var(--color-black-90);--label-color-invalid: var(--color-black-90);--placeholder-color: var(--color-black-60);--focus-outline-color: #000000;--outline-width: 3px;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);cursor:pointer;display:block;grid-template-areas:"select";min-width:15ch;padding:0;position:relative;width:100%}.hdbt--select-wrapper select,.hdbt--select-wrapper::after{grid-area:select}.hdbt--select-wrapper select{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;color:var(--dropdown-color-default);cursor:inherit;display:flex;font-family:inherit;height:var(--input-height);margin:0;min-height:var(--menu-item-height);outline:none;padding:calc(1rem - var(--border-width)*2) var(--icon-spacing) calc(1rem - var(--border-width)*2) 1rem;padding:calc(var(--spacing-s) - var(--border-width)*2) var(--icon-spacing) calc(var(--spacing-s) - var(--border-width)*2) var(--spacing-s);width:100%;z-index:1}.hdbt--select-wrapper select::-ms-expand{display:none}.hdbt--select-wrapper select:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:4px}.hdbt--select-wrapper .hel-icon{--icon-size: var(--spacing-m);pointer-events:none;position:absolute;right:calc(1rem - var(--border-width)*2);right:calc(var(--spacing-s) - var(--border-width)*2);top:50%;transform:translateY(-50%)}.hdbt--select-wrapper:not(.select--multiple)::after{background-color:var(--helper-color-default);-webkit-clip-path:polygon(100% 0%, 0 0%, 50% 100%);clip-path:polygon(100% 0%, 0 0%, 50% 100%);content:"";height:.5em;justify-self:end;width:.8em}.hdbt--select-wrapper--disabled{background-color:var(--input-background-disabled);border:var(--border-width) solid var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hdbt--select-wrapper--disabled select:disabled{color:var(--input-color-disabled);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.region--attachments{height:0;visibility:hidden;width:0}.before-content{width:100%}*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:32px}@media(min-width: 992px){*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:64px}}.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:16px;padding-right:16px}@media(min-width: 768px){.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:32px;padding-right:32px}}.component--has-koro>.hds-koros{margin-left:-16px;margin-right:-16px;width:calc(16px + 100% + 16px)}@media(min-width: 768px){.component--has-koro>.hds-koros{margin-left:-32px;margin-right:-32px;width:calc(32px + 100% + 32px)}}.component__container{margin-left:auto;margin-right:auto;max-width:1264px}.component__title,.component__description{margin-bottom:0;margin-top:0}.component__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component__description>:first-child{margin-top:0}.component__description>:last-child{margin-bottom:0}.component__title+.component__description{margin-top:16px}.component__title+.component__content,.component__description+.component__content{margin-top:24px}@media(min-width: 992px){.component__title+.component__content,.component__description+.component__content{margin-top:48px}}.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:32px;padding-right:32px}}.container{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.container{max-width:1328px}}@media(min-width: 768px){.container{padding-left:32px;padding-right:32px}}.dialog-off-canvas-main-canvas{display:flex;flex-direction:column;height:100%;z-index:1}.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 39px;padding-top:var(--drupal-toolbar-height)}@media(min-width: 976px){.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 54px}}.error-page{background-color:#efeff0}.error-page .no-sidebar .main-content{margin-top:0}body[\:has\(.error-page__title\)]{background-color:#efeff0}body:has(.error-page__title){background-color:#efeff0}body[\:has\(.error-page__title\)] .no-sidebar .main-content{margin-top:0}body:has(.error-page__title) .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.error-page-content__container{display:flex}}@media(min-width: 768px){.error-page__text-container{width:50%}}.error-page__title{margin-bottom:0}.error-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.error-page__description{margin-top:24px}}.error-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.error-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.error-page__link::after{transition:none}}.error-page__link[data-is-external]::after{content:none}.error-page__link:hover{text-decoration:none}.error-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.error-page__link:hover::after{transform:none}}.error-page__link+.error-page__link{margin-top:24px}.error-page__login-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.error-page__login-title{--line-height: 1;font-size:2rem;font-weight:400}}.error-page__login-form{margin-top:32px}@media(min-width: 768px){.error-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding-left:48px;padding-right:48px;padding-top:96px;width:50%}}.error-page__illustration{display:block;height:auto;margin-left:32px;margin-top:48px;width:264px}@media(min-width: 768px){.error-page__illustration{margin-left:0;margin-top:0;max-width:100%;width:379px}}.footer{flex-shrink:0;margin:calc(50px + 48px) auto 0;max-width:1920px;width:100%}@media(min-width: 992px){.footer{margin-top:calc(50px + 64px)}}.footer a{text-decoration:underline}.footer .menu{list-style:none;margin:0;padding:0}.footer .hds-koros{margin-top:calc(-1*(50px - 1px))}.footer-top__container{padding-top:0}.footer-top{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;padding-top:64px}@media(min-width: 768px){.footer-top{max-width:1328px}}@media(min-width: 768px){.footer-top{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.footer-top{display:flex;flex-wrap:wrap}}.footer-top h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.footer-top h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.footer-top h2.footer-top__content__title{margin-top:32px}@media(min-width: 768px){.footer-top h2.footer-top__content__title{margin-top:0}}.footer-top p{margin-top:16px}@media(min-width: 768px){.footer-top nav{margin-right:96px}}.footer-top .menu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin:16px 0 32px 0}@media(min-width: 768px){.footer-top .menu{margin-bottom:0;margin-top:24px}}.footer-top .menu__item{margin-top:16px}.footer-top .menu__item:first-child{margin-top:0}@media(min-width: 768px){.footer-top__content{max-width:544px}}.footer-bottom__container{padding-top:0}.footer-bottom{border-top:1px solid #b2b2b2;-moz-column-gap:32px;column-gap:32px;display:flex;flex-wrap:wrap;margin-top:48px;padding-bottom:48px;padding-top:24px;row-gap:16px}@media(min-width: 768px){.footer-bottom{margin-top:96px;padding-bottom:0}}@media(min-width: 768px){.footer-bottom__navigation-wrapper{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:48px}}.footer-bottom__navigation{margin-top:16px}@media(min-width: 768px){.footer-bottom__navigation{margin-top:0}}.footer-bottom__navigation .menu{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;flex-wrap:wrap}.footer-bottom__navigation .menu__item{align-items:center;display:flex}.footer-bottom__navigation .menu__item::after{content:"";display:block;height:15px;margin:0 8px;width:1px}.footer-bottom__navigation .menu__item.menu__item--nolink{display:flex;width:auto}.footer-bottom__navigation .menu__item:last-child::after{display:none}.footer__back-to-top{--outline-gutter: 2px;--outline-width: 3px;--focus-outline-color: var(--hdbt-color-black);--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);align-items:center;align-self:flex-end;display:flex;height:40px;margin-left:auto;margin-right:8px;text-decoration:none}@media(min-width: 992px){.footer__back-to-top{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.footer__back-to-top{margin-bottom:48px;margin-top:0}}.footer__back-to-top:focus,.footer__back-to-top:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter)}.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top .hel-icon{transition:transform .2s linear}@media(prefers-reduced-motion){.footer__back-to-top .hel-icon{transition:none}}.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:translateY(-4px)}@media(prefers-reduced-motion){.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:none}}.footer--light{background-color:#efeff0;color:#fff}.footer--light .hds-koros{color:#efeff0}.footer--light a{color:#000}.footer--light .footer-bottom,.footer--light .footer-top{color:#000}.footer--light .footer-bottom .menu__item::after{background-color:#000}.footer--dark{background-color:#121212;background-color:var(--hdbt-color-black);color:#fff}.footer--dark .hds-koros{color:#121212;color:var(--hdbt-color-black)}.footer--dark a{color:#fff}.footer--dark .footer-bottom,.footer--dark .footer-top{color:#fff}.footer--dark .footer-bottom{border-color:#fff}.footer--dark .footer-bottom .menu__item::after{background-color:#fff}.footer--dark .footer__back-to-top{--focus-outline-color: var(--color-white)}.wrapper>.header{padding-top:114px}@media(min-width: 768px){.wrapper>.header{padding-top:0}}.layout-main-wrapper *{scroll-margin-top:113px}@media(min-width: 768px){.layout-main-wrapper *{scroll-margin-top:0}.toolbar-horizontal .layout-main-wrapper *{scroll-margin-top:64px}}.main-content{display:grid;grid-template-areas:"subnav" "content" "sidebar";grid-template-columns:100%;grid-template-rows:auto;margin-left:auto;margin-right:auto;margin-top:64px}@media(min-width: 992px){.main-content{margin-top:96px}}@media(min-width: 992px){.has-sidebar .main-content{-moz-column-gap:64px;column-gap:64px;grid-template-areas:"content sidebar";grid-template-columns:auto 340px}.has-sidebar--first .main-content{grid-template-areas:"subnav content" "sidebar content";grid-template-columns:340px auto;grid-template-rows:auto 1fr}}@media(min-width: 1248px){.main-content{-moz-column-gap:48px;column-gap:48px}}.has-sidebar .main-content{max-width:1296px;padding-left:16px;padding-right:16px}@media(min-width: 768px){.has-sidebar .main-content{max-width:1328px}}@media(min-width: 768px){.has-sidebar .main-content{padding-left:32px;padding-right:32px}}.layout-sidebar-first{display:none;grid-area:subnav;margin-bottom:48px}@media(min-width: 992px){.layout-sidebar-first{display:block}.no-sidebar-second .layout-sidebar-first{margin-bottom:0}}.layout-content{grid-area:content}.layout-content:not(:last-child){margin-bottom:48px}@media(min-width: 992px){.layout-content:not(:last-child){margin-bottom:0}}.layout-sidebar-second{grid-area:sidebar}.user-login-page{background-color:#efeff0}.user-login-page .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.user-login-page-content__container{display:flex}}.user-login-page__title{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height);margin-bottom:32px}@media(min-width: 992px){.user-login-page__title{--line-height: 1;font-size:3rem;font-weight:400}}@media(min-width: 768px){.user-login-page__title{margin-bottom:48px}}@media(min-width: 768px){.user-login__form-container{width:50%}}.user-login-page__illustration-container{align-items:center;display:flex;justify-content:center}@media(min-width: 768px){.user-login-page__illustration-container{padding-left:96px;width:50%}}.user-login-page__illustration{display:block;height:auto;margin-top:48px;max-width:450px;width:100%}@media(min-width: 768px){.user-login-page__illustration{margin-left:0;margin-top:0;max-width:unset}}.login-form .description{display:none}.login-form .form-item--error-message{margin-top:32px}.lower-content{margin-top:32px;width:100%}@media(min-width: 992px){.lower-content{margin-top:64px}}.lower-content .layout-content{margin:0;padding:0;width:100%}.maintenance-page{background-color:#efeff0}@media(min-width: 768px){.maintenance-page-content__container{display:flex}}@media(min-width: 768px){.maintenance-page__text-container{display:flex;flex-direction:column;justify-content:center;width:50%}}.maintenance-page__title{margin-bottom:0}.maintenance-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.maintenance-page__description{margin-top:24px}}.maintenance-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.maintenance-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.maintenance-page__link::after{transition:none}}.maintenance-page__link[data-is-external]::after{content:none}.maintenance-page__link:hover{text-decoration:none}.maintenance-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.maintenance-page__link:hover::after{transform:none}}.maintenance-page__link+.maintenance-page__link{margin-top:24px}@media(min-width: 768px){.maintenance-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding:96px 48px;width:50%}}.maintenance-page__illustration{display:block;height:auto;margin:96px auto;width:350px}@media(min-width: 768px){.maintenance-page__illustration{margin:0;max-width:100%;width:460px}}.paragraph-content>*:first-child{margin-top:0}@media(min-width: 768px){.tools__container{margin-top:16px}}@media(min-width: 768px){.breadcrumb__container+.tools__container{margin-bottom:20px;margin-top:-8px}}.wrapper{flex:1 0 auto;margin-left:auto;margin-right:auto;max-width:1920px;width:100%}.image-placeholder{background-color:var(--hdbt-color-palette--primary);padding-bottom:56.25%;position:relative;width:100%}.image-placeholder .hel-icon{--icon-size: 50%;color:var(--hdbt-color-palette-text--primary);left:25%;position:absolute;top:25%}.image picture{display:block}.image img{display:block;height:auto;max-width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e5e5}.image__caption{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);padding-top:16px}img{word-wrap:break-word}.announcement{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);height:auto;height:var(--js-announcement-height, auto);padding-bottom:16px}.announcement__container{--announcement-bg-color: #f7f7f8;--announcement-bg-size: 32px;--announcement-color: #0062b9;align-items:flex-start;background:linear-gradient(90deg, var(--announcement-color) 0, var(--announcement-color) var(--announcement-bg-size), var(--announcement-bg-color) var(--announcement-bg-size));background-color:var(--announcement-bg-color);box-shadow:2px 2px 10px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;min-height:var(--announcement-bg-size);padding-bottom:16px;padding-left:calc(var(--announcement-bg-size) + 16px);padding-right:16px;padding-top:16px;position:relative}.announcement__container::before{background-color:#fff;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--info-circle-fill);mask-image:var(--hel-icon--info-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:calc(.5*(var(--announcement-bg-size) - 24px));margin-top:-12px;position:absolute;top:50%}@media(min-width: 768px){.announcement__container{--announcement-bg-size: 48px}}.announcement--alert .announcement__container{--announcement-bg-color: #f6e2e6;--announcement-color: #b01038}.announcement--alert .announcement__container::before{-webkit-mask-image:var(--hel-icon--error-fill);mask-image:var(--hel-icon--error-fill)}.announcement--attention .announcement__container{--announcement-color: #ffda07}.announcement--attention .announcement__container::before{-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);background-color:#000}.announcenemnt__content-body *:first-child{margin-top:0}.announcement__link{margin-top:16px}.announcement__link:first-child{margin-top:0}.announcement__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.announcement__link a::after{transition:none}}.announcement__link a:focus::after,.announcement__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.announcement__link a:focus::after,.announcement__link a:hover::after{transform:none}}.announcement__link a[data-is-external]::after{content:none}.announcement__close{background:rgba(0,0,0,0);border:0 none;cursor:pointer;height:32px;margin-bottom:0;margin-left:0;margin-right:-8px;margin-top:-8px;padding:0;width:32px}.announcement__close::after{--icon-size: 32px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}.js-announcement__close--disabled{visibility:hidden}.js-announcement--hide{height:0;opacity:0;overflow:hidden;padding-bottom:0;transition:opacity linear .15s,height linear .2s .15s,padding-bottom linear .2s .15s,visibility linear 0s 0.35s;visibility:hidden}@media(prefers-reduced-motion){.js-announcement--hide{transition:none}}.hds-notification{margin-bottom:16px}.hds-notification:first-of-type{margin-top:16px}.hds-notification__label .hel-icon{--icon-size: 24px;margin-right:8px}.messages__container{padding-top:0}.menu__link{text-decoration:none}.menu__link:focus,.menu__link:hover{text-decoration:underline}.menu__link[aria-current=page],.menu__link[aria-current=true]{font-weight:700}.menu__link__text{text-decoration:inherit}.menu__link__icon{display:none}.header-branding{--branding-height: 65px;--header-branding-padding: 16px;background-color:#fff;display:grid;grid-template-areas:". logo . brand search toggle ." "menu menu menu menu menu menu menu" "lang lang lang lang lang lang lang" "langmenu langmenu langmenu langmenu langmenu langmenu langmenu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) min-content min-content min-content;position:fixed;top:0;width:100%;z-index:100}@media(min-width: 768px){.header-branding{--branding-height: 86px;--header-branding-padding: 24px;grid-template-areas:". logo . lang brand search toggle ." "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu" "menu menu menu menu menu menu menu menu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) auto}}@media(min-width: 992px){.header-branding{grid-template-areas:". logo . lang brand search toggle ." "langmenu langmenu langmenu langmenu . . . ." "menu menu menu menu menu menu menu menu"}}@media(min-width: 768px){.header-branding{position:relative;top:auto}}@media(min-width: 992px){.header-branding{--header-branding-padding: 32px}}.header-branding::before{align-self:end;background-color:#fff;border-bottom:1px solid #ccc;content:"";grid-column:1/-1;grid-row:1/span 1;height:100%;z-index:1}@media(min-width: 768px){.header-branding::before{height:0}}.toolbar-vertical .header-branding{top:var(--drupal-toolbar-height)}.header-branding .block--branding-navigation .menu{display:flex;list-style:none;margin:0;padding:0}.header-branding .block--branding-navigation .menu__item+.menu__item{margin-left:8px}.header-branding .block--branding-navigation .menu__link{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;cursor:pointer;display:grid;grid-template-areas:"icon" "label";padding:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(min-width: 992px){.header-branding .block--branding-navigation .menu__link{display:none}}.header-branding .block--branding-navigation .menu__link:focus,.header-branding .block--branding-navigation .menu__link:hover{text-decoration:underline}.header-branding .block--branding-navigation .menu__link:active,.header-branding .block--branding-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.header-branding .block--branding-navigation .menu__link__icon{--icon-size: 32px;align-self:end;display:block;grid-area:icon;justify-self:center}.breadcrumb{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;list-style:none;margin:0;padding:8px 16px}@media(min-width: 768px){.breadcrumb{--line-height: 1.5;font-size:.875rem;font-weight:400}}@media(min-width: 768px){.breadcrumb{padding:16px 24px}}@media(min-width: 992px){.breadcrumb{padding:16px 32px}}.breadcrumb .hel-icon{display:none}@media(min-width: 768px){.breadcrumb .hel-icon{--icon-size: 0.875rem;display:block;margin:0 2px}}.breadcrumb__link{display:none;text-decoration:underline}@media(min-width: 768px){.breadcrumb__link{display:block}}.breadcrumb__link:hover{text-decoration:none}.breadcrumb__link:last-of-type{align-items:center;display:flex;margin-left:-8px}@media(min-width: 768px){.breadcrumb__link:last-of-type{margin-left:0}}.breadcrumb__link:last-of-type::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 768px){.breadcrumb__link:last-of-type::before{display:none}}.breadcrumb__current{--line-height: 1.5;font-size:.875rem;font-weight:700;line-height:var(--line-height);display:none}@media(min-width: 768px){.breadcrumb__current{display:block}}.header-bottom{background-color:#fff}@media(min-width: 992px){.header-bottom{border-bottom:1px solid #ccc}}.header-bottom .menu{display:none;margin:0;padding:0;z-index:0}@media(min-width: 992px){.header-bottom .menu{display:flex}}.header-bottom .menu--level-0,.header-bottom .site-name__container{margin-left:22px;margin-right:22px;flex-wrap:wrap}.header-bottom .menu--level-0>*,.header-bottom .site-name__container>*{margin-left:10px;margin-right:10px}.header-bottom .site-name__container{display:none;padding-top:24px}@media(min-width: 992px){.header-bottom .site-name__container{display:flex}}.header-bottom .site-name__link{--line-height: 1.1666666667;font-size:1.5rem;font-weight:400;line-height:var(--line-height);text-decoration:none}.header-bottom .site-name__link:hover,.header-bottom .site-name__link:focus{text-decoration:underline}.header-bottom .menu__item{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);list-style:none;position:relative}.header-bottom .menu__toggle-button{background-color:#f1f1f1;border:none;margin-left:4px;padding:0}.header-bottom .menu__toggle-button:hover{cursor:pointer}.header-bottom .menu__toggle-button:focus{box-shadow:0 0 0 3px #000;outline:none;padding:6px 0}.header-bottom .menu__toggle-button-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.header-bottom .menu__toggle-button-icon{transition:none}}.header-bottom [aria-expanded=true]>.menu__toggle-button-icon{transform:rotate(180deg)}.header-bottom .menu__item--nolink{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding:24px 0;text-decoration:none}.header-bottom .menu__link-wrapper{align-items:center;display:flex;height:100%;position:relative}.header-bottom .menu__link{display:inline-block;padding:24px 0}.header-bottom .menu__link::before{background-color:#000;bottom:0;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);width:0}.header-bottom .menu__link[aria-current=page]::before{height:4px;width:100%}.header-bottom .menu__link:focus{outline:none}.header-bottom .menu__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:50%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.header-bottom .menu__item--item-below .menu__link:focus::after{left:-2px;width:calc(100% - 24px)}.header-bottom .menu__link--active-trail{font-weight:700}.header-bottom .menu__link--active-trail::before{height:4px;width:100%}.header-bottom .menu__link__text{display:inline-block}.header-bottom .menu--level-1{background-color:#fff;border:1px solid #ccc;bottom:auto;display:none;left:-20px;min-width:310px;position:absolute;width:calc(100% + 64px);z-index:100}.header-bottom .menu__item--hover .menu--level-1,.header-bottom .menu__item--open .menu--level-1{display:block}.header-bottom .menu--level-1 .menu__toggle-button{display:none}.header-bottom .menu--level-1 .menu__link,.header-bottom .menu--level-1 .menu__item--nolink{--line-height: 1.25;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;padding:16px 20px}.header-bottom .menu--level-1 .menu__link::before,.header-bottom .menu--level-1 .menu__item--nolink::before{bottom:0;height:100%;left:0;margin:0;right:auto;top:0;transition:width 100ms ease-in}.header-bottom .menu--level-1 .menu__link:focus,.header-bottom .menu--level-1 .menu__item--nolink:focus{margin:0}.header-bottom .menu--level-1 .menu__link:focus::after,.header-bottom .menu--level-1 .menu__item--nolink:focus::after{height:100%;left:8px;width:calc(100% - 16px)}.header-bottom .menu--level-1 .menu__link[aria-current=page],.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]{font-weight:700}.header-bottom .menu--level-1 .menu__link:hover::before,.header-bottom .menu--level-1 .menu__link[aria-current=page]::before,.header-bottom .menu--level-1 .menu__link.menu__link--active-trail::before,.header-bottom .menu--level-1 .menu__item--nolink:hover::before,.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]::before,.header-bottom .menu--level-1 .menu__item--nolink.menu__link--active-trail::before{height:100%;width:4px}.header-bottom .menu--level-1 .menu__item--active-trail::before{height:100%;width:0}.nav-toggle-dropdown--search .nav-toggle-dropdown__content{background-color:#f7f7f8}.header-search-wrapper{padding-left:16px;padding-right:16px;max-width:860px;padding-top:48px;padding-bottom:48px}@media(min-width: 768px){.header-search-wrapper{padding-left:32px;padding-right:32px}}.header-search-wrapper .helfi-search__form{align-items:initial;flex-direction:column;margin-bottom:24px}@media(min-width: 576px){.header-search-wrapper .helfi-search__form{align-items:flex-end;flex-direction:row}}.header-search-wrapper .helfi-search__form .hds-text-input{width:100%}.header-search__javascript-disabled{display:block;margin-bottom:24px}.header-search__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;margin-top:0}@media(min-width: 992px){.header-search__title{--line-height: 1;font-size:2rem;font-weight:400}}.search-container__links-container{display:flex;flex-direction:column;gap:24px}@media(min-width: 768px){.search-container__links-container{flex-direction:row}}@media(min-width: 768px){.search-container__link{width:50%}}.search-container__link p{margin-top:0}.search__link-external{display:inline-block;margin-bottom:8px;--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}.header{--header-top-height: 0}@media(min-width: 992px){.header{--header-top-height: calc(28px + 1.25rem)}}.header-top{display:none}@media(min-width: 992px){.header-top{--line-height: 1.4285714286;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;background-color:#f1f1f1;display:flex;justify-content:flex-end;padding:14px 32px}}.header-top .menu{display:flex;list-style:none;margin:0;padding:0}[dir="ltr"] .header-top .menu__item+.menu__item{margin-left:16px}[dir="rtl"] .header-top .menu__item+.menu__item{margin-right:16px}.header-top .link-to-site-frontpage{text-decoration:none}.header-top .link-to-site-frontpage:focus,.header-top .link-to-site-frontpage:hover{text-decoration:underline}.header-top .link-to-site-frontpage[aria-current=page],.header-top .link-to-site-frontpage[aria-current=true]{font-weight:700}.header-top .menu__link__text::after{--external-icon-move: translate(1px, -1px)}@media(prefers-reduced-motion){.header-top .menu__link__text::after{--external-icon-move: scale(1)}}.helfi-search__form{align-items:flex-end;display:flex;gap:8px}.helfi-search__form .form-item{margin-bottom:0}html:not(.js) .helfi-search__form{display:none}.helfi-search__submit-button{height:56px}.language-link{text-decoration:none;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;margin-left:8px;margin-right:8px}.language-link:focus,.language-link:hover{text-decoration:underline}.language-link[aria-current=page],.language-link[aria-current=true]{font-weight:700}.language-link:first-child{margin-left:0}.language-link[aria-current=true]{border-bottom:3px solid #1a1a1a;cursor:default;text-decoration:none}.language-link.is-disabled{color:#666;cursor:not-allowed}.language-link.is-disabled.is-alternative{display:none}.local-tasks__wrapper{display:none}@media(min-width: 768px){.local-tasks__wrapper{display:block;margin:0 24px}}@media(min-width: 992px){.local-tasks__wrapper{margin:0 32px 16px}}.local-tasks{display:flex;flex:1 1;height:56px;list-style:none;margin:0 0 0 -4px;padding:0}.local-task{align-items:center;display:flex;font-weight:500;margin-left:32px;outline:none;padding:0}.local-task:first-child{margin-left:0}.local-task a{align-items:center;display:flex;height:100%;padding:4px;position:relative;text-decoration:none}.local-task a::after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scale(0);transition:transform .5s cubic-bezier(0.19, 1, 0.22, 1)}.local-task a.is-active::after,.local-task a:hover::after{transform:scale(1)}.local-task a:focus{outline:3px solid #000;outline-offset:2px}.infinite-scroll-pager{display:flex;flex-direction:column;justify-content:center;list-style:none;margin-left:0;margin-top:32px;padding:0}@media(min-width: 768px){.infinite-scroll-pager{flex-direction:row;margin-top:64px}}.infinite-scroll-pager .pager-button{display:flex}.layout-sidebar-first{display:none}@media(min-width: 992px){.layout-sidebar-first{display:block}}.has-section-nav .layout-sidebar-first{display:block}.sidebar-navigation__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0}@media(min-width: 992px){.sidebar-navigation__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-navigation__title a{text-decoration:none;align-items:center;display:flex;margin-top:8px;margin-bottom:8px;padding-top:16px;padding-bottom:16px;position:relative}.sidebar-navigation__title a:focus,.sidebar-navigation__title a:hover{text-decoration:underline}.sidebar-navigation__title a[aria-current=page],.sidebar-navigation__title a[aria-current=true]{font-weight:700}.sidebar-navigation__title a::before{background-color:#000;background-size:contain;content:"";display:flex;height:25px;-webkit-mask-image:var(--hel-icon--arrow-left);mask-image:var(--hel-icon--arrow-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:25px 25px;mask-size:25px 25px;vertical-align:bottom;width:25px;transition:transform .2s linear;margin-left:8px;margin-right:16px}@media(prefers-reduced-motion){.sidebar-navigation__title a::before{transition:none}}.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:translateX(-4px)}@media(prefers-reduced-motion){.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:none}}.sidebar-navigation__title a:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation{width:100%}.sidebar-navigation .menu__toggle-button{background:rgba(0,0,0,0);border:none;display:none;height:44px;padding:0;position:relative;width:44px}:where(html.js) .sidebar-navigation .menu__toggle-button{display:block}.sidebar-navigation .menu__toggle-button::before{background-color:#f1f1f1;content:"";height:24px;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;width:24px}.sidebar-navigation .menu__toggle-button .hel-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.sidebar-navigation .menu__toggle-button .hel-icon{transition:none}}.sidebar-navigation .menu__toggle-button:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation .menu__toggle-button:hover{cursor:pointer}.sidebar-navigation .menu__toggle-button:hover::before{background-color:#ccc}.sidebar-navigation .menu__link-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-navigation .menu{list-style:none;margin:0;padding:0;width:100%}.sidebar-navigation .menu__item{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-navigation .menu__item.menu__item--active-trail{display:flex;flex-wrap:wrap}.sidebar-navigation .menu__item.menu__item--active-trail>.menu__link-wrapper{font-weight:bold}.sidebar-navigation .menu__item--children .menu{display:block}:where(html.js) .sidebar-navigation .menu__item--children .menu{display:none}.sidebar-navigation .menu__item--open>.menu{display:block}.sidebar-navigation .menu__item--open>.menu__link-wrapper .hel-icon{transform:rotate(180deg)}.sidebar-navigation .menu__item--nolink,.sidebar-navigation .menu__link{margin-top:5px;margin-bottom:5px;padding:5px 4px;position:relative;width:100%}.sidebar-navigation .menu__item--nolink:focus,.sidebar-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__item--nolink,.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__link{width:calc(100% - 44px)}.sidebar-navigation .menu--level-1{border-left:1px solid #ccc;margin-bottom:16px;padding-left:16px}.sidebar-navigation .menu--level-1 .menu{border-left:1px solid #ccc;padding-left:16px}.sidebar-navigation .menu--level-1 .menu__item--nolink[aria-current=page]::before,.sidebar-navigation .menu--level-1 .menu__link[aria-current=page]::before{background-color:#000;content:"";height:calc(100% + (2 * 5px));top:0;right:0;bottom:0;left:0;left:calc(-1 * 16px - 1px);position:absolute;top:-5px;width:3px}.sidebar-navigation .menu--level-0>.menu__item{border-bottom:1px solid #ccc}.sidebar-navigation .menu--level-0>.menu__item>.menu__link-wrapper .menu__link{margin-top:8px;margin-bottom:8px;padding:8px 4px}@media(min-width: 992px){.sidebar-navigation+.sidebar-navigation{margin-top:64px}}@media(max-width: 992px){.sidebar-navigation--section-navigation{background-color:#f7f7f8;display:block}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__toggle-button{margin-right:-10px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0{padding-left:16px;padding-right:16px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0>.menu__item:last-child{border-bottom:0}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__item--item-below>.menu__link-wrapper{padding-right:0}}@media(max-width: 992px){.section-navigation__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);background-color:#f7f7f8;border-bottom:0 none;flex-grow:1;margin-top:0;padding:0}}@media(max-width: 992px)and (min-width: 992px){.section-navigation__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(max-width: 992px){.section-navigation__title a{margin-bottom:0;margin-top:0;padding-left:16px;padding-right:16px}}@media(max-width: 992px){.section-navigation__title a::before{display:none}}@media(max-width: 992px){.section-navigation__header{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:stretch;display:flex}}@media(max-width: 992px){.section-navigation__header .section-navigation__toggle-wrapper{align-items:center;background-color:#dedfe1;display:flex}}.section-navigation__header .menu__toggle-button{display:none}@media(max-width: 992px){.section-navigation__header .menu__toggle-button{background-color:#dedfe1;height:54px;margin-right:0;width:54px}}.section-navigation__header .menu__toggle-button::before{display:none}@media(max-width: 992px){:where(html.js) .section-navigation__header .menu__toggle-button{display:block}}@media(max-width: 992px){.section-navigation__menu-wrapper{display:block}:where(html.js) .section-navigation__menu-wrapper{display:none}}@media(max-width: 992px){.section-navigation__menu-wrapper .menu__toggle-button::before{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .sidebar-navigation__title{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__header .menu__toggle-button .hel-icon{transform:rotate(180deg)}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__menu-wrapper{display:block}}.skip-to-main{--border-width: 2px;--border-color: var(--color-white);--outline-width: 3px;--background-color: var(--hdbt-color-black);--color: var(--color-white);--focus-outline-color: var(--hdbt-color-black);word-wrap:normal;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);color:var(--color);font-weight:500;left:50%;position:absolute;scroll-margin-top:105px;text-decoration:none;top:0;transform:translate(-50%, 0);transition:transform ease-out .2s;width:-moz-fit-content;width:fit-content;z-index:2}.skip-to-main:not(:focus){clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}@media(min-width: 768px){.skip-to-main{scroll-margin-top:24px}}.skip-to-main:focus,.skip-to-main:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:0;padding:8px 24px;transform:translate(-50%, 102px)}@media(min-width: 768px){.skip-to-main:focus,.skip-to-main:active{transform:translate(-50%, 24px)}}.skip-to-main:hover{text-decoration:underline}.table-of-contents{max-width:1296px}@media(min-width: 768px){.table-of-contents{max-width:1328px}}.table-of-contents:not(:first-child){margin-top:32px}@media(min-width: 992px){.table-of-contents:not(:first-child){margin-top:64px}}@media(min-width: 768px){.table-of-contents{padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}}@media(min-width: 768px)and (min-width: 768px){.table-of-contents{padding-left:32px;padding-right:32px}}.has-sidebar .table-of-contents{margin-left:-16px;margin-right:-16px}@media(min-width: 768px){.has-sidebar .table-of-contents{margin-left:-32px;margin-right:-32px}}.table-of-contents+.long-desc{margin-top:32px}@media(min-width: 992px){.table-of-contents+.long-desc{margin-top:64px}}.table-of-contents__container{background-color:#f7f7f8;border-left:8px solid #c2a251;max-width:908px;padding:32px 24px}.table-of-contents__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:0;margin-top:0}@media(min-width: 992px){.table-of-contents__title{--line-height: 1;font-size:2rem;font-weight:400}}.table-of-contents__title+.table-of-contents__content{padding-top:16px}@media(min-width: 992px){.table-of-contents__title+.table-of-contents__content{padding-top:24px}}.table-of-contents__list{list-style-type:none;margin:0;padding:0}.table-of-contents__list>.table-of-contents__item~.table-of-contents__item{padding-top:16px}.table-of-contents__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-block;position:relative;text-decoration:underline}.table-of-contents__link:focus{outline:none}.table-of-contents__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:100%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.tab__content[aria-hidden=true]{display:none}.tab{background:rgba(0,0,0,0);border:none;padding:0;text-decoration:underline}.tab[aria-selected=true]{font-weight:700}.tab:hover{cursor:pointer;text-decoration:none}.tab--map::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--map);mask-image:var(--hel-icon--map);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tab--list::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tabs--unit-search{margin-bottom:32px;margin-top:24px}@media(min-width: 768px){.tabs--unit-search{margin-bottom:0;margin-top:0}}.tabs--unit-search .tab{display:block}.tabs--unit-search .tab[aria-selected=true]{display:none;font-weight:400}.hds-pagination-container{margin-top:32px;text-align:center}@media(min-width: 768px){.hds-pagination-container{margin-top:64px}}.hds-pagination{--active-page-background-color: var(--color-black);--link-height: 40px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;font-weight:700;position:relative;transform:scaleY(-1)}.hds-pagination::before{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);speak:never;content:attr(data-next);content:attr(data-next)/"";display:block;float:right;line-height:60px;padding-left:26px;padding-right:30px;transform:scaleY(-1);visibility:hidden}.hds-pagination__button-prev,.hds-pagination__button-next{list-style:none;margin-bottom:0;margin-top:0;padding:0}.hds-pagination__button-prev{float:left;margin-right:8px;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-next{position:absolute;right:0;top:0;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-prev-label{padding:16px 16px 16px 4px}.hds-pagination__button-next-label{padding:16px 4px 16px 16px}.hds-pagination__pages{display:inline-flex;flex-wrap:wrap;gap:0.5rem;gap:var(--spacing-2-xs);justify-content:center;list-style:none;margin-bottom:0;margin-top:10px;padding:0;transform:scaleY(-1)}.hds-pagination__item-link{align-items:center;border-radius:21px;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;min-width:40px;padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs);text-decoration:none}.hds-pagination__item-link:hover{text-decoration:underline}.hds-pagination__item-link:focus,.hds-pagination__item-link:active{outline:solid #0072c6 3px;outline:solid var(--color-coat-of-arms) 3px;outline-offset:1px}.hds-pagination__item-link.hds-pagination__item-link--active{background-color:var(--active-page-background-color);color:#ffffff;color:var(--color-white)}.hds-pagination__item-link.hds-pagination__item-link--active:hover{text-decoration:none}.hds-pagination__item-ellipsis{align-items:center;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;width:24px}.page-type--article .node--type-article .article-header__container{margin-bottom:32px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container{margin-bottom:48px}}.page-type--article .node--type-article .article-header__container>div{max-width:860px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container>div{padding-left:96px}}.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);color:#000;margin-bottom:24px}@media(min-width: 992px){.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-type--article .node--type-article .article__author{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;display:flex}.page-type--article .node--type-article .article__author .label{margin-right:4px}.page-type--article .node--type-article .article__date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#999898;margin-bottom:16px}.page-type--article .node--type-article .article__keywords{background:#f7f7f8;margin-top:32px;padding:8px 0 32px}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords{margin-top:64px;padding:40px 0 64px}}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords{margin-top:48px}}.page-type--article .node--type-article .article__keywords .container{max-width:1264px}.page-type--article .node--type-article .article__keywords:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords:last-child{padding-bottom:114px}}.page-type--article .node--type-article .article__keywords .keywords__wrapper{margin-left:-4px;margin-right:-4px}.page-type--article .node--type-article .article__keywords .label{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#1a1a1a;margin:0 4px 8px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords .label{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords .label{margin:0 4px 16px}}.page-type--article .node--type-article .article__keywords .keywords{display:flex;flex-flow:row wrap}.page-type--article .node--type-article .article__keywords .keywords a{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);background-color:#000;border-radius:24px;color:#fff;margin:4px;padding:8px 32px;text-decoration:none}[data-unpublished]::before{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);--line-height: 1;background:#b01038;color:#fff;content:attr(data-unpublished);display:block;padding-left:8px;padding-right:8px;position:fixed;transform:rotate(-90deg) translateX(calc(-50% - 50vh));transform-origin:top left;z-index:2}@media(min-width: 768px){[data-unpublished]::before{content:attr(data-unpublished-long);--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--line-height: 1.5}}.lead-in .component__content{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);max-width:860px}@media(min-width: 992px){.lead-in .component__content{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-divider+*{margin-top:48px}.page-divider:first-child{display:none}.page-divider:first-child+*{margin-top:0}.page-title~article .page-divider{display:block}.page-title~article .page-divider+*{margin-top:48px}.page-divider::after{background-color:#000;content:"";display:block;height:2px;margin-top:32px;width:64px}.main-image img{display:block;height:auto;overflow:hidden;width:100%}.long-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.long-desc>p{max-width:860px}.long-desc>:first-child{margin-top:0}.main-image+.long-desc{margin-top:64px}.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1328px}}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{padding-left:32px;padding-right:32px}}.content-date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;margin-bottom:24px}.content-date__datetime--updated::before{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-bottom:-1px;margin-left:8px;margin-right:8px;width:1px}.content-links{margin-top:32px}@media(min-width: 992px){.content-links{margin-top:64px}}.content-links__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.content-links__title{--line-height: 1;font-size:2rem;font-weight:400}}.content-links__links{margin-top:24px;padding:0}.content-links__links__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);list-style:none;padding:0}.content-links__links__link+.content-links__links__link{margin-top:16px}.content-links__links__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.content-links__links__link a::after{transition:none}}.content-links__links__link a:hover{text-decoration:none}.content-links__links__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-links__links__link a:hover::after{transform:none}}.content-links__links__link a[data-is-external]::after{content:none}.sidebar_block_heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.sidebar_block_heading{--line-height: 1;font-size:2rem;font-weight:400}}.cookie-compliance--lead-in__container{max-width:1296px;padding-left:16px;padding-right:16px;padding-top:0}@media(min-width: 768px){.cookie-compliance--lead-in__container{max-width:1328px}}@media(min-width: 768px){.cookie-compliance--lead-in__container{padding-left:32px;padding-right:32px}}.cookie-compliance--lead-in__container h1{margin-bottom:32px;margin-top:0}.cookie-compliance-block .cookie-selection-instruction{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;display:flex;margin-top:32px;padding-bottom:32px}.cookie-compliance-block .cookie-selection-instruction::before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--info-circle);mask-image:var(--hel-icon--info-circle);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.cookie-compliance-block .cookie-selection-instruction p{margin-top:0}.cookie-compliance-block .hds-checkbox{display:block;margin-top:32px}.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;padding-left:calc(var(--size) + 16px)}@media(min-width: 992px){.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.cookie-compliance-block .hds-checkbox .hds-checkbox__input,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::after,.cookie-compliance-block .hds-checkbox>label::after,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::before,.cookie-compliance-block .hds-checkbox>label::before{top:7px}.cookie-compliance-block .form-item:not(:last-of-type) .description{border-bottom:1px solid #ccc}.cookie-compliance-block .description{display:block}@media(min-width: 992px){.cookie-compliance-block .description{padding-top:16px}}.cookie-compliance-block .buttons input{margin-bottom:8px}.cookie-compliance--lead-in__container p,.cookie-compliance-block p{max-width:860px}.embedded-content-cookie-compliance,.react-and-share-cookie-compliance,.helfi-charts-cookie-compliance{align-content:center;align-items:center;background-color:#f1f1f1;display:flex;justify-content:center}.map .embedded-content-cookie-compliance,.remote-video .embedded-content-cookie-compliance,.map .react-and-share-cookie-compliance,.remote-video .react-and-share-cookie-compliance,.map .helfi-charts-cookie-compliance,.remote-video .helfi-charts-cookie-compliance{aspect-ratio:16/9}.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{background-color:#fff;margin:16px;max-width:892px;padding:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{margin:64px;max-width:924px;padding:32px}}.embedded-content-cookie-compliance .message .hel-icon,.react-and-share-cookie-compliance .message .hel-icon,.helfi-charts-cookie-compliance .message .hel-icon{--icon-size: 24px}.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{margin-top:0;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{flex-direction:row}}.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black);margin-top:16px;max-width:400px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{margin-left:16px;margin-top:0}}.embedded-content-cookie-compliance .message .hds-button:first-child,.react-and-share-cookie-compliance .message .hds-button:first-child,.helfi-charts-cookie-compliance .message .hds-button:first-child{margin-left:0;margin-top:0}.layout-main-wrapper>.block--react-and-share:last-child .message{margin-bottom:80px}.remote-video .embedded-content-cookie-compliance{background-color:#1a1a1a}.remote-video .embedded-content-cookie-compliance .message{background-color:#000}.remote-video .embedded-content-cookie-compliance .message .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.react-and-share-cookie-compliance .message{background-color:rgba(0,0,0,0);padding:0}.errand-service{margin-top:48px}@media(min-width: 992px){.errand-service{margin-top:64px}}.errand-service__container{padding:0}.errand-service__title{margin-top:0}.errand-service__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.errand-service__description p:first-child{margin-top:0}.errand-service__accordion{margin-top:32px}@media(min-width: 992px){.errand-service__accordion{margin-top:64px}}.errand-service__accordion .accordion__container{padding-left:0;padding-right:0;padding-top:0}.errand-service__accordion .errand-service__detail-links{list-style:none;padding-left:0;padding-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper{margin-top:16px}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper:first-child{margin-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link{display:flex}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link:before{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;flex-shrink:0;margin-right:8px}.page-type--news-item .sidebar-first{display:block}.news-listing{margin-top:0;padding-left:0;padding-top:0}.news-listing__item{list-style:none;margin-top:24px;position:relative}.news-listing__link{display:block;text-decoration:none}.news-listing__link:focus,.news-listing__link:hover{text-decoration:underline}.news-listing__link::after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.news-listing__title{margin-top:0}.news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.components--news{margin-top:0}.news-listing--latest-tiny-teasers .news-listing__item{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-black-10);display:flex;margin-top:16px;padding-bottom:8px}.news-listing__tiny-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px}@media(min-width: 768px){.news-listing--latest-medium-teasers{display:flex;flex-wrap:wrap}}.news-listing--latest-medium-teasers .news-listing__item:first-child{margin-top:0}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item:nth-child(2){margin-top:0}}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item{margin-top:32px;padding-right:24px;width:50%}}.news-listing__medium-teaser{border-left:4px solid var(--hdbt-color-palette--accent);padding-left:16px}@media(min-width: 992px){.news-listing__medium-teaser{padding-left:24px}}.news-listing__medium-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}}@media(min-width: 992px)and (min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing__medium-teaser .news-listing__datetime{display:block;margin-top:16px}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__datetime{margin-top:24px}}.news-listing--teasers{max-width:860px}.news-listing--teasers .news-listing__item{align-items:flex-start;border-bottom:1px solid #f7f7f8;display:flex;flex-wrap:wrap;padding-bottom:24px;position:relative}.news-listing--teasers .news-listing__item:first-child{margin-top:24px}.news-listing--teasers .news-listing__item:last-child{border-bottom:none;padding-bottom:0}.news-listing--teasers .news-listing__content{width:100%}@media(min-width: 768px){.news-listing--teasers .news-listing__content{padding-right:24px;width:75%}}.news-listing--teasers .news-listing__content--with-image{padding-right:24px;width:75%}.news-listing--teasers .news-listing__img{box-shadow:inset 0 0 0 1px #e5e5e5;width:25%}.news-listing--teasers .news-listing__img img{display:block;height:auto;width:100%}.news-listing--teasers .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing--teasers .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing--teasers .news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:8px}@media(min-width: 992px){.news-listing--teasers .news-listing__datetime{margin-top:16px}}@media(min-width: 768px){.news-listing--card-teasers{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:-24px}}@media(min-width: 768px){.news-listing--card-teasers .news-listing__item{width:50%}}@media(min-width: 992px){.news-listing--card-teasers .news-listing__item{width:25%}}.news-listing--card-teasers .news-listing__card-teaser{height:100%}.news-listing__card-teaser{border-bottom:1px solid #f1f1f1;border-bottom:1px solid var(--color-black-5);display:flex;padding-bottom:16px;position:relative}.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:none}}@media(min-width: 768px){.news-listing__card-teaser{border:1px solid #000000;border:1px solid var(--color-black);flex-direction:column;margin-right:24px;padding-bottom:0}}.news-listing__card-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__card-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 768px){.news-listing__card-teaser .news-listing__title{font-size:1.25rem;line-height:30/20}}.news-listing__card-teaser .news-listing__img{position:relative;width:40%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__img{width:unset}}.news-listing__card-teaser .news-listing__img img{display:block;height:auto;width:100%}.news-listing__card-teaser .image-placeholder{padding-bottom:66.6666666667%}.news-listing__card-teaser .news-listing__text-container{display:flex;flex-direction:column;height:100%;padding-left:16px;width:60%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__text-container{padding:16px;width:unset}}.news-listing__card-teaser .news-listing__title,.news-listing__card-teaser .news-listing__datetime{margin-bottom:8px}.news-listing__card-teaser .news-listing__datetime{display:flex;flex-grow:1}.news-listing__card-teaser .hel-icon--arrow-right{transition:transform .2s linear;display:none;height:48px;width:48px}@media(prefers-reduced-motion){.news-listing__card-teaser .hel-icon--arrow-right{transition:none}}@media(min-width: 768px){.news-listing__card-teaser .hel-icon--arrow-right{display:inline-block}}.news-listing--sidebar{margin-bottom:64px}.news-listing--sidebar .link__read-more-news{align-items:center;display:flex;text-decoration:none}.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:transform .2s linear;height:24px;margin-left:4px;width:24px}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:none}}.news-listing--sidebar .link__read-more-news:focus,.news-listing--sidebar .link__read-more-news:hover{text-decoration:underline}.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:none}}.news-archive__heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.news-archive__heading{--line-height: 1;font-size:2rem;font-weight:400}}.service-channel__links{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-items:flex-start;place-items:flex-start}.service-channel__links .service-channel__link-explanation{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;display:inline-block;margin-bottom:8px}.service-channel__links a:not(.service-channel__link){--background-color-hover: transparent;--background-color-hover-focus: transparent;--background-color: var(--hdbt-color-palette-button--secondary);--background-color-focus: var(--hdbt-color-palette-button--secondary);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.service-channel__links a:not(.service-channel__link):first-child{margin-top:0}.service-channel:not(.service-channel--eservice){margin:24px 0 0;padding-bottom:0;padding-left:calc(24px + 8px);padding-right:16px;padding-top:0}@media(min-width: 992px){.service-channel:not(.service-channel--eservice){border:1px solid #000;margin:32px 0 0;padding-bottom:32px;padding-left:calc(24px + 24px + 8px);padding-right:24px;padding-top:32px}}.service-channel:not(.service-channel--eservice) .service-channel__header{align-items:flex-start;display:flex}.service-channel:not(.service-channel--eservice) .service-channel__type{height:24px;margin-left:calc(-24px - 8px);overflow:hidden;position:absolute;text-indent:-9999px;width:24px}.service-channel:not(.service-channel--eservice) .service-channel__type:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:0;position:absolute;text-indent:0;top:0}.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);margin-top:0;width:100%}@media(min-width: 992px){.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel:not(.service-channel--eservice) .service-channel__links{margin-top:24px}.service-channel--eservice{background-color:var(--hdbt-color-palette--secondary);margin-top:24px;padding:24px 24px 32px}@media(min-width: 992px){.service-channel--eservice{margin:32px 0 0;padding:48px 32px}}.service-channel--eservice .service-channel__type{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.service-channel--eservice .service-channel__type{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel--eservice .service-channel__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.service-channel--eservice .service-channel__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 992px){.service-channel--eservice .service-channel__title{margin-top:16px}}.service-channel--eservice .service-channel__links{margin-top:24px}.service-channel--email .service-channel__type:after{-webkit-mask-image:var(--hel-icon--glyph-at);mask-image:var(--hel-icon--glyph-at)}.service-channel--sms .service-channel__type:after{-webkit-mask-image:var(--hel-icon--mobile);mask-image:var(--hel-icon--mobile)}.service-channel--telephone .service-channel__type:after{-webkit-mask-image:var(--hel-icon--phone);mask-image:var(--hel-icon--phone)}.service-channel--printable_form .service-channel__type:after{-webkit-mask-image:var(--hel-icon--document);mask-image:var(--hel-icon--document)}.service-channel--webpage .service-channel__type:after{-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe)}.service-channel--chat .service-channel__type:after{-webkit-mask-image:var(--hel-icon--speechbubble-text);mask-image:var(--hel-icon--speechbubble-text)}.service-channel--local .service-channel__type:after{-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location)}.service-channel--mail .service-channel__type:after{-webkit-mask-image:var(--hel-icon--envelope);mask-image:var(--hel-icon--envelope)}.service-channel__phone,.service-channel__email{margin-top:16px}.service-channel__phone>a,.service-channel__email>a{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.service-channel__phone>a,.service-channel__email>a{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service-channel--no-title .service-channel__phone,.service-channel--no-title .service-channel__email{margin-top:0}.service-channel__call_charge{display:flex;margin-top:16px}.service-channel__call_charge .service-channel__call_charge-label{font-weight:500;margin-right:4px}.service-channel__call_charge p:first-of-type{margin-top:0}.service-channel__info{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.service-channel__info>*{display:block}.service-channel__info>*+*{margin-top:8px}@media(min-width: 992px){.service-channel__info{align-items:center;display:flex}.service-channel__info>*{align-items:center;display:flex;margin-top:0}.service-channel__info>*:after{content:"|";margin:0 16px}.service-channel__info>*:last-child:after{content:""}}.service__units{margin-top:32px}@media(min-width: 992px){.service__units{margin-top:64px}}.main-content:last-child .service.service--full .component--service-units:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:98px}@media(min-width: 992px){.main-content:last-child .service.service--full .component--service-units:last-child{padding-bottom:114px}}@media(min-width: 992px){.service.service--teaser{height:100%;margin-left:calc(24px / 2);margin-right:calc(24px / 2)}}.service.service--teaser .service__link{border:1px solid #000;display:block;height:100%;margin-top:8px;padding:24px calc(24px + 32px + 16px) 24px 24px;position:relative;text-decoration:none}@media(min-width: 992px){.service.service--teaser .service__link{display:flex;flex-direction:column;justify-content:space-between;line-height:0;margin-top:0;min-height:240px;padding:32px 24px calc(24px + 24px)}}.service.service--teaser .service__link::before{background-color:#c2a251;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:8px}@media(min-width: 992px){.service.service--teaser .service__link::before{bottom:0;height:24px;right:0;top:auto;width:100%}}.service.service--teaser .service__link:hover{text-decoration:underline}.service.service--teaser .service__link:hover .hel-icon{margin-left:16px}@media(prefers-reduced-motion){.service.service--teaser .service__link:hover .hel-icon{margin-left:0}}.service.service--teaser .service__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.service.service--teaser .service__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service.service--teaser .hel-icon{--icon-size: 32px;bottom:50%;left:auto;position:absolute;right:16px;transform:translateY(50%);transition:all .3s}@media(prefers-reduced-motion){.service.service--teaser .hel-icon{transition:none}}@media(min-width: 992px){.service.service--teaser .hel-icon{--icon-size: 48px;margin-top:24px;position:static;right:auto;transform:none}}.service--units__container{margin-bottom:64px;margin-top:64px}.component--service-units{background-color:#f1f1f1;padding-bottom:96px;padding-top:96px}.component--service-units .service__units__header{display:block}.component--service-units .service__units__title{margin-top:0}.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:16px;white-space:nowrap}@media(min-width: 992px){.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.component--service-units .service__units__count-container .service__units__count{font-weight:700}.component--service-units .service__units__list{margin-top:24px}@media(min-width: 992px){.component--service-units .service__units__list{margin-top:48px}}.component--service-units .unit.unit--teaser{margin-top:24px}@media(min-width: 768px){.component--service-units .unit.unit--teaser{margin-top:16px}}@media(min-width: 992px){.unit__contact:first-child .unit__contact__title{margin-top:8px}}.unit__contact .unit__contact__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-bottom:24px;margin-top:8px;padding-bottom:16px}@media(min-width: 992px){.unit__contact .unit__contact__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.unit__contact .unit__contact__title{margin-top:32px}}.unit__contact .unit__contact-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;margin-bottom:16px;padding-bottom:16px;padding-left:32px}.unit__contact .unit__contact-row:last-of-type{border-bottom:0 none;margin-bottom:0;padding-bottom:0}.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);align-items:flex-start;display:flex;margin-bottom:8px}@media(min-width: 992px){.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit__contact .unit__contact-row .unit__contact-row__label .hel-icon{--icon-size: 24px;margin-left:-32px;margin-right:8px;margin-top:2px}.unit__contact .unit__contact-row .form-item:last-child{margin-bottom:0}.unit__contact .unit__contact-row p:first-of-type{margin-top:0}.unit__contact .unit__contact-row--email a{word-break:break-all}.unit__contact .address>*{display:block}.unit__contact .phone{display:block;margin-bottom:8px}.unit__contact .phone:last-child{margin-bottom:0}.unit__content{margin-top:64px}@media(min-width: 992px){.unit__content{margin-top:96px}}.unit__services{padding:0}.unit__services .unit--services__container{padding-top:0}.unit__services .unit__services__title{margin-top:0}.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:24px;width:100%}@media(min-width: 992px){.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit__services .unit__services__count-container .unit__services__count{font-weight:700}.unit__services .unit__services__list{margin-top:24px}@media(min-width: 992px){.unit__services .unit__services__list{margin-top:48px}}@media(min-width: 992px){.unit__services .unit__services__list>*{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.unit__services .unit__services__list .service{width:100%}@media(min-width: 992px){.unit__services .unit__services__list .service{margin-top:24px;width:25%}}.unit__services .unit__services__list .service:nth-child(-n+4){margin-top:0}@media(min-width: 992px){.unit__services .unit__services__list .service{width:calc(25% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(2){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(3){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(2){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(3):nth-last-child(1){width:calc(33.33% - 24px)}}.unit__accessibility_sentences.component--accordion .accordion-item__content h3{margin-top:0}.unit__accessibility_sentences.component--accordion .accordion-item__content h3:not(:first-of-type){padding-top:32px}.unit__accessibility_sentences.component--accordion .accordion-item__content ul{margin:0;padding:0}.unit__accessibility_sentences.component--accordion .accordion-item__content li{display:list-item;margin-left:24px;margin-top:16px}@media(min-width: 576px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:50px}}@media(min-width: 992px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:72px}}.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:114px}}.unit.unit--full .content-tags{margin-bottom:24px}@media(min-width: 768px){.unit.unit--full .content-tags{margin-bottom:32px}}.unit.unit--teaser{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media(min-width: 768px){.unit.unit--teaser{align-items:stretch;flex-direction:row;min-height:220px;padding-left:325px}}.views-row:last-child .unit.unit--teaser{margin-bottom:0}.unit.unit--teaser .unit__image{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin:0;overflow:hidden}@media(min-width: 768px){.unit.unit--teaser .unit__image{height:100%;left:0;margin:0;position:absolute;top:0;width:325px}}.unit.unit--teaser .unit__image img{display:block;height:auto;overflow:hidden;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.unit.unit--teaser .unit__image--placeholder{width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image--placeholder{align-items:center;display:flex;width:325px}}.unit.unit--teaser .unit__text{margin-top:32px;padding:0 24px 32px;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__text{display:flex;flex-direction:column;justify-content:space-between;margin-top:0;padding:32px}}.unit.unit--teaser .unit__text .unit__text__content{align-content:flex-start}@media(min-width: 768px){.unit.unit--teaser .unit__text .unit__text__content{display:flex;flex-wrap:wrap;max-width:530px}}.unit.unit--teaser .unit__link{text-decoration:none}.unit.unit--teaser .unit__link::after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.unit.unit--teaser .unit__link:hover{text-decoration:underline}.unit.unit--teaser .unit__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:4px;margin-top:0;padding-right:24px}@media(min-width: 992px){.unit.unit--teaser .unit__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.unit.unit--teaser .unit__title{margin-bottom:0;padding-right:0;width:100%}}.unit.unit--teaser .unit__info{margin-top:8px}@media(min-width: 768px){.unit.unit--teaser .unit__info{width:100%}}.unit.unit--teaser .unit__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:24px}@media(min-width: 768px){.unit.unit--teaser .unit__info-row{margin-bottom:16px}}.unit.unit--teaser .unit__info-row:last-child{margin-bottom:0}@media(min-width: 768px){.unit.unit--teaser .unit__info-row--address{margin-bottom:8px}}.unit.unit--teaser .unit__info-row--address .address{display:inline}.unit.unit--teaser .unit__info-row--address .address .address-line1::after,.unit.unit--teaser .unit__info-row--address .address .address-line2::after{content:","}.unit.unit--teaser .content-tags{margin-top:16px}.unit.unit--teaser .unit__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-top:32px}@media(min-width: 768px){.unit.unit--teaser .unit__read-more{justify-content:flex-end;margin-top:16px}}.unit.unit--teaser .unit__read-more .unit__read-more__text{font-weight:500}.unit.unit--teaser .unit__read-more .hel-icon{transition:transform .2s linear;margin-left:8px;pointer-events:none}@media(prefers-reduced-motion){.unit.unit--teaser .unit__read-more .hel-icon{transition:none}}.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:none}}.unit--minimal{background-color:#fff}.unit--minimal .unit__link{display:block;padding:24px;text-decoration:none}.unit--minimal .unit__link:focus .unit__title,.unit--minimal .unit__link:hover .unit__title{text-decoration:underline}.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:translateX(8px)}@media(prefers-reduced-motion){.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:none}}@media(min-width: 768px){.unit--minimal .unit__text{display:flex;justify-content:space-between;width:100%}}@media(min-width: 768px){.unit--minimal .unit__text__content{display:flex;justify-content:space-between;width:calc(100% - 32px + 24px)}}.unit--minimal .unit__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.unit--minimal .unit__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.unit--minimal .unit__title{font-weight:700;margin-top:2px;padding-right:24px;width:60%}}@media(min-width: 768px){.unit--minimal .unit__info{display:flex;justify-content:space-between;padding-right:24px;width:40%}}.unit--minimal .unit__info-row--address{margin-top:8px}@media(min-width: 768px){.unit--minimal .unit__info-row--address{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:2px}}.unit--minimal .unit__info-row--address .address-line1::after,.unit--minimal .unit__info-row--address .address-line2::after{content:","}.unit--minimal .unit__info-row--address p:first-child{margin-top:0}.unit--minimal .unit__info-row--distance{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);color:#666;margin-top:8px;white-space:nowrap}@media(min-width: 768px){.unit--minimal .unit__info-row--distance{margin-left:16px;margin-top:7px}}.unit--minimal .unit__read-more{margin-top:16px}@media(min-width: 768px){.unit--minimal .unit__read-more{display:flex;margin-top:0}}.unit--minimal .unit__read-more .hel-icon{--icon-size: 32px;transition:transform .2s linear}@media(prefers-reduced-motion){.unit--minimal .unit__read-more .hel-icon{transition:none}}.component--accordion .accordion__wrapper{border-bottom:1px solid #ccc}.component--accordion .accordion-item__header{border-top:1px solid #ccc;margin:0;padding:0}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle{background-color:rgba(0,0,0,0)}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle::after{transform:translateY(-50%) rotate(180deg)}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle{position:relative}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus::before,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle::before{box-shadow:0 0 0 3px #1a1a1a;pointer-events:none}.component--accordion .accordion-item__button{align-items:center;background:rgba(0,0,0,0);border:none;display:flex;margin:0;padding:0;text-align:left}.component--accordion .accordion-item__icon{display:inline-flex;margin-right:8px}@media(min-width: 992px){.component--accordion .accordion-item__icon{margin-right:16px}}.component--accordion .accordion-item__icon .hel-icon{--icon-size: 1.5rem}@media(min-width: 992px){.component--accordion .accordion-item__icon .hel-icon{--icon-size: 3rem}}.component--accordion .accordion-item__button--toggle{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border:none;padding:16px 60px 16px 0;position:relative;width:100%}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{padding:24px 60px 24px 0}}.component--accordion .accordion-item__button--toggle::before{content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::before{height:32px;width:32px}}.component--accordion .accordion-item__button--toggle::after{transition:transform .2s ease-in;background-image:var(--hel-icon--angle-down);background-position:center;background-repeat:no-repeat;background-size:100%;content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(prefers-reduced-motion){.component--accordion .accordion-item__button--toggle::after{transition:none}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::after{height:32px;width:32px}}.component--accordion .accordion-item__button--close{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:16px;display:flex;padding:8px;position:absolute;right:-1px}.component--accordion .accordion-item__button--close:focus{box-shadow:0 0 0 3px #1a1a1a;outline:none;pointer-events:none}.component--accordion .accordion-item__button--close:hover{cursor:pointer}.component--accordion .accordion-item__content{border:none}.component--accordion .accordion-item__content__inner{padding:0 0 64px;position:relative}.component--accordion .accordion-item__content__inner>*:first-child{margin-top:0}.component--accordion .component--image .component__content{max-width:860px}.component--accordion-bg-white .accordion__wrapper~.accordion__wrapper .accordion-item__header{border-top:none}.component--accordion-bg-grey .accordion-item__header{background-color:#f1f1f1;border-color:#fff}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:16px 82px 16px 16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:24px 82px 24px 24px}}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:24px}}.component--accordion-bg-grey .accordion__wrapper{border-color:#f1f1f1}.component--accordion-bg-grey .accordion-item__content{background-color:#f1f1f1;padding-left:16px;padding-right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__content{padding-left:24px;padding-right:24px}}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header,.component--accordion-bg-grey+.component--accordion-bg-grey.component--no-header{margin-top:0}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header .accordion-item__header{border-top:0 none}.component--accordion .handorgel{border-left:none;border-right:none;border-top:none}.component--accordion .handorgel .handorgel__header--open .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header--focus .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header__button{background-color:rgba(0,0,0,0);border:none}.component--accordion .handorgel .handorgel__content{border:0}.accordion--white+.accordion--white.accordion--no-header,.accordion--grey+.accordion--grey.accordion--no-header{margin-top:0}.accordion--white+.accordion--white.accordion--no-header>.container,.accordion--grey+.accordion--grey.accordion--no-header>.container{padding-top:0}.accordion--white+.accordion--white.accordion--no-header>.container>.accordion__wrapper>.accordion-item__header{border-top:0 none}.banner__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.banner__title{--line-height: 1;font-size:2rem;font-weight:400}}.banner__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.banner__desc{margin-top:24px}}.banner__desc p:first-child{margin:0}.banner__icon{display:inline-flex;margin-bottom:24px;margin-right:16px}@media(min-width: 768px){.banner__icon{margin-right:24px}}.banner__icon .hel-icon{--icon-size: 64px}@media(min-width: 768px){.banner__icon .hel-icon{--icon-size: 6.25rem}}.banner__icon a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.component--banner .banner{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}a.banner__button{margin:32px auto 0}.component--banner-align-center{text-align:center}.component--banner-align-center .banner__title,.component--banner-align-center .banner__desc{margin-left:auto;margin-right:auto;max-width:700px}.component--banner-align-center .component__content{margin-left:auto;margin-right:auto}.component--banner-align-left .banner{display:flex;flex-flow:column}@media(min-width: 768px){.component--banner-align-left .banner{flex-flow:row}}@media(min-width: 992px){.component--banner-align-left.component--banner-has-icon .banner__button{margin-left:auto;margin-right:0}}.component--banner-align-left.component--banner-has-icon .banner__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}.component--banner .component__container{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary)}.banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--banner-secondary .component__container{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--banner-secondary .banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--banner-secondary .banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.helfi-charts-content iframe{aspect-ratio:16/9;border:0;height:auto;width:100%}.helfi-charts-noscript{background:#dedfe1;padding:16px}.helfi-charts-noscript p:first-child{margin-top:0}.chart__transcript{margin-top:16px}.columns{align-items:center;display:flex;flex-direction:column}@media(min-width: 768px){.columns{flex-direction:row;margin-left:-24px;margin-right:-24px}}@media(min-width: 992px){.columns{margin-left:-32px;margin-right:-32px}}.columns .image .image__container{padding:0}@media(min-width: 768px){.columns .image .image__container{padding:0}}@media(min-width: 992px){.columns .image .image__container{padding:0}}.columns__column{align-self:stretch}@media(min-width: 768px){.columns__column{margin-left:24px;margin-right:24px}}@media(min-width: 992px){.columns__column{margin-left:32px;margin-right:32px}}@media(min-width: 768px){.columns__column.column--50{width:50%}}@media(min-width: 768px){.columns__column.column--30{width:30%}}@media(min-width: 768px){.columns__column.column--70{width:70%}}.columns__column+.columns__column{margin-top:32px}@media(min-width: 768px){.columns__column+.columns__column{margin-top:0}}@media(min-width: 992px){.has-sidebar .main-content .columns{flex-direction:column}}@media(min-width: 1248px){.has-sidebar .main-content .columns{flex-direction:row}}@media(min-width: 992px){.has-sidebar .main-content .columns__column{width:auto}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:32px}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column{margin-top:0}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:0}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--50{width:50%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--30{width:30%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--70{width:70%}}.contact-card{display:flex}@media(min-width: 576px){.contact-card--with-image{flex-direction:column}}@media(min-width: 576px){.contact-card--information-container{max-width:200px}}.contact-card--person-social-media{display:flex}.contact-card--person-social-media .hel-icon{height:24px;margin-right:8px;width:24px}.contact-card--image-container{margin-bottom:16px;margin-right:16px}@media(min-width: 576px){.contact-card--image-container{margin-right:0}}.contact-card--image-container img{height:100px;width:100px}@media(min-width: 576px){.contact-card--image-container img{height:200px;width:200px}}.contact-card--person-name{margin-top:0;--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.contact-card--person-name{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.contact-card--person-phone-number a:not(:last-of-type)::after{content:",";margin-right:2px}.contact-card--person-email{word-break:break-all}.contact-card--person-information{margin-bottom:8px}.contact-card--color-line{background-color:var(--hdbt-color-palette--primary);margin-right:24px;min-width:4px}.contact-card--person-description{color:#666666;color:var(--color-black-60)}.contact-card-listing--container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap}@media(min-width: 576px){.contact-card-listing--container{flex-direction:row}}.contact-card-listing--container .contact-card{margin-bottom:48px}.contact-card-listing--container .contact-card:not(:last-of-type){padding-right:24px}@media(min-width: 576px){.contact-card-listing--container .contact-card{min-width:-moz-fit-content;min-width:fit-content;width:25%}}.component-content-cards .component__container{overflow:hidden}.content-cards{display:flex;flex-direction:column;margin-bottom:0;margin-top:0}@media(min-width: 576px){.content-cards{flex-direction:row;flex-wrap:wrap;margin-left:-24px;width:calc(100% + 24px)}}.content-card{margin-top:64px;position:relative}@media(min-width: 576px){.content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.content-card{width:calc(25% - 24px)}}.content-card:first-child{margin-top:0}.content-card__image{line-height:0}.content-card__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.content-card__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.content-card__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.content-card__date{margin-top:8px}.content-card__link{display:block;overflow:hidden;text-decoration:none}.content-card__link::before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.content-card__link::after{transition:transform .2s linear;--icon-size: 2rem;margin-left:-2px;margin-top:16px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}@media(prefers-reduced-motion){.content-card__link::after{transition:none}}@media(min-width: 576px){.content-card__link::after{--icon-size: 3rem;margin-left:-4px}}.content-card__link:focus .content-card__title,.content-card__link:hover .content-card__title{text-decoration:underline}.content-card__link:focus::after,.content-card__link:hover::after{transform:translateX(16px)}@media(prefers-reduced-motion){.content-card__link:focus::after,.content-card__link:hover::after{transform:none}}@media(min-width: 576px){.component--content-cards-large .content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.component--content-cards-large .content-card{width:calc(33.3333% - 24px)}}.component--content-cards-grey{background:#f7f7f8}.component--content-cards-grey .hds-koros{color:#fff}.has-sidebar .components--upper .component--content-cards-grey .hds-koros{display:none}.component--content-cards-grey .component__container{padding-bottom:64px;padding-top:48px}@media(min-width: 992px){.component--content-cards-grey .component__container{padding-bottom:96px;padding-top:64px}}.has-sidebar .components--upper .component--content-cards-grey .component__container{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}.component--content-cards-grey .content-card__link{background-color:#fff;padding:16px}@media(min-width: 576px){.component--content-cards-small .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-small .content-card:nth-child(-n+4){margin-top:0}}@media(min-width: 576px){.component--content-cards-large .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-large .content-card:nth-child(-n+3){margin-top:0}}.layout-main-wrapper>*:last-child .component--content-cards-grey:last-child{margin-bottom:-115px;padding-bottom:55px}.content-liftup{--info-row__gap-size: 4px;border:1px solid #000;position:relative}@media(min-width: 768px){.content-liftup{--info-row__gap-size: 8px;display:flex;min-height:400px}}.content-liftup__image{flex-basis:50%;flex-grow:0;flex-shrink:0}@media(min-width: 768px){.content-liftup__image{align-self:stretch;background-color:#f1f1f1;max-width:50%}}@media(min-width: 992px){.has-sidebar .components--upper .content-liftup__image{flex-basis:28.6844484629%}}.content-liftup__image picture{display:block;height:100%}.content-liftup__image img{aspect-ratio:2.3;display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}@media(min-width: 768px){.content-liftup__image img{aspect-ratio:unset}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image img,.components--lower .content-liftup__image img{height:100%;-o-object-fit:cover;object-fit:cover}}.content-liftup__image .image-placeholder{padding-bottom:43.4782608696%}@media(min-width: 768px){.content-liftup__image .image-placeholder{padding-bottom:66.6666666667%}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image .image-placeholder,.components--lower .content-liftup__image .image-placeholder{height:100%}}.content-liftup__text{flex-grow:1;padding:16px}@media(min-width: 768px){.content-liftup__text{display:flex;flex-direction:column;justify-content:space-between;padding:32px}}.content-liftup__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px;margin-top:0}@media(min-width: 992px){.content-liftup__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.content-liftup__title{margin-bottom:16px}}.content-liftup__link{text-decoration:none}.content-liftup__link:hover,.content-liftup__link:focus{text-decoration:underline}.content-liftup__link::before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.content-liftup__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--margin-size: calc(24px + var(--info-row__gap-size));margin-left:var(--margin-size)}.content-liftup__info-row+.content-liftup__info-row{margin-top:16px}.content-liftup__info-row__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.content-liftup__info-row__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.content-liftup__info-row__title::before{margin-bottom:1px;margin-left:calc(-1*var(--margin-size));margin-right:var(--info-row__gap-size)}.content-liftup__info-row__content>:first-child{margin-top:0}.content-liftup__info-row__content>:last-child{margin-bottom:0}.content-liftup__info-row--address .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__info-row--address .address-line1::after,.content-liftup__info-row--address .address-line2::after{content:","}.content-liftup__info-row--opening-hours .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--clock);mask-image:var(--hel-icon--clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-left:calc(24px + var(--info-row__gap-size));padding-bottom:8px;padding-top:16px}.content-liftup__read-more::after{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear;flex-shrink:0}@media(prefers-reduced-motion){.content-liftup__read-more::after{transition:none}}.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:translateX(4px)}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:none}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:none}}@media(min-width: 768px){.content-liftup__read-more{justify-content:flex-end;padding-bottom:0}}.event-list__event{border-bottom:1px solid #e5e5e5;padding-bottom:8px;padding-top:24px;position:relative}@media(min-width: 992px){.event-list__event{display:grid;grid-template-columns:325px 1fr;padding-bottom:16px;padding-top:16px}}.event-list__event:first-child{border-top:1px solid #e5e5e5}.event-list__event-name{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:24px;margin-top:16px}@media(min-width: 992px){.event-list__event-name{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.event-list__event-link{text-decoration:none}.event-list__event-link:hover{text-decoration:underline}.event-list__event-link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.event-list__image-container{display:block;overflow:hidden;position:relative}.event-list__event-image{max-height:264px;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width: 992px){.event-list__event-image{height:100%;max-height:unset;position:absolute}}@media(min-width: 992px){.event-list__content-container{padding-left:32px}}.event-list__tags{margin-left:-8px;margin-right:-8px}.event-list__tags>*{margin-left:8px;margin-right:8px}.event-list__tags--mobile{bottom:0;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;padding:16px;position:absolute;width:100%;z-index:1}@media(min-width: 992px){.event-list__tags--mobile{display:none}}.event-list__tags--desktop{display:none}@media(min-width: 992px){.event-list__tags--desktop{align-items:flex-start;display:flex;flex-wrap:wrap}}.event-list__tag{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);background:#dedfe1;border-radius:24px;display:inline-block;margin-bottom:16px;padding:5px 12px}.event__icon{align-content:flex-start;display:flex;margin-right:8px}.event__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:16px}.event-list__indicator-container{align-items:flex-end;display:flex}.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 992px){.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:48px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:48px 48px;mask-size:48px 48px;vertical-align:bottom;width:48px}}.event__content::before{margin-right:8px}.event__content--date::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--calendar-clock);mask-image:var(--hel-icon--calendar-clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event__content--location::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event-list__list-container{margin-bottom:32px}.event__lower-container{display:flex;justify-content:space-between}@media(min-width: 992px){.event__lower-container{margin-bottom:8px}}.event-list__count{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-bottom:16px}.events-list__empty-subtext{margin-bottom:24px}.event-list__load-more{margin-left:-8px;margin-right:-8px}.event-list__load-more>*{margin-left:8px;margin-right:8px}.event-list__load-more-button{margin-bottom:16px}.event-list-spinner{position:relative}.event-list-spinner .hds-loading-spinner{margin-bottom:48px;margin-top:48px;position:relative}.hero{color:#fff}.hero .hero__container{color:#1a1a1a;padding-bottom:48px;padding-top:24px;position:relative}@media(max-width: 576px){.hero .hero__container{max-width:100%}}.hero .hds-koros svg{margin-bottom:-1px}.hero .hero__text-content{max-width:690px}.hero .hero__title{margin-bottom:16px;margin-top:16px}.hero .hero__title+.hero__cta{margin-top:48px}.hero .hero__cta{align-items:flex-start;display:inline-flex;flex-flow:column;margin-top:32px}@media(min-width: 576px){.hero .hero__cta{flex-flow:row;margin:32px 0 0}}.hero .hero__cta .hero__button{margin-top:8px 0 0}@media(min-width: 576px){.hero .hero__cta .hero__button{margin:0 0 0 16px}}.hero .hero__cta .hero__button:first-child{margin:0}.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:16px}}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary:first-child{margin-left:-8px}}.hero .hero__description p{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.hero .hero__description a:not(.hds-button){color:currentColor}.hero .hero__arrow{background-color:var(--hdbt-color-palette--accent);bottom:-90px;height:100px;left:24px;-webkit-mask-image:var(--hel-icon--hero-arrow-mobile);mask-image:var(--hel-icon--hero-arrow-mobile);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:94px;z-index:10}@media(min-width: 992px){.hero .hero__arrow{bottom:-100px;height:110px;left:32px;-webkit-mask-image:var(--hel-icon--hero-arrow-desktop);mask-image:var(--hel-icon--hero-arrow-desktop);width:94px}}.hero-wrapper.has-first-gray-bg-block{background-color:#f7f7f8;margin-bottom:-64px;padding-bottom:48px}@media(min-width: 768px){.hero-wrapper.has-first-gray-bg-block{margin-bottom:-96px}}.hero--bg-color--coat-of-arms{background-color:#0072c6}.hero--bg-color--coat-of-arms .hero__container{color:#fff}.hero--bg-color--coat-of-arms .hero__image-container{color:#0072c6}.hero--bg-color--coat-of-arms .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--gold{background-color:#c2a251}.hero--bg-color--gold .hero__image-container{color:#c2a251}.hero--bg-color--silver{background-color:#dedfe1}.hero--bg-color--silver .hero__image-container{color:#dedfe1}.hero--bg-color--brick{background-color:#bd2719}.hero--bg-color--brick .hero__container{color:#fff}.hero--bg-color--brick .hero__image-container{color:#bd2719}.hero--bg-color--brick .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--bus{background-color:#0000bf}.hero--bg-color--bus .hero__container{color:#fff}.hero--bg-color--bus .hero__image-container{color:#0000bf}.hero--bg-color--bus .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--copper{background-color:#00d7a7}.hero--bg-color--copper .hero__image-container{color:#00d7a7}.hero--bg-color--engel{background-color:#ffe977}.hero--bg-color--engel .hero__image-container{color:#ffe977}.hero--bg-color--fog{background-color:#9fc9eb}.hero--bg-color--fog .hero__image-container{color:#9fc9eb}.hero--bg-color--metro{background-color:#fd4f00}.hero--bg-color--metro .hero__image-container{color:#fd4f00}.hero--bg-color--summer{background-color:#ffc61e}.hero--bg-color--summer .hero__image-container{color:#ffc61e}.hero--bg-color--suomenlinna{background-color:#f5a3c7}.hero--bg-color--suomenlinna .hero__image-container{color:#f5a3c7}.hero--bg-color--tram{background-color:#008741}.hero--bg-color--tram .hero__container{color:#fff}.hero--bg-color--tram .hero__image-container{color:#008741}.hero--bg-color--tram .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero__container .helfi-search__form .hds-text-input__label{color:inherit}.has-first-gray-bg-block .hero--without-image-left .hds-koros{color:#f7f7f8}.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:48px}}.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros,.hero--with-image-bottom .hds-koros{display:none}.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:300px}}.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img,.hero--with-image-bottom .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros,.hero--with-image-bottom .hero__image-container .hds-koros{display:block;position:absolute;z-index:1}@media(min-width: 768px){.hero--with-image-right,.hero--with-image-left{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{align-items:center;display:flex;margin:0;max-width:648px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros{display:block}}@media(min-width: 768px){.has-first-gray-bg-block .hero--with-image-right .hds-koros,.has-first-gray-bg-block .hero--with-image-left .hds-koros{color:#f7f7f8}}@media(min-width: 768px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{height:auto;margin-top:64px;max-width:648px;padding:0 32px 64px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img{height:auto;position:static;transform:none;width:100%}}@media(min-width: 768px){.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros{display:none}}.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-355px}@media(min-width: 768px){.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-90px}}@media(min-width: 768px){.hero--with-image-left{flex-direction:row-reverse}}@media(min-width: 768px){.hero--with-image-left .hero__arrow{left:calc(-100% + 24px)}}.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 992px){.hero--with-image-bottom .hero__image-container{height:400px}}.hero--with-image-bottom .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--with-image-bottom .hero__arrow{bottom:-470px}}@media(min-width: 992px){.hero--diagonal,.hero--with-search{position:relative}}.hero--diagonal .hero__container,.hero--with-search .hero__container{align-items:center;display:flex;padding-bottom:16px;position:relative;width:100%;z-index:2}@media(min-width: 992px){.hero--diagonal .hero__container,.hero--with-search .hero__container{min-height:480px;padding-bottom:48px}}@media(min-width: 992px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:400px}}@media(min-width: 1248px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:500px}}@media(min-width: 992px){.hero--diagonal .hero__title,.hero--with-search .hero__title{margin-top:16px}}.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:300px}}@media(min-width: 992px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}}.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{display:block;position:absolute;top:-1px;z-index:1}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{bottom:50%;left:5%;top:auto;transform:rotate(135deg);transform-origin:center;width:100%}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{left:0%}}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{background-color:currentColor;content:"";display:block;height:1000px;left:15%;position:absolute;top:48px;width:1500px}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{left:25%}}.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}@media(min-width: 992px){.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{margin-left:30%;position:static;transform:none}}.hero--diagonal .hds-koros,.hero--with-search .hds-koros{display:none}.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-70px}}.component--image img{width:100%}.component--liftup-with-image-img{--side-padding: 10%;color:var(--hdbt-color-palette-text--primary)}@media(min-width: 576px){.component--liftup-with-image-img{--side-padding: 20%}}@media(min-width: 830px){.component--liftup-with-image-img{--side-padding: 30%}}@media(min-width: 1248px){.component--liftup-with-image-img{--side-padding: 20%}}.component--liftup-with-image-img .liftup-with-image{align-items:center;display:grid;grid-template-columns:[col1-start] var(--side-padding) [col2-start] 1fr [col1-end] var(--side-padding) [col2-end];grid-template-rows:[row1-start] 1fr [row2-start] 32px [row1-end] min-content [row2-end]}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image{grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}.component--liftup-with-image-img.component--liftup-with-image-img-on-right .liftup-with-image{--content-area: row2-start / col1-start / row2-end / col1-end;--image-area: row1-start / col2-start / row1-end / col2-end}.component--liftup-with-image-img.component--liftup-with-image-img-on-left .liftup-with-image{--content-area: row2-start / col2-start / row2-end / col2-end;--image-area: row1-start / col1-start / row1-end / col1-end;--content-margin-right: auto}.component--liftup-with-image-img .liftup-with-image__content{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin-left:var(--content-margin-right);padding:32px;width:-moz-fit-content;width:fit-content}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image__content{display:flex;flex-direction:column;justify-content:center;min-height:350px;width:460px}}@media(min-width: 1248px){.component--liftup-with-image-img .liftup-with-image__content{min-height:435px}}.component--liftup-with-image-img .liftup-with-image__content .hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height)}.component--liftup-with-image-img a.link{color:var(--hdbt-color-palette-text--primary)}.component--liftup-with-image-img .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.component--liftup-with-image-img .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.component--liftup-with-image-img .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-secondary{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .liftup-with-image__content{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary a.link{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--liftup-with-image-secondary .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--liftup-with-image-secondary .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.liftup-with-image__image{grid-area:var(--image-area)}.liftup-with-image__image picture{width:100%}.liftup-with-image__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.liftup-with-image__container{grid-area:var(--content-area)}.liftup-with-image__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.liftup-with-image__title{--line-height: 1;font-size:2rem;font-weight:400}}.liftup-with-image__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}.liftup-with-image__desc>*:first-child{margin-top:0}.liftup-with-image__desc a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.no-sidebar .components--upper>.component--liftup-with-image-bg.component--liftup-with-image-bg{padding-left:0;padding-right:0}.component--liftup-with-image-bg .component__container{max-width:none}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1296px;--image-area: row1-start / col1-start / row1-end / col1-end;display:grid;grid-template-columns:[col1-start] 1fr [col2-start] min(100%,var(--max-width)) [col2-end] 1fr [col1-end];grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}@media(min-width: 992px)and (min-width: 768px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1328px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__image{min-height:540px;position:relative}.component--liftup-with-image-bg .liftup-with-image__image picture{top:0;right:0;bottom:0;left:0;position:absolute}.component--liftup-with-image-bg .liftup-with-image__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.component--liftup-with-image-bg .liftup-with-image__container{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--liftup-with-image-bg .liftup-with-image__container{padding-left:32px;padding-right:32px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__container{align-content:center;display:grid;grid-area:row2-start/col2-start/row2-end/col2-end}}.component--liftup-with-image-bg .liftup-with-image__content{justify-self:end;padding-top:32px;padding-left:0;padding-right:0;z-index:1}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__content{background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:64px 0;min-height:350px;padding:32px;width:460px}}.component--liftup-with-image-bg a{--hdbt-default-link-color: var(--color-black)}.component--liftup-with-image-bg .hds-button--primary{--background-color: var(--color-black-90);--background-color-hover: var(--color-white);--background-color-focus: var(--color-black-90);--background-color-hover-focus: var(--color-white);--background-color-disabled: var(--color-black-20);--border-color: var(--color-black-90);--border-color-hover: var(--color-black);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-20);--color: var(--color-white);--color-hover: var(--color-black-90);--color-focus: var(--color-white);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-white);--focus-outline-color: var(--color-black-90);--submit-input-focus-gutter-color: var(--color-white)}.component--liftup-with-image-bg .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--color-black-90);--background-color-focus: transparent;--background-color-hover-focus: var(--color-black-90);--background-color-disabled: transparent;--border-color: var(--color-black-90);--border-color-hover: var(--color-black-90);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-50);--color: var(--color-black-90);--color-hover: var(--color-white);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-white);--focus-outline-color: var(--color-black-90)}.component--liftup-with-image-bg .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-20);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-bg .hds-button--supplementary:hover{text-decoration:underline}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-left .liftup-with-image__container{justify-self:end}}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-right .liftup-with-image__container{justify-self:start}}.list-of-links{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%}@media(min-width: 576px){.list-of-links{flex-direction:row;margin-left:-48px;width:calc(100% + 48px)}}.list-of-links__item{margin-bottom:32px;position:relative;width:100%}@media(min-width: 576px){.list-of-links__item{margin-left:48px;width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item{width:calc(25% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(33.3333% - 48px)}}.list-of-links__item .list-of-links__item__link{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:90px;word-wrap:anywhere;text-decoration:none;width:100%}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link{display:block}}.list-of-links__item .list-of-links__item__link:focus,.list-of-links__item .list-of-links__item__link:hover{text-decoration:underline}.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:translateX(8px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:none}}.list-of-links__item .list-of-links__item__link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute}.list-of-links__item .list-of-links__item__link::after{--icon-size: 1.5rem;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;content:"";display:block;flex-shrink:0;margin-left:-4px;margin-top:8px}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link::after{transition:none}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link::after{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link[data-is-external]::after{content:none;display:none}.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 1.5rem;display:block;flex-shrink:0;height:var(--icon-size);margin-left:-4px;margin-top:8px;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);width:var(--icon-size)}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:none}}.list-of-links__item .list-of-links__item__image{left:0;position:absolute;top:0;width:90px}@media(min-width: 576px){.list-of-links__item .list-of-links__item__image{margin-bottom:16px;position:static;width:100%}}.list-of-links__item .list-of-links__item__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.list-of-links__item .list-of-links__item__image .image-placeholder{padding-bottom:100%}.list-of-links__item .list-of-links__item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0 0 0 116px}@media(min-width: 992px){.list-of-links__item .list-of-links__item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__title{margin:0}}.component--list-of-links-without-image .list-of-links__item{align-self:flex-start;min-height:2rem;padding-bottom:0}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item{width:calc(33.3333% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link{display:flex;flex-direction:row;justify-content:flex-start;min-height:auto;text-decoration:underline}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{align-self:flex-start;margin-left:8px;margin-top:-2px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:focus,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:hover{text-decoration:none}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__title{display:flex;margin-left:0}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin:-2px 0 0 16px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 2rem}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 3rem}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);color:#666;margin-top:8px}@media(min-width: 992px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{margin-top:4px}}.has-sidebar .main-content .list-of-links__item{padding-bottom:24px}@media(min-width: 992px){.has-sidebar .main-content .list-of-links__item{width:calc(50% - 48px)}}@media(min-width: 992px){.has-sidebar .main-content .component--list-of-links-without-image .list-of-links__item{width:calc(50% - 48px)}}.component--map{background-color:#f7f7f8}.component--map .address-line1::after{content:","}.unit .component--map{margin-top:32px}@media(min-width: 768px){.unit .component--map{margin-top:48px}}.component--map .component__container{padding:48px 0}.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:24px 16px 48px}@media(min-width: 768px){.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:32px 32px 48px}}@media(max-width: 992px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-16px;margin-right:-16px}}@media(max-width: 992px)and (min-width: 768px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-32px;margin-right:-32px}}.map{height:0;margin:16px 0;padding-bottom:100%;position:relative}@media(min-width: 576px){.map{padding-bottom:56.25%}}.map>div,.map iframe{background-color:#e5e5e5;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.map .map__external-link{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:-40px;display:inline-flex;position:absolute;right:0;text-decoration:underline}.component--news-list .news-listing{margin-bottom:48px}.component--phasing{--item-title-lineheight: 1.875rem;counter-reset:item}@media(min-width: 992px){.component--phasing{--item-title-lineheight: 2.25rem}}.component--phasing .component__content{padding-left:0}.phasing__item{--circle-size: 16px;--p-left: 72px;background-color:var(--hdbt-color-palette--secondary);list-style:none;padding:32px 32px 32px var(--p-left);position:relative}.phasing__item:not(:last-of-type){margin-bottom:16px}.phasing__item::before,.phasing__item::after{content:"";display:block;left:calc(var(--p-left)*.5);position:absolute}.phasing__item::before{background-color:#000;height:calc(100% + 16px + 8px);top:0;transform:translateX(-50%);width:2px}.phasing__item:first-of-type::before{height:100%;top:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:last-of-type::before{height:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:only-child::before{display:none}.phasing__item::after{background-color:#fff;border:3px solid #000;border-radius:50%;height:var(--circle-size);top:calc(32px + var(--item-title-lineheight)*.5);transform:translate(-50%, -50%);width:var(--circle-size)}.phasing__item--with-numbers{--circle-size: 40px;--p-left: 80px}@media(min-width: 992px){.phasing__item--with-numbers{--circle-size: 48px;--p-left: 96px}}.phasing__item--with-numbers::after{align-items:center;content:counter(item);counter-increment:item;display:flex;justify-content:center;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.phasing__item--with-numbers::after{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.phasing__item-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: var(--item-title-lineheight)}.phasing__item-title+.phasing__item-description{margin-top:16px}.component--accordion .component--phasing{--item-title-lineheight: 1.6875rem}@media(min-width: 992px){.component--accordion .component--phasing{--item-title-lineheight: 1.875rem}}.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.popular-service-item{background-color:#f7f7f8;margin-bottom:24px;padding-bottom:32px;padding-left:24px;padding-right:24px;padding-top:24px}@media(min-width: 768px){.popular-service-item{width:calc(50% - 24px)}}.popular-service-item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:unset}@media(min-width: 992px){.popular-service-item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.popular-service-item__links{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.popular-service-item__links{margin-top:24px}}@media(min-width: 768px){.popular-services{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.popular-services>*{margin-left:12px;margin-right:12px}}.component--remote-video{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);padding-left:16px;padding-right:16px;background-color:#000;padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--remote-video{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.component--remote-video{padding-bottom:48px;padding-top:48px}}@media(min-width: 992px){.component--remote-video{padding-bottom:64px;padding-top:64px}}.component--remote-video,.component--remote-video a:not(.hds-button){color:#fff}.component--remote-video+.component--remote-video.component--no-header{margin-top:0;padding-top:0}.remote-video__video{position:relative}.remote-video__video .responsive-video-container{background-color:#e5e5e5;height:0;overflow:hidden;padding-bottom:56.25%}.remote-video__video .responsive-video-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.remote-video__video-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:8px}@media(min-width: 992px){.remote-video__video-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.remote-video__video-title{margin-top:16px}}.remote-video__video-desc{margin-top:8px}.remote-video__video-desc>p:first-child{margin-top:0}.views--service-list .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--service-list .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--service-list .views-exposed-form{align-items:flex-end;display:flex}}@media(min-width: 768px){.views--service-list .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--service-list .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--service-list .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}@media(min-width: 768px){.views--service-list .views-exposed-form .form-actions{display:flex;width:30%}}.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;width:100%}@media(min-width: 992px){.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.views--service-list .service-list__count-container .service-list__count{font-weight:700}.views--service-list .views-infinite-scroll-content-wrapper{margin-top:24px}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2);margin-top:48px}}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper .views-row{margin-top:24px;width:25%}}.views--service-list .views-infinite-scroll-content-wrapper .views-row:nth-child(-n+4){margin-top:0}.sidebar-text{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-text+.sidebar-text{margin-top:32px}.sidebar-text .sidebar-text__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#000;margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-text .sidebar-text__title+.sidebar-text__text-content{margin-top:24px}.sidebar-text .sidebar-text__text-content{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:var(--hdbt-color-palette-text--secondary)}.sidebar-text .sidebar-text__text-content>*:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>p:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>*:last-child{margin-bottom:0}.sidebar-text .sidebar-text__text-content>p{background-color:var(--hdbt-color-palette--secondary);padding:24px 16px}.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:inline-flex}.sidebar-text .sidebar-text__text-content .hds-button--primary:only-child,.sidebar-text .sidebar-text__text-content .hds-button--secondary:only-child{margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:flex}}.sidebar-text .sidebar-text__text-content .hds-button--supplementary:first-child{margin-left:0}.sidebar-text .sidebar-text__text-content .hds-button--supplementary.hdbt-icon::before{margin-left:8px}.sidebar-text ul,.sidebar-text ol{background-color:var(--hdbt-color-palette--secondary);padding:16px}.sidebar-text ul li,.sidebar-text ol li{margin-left:32px;padding-left:8px}.sidebar-text ul ul,.sidebar-text ul ol,.sidebar-text ol ul,.sidebar-text ol ol{margin-top:0}.sidebar-text ul ul li,.sidebar-text ul ol li,.sidebar-text ol ul li,.sidebar-text ol ol li{margin-left:8px}.sidebar-text--service-links .sidebar-text__text-content>a{background-color:var(--hdbt-color-palette--secondary);display:grid;grid-template-columns:1fr calc(24px + 8px);margin-top:16px;padding:24px 16px;text-decoration:none}.sidebar-text--service-links .sidebar-text__text-content>a:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:center;justify-self:end;order:3}.sidebar-text--service-links .sidebar-text__text-content>a[data-is-external]:after{display:none}.sidebar-text--service-links .sidebar-text__text-content>a:hover{text-decoration:underline}.target-group-links{--gap: 8px;display:flex;flex-wrap:wrap;gap:8px;gap:var(--gap, 8px)}@media(min-width: 768px){.target-group-links{--gap: 24px}}.target-group-link{--icon-size: 32px;--title-line-height: 1.625rem;grid-column-gap:24px;background-color:#f7f7f8;display:grid;grid-template-areas:"icon title" "icon subtitle";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:24px;position:relative;width:100%}@media(min-width: 768px){.target-group-link{--icon-size: 48px;width:calc(50% - .5*var(--gap))}}@media(min-width: 992px){.target-group-link{--title-line-height: 1.75rem}}.target-group-link__icon{grid-area:icon}.target-group-link__icon .hel-icon{display:block}.target-group-link__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);grid-area:title;margin:0;padding-top:calc(.5*(var(--icon-size) - var(--title-line-height)))}@media(min-width: 992px){.target-group-link__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.target-group-link__link{text-decoration:none}.target-group-link__link::before{content:"";height:100%;top:0;right:0;bottom:0;left:0;position:absolute}.target-group-link__link:hover{text-decoration:underline}.target-group-link__subtitle{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);grid-area:subtitle;margin-bottom:calc(.5*(var(--icon-size) - var(--title-line-height)));margin-top:8px}.target-group-link__subtitle p{margin-top:0}.component--paragraph-text .component__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component--paragraph-text .component__content>*:first-child,.component--paragraph-text .component__content>p:first-child{margin-top:0}.component--paragraph-text .component__content>*:last-child{margin-bottom:0}.component--unit-search{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-search:last-child{margin-bottom:-115px;padding-bottom:55px}.component--unit-search .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-search .component__container{padding-bottom:64px;padding-top:64px}}.views--unit-search{margin-top:32px}.views--unit-search .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--unit-search .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--unit-search .views-exposed-form{align-items:flex-end;display:flex;flex-wrap:wrap}}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}.views--unit-search .views-exposed-form [data-drupal-selector=edit-provided-languages-value]{margin-top:24px;order:1}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-actions{display:flex;width:30%}}.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:16px}@media(min-width: 768px){.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:32px}}.unit-search__results{border-top:1px solid #e5e5e5;display:block;margin-top:32px;padding-top:32px;width:100%}@media(min-width: 768px){.unit-search__results{margin-top:64px;padding-top:64px}}.unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row{margin-top:16px}@media(min-width: 768px){.unit-search__result-actions{align-items:center;display:flex;justify-content:space-between}}.unit-search__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.unit-search__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit-search__count-container .unit-search__count{font-weight:700}.unit-search__additional-information{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;margin-bottom:24px;margin-top:16px}.unit-search__additional-information.unit-search__address-not-found{padding-left:48px;position:relative}.unit-search__additional-information.unit-search__address-not-found::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;background-color:#d18200;left:16px;margin-top:-12px;position:absolute;top:50%}.unit-search__additional-information.unit-search__address-not-found p{margin-top:0}.unit-search__result--list,.unit-search__result--map{margin-top:16px}@media(min-width: 768px){.unit-search__result--list,.unit-search__result--map{margin-top:32px}}.unit-search__result--map{padding-bottom:52%;position:relative;width:100%}.unit-search__map{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.unit-search__map-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(min-width: 768px){.unit-search__map-actions{margin-top:24px}}.unit-search__no-results-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.unit-search__no-results-title{--line-height: 1;font-size:2rem;font-weight:400}}.unit-search__no-results-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.views--unit-search--large-volume .unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row,.views--unit-search--large-volume .unit-search__results .views-row+.views-row{margin-top:8px}.dialog-off-canvas-main-canvas::after{background-color:rgba(0,0,0,.4);content:"";height:0;opacity:0;pointer-events:none;visibility:hidden;width:0}.eu-cookie-compliance-banner{background-color:#0000bf;color:#fff;max-height:100vh;overflow:auto;padding:0 0 24px}@media(min-width: 768px){.eu-cookie-compliance-banner{padding:0 0 32px}}.eu-cookie-compliance-banner .eu-cookie-compliance-content{display:flex;flex-wrap:wrap;padding-top:24px}.eu-cookie-compliance-banner .eu-cookie-compliance-message{float:none;max-width:100%;width:100%}.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0;max-width:860px}@media(min-width: 992px){.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.eu-cookie-compliance-banner .eu-cookie-compliance-message>p{max-width:860px}.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{margin-top:32px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{align-items:center;display:flex}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info{width:30%}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{justify-content:flex-end;width:70%}}.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-top:16px}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-top:0}}.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{float:none;max-width:100%}.eu-cookie-compliance-banner .eu-cookie-withdraw-button{display:none}.eu-cookie-compliance-banner .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);max-width:400px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .hds-button{width:auto}}.sliding-popup-bottom{width:100%}.gin--horizontal-toolbar .toolbar-bar{position:fixed}.gin--horizontal-toolbar .node-preview-container{padding:0 32px;top:54px}.logo{align-items:center;display:flex;text-decoration:none}.logo__icon{--height: 32px;--aspect-ratio: 2.1666666667;height:var(--height);width:calc(var(--aspect-ratio)*var(--height))}@media(min-width: 768px){.logo__icon{--height: 54px}}.logo__icon--sv,.logo__icon--ru{--aspect-ratio: 2.7857142857}.logo--header{color:#000;height:var(--branding-height)}.logo--footer{margin-top:8px}@media(min-width: 768px){.logo--footer{margin-right:16px;margin-top:0}}.logo--footer .logo__icon{--height: 40px}.metadata-container{background-color:var(--hdbt-color-palette--secondary);display:flex;flex-wrap:wrap;margin-top:16px;padding:24px}@media(min-width: 768px){.metadata-container{margin-top:32px}}.metadata__item{display:flex;margin-top:16px;width:100%}@media(min-width: 768px){.metadata__item{width:50%}}.metadata__item:first-child{margin-top:0}@media(min-width: 768px){.metadata__item:nth-child(2){margin-top:0}}.metadata__item .hel-icon{height:24px;margin-right:8px;min-width:24px;width:24px}.metadata__item-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:block}.content-tags__tags{margin-left:-4px;margin-right:-4px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0;margin-top:0;padding-left:0}.content-tags__tags>*{margin-left:4px;margin-right:4px}.content-tags__tags__tag{list-style:none;margin-bottom:8px;margin-top:0}.content-tags__tags__tag a,.content-tags__tags__tag span,.content-tags__tags--static li{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);display:inline-block;line-height:1;text-decoration:none;transition:.2s ease-in-out background-color,.2s ease-in-out border-color}.content-tags__tags--interactive a{background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:48px;padding:16px 20px 18px}.content-tags__tags--interactive a:hover,.content-tags__tags--interactive a:active{background-color:#000;border-color:#000;color:#fff}.content-tags__tags--interactive a:focus,.content-tags__tags--interactive a:active{border-color:#000;outline:2px solid #000;outline-offset:2px}.content-tags__tags--static span{background-color:#dedfe1;border-radius:16px;padding:8px 16px 10px}.content-tags__tags--static .content-tags__tags__tag--coat-of-arms span{background-color:#b5daf7}.content-tags__tags--static .content-tags__tags__tag--gold span{background-color:#e8d7a7}.content-tags__tags--static .content-tags__tags__tag--bus span{background-color:#ccf}.content-tags__tags--static .content-tags__tags__tag--success span{background-color:#007a64;color:#fff}.content-tags__tags--static .content-tags__tags__tag--alert span{background-color:#ffda07}.content-tags__tags--static .content-tags__tags__tag--error span{background-color:#b01038;color:#fff}.hds-loading-spinner{left:49%;position:fixed;top:48.5%;z-index:1000}#ed11y-panel{left:21px !important;right:auto !important}.is-hidden{display:none}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f1f1f1;--color-black-10: #e5e5e5;--color-black-20: #cccccc;--color-black-30: #b2b2b2;--color-black-40: #999898;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4c4c4c;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: 0.125rem;--spacing-3-xs: 0.25rem;--spacing-2-xs: 0.5rem;--spacing-xs: 0.75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3.0rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xl: 3.25rem;--fontsize-heading-l: 2.25rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: 0.875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk, Arial, sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75}html,body{height:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;display:flex;flex-direction:column;font-family:HelsinkiGrotesk,Arial,sans-serif;font-size:1rem;line-height:1.5}body.gin--horizontal-toolbar{padding-top:0 !important}:root{--hdbt-color-black: #121212;--hdbt-default-link-color: var(--color-black-90);--hdbt-theme-color: var(--color-black);--hdbt-text-color: var(--color-white);--hdbt-text-color--coat-of-arms: var(--color-white);--hdbt-text-color--brick: var(--color-white);--hdbt-text-color--bus: var(--color-white);--hdbt-text-color--metro: var(--color-white);--hdbt-text-color--tram: var(--color-white);--hdbt-text-color--gold: var(--hdbt-color-black);--hdbt-text-color--silver: var(--hdbt-color-black);--hdbt-text-color--copper: var(--hdbt-color-black);--hdbt-text-color--engel: var(--hdbt-color-black);--hdbt-text-color--fog: var(--hdbt-color-black);--hdbt-text-color--summer: var(--hdbt-color-black);--hdbt-text-color--suomenlinna: var(--hdbt-color-black);--hdbt-button-text-color--coat-of-arms: var(--hdbt-color-black);--hdbt-button-text-color--brick: var(--hdbt-color-black);--hdbt-button-text-color--bus: var(--hdbt-color-black);--hdbt-button-text-color--metro: var(--hdbt-color-black);--hdbt-button-text-color--tram: var(--hdbt-color-black);--hdbt-button-text-color--gold: var(--color-white);--hdbt-button-text-color--silver: var(--color-white);--hdbt-button-text-color--copper: var(--color-white);--hdbt-button-text-color--engel: var(--color-white);--hdbt-button-text-color--fog: var(--color-white);--hdbt-button-text-color--summer: var(--color-white);--hdbt-button-text-color--suomenlinna: var(--color-white);--hdbt-button-highlight-color--coat-of-arms: var(--color-black-90);--hdbt-button-highlight-color--brick: var(--color-black-90);--hdbt-button-highlight-color--bus: var(--color-black-90);--hdbt-button-highlight-color--metro: var(--color-black-90);--hdbt-button-highlight-color--tram: var(--color-black-90);--hdbt-button-highlight-color--gold: var(--color-white);--hdbt-button-highlight-color--silver: var(--color-white);--hdbt-button-highlight-color--copper: var(--color-white);--hdbt-button-highlight-color--engel: var(--color-white);--hdbt-button-highlight-color--fog: var(--color-white);--hdbt-button-highlight-color--summer: var(--color-white);--hdbt-button-highlight-color--suomenlinna: var(--color-white);--background-color-disabled: transparent;--border-color-disabled: transparent;--color-disabled: var(--color-black-40);--border-color-focus: var(--color-coat-of-arms);--border-color-hover-focus: var(--color-coat-of-arms-dark)}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:400;src:url(../fonts/HelsinkiGrotesk-Regular.eot);src:url(../fonts/HelsinkiGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Regular.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Regular.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Regular.svg#HelsinkiGrotesk-Regular) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:400;src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot);src:url(../fonts/HelsinkiGrotesk-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-RegularItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-RegularItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-RegularItalic.svg#HelsinkiGrotesk-RegularItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:500;src:url(../fonts/HelsinkiGrotesk-Medium.eot);src:url(../fonts/HelsinkiGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Medium.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Medium.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Medium.svg#HelsinkiGrotesk-Medium) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:500;src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot);src:url(../fonts/HelsinkiGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-MediumItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-MediumItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-MediumItalic.svg#HelsinkiGrotesk-MediumItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:700;src:url(../fonts/HelsinkiGrotesk-Bold.eot);src:url(../fonts/HelsinkiGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Bold.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Bold.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Bold.svg#HelsinkiGrotesk-Bold) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:700;src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot);src:url(../fonts/HelsinkiGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BoldItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BoldItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BoldItalic.svg#HelsinkiGrotesk-BoldItalic) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:normal;font-weight:800;src:url(../fonts/HelsinkiGrotesk-Black.eot);src:url(../fonts/HelsinkiGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-Black.woff) format("woff"),url(../fonts/HelsinkiGrotesk-Black.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-Black.svg#HelsinkiGrotesk-Black) format("svg")}@font-face{text-rendering:optimizeLegibility;font-family:"HelsinkiGrotesk";font-style:italic;font-weight:800;src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot);src:url(../fonts/HelsinkiGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelsinkiGrotesk-BlackItalic.woff) format("woff"),url(../fonts/HelsinkiGrotesk-BlackItalic.ttf) format("truetype"),url(../fonts/HelsinkiGrotesk-BlackItalic.svg#HelsinkiGrotesk-BlackItalic) format("svg")}figure{margin:0}table{background-color:#fff;border:1px solid #666;border-spacing:0;display:block;margin:32px 0;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;table-layout:fixed;white-space:nowrap}table caption{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);background-color:#000;color:#fff;padding:32px 16px;text-align:left}table thead{background-color:#000}table thead th{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#fff;font-weight:500;min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table thead th p{font-size:inherit;font-weight:inherit;margin:0}table tbody,table tfoot{background-color:#fff}table tbody tr,table tfoot tr{background-color:#fff}table tbody tr:hover,table tbody tr:active,table tfoot tr:hover,table tfoot tr:active{background-color:#f1f1f1}table tbody tr th,table tbody tr td,table tfoot tr th,table tfoot tr td{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#121212;color:var(--hdbt-color-black);min-width:140px;padding:16px;text-align:left;vertical-align:middle;white-space:normal}table tbody tr th p,table tbody tr td p,table tfoot tr th p,table tfoot tr td p{margin:0}table tbody tr th p+p,table tbody tr td p+p,table tfoot tr th p+p,table tfoot tr td p+p{margin:16px 0 0}table tbody tr th,table tfoot tr th{background-color:#000;color:#fff;font-weight:500}table tbody tr:not(:last-of-type) td,table tfoot tr:not(:last-of-type) td{border-bottom:1px solid #e5e5e5}h1,h2,h3,h4,h5,h6{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:0;margin-top:48px;word-wrap:break-word}h1{--line-height: 1;font-size:2.5rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h1{--line-height: 1;font-size:4rem;font-weight:400}}@media(min-width: 768px){h1{margin-top:64px}}@media(min-width: 992px){h1{margin-bottom:64px}}h2{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){h2{--line-height: 1;font-size:3rem;font-weight:400}}h3{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h3{--line-height: 1;font-size:2rem;font-weight:400}}h4{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h4{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}h5{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){h5{--line-height: 1.5;font-size:1.25rem;font-weight:500}}h6{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){h6{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}a{color:#1a1a1a;color:var(--hdbt-default-link-color);word-wrap:break-word}p{margin-bottom:0;margin-top:16px;word-wrap:break-word}ul,ol{margin-bottom:24px;margin-left:0;margin-top:24px;padding-left:32px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-top:16px}li{margin-left:0;padding-left:0}li+li{margin-top:16px}.local-tasks li,.toolbar-menu li,.pager li,.table-of-contents__list li,.menu li{margin-top:0}.hdbt-icon::before{--icon-size: 24px;background-color:#000;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);min-height:var(--icon-size);min-width:var(--icon-size);position:static;width:var(--icon-size)}.hds-button.hdbt-icon .hds-button__label{margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs);order:1}.hds-button.hdbt-icon .link__type{margin-left:-16px;margin-right:16px;order:2}.hds-button.hdbt-icon:focus::before{background-color:var(--color-focus)}.hds-button.hdbt-icon:hover::before{background-color:var(--color-hover)}.hds-button.hdbt-icon:focus:hover::before{background-color:var(--color-hover-focus)}.hds-button.hdbt-icon::after{order:2}.hds-button.hdbt-icon::before{background-color:var(--color);order:3}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:var(--fallback);height:var(--icon-size, var(--fallback));-webkit-mask-image:var(--url);mask-image:var(--url);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:text-bottom;width:var(--fallback);width:var(--icon-size, var(--fallback))}.icon{--icon-size: 1.5rem;height:var(--icon-size);width:var(--icon-size)}:root{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black)}.hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);--border-width: 2px;--color: inherit;--min-size: 44px;--outline-gutter: 2px;--outline-width: 3px;align-content:flex-start;align-items:center;background-color:transparent;background-color:var(--background-color, transparent);border:var(--border-width) solid transparent;border:var(--border-width) solid var(--border-color, transparent);border-radius:0;color:var(--color);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;min-height:var(--min-size);min-width:var(--min-size);padding:0 0.5rem;padding:0 var(--spacing-2-xs);text-decoration:none;vertical-align:top}.hds-button,.hds-button::before,.hds-button::after,.hds-button *,.hds-button *::before,.hds-button *::after{box-sizing:border-box}.hds-button:hover,.hds-button:focus,.hds-button:active{transition-duration:85ms;transition-property:background-color,border-color,color;transition-timing-function:ease-out}.hds-button:hover{background-color:transparent;background-color:var(--background-color-hover, transparent);color:var(--color-hover)}.hds-button:focus{background-color:transparent;background-color:var(--background-color-focus, transparent);color:var(--color-focus);outline:none}.hds-button:focus:hover{background-color:transparent;background-color:var(--background-color-hover-focus, transparent)}.hds-button:disabled{background-color:transparent;background-color:var(--background-color-disabled, transparent);border-color:transparent;border-color:var(--border-color-disabled, transparent);color:#999898;color:var(--color-disabled);cursor:not-allowed}.hds-button:not(:disabled){border-color:transparent;border-color:var(--border-color, transparent)}.hds-button:not(:disabled):hover{border-color:transparent;border-color:var(--border-color-hover, transparent)}.hds-button:not(:disabled):active,.hds-button:not(:disabled):focus{border-color:#0072c6;border-color:var(--border-color-focus, transparent)}.hds-button:not(:disabled):active:hover,.hds-button:not(:disabled):focus:hover{border-color:#005799;border-color:var(--border-color-hover-focus, transparent);color:var(--color-hover-focus)}.hds-button:active,.hds-button:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter);outline-offset:2px}input[type=submit].hds-button,.hds-button__label{font-weight:inherit;line-height:1.25em;padding:1rem;padding:var(--spacing-s)}input[type=submit].hds-button{cursor:pointer;padding:1rem 2rem;padding:var(--spacing-s) var(--spacing-l)}.hds-button__label:only-child{margin:0 0.5rem;margin:0 var(--spacing-2-xs)}.hds-button--supplementary .hds-button__label:first-child{padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:last-child{padding-left:0.25rem;padding-left:var(--spacing-3-xs)}.hds-button--supplementary .hds-icon+.hds-button__label:not(:last-child){padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs)}.hds-button .hds-icon{height:1.5rem;height:var(--spacing-m);margin-left:1rem;margin-left:var(--spacing-s);width:1.5rem;width:var(--spacing-m)}.hds-button__label~.hds-icon{margin:0 1rem 0 0;margin:0 var(--spacing-s) 0 0}.hds-button .hds-icon:first-of-type:not(:last-of-type){margin:0 0 0 0.5rem;margin:0 0 0 var(--spacing-2-xs)}.hds-button .hds-icon:last-of-type:not(:first-of-type){margin:0 0.5rem 0 0;margin:0 var(--spacing-2-xs) 0 0}.hds-button--primary{--background-color: var(--theme-bg1, var(--color-bus));--background-color-hover: var(--theme-bg2, var(--color-bus-dark));--background-color-focus: var(--theme-bg1, var(--color-bus));--background-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--background-color-disabled: var(--color-black-20);--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg1, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg1, var(--color-bus-dark));--border-color-disabled: var(--color-black-20);--color: var(--theme-fg1, var(--color-white));--color-hover: var(--theme-fg2, var(--color-white));--color-focus: var(--theme-fg1, var(--color-white));--color-hover-focus: var(--theme-fg2, var(--color-white));--color-disabled: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--secondary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg1, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg1, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg1, var(--color-bus));--border-color-hover: var(--theme-bg2, var(--color-bus-dark));--border-color-focus: var(--theme-bg1, var(--color-bus));--border-color-hover-focus: var(--theme-bg2, var(--color-bus-dark));--border-color-disabled: var(--color-black-50);--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg1, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg1, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--supplementary{--background-color: var(--theme-bg2, transparent);--background-color-hover: var(--theme-bg2, var(--color-bus-light));--background-color-focus: var(--theme-bg2, transparent);--background-color-hover-focus: var(--theme-bg2, var(--color-bus-light));--background-color-disabled: transparent;--border-color: var(--theme-bg2, transparent);--border-color-hover: var(--theme-bg2, transparent);--border-color-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-hover-focus: var(--theme-bg2, var(--color-coat-of-arms));--border-color-disabled: transparent;--color: var(--theme-fg2, var(--color-bus));--color-hover: var(--theme-fg2, var(--color-bus-dark));--color-focus: var(--theme-fg2, var(--color-bus));--color-hover-focus: var(--theme-fg2, var(--color-bus-dark));--color-disabled: var(--color-black-40);--focus-outline-color: var(--theme-focus, transparent)}.hds-button--loading{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: transparent;--border-color-hover-focus: transparent;--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-90);cursor:wait}.hds-button--success{--background-color: var(--color-success);--background-color-hover: var(--color-success-dark);--background-color-focus: var(--color-success);--background-color-hover-focus: var(--color-success-dark);--border-color: var(--color-success);--border-color-hover: var(--color-success-dark);--border-color-focus: var(--color-success);--border-color-hover-focus: var(--color-success-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button--danger{--background-color: var(--color-error);--background-color-hover: var(--color-error-dark);--background-color-focus: var(--color-error);--background-color-hover-focus: var(--color-error-dark);--border-color: var(--color-error);--border-color-hover: var(--color-error-dark);--border-color-focus: var(--color-error);--border-color-hover-focus: var(--color-error-dark);--color: var(--color-white);--color-hover: var(--color-white);--color-focus: var(--color-white);--color-hover-focus: var(--color-white);--focus-outline-color: var(--theme-focus, var(--color-coat-of-arms))}.hds-button .hel-icon{--icon-size: 24px}.hds-button .hel-icon:first-of-type:not(:last-of-type){margin:0 0 0 8px}.hds-button .link__type,.hds-button .hel-icon:last-of-type:not(:first-of-type){margin:0 8px 0 0}.hds-button.hds-button--supplementary{margin:0;padding:0 8px 0 0;text-decoration:underline}.hds-button.hds-button--supplementary .hds-button__label{line-height:24px;margin:0 0 -8px 0;padding:8px}.hds-button.hds-button--supplementary .hds-button__label:only-child{margin:0}.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{--icon-size: 24px;background-color:var(--color);background-size:contain;content:"";display:inline-block;height:var(--icon-size);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);vertical-align:bottom;width:var(--icon-size);transition:transform .2s linear;order:3;position:static}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:not([data-is-external])::after{transition:none}}.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:translateX(4px)}@media(prefers-reduced-motion){.hds-button.hds-button--supplementary:focus:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary:hover:not([data-selected-icon]):not([data-is-external])::before,.hds-button.hds-button--supplementary[data-selected-icon]:focus:not([data-is-external])::after,.hds-button.hds-button--supplementary[data-selected-icon]:hover:not([data-is-external])::after{transform:none}}.hds-button.hds-button--supplementary:hover{text-decoration:none}.hds-button.hds-button--primary.hdbt-icon::before,.hds-button.hds-button--secondary.hdbt-icon::before{margin-right:16px}.hds-button--supplementary:not(.hdbt-icon):not([data-selected-icon]):before{-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right)}p>a.hds-button.hds-button--supplementary:first-child{margin-left:calc(-8px + (-2px))}.hds-button--link{--border-width: 2px;--min-size: 56px;--outline-gutter: 2px;--outline-width: 3px}.hds-button__target-blank{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}:not(.hds-button)>.hds-button__label{margin:0;padding:0}.card{background:#fff;word-wrap:anywhere;padding:16px;position:relative}.card+.card{margin-top:16px}@media(min-width: 576px){.card{display:flex;flex-direction:row-reverse;gap:16px;grid-template-areas:"content img";grid-template-columns:1fr 30%;padding:16px}}@media(min-width: 768px){.card{gap:24px;padding:24px}}.card__image{flex-basis:30%;flex-shrink:0;margin-bottom:16px}.card__image picture,.card__image img{background-color:#f1f1f1;display:block;height:auto;width:100%}@media(min-width: 576px){.card__image{margin-bottom:0}}.card__text{display:flex;flex-direction:column;flex-grow:1}.card__text::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;--icon-size: 32px;flex-grow:1;margin-top:16px;-webkit-mask-position:bottom center;mask-position:bottom center}@media(prefers-reduced-motion){.card__text::after{transition:none}}@media(min-width: 768px){.card__text::after{--icon-size: 48px}}.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:translateX(4px)}@media(prefers-reduced-motion){.card[focus-within] .card__text::after,.card:hover .card__text::after{transform:none}.card:focus-within .card__text::after,.card:hover .card__text::after{transform:none}}.card--external .card__text::after{-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external)}.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.card--external[focus-within] .card__text::after,.card--external:hover .card__text::after{transform:none}.card--external:focus-within .card__text::after,.card--external:hover .card__text::after{transform:none}}.card--external .link__type--external{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}.card .content-tags{margin-bottom:-8px}.card__category{margin-top:12px}.card__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.card__title{--line-height: 1;font-size:2rem;font-weight:400}}.card__link{word-wrap:anywhere;text-decoration:none}.card__link::after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card__link:active,.card__link:focus{outline:3px solid #000;outline-offset:2px}.card__link:active,.card__link:hover{text-decoration:underline}.card__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.card__helptext{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.card__description,.card__helptext{margin-top:8px}.card__description>:first-child,.card__helptext>:first-child{margin-top:0}.card__metas{margin-top:16px}.card__meta{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding-left:32px}.card__meta+.card__meta{margin-top:8px}.card__meta__icon{--icon-size: 24px;display:inline-block;margin-left:-32px;margin-right:8px}.card__meta__label{font-weight:500}.card p.address{display:inline}.card__tags{margin-top:16px}.link__type{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;--external-icon-move: translate(3px, -3px);overflow:hidden}@media(prefers-reduced-motion){.link__type{transition:none}}@media(prefers-reduced-motion){.link__type{--external-icon-move: scale(1)}}a:focus .link__type,a:hover .link__type{transform:var(--external-icon-move)}.link__type--tel{-webkit-mask-image:var(--hel-icon--tel);mask-image:var(--hel-icon--tel);--external-icon-move: rotate(15deg)}.link__type--mailto{-webkit-mask-image:var(--hel-icon--mailto);mask-image:var(--hel-icon--mailto);--external-icon-move: rotate(15deg)}.link__style--highlight{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;padding-left:calc(var(--line-height)*1em + 8px)}.link__style--highlight::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);margin-left:calc(var(--line-height)*-1em - 8px);margin-right:8px}.quote{--line-height: 1.5;font-size:1.5rem;font-weight:500;line-height:var(--line-height);display:block;margin:48px 0;padding:8px 0 8px 24px;position:relative}@media(min-width: 992px){.quote{--line-height: 1.5;font-size:2rem;font-weight:400}}@media(min-width: 992px){.quote{margin:64px 0;padding:0 0 0 40px}}.quote::before{background-color:var(--hdbt-color-palette--primary);content:"";height:100%;left:0;position:absolute;top:0;width:8px}.quote__text{font-style:italic;margin-top:0}.quote__text::before{content:"”"}.quote__text[lang=en]::before,[lang=en] .quote__text::before{content:"“"}.quote__text::after{content:"”"}.quote__author{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.quote__author::before{content:"-";margin-right:3px}.quote__author cite{font-style:normal}.block--branding-navigation{display:flex;grid-area:brand;margin-left:auto;order:2;z-index:2}@media(min-width: 768px){.block--branding-navigation{margin-left:32px;order:3}}.block--branding{align-items:center;display:flex;grid-area:logo;height:var(--branding-height);z-index:1}@media(min-width: 768px){.block--branding{height:auto}}.block--branding .city-name{color:#000;display:none;margin-left:8px;margin-right:8px}@media(min-width: 992px){.block--branding .city-name{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;margin-left:16px;margin-right:16px}}@media(min-width: 992px)and (min-width: 768px){.block--branding .city-name{--line-height: 1.5;font-size:1.25rem;font-weight:400}}.block--branding a:focus .city-name,.block--branding a:hover .city-name{text-decoration:underline}#chat-leijuke-wrapper{bottom:0;color:#fff;position:fixed;right:0;z-index:1}.chat-leijuke{align-items:center;background:#000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:auto;gap:8px;padding:8px 16px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.chat-leijuke.hidden{display:none}.chat-leijuke .hel-icon--angle-up{margin-left:auto}.cx-widget.cx-side-button-group{display:none}.smartti-button-closed{display:none}#aca--widget-button{opacity:0}.kuura-chat-toggle.closed-chat{display:none}.language-wrapper{--language-block-height: 52px;align-content:stretch;align-items:center;align-self:center;background-color:#f7f7f8;border-bottom:1px solid #ccc;display:flex;grid-area:lang;height:100%;justify-content:space-between;min-height:var(--language-block-height);padding:0 16px;position:relative;transition:margin-top .3s ease 1s;width:100vw;z-index:0}@media(min-width: 768px){.language-wrapper{background-color:rgba(0,0,0,0);border-bottom:0 none;border-top:none;margin-left:auto;order:2;padding:0;width:auto;z-index:10}}.language-wrapper.scroll-up{margin-top:calc(-1*var(--language-block-height));transition-delay:0s}@media(min-width: 768px){.language-wrapper.scroll-up{margin-top:0;transition-duration:0s}}#menu:not([data-js])~* .mega-and-mobilemenu .block--language-switcher+*{margin-top:16px}.language-links{display:flex}.nav-toggle-dropdown--otherlangs{grid-area:langmenu}@media(min-width: 992px){.nav-toggle-dropdown--otherlangs .nav-toggle-dropdown__content{display:flex;justify-content:flex-end;pointer-events:none}}.headerlanguagelinks__menu-dropdown{background-color:#efeff0;height:100%;list-style:none;margin:0;min-width:240px;padding:16px;width:auto}@media(min-width: 992px){.headerlanguagelinks__menu-dropdown{border:1px solid #ccc;border-top:0;height:auto;max-width:200px;pointer-events:all}}.headerlanguagelinks__group+.headerlanguagelinks__group{margin-top:24px}.headerlanguagelinks__link{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block}.headerlanguagelinks__link+.headerlanguagelinks__group,.headerlanguagelinks__link+.headerlanguagelinks__link{margin-top:8px}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink){text-decoration:none}.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):hover,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):active,.headerlanguagelinks__link:not(.headerlanguagelinks__link--nolink):focus{text-decoration:underline}.headerlanguagelinks__link--nolink{display:block;font-weight:700}.block--mobile-navigation{order:3}@media(min-width: 768px){.block--mobile-navigation{display:none}}.page-title{padding-top:0}.page-title h1{margin-bottom:0;margin-top:0;max-width:860px}.page-title+article>.lead-in{margin-top:24px}.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:32px}@media(min-width: 992px){.page-title+article>.table-of-contents:first-child,.page-title+article>.components:first-child{margin-top:64px}}.block--react-and-share{margin-top:32px;width:100%}@media(min-width: 992px){.block--react-and-share{margin-top:64px}}.block--react-and-share:last-child{background:#f1f1f1}.block--react-and-share:last-child .rns .rns-plugin{padding-bottom:112px}.js .block--react-and-share:last-child{margin-bottom:-112px}.rns{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.rns{max-width:1328px}}@media(min-width: 768px){.rns{padding-left:32px;padding-right:32px}}.rns .rns-plugin{font-family:HelsinkiGrotesk,Arial,sans-serif;margin:0;padding-bottom:80px;padding-top:80px}.rns .rns-plugin .rns-reactions{max-width:688px}.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-reactions .rns-header{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.rns .rns-plugin .rns-reactions .reactions{margin-top:24px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-reactions .reactions{margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction{flex-grow:0;margin:0 calc(24px / 2);max-width:190px;padding:0}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{max-width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction{margin:16px 0 0;padding:0;width:100%}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child{margin-top:0}}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button{border-color:#000;padding:14px 32px;position:relative}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;color:#000;display:flex;justify-content:center;min-width:-moz-max-content;min-width:max-content;width:100%}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-label:after{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--face-neutral);mask-image:var(--hel-icon--face-neutral);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-reaction-count{display:none}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus{background-color:#fff;box-shadow:none;color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus .rns-label{color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover{background-color:#000}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:hover .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button:focus:hover .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button{background-color:#000 !important}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label{color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction.selected .rns-reaction-button .rns-label:after{background-color:#fff}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:first-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-smile);mask-image:var(--hel-icon--face-smile)}.rns .rns-plugin .rns-reactions .reactions .rns-reaction:last-child .rns-label:after{-webkit-mask-image:var(--hel-icon--face-sad);mask-image:var(--hel-icon--face-sad)}.rns .rns-plugin .rns-shares{margin-top:64px;padding:0 calc(24px / 4)}.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-shares .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-shares .rns-shares-list{margin-top:32px}@media only screen and (min-width: 681px){.rns .rns-plugin .rns-shares .rns-shares-list{margin-bottom:0;margin-left:-8px;margin-right:-8px;margin-top:32px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:0 8px;padding:0 !important;width:auto}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share{margin:16px 0 0;padding:0 !important;width:calc(50% - 16px)}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:first-child,.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(2){margin:0}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(odd){margin-right:4px}}@media only screen and (max-width: 680px){.rns .rns-plugin .rns-shares .rns-shares-list .rns-share:nth-child(even){margin-left:4px}}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:#000;display:flex;justify-content:left;padding:0}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:after{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;width:var(--size)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--share);mask-image:var(--hel-icon--share);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:focus:after{--size: calc(100% + 8px);border-color:#000;left:calc(-8px / 2);top:calc(-8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover{opacity:1}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover:before{background-color:#000}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button:hover .rns-label{color:#000;text-decoration:underline}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-icon{display:none}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share .rns-share-button .rns-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);padding-right:calc(8px / 2)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-facebook .rns-share-button:before{-webkit-mask-image:var(--hel-icon--facebook);mask-image:var(--hel-icon--facebook)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-whatsapp .rns-share-button:before{-webkit-mask-image:var(--hel-icon--whatsapp);mask-image:var(--hel-icon--whatsapp)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-twitter .rns-share-button:before{-webkit-mask-image:var(--hel-icon--twitter);mask-image:var(--hel-icon--twitter)}.rns .rns-plugin .rns-shares .rns-shares-list .rns-share.rns-share-email .rns-share-button:before{-webkit-mask-image:var(--hel-icon--email);mask-image:var(--hel-icon--email)}.rns .rns-plugin .rns-inputs{margin-top:48px;max-width:688px;padding:calc(24px / 4)}.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.rns .rns-plugin .rns-inputs .rns-header{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.rns .rns-plugin .rns-inputs .rns-input-description{margin:24px 0 0;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;opacity:1}.rns .rns-plugin .rns-inputs .rns-input-field{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border:2px solid gray;font-family:HelsinkiGrotesk,Arial,sans-serif;height:188px;margin-top:24px;padding:16px}.rns .rns-plugin .rns-inputs .rns-form-submit{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);background-color:#000;border:2px solid #000;color:#fff;display:inline-flex;margin-top:24px;padding:16px 24px;position:relative}.rns .rns-plugin .rns-inputs .rns-form-submit:after{background-color:#fff;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:16px}.rns .rns-plugin .rns-inputs .rns-form-submit:before{--size: 100%;border:2px solid rgba(0,0,0,0);content:"";height:var(--size);left:0;position:absolute;top:0;width:var(--size)}.rns .rns-plugin .rns-inputs .rns-form-submit:focus{box-shadow:none;outline:none}.rns .rns-plugin .rns-inputs .rns-form-submit:focus:before{--size: calc(100% + calc(24px / 2));border-color:#000;left:calc(-24px / 4);top:calc(-24px / 4)}.rns .rns-plugin .rns-inputs .rns-form-submit:hover{background-color:#fff;color:#000}.rns .rns-plugin .rns-inputs .rns-form-submit:hover:after{background-color:#000}.social-media{margin-top:48px}.social-media__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.social-media__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.social-media__items{margin-left:-4px;margin-right:-4px;display:flex;margin-bottom:32px;margin-top:16px}.social-media__items>*{margin-left:4px;margin-right:4px}.social-media__item{color:#000;list-style:none;text-decoration:none}.social-media__item .hel-icon{--icon-size: 32px}.social-media__item:focus.email,.social-media__item:active.email,.social-media__item:hover.email{color:#4c4c4c}.social-media__item:focus.facebook-share,.social-media__item:active.facebook-share,.social-media__item:hover.facebook-share{color:#4169af}.social-media__item:focus.linkedin,.social-media__item:active.linkedin,.social-media__item:hover.linkedin{color:#0079b2}.social-media__item:focus.twitter,.social-media__item:active.twitter,.social-media__item:hover.twitter{color:#0da4ee}.hds-checkbox{--focus-outline-color: #000000}.hds-checkbox .hds-checkbox__input:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-checkbox .hds-checkbox__input:focus+.hds-checkbox__label::before,.hds-checkbox>.hds-checkbox__input:focus+label::before{box-shadow:none}.hds-checkbox .hds-checkbox__input::before,.hds-checkbox .hds-checkbox__input:hover::before{-webkit-mask-image:var(--hel-icon--check);mask-image:var(--hel-icon--check)}.form-item{margin-bottom:16px}.openid-connect-login-form{border-bottom:1px solid #666;margin-bottom:32px;max-width:600px;padding-bottom:32px}.openid-connect-login-form input{width:100%}.openid-connect-login-form>div{margin-top:16px}.openid-connect-login-form>div:first-child{margin-top:0}.user-login-form{max-width:600px;padding-bottom:16px}.hdbt--select-wrapper{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--border-width: 2px;--input-height: 52px;--menu-item-height: 52px;--icon-size: var(--spacing-layout-s);--icon-spacing: calc(((var(--spacing-s) - var(--border-width) * 2) * 2) + var(--icon-size));--helper-color-default: var(--color-black-60);--helper-color-invalid: var(--color-error);--icon-color-invalid: var(--color-error);--input-background-default: var(--color-white);--input-background-disabled: var(--color-black-10);--input-border-color-default: var(--color-black-50);--input-border-color-hover: var(--color-black-90);--input-border-color-focus: var(--color-black-90);--input-border-color-invalid: var(--color-error);--input-border-color-disabled: var(--color-black-10);--input-color-default: var(--color-black-90);--input-color-disabled: var(--color-black-40);--label-color-default: var(--color-black-90);--label-color-invalid: var(--color-black-90);--placeholder-color: var(--color-black-60);--focus-outline-color: #000000;--outline-width: 3px;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);box-sizing:border-box;color:var(--input-color-default);cursor:pointer;display:block;grid-template-areas:"select";min-width:15ch;padding:0;position:relative;width:100%}.hdbt--select-wrapper select,.hdbt--select-wrapper::after{grid-area:select}.hdbt--select-wrapper select{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;color:var(--dropdown-color-default);cursor:inherit;display:flex;font-family:inherit;height:var(--input-height);margin:0;min-height:var(--menu-item-height);outline:none;padding:calc(1rem - var(--border-width)*2) var(--icon-spacing) calc(1rem - var(--border-width)*2) 1rem;padding:calc(var(--spacing-s) - var(--border-width)*2) var(--icon-spacing) calc(var(--spacing-s) - var(--border-width)*2) var(--spacing-s);width:100%;z-index:1}.hdbt--select-wrapper select::-ms-expand{display:none}.hdbt--select-wrapper select:focus{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:4px}.hdbt--select-wrapper .hel-icon{--icon-size: var(--spacing-m);pointer-events:none;position:absolute;right:calc(1rem - var(--border-width)*2);right:calc(var(--spacing-s) - var(--border-width)*2);top:50%;transform:translateY(-50%)}.hdbt--select-wrapper:not(.select--multiple)::after{background-color:var(--helper-color-default);-webkit-clip-path:polygon(100% 0%, 0 0%, 50% 100%);clip-path:polygon(100% 0%, 0 0%, 50% 100%);content:"";height:.5em;justify-self:end;width:.8em}.hdbt--select-wrapper--disabled{background-color:var(--input-background-disabled);border:var(--border-width) solid var(--input-border-color-disabled);color:var(--input-color-disabled);cursor:not-allowed}.hdbt--select-wrapper--disabled select:disabled{color:var(--input-color-disabled);opacity:1}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper[focus-within] .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.hds-text-input__input-wrapper:focus-within .hds-text-input__input:not([readonly]){--focus-outline-color: #000000;box-shadow:none;outline:3px solid var(--focus-outline-color);outline:var(--outline-width, 3px) solid var(--focus-outline-color);outline-offset:2px;outline-offset:var(--outline-gutter, 2px)}.region--attachments{height:0;visibility:hidden;width:0}.before-content{width:100%}*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:32px}@media(min-width: 992px){*~.components,.service__units+.component,.unit__services+.component,.component~.component{margin-top:64px}}.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:16px;padding-right:16px}@media(min-width: 768px){.components--lower>.component:not(.component--liftup-with-image-bg),.no-sidebar .components--upper>.component:not(.component--liftup-with-image-bg){padding-left:32px;padding-right:32px}}.component--has-koro>.hds-koros{margin-left:-16px;margin-right:-16px;width:calc(16px + 100% + 16px)}@media(min-width: 768px){.component--has-koro>.hds-koros{margin-left:-32px;margin-right:-32px;width:calc(32px + 100% + 32px)}}.component__container{margin-left:auto;margin-right:auto;max-width:1264px}.component__title,.component__description{margin-bottom:0;margin-top:0}.component__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component__description>:first-child{margin-top:0}.component__description>:last-child{margin-bottom:0}.component__title+.component__description{margin-top:16px}.component__title+.component__content,.component__description+.component__content{margin-top:24px}@media(min-width: 992px){.component__title+.component__content,.component__description+.component__content{margin-top:48px}}.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--tpr-unit,.component--unit-services,.component--service-units{padding-left:32px;padding-right:32px}}.container{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.container{max-width:1328px}}@media(min-width: 768px){.container{padding-left:32px;padding-right:32px}}.dialog-off-canvas-main-canvas{display:flex;flex-direction:column;height:100%;z-index:1}.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 39px;padding-top:var(--drupal-toolbar-height)}@media(min-width: 976px){.gin--horizontal-toolbar .dialog-off-canvas-main-canvas{--drupal-toolbar-height: 54px}}.error-page{background-color:#efeff0}.error-page .no-sidebar .main-content{margin-top:0}body[\:has\(.error-page__title\)]{background-color:#efeff0}body:has(.error-page__title){background-color:#efeff0}body[\:has\(.error-page__title\)] .no-sidebar .main-content{margin-top:0}body:has(.error-page__title) .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.error-page-content__container{display:flex}}@media(min-width: 768px){.error-page__text-container{width:50%}}.error-page__title{margin-bottom:0}.error-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.error-page__description{margin-top:24px}}.error-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.error-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.error-page__link::after{transition:none}}.error-page__link[data-is-external]::after{content:none}.error-page__link:hover{text-decoration:none}.error-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.error-page__link:hover::after{transform:none}}.error-page__link+.error-page__link{margin-top:24px}.error-page__login-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.error-page__login-title{--line-height: 1;font-size:2rem;font-weight:400}}.error-page__login-form{margin-top:32px}@media(min-width: 768px){.error-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding-left:48px;padding-right:48px;padding-top:96px;width:50%}}.error-page__illustration{display:block;height:auto;margin-left:32px;margin-top:48px;width:264px}@media(min-width: 768px){.error-page__illustration{margin-left:0;margin-top:0;max-width:100%;width:379px}}.footer{flex-shrink:0;margin:calc(50px + 48px) auto 0;max-width:1920px;width:100%}@media(min-width: 992px){.footer{margin-top:calc(50px + 64px)}}.footer a{text-decoration:underline}.footer .menu{list-style:none;margin:0;padding:0}.footer .hds-koros{margin-top:calc(-1*(50px - 1px))}.footer-top__container{padding-top:0}.footer-top{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;padding-top:64px}@media(min-width: 768px){.footer-top{max-width:1328px}}@media(min-width: 768px){.footer-top{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.footer-top{display:flex;flex-wrap:wrap}}.footer-top h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.footer-top h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.footer-top h2.footer-top__content__title{margin-top:32px}@media(min-width: 768px){.footer-top h2.footer-top__content__title{margin-top:0}}.footer-top p{margin-top:16px}@media(min-width: 768px){.footer-top nav{margin-right:96px}}.footer-top .menu{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin:16px 0 32px 0}@media(min-width: 768px){.footer-top .menu{margin-bottom:0;margin-top:24px}}.footer-top .menu__item{margin-top:16px}.footer-top .menu__item:first-child{margin-top:0}@media(min-width: 768px){.footer-top__content{max-width:544px}}.footer-bottom__container{padding-top:0}.footer-bottom{border-top:1px solid #b2b2b2;-moz-column-gap:32px;column-gap:32px;display:flex;flex-wrap:wrap;margin-top:48px;padding-bottom:48px;padding-top:24px;row-gap:16px}@media(min-width: 768px){.footer-bottom{margin-top:96px;padding-bottom:0}}@media(min-width: 768px){.footer-bottom__navigation-wrapper{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:48px}}.footer-bottom__navigation{margin-top:16px}@media(min-width: 768px){.footer-bottom__navigation{margin-top:0}}.footer-bottom__navigation .menu{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:flex;flex-wrap:wrap}.footer-bottom__navigation .menu__item{align-items:center;display:flex}.footer-bottom__navigation .menu__item::after{content:"";display:block;height:15px;margin:0 8px;width:1px}.footer-bottom__navigation .menu__item.menu__item--nolink{display:flex;width:auto}.footer-bottom__navigation .menu__item:last-child::after{display:none}.footer__back-to-top{--outline-gutter: 2px;--outline-width: 3px;--focus-outline-color: var(--hdbt-color-black);--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);align-items:center;align-self:flex-end;display:flex;height:40px;margin-left:auto;margin-right:8px;text-decoration:none}@media(min-width: 992px){.footer__back-to-top{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.footer__back-to-top{margin-bottom:48px;margin-top:0}}.footer__back-to-top:focus,.footer__back-to-top:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:var(--outline-gutter)}.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top .hel-icon{transition:transform .2s linear}@media(prefers-reduced-motion){.footer__back-to-top .hel-icon{transition:none}}.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:translateY(-4px)}@media(prefers-reduced-motion){.footer__back-to-top:focus .hel-icon,.footer__back-to-top:hover .hel-icon{transform:none}}.footer--light{background-color:#efeff0;color:#fff}.footer--light .hds-koros{color:#efeff0}.footer--light a{color:#000}.footer--light .footer-bottom,.footer--light .footer-top{color:#000}.footer--light .footer-bottom .menu__item::after{background-color:#000}.footer--dark{background-color:#121212;background-color:var(--hdbt-color-black);color:#fff}.footer--dark .hds-koros{color:#121212;color:var(--hdbt-color-black)}.footer--dark a{color:#fff}.footer--dark .footer-bottom,.footer--dark .footer-top{color:#fff}.footer--dark .footer-bottom{border-color:#fff}.footer--dark .footer-bottom .menu__item::after{background-color:#fff}.footer--dark .footer__back-to-top{--focus-outline-color: var(--color-white)}.wrapper>.header{padding-top:114px}@media(min-width: 768px){.wrapper>.header{padding-top:0}}.layout-main-wrapper *{scroll-margin-top:113px}@media(min-width: 768px){.layout-main-wrapper *{scroll-margin-top:0}.toolbar-horizontal .layout-main-wrapper *{scroll-margin-top:64px}}.main-content{display:grid;grid-template-areas:"subnav" "content" "sidebar";grid-template-columns:100%;grid-template-rows:auto;margin-left:auto;margin-right:auto;margin-top:64px}@media(min-width: 992px){.main-content{margin-top:96px}}@media(min-width: 992px){.has-sidebar .main-content{-moz-column-gap:64px;column-gap:64px;grid-template-areas:"content sidebar";grid-template-columns:auto 340px}.has-sidebar--first .main-content{grid-template-areas:"subnav content" "sidebar content";grid-template-columns:340px auto;grid-template-rows:auto 1fr}}@media(min-width: 1248px){.main-content{-moz-column-gap:48px;column-gap:48px}}.has-sidebar .main-content{max-width:1296px;padding-left:16px;padding-right:16px}@media(min-width: 768px){.has-sidebar .main-content{max-width:1328px}}@media(min-width: 768px){.has-sidebar .main-content{padding-left:32px;padding-right:32px}}.layout-sidebar-first{display:none;grid-area:subnav;margin-bottom:48px}@media(min-width: 992px){.layout-sidebar-first{display:block}.no-sidebar-second .layout-sidebar-first{margin-bottom:0}}.layout-content{grid-area:content}.layout-content:not(:last-child){margin-bottom:48px}@media(min-width: 992px){.layout-content:not(:last-child){margin-bottom:0}}.layout-sidebar-second{grid-area:sidebar}.user-login-page{background-color:#efeff0}.user-login-page .no-sidebar .main-content{margin-top:0}@media(min-width: 768px){.user-login-page-content__container{display:flex}}.user-login-page__title{--line-height: 1;font-size:2rem;font-weight:400;line-height:var(--line-height);margin-bottom:32px}@media(min-width: 992px){.user-login-page__title{--line-height: 1;font-size:3rem;font-weight:400}}@media(min-width: 768px){.user-login-page__title{margin-bottom:48px}}@media(min-width: 768px){.user-login__form-container{width:50%}}.user-login-page__illustration-container{align-items:center;display:flex;justify-content:center}@media(min-width: 768px){.user-login-page__illustration-container{padding-left:96px;width:50%}}.user-login-page__illustration{display:block;height:auto;margin-top:48px;max-width:450px;width:100%}@media(min-width: 768px){.user-login-page__illustration{margin-left:0;margin-top:0;max-width:unset}}.login-form .description{display:none}.login-form .form-item--error-message{margin-top:32px}.lower-content{margin-top:32px;width:100%}@media(min-width: 992px){.lower-content{margin-top:64px}}.lower-content .layout-content{margin:0;padding:0;width:100%}.maintenance-page{background-color:#efeff0}@media(min-width: 768px){.maintenance-page-content__container{display:flex}}@media(min-width: 768px){.maintenance-page__text-container{display:flex;flex-direction:column;justify-content:center;width:50%}}.maintenance-page__title{margin-bottom:0}.maintenance-page__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 768px){.maintenance-page__description{margin-top:24px}}.maintenance-page__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-flex;margin-top:32px}.maintenance-page__link::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear}@media(prefers-reduced-motion){.maintenance-page__link::after{transition:none}}.maintenance-page__link[data-is-external]::after{content:none}.maintenance-page__link:hover{text-decoration:none}.maintenance-page__link:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.maintenance-page__link:hover::after{transform:none}}.maintenance-page__link+.maintenance-page__link{margin-top:24px}@media(min-width: 768px){.maintenance-page__illustration-container{align-items:flex-start;display:flex;justify-content:center;padding:96px 48px;width:50%}}.maintenance-page__illustration{display:block;height:auto;margin:96px auto;width:350px}@media(min-width: 768px){.maintenance-page__illustration{margin:0;max-width:100%;width:460px}}.paragraph-content>*:first-child{margin-top:0}@media(min-width: 768px){.tools__container{margin-top:16px}}@media(min-width: 768px){.breadcrumb__container+.tools__container{margin-bottom:20px;margin-top:-8px}}.wrapper{flex:1 0 auto;margin-left:auto;margin-right:auto;max-width:1920px;width:100%}.image-placeholder{background-color:var(--hdbt-color-palette--primary);padding-bottom:56.25%;position:relative;width:100%}.image-placeholder .hel-icon{--icon-size: 50%;color:var(--hdbt-color-palette-text--primary);left:25%;position:absolute;top:25%}.image picture{display:block}.image img{display:block;height:auto;max-width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e5e5}.image__caption{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);padding-top:16px}img{word-wrap:break-word}.announcement{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);height:auto;height:var(--js-announcement-height, auto);padding-bottom:16px}.announcement__container{--announcement-bg-color: #f7f7f8;--announcement-bg-size: 32px;--announcement-color: #0062b9;align-items:flex-start;background:linear-gradient(90deg, var(--announcement-color) 0, var(--announcement-color) var(--announcement-bg-size), var(--announcement-bg-color) var(--announcement-bg-size));background-color:var(--announcement-bg-color);box-shadow:2px 2px 10px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;min-height:var(--announcement-bg-size);padding-bottom:16px;padding-left:calc(var(--announcement-bg-size) + 16px);padding-right:16px;padding-top:16px;position:relative}.announcement__container::before{background-color:#fff;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--info-circle-fill);mask-image:var(--hel-icon--info-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:calc(.5*(var(--announcement-bg-size) - 24px));margin-top:-12px;position:absolute;top:50%}@media(min-width: 768px){.announcement__container{--announcement-bg-size: 48px}}.announcement--alert .announcement__container{--announcement-bg-color: #f6e2e6;--announcement-color: #b01038}.announcement--alert .announcement__container::before{-webkit-mask-image:var(--hel-icon--error-fill);mask-image:var(--hel-icon--error-fill)}.announcement--attention .announcement__container{--announcement-color: #ffda07}.announcement--attention .announcement__container::before{-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);background-color:#000}.announcenemnt__content-body *:first-child{margin-top:0}.announcement__link{margin-top:16px}.announcement__link:first-child{margin-top:0}.announcement__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height)*1em);-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);vertical-align:bottom;width:calc(var(--line-height)*1em);transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.announcement__link a::after{transition:none}}.announcement__link a:focus::after,.announcement__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.announcement__link a:focus::after,.announcement__link a:hover::after{transform:none}}.announcement__link a[data-is-external]::after{content:none}.announcement__close{background:rgba(0,0,0,0);border:0 none;cursor:pointer;height:32px;margin-bottom:0;margin-left:0;margin-right:-8px;margin-top:-8px;padding:0;width:32px}.announcement__close::after{--icon-size: 32px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--cross);mask-image:var(--hel-icon--cross);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}.js-announcement__close--disabled{visibility:hidden}.js-announcement--hide{height:0;opacity:0;overflow:hidden;padding-bottom:0;transition:opacity linear .15s,height linear .2s .15s,padding-bottom linear .2s .15s,visibility linear 0s 0.35s;visibility:hidden}@media(prefers-reduced-motion){.js-announcement--hide{transition:none}}.hds-notification{margin-bottom:16px}.hds-notification:first-of-type{margin-top:16px}.hds-notification__label .hel-icon{--icon-size: 24px;margin-right:8px}.messages__container{padding-top:0}.menu__link{text-decoration:none}.menu__link:focus,.menu__link:hover{text-decoration:underline}.menu__link[aria-current=page],.menu__link[aria-current=true]{font-weight:700}.menu__link__text{text-decoration:inherit}.menu__link__icon{display:none}.header-branding{--branding-height: 65px;--header-branding-padding: 16px;background-color:#fff;display:grid;grid-template-areas:". logo . brand search toggle profile ." "menu menu menu menu menu menu menu menu" "lang lang lang lang lang lang lang lang" "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) min-content min-content min-content;position:fixed;top:0;width:100%;z-index:100}@media(min-width: 768px){.header-branding{--branding-height: 86px;--header-branding-padding: 24px;grid-template-areas:". logo . lang brand search toggle profile ." "langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu" "menu menu menu menu menu menu menu menu menu";grid-template-columns:var(--header-branding-padding) auto 1fr auto auto auto auto auto var(--header-branding-padding);grid-template-rows:var(--branding-height) auto}}@media(min-width: 992px){.header-branding{grid-template-areas:". logo . lang brand search toggle profile ." "langmenu langmenu langmenu langmenu . . . . ." "menu menu menu menu menu menu menu menu menu"}}@media(min-width: 768px){.header-branding{position:relative;top:auto}}@media(min-width: 992px){.header-branding{--header-branding-padding: 32px}}.header-branding::before{align-self:end;background-color:#fff;border-bottom:1px solid #ccc;content:"";grid-column:1/-1;grid-row:1/span 1;height:100%;z-index:1}@media(min-width: 768px){.header-branding::before{height:0}}.toolbar-vertical .header-branding{top:var(--drupal-toolbar-height)}.header-branding .block--branding-navigation .menu{display:flex;list-style:none;margin:0;padding:0}.header-branding .block--branding-navigation .menu__item+.menu__item{margin-left:8px}.header-branding .block--branding-navigation .menu__link{--line-height: 1;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-self:center;cursor:pointer;display:grid;grid-template-areas:"icon" "label";padding:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(min-width: 992px){.header-branding .block--branding-navigation .menu__link{display:none}}.header-branding .block--branding-navigation .menu__link:focus,.header-branding .block--branding-navigation .menu__link:hover{text-decoration:underline}.header-branding .block--branding-navigation .menu__link:active,.header-branding .block--branding-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.header-branding .block--branding-navigation .menu__link__icon{--icon-size: 32px;align-self:end;display:block;grid-area:icon;justify-self:center}.breadcrumb{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:center;display:flex;list-style:none;margin:0;padding:8px 16px}@media(min-width: 768px){.breadcrumb{--line-height: 1.5;font-size:.875rem;font-weight:400}}@media(min-width: 768px){.breadcrumb{padding:16px 24px}}@media(min-width: 992px){.breadcrumb{padding:16px 32px}}.breadcrumb .hel-icon{display:none}@media(min-width: 768px){.breadcrumb .hel-icon{--icon-size: 0.875rem;display:block;margin:0 2px}}.breadcrumb__link{display:none;text-decoration:underline}@media(min-width: 768px){.breadcrumb__link{display:block}}.breadcrumb__link:hover{text-decoration:none}.breadcrumb__link:last-of-type{align-items:center;display:flex;margin-left:-8px}@media(min-width: 768px){.breadcrumb__link:last-of-type{margin-left:0}}.breadcrumb__link:last-of-type::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--angle-left);mask-image:var(--hel-icon--angle-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 768px){.breadcrumb__link:last-of-type::before{display:none}}.breadcrumb__current{--line-height: 1.5;font-size:.875rem;font-weight:700;line-height:var(--line-height);display:none}@media(min-width: 768px){.breadcrumb__current{display:block}}.header-bottom{background-color:#fff}@media(min-width: 992px){.header-bottom{border-bottom:1px solid #ccc}}.header-bottom .menu{display:none;margin:0;padding:0;z-index:0}@media(min-width: 992px){.header-bottom .menu{display:flex}}.header-bottom .menu--level-0,.header-bottom .site-name__container{margin-left:22px;margin-right:22px;flex-wrap:wrap}.header-bottom .menu--level-0>*,.header-bottom .site-name__container>*{margin-left:10px;margin-right:10px}.header-bottom .site-name__container{display:none;padding-top:24px}@media(min-width: 992px){.header-bottom .site-name__container{display:flex}}.header-bottom .site-name__link{--line-height: 1.1666666667;font-size:1.5rem;font-weight:400;line-height:var(--line-height);text-decoration:none}.header-bottom .site-name__link:hover,.header-bottom .site-name__link:focus{text-decoration:underline}.header-bottom .menu__item{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);list-style:none;position:relative}.header-bottom .menu__toggle-button{background-color:#f1f1f1;border:none;margin-left:4px;padding:0}.header-bottom .menu__toggle-button:hover{cursor:pointer}.header-bottom .menu__toggle-button:focus{box-shadow:0 0 0 3px #000;outline:none;padding:6px 0}.header-bottom .menu__toggle-button-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.header-bottom .menu__toggle-button-icon{transition:none}}.header-bottom [aria-expanded=true]>.menu__toggle-button-icon{transform:rotate(180deg)}.header-bottom .menu__item--nolink{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);padding:24px 0;text-decoration:none}.header-bottom .menu__link-wrapper{align-items:center;display:flex;height:100%;position:relative}.header-bottom .menu__link{display:inline-block;padding:24px 0}.header-bottom .menu__link::before{background-color:#000;bottom:0;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);width:0}.header-bottom .menu__link[aria-current=page]::before{height:4px;width:100%}.header-bottom .menu__link:focus{outline:none}.header-bottom .menu__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:50%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.header-bottom .menu__item--item-below .menu__link:focus::after{left:-2px;width:calc(100% - 24px)}.header-bottom .menu__link--active-trail{font-weight:700}.header-bottom .menu__link--active-trail::before{height:4px;width:100%}.header-bottom .menu__link__text{display:inline-block}.header-bottom .menu--level-1{background-color:#fff;border:1px solid #ccc;bottom:auto;display:none;left:-20px;min-width:310px;position:absolute;width:calc(100% + 64px);z-index:100}.header-bottom .menu__item--hover .menu--level-1,.header-bottom .menu__item--open .menu--level-1{display:block}.header-bottom .menu--level-1 .menu__toggle-button{display:none}.header-bottom .menu--level-1 .menu__link,.header-bottom .menu--level-1 .menu__item--nolink{--line-height: 1.25;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;padding:16px 20px}.header-bottom .menu--level-1 .menu__link::before,.header-bottom .menu--level-1 .menu__item--nolink::before{bottom:0;height:100%;left:0;margin:0;right:auto;top:0;transition:width 100ms ease-in}.header-bottom .menu--level-1 .menu__link:focus,.header-bottom .menu--level-1 .menu__item--nolink:focus{margin:0}.header-bottom .menu--level-1 .menu__link:focus::after,.header-bottom .menu--level-1 .menu__item--nolink:focus::after{height:100%;left:8px;width:calc(100% - 16px)}.header-bottom .menu--level-1 .menu__link[aria-current=page],.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]{font-weight:700}.header-bottom .menu--level-1 .menu__link:hover::before,.header-bottom .menu--level-1 .menu__link[aria-current=page]::before,.header-bottom .menu--level-1 .menu__link.menu__link--active-trail::before,.header-bottom .menu--level-1 .menu__item--nolink:hover::before,.header-bottom .menu--level-1 .menu__item--nolink[aria-current=page]::before,.header-bottom .menu--level-1 .menu__item--nolink.menu__link--active-trail::before{height:100%;width:4px}.header-bottom .menu--level-1 .menu__item--active-trail::before{height:100%;width:0}.nav-toggle-dropdown--search .nav-toggle-dropdown__content{background-color:#f7f7f8}.header-search-wrapper{padding-left:16px;padding-right:16px;max-width:860px;padding-top:48px;padding-bottom:48px}@media(min-width: 768px){.header-search-wrapper{padding-left:32px;padding-right:32px}}.header-search-wrapper .helfi-search__form{align-items:initial;flex-direction:column;margin-bottom:24px}@media(min-width: 576px){.header-search-wrapper .helfi-search__form{align-items:flex-end;flex-direction:row}}.header-search-wrapper .helfi-search__form .hds-text-input{width:100%}.header-search__javascript-disabled{display:block;margin-bottom:24px}.header-search__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:16px;margin-top:0}@media(min-width: 992px){.header-search__title{--line-height: 1;font-size:2rem;font-weight:400}}.search-container__links-container{display:flex;flex-direction:column;gap:24px}@media(min-width: 768px){.search-container__links-container{flex-direction:row}}@media(min-width: 768px){.search-container__link{width:50%}}.search-container__link p{margin-top:0}.search__link-external{display:inline-block;margin-bottom:8px;--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}.header{--header-top-height: 0}@media(min-width: 992px){.header{--header-top-height: calc(28px + 1.25rem)}}.header-top{display:none}@media(min-width: 992px){.header-top{--line-height: 1.4285714286;font-size:.875rem;font-weight:400;line-height:var(--line-height);align-items:center;background-color:#f1f1f1;display:flex;justify-content:flex-end;padding:14px 32px}}.header-top .menu{display:flex;list-style:none;margin:0;padding:0}[dir="ltr"] .header-top .menu__item+.menu__item{margin-left:16px}[dir="rtl"] .header-top .menu__item+.menu__item{margin-right:16px}.header-top .link-to-site-frontpage{text-decoration:none}.header-top .link-to-site-frontpage:focus,.header-top .link-to-site-frontpage:hover{text-decoration:underline}.header-top .link-to-site-frontpage[aria-current=page],.header-top .link-to-site-frontpage[aria-current=true]{font-weight:700}.header-top .menu__link__text::after{--external-icon-move: translate(1px, -1px)}@media(prefers-reduced-motion){.header-top .menu__link__text::after{--external-icon-move: scale(1)}}.helfi-search__form{align-items:flex-end;display:flex;gap:8px}.helfi-search__form .form-item{margin-bottom:0}html:not(.js) .helfi-search__form{display:none}.helfi-search__submit-button{height:56px}.language-link{text-decoration:none;--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;margin-left:8px;margin-right:8px}.language-link:focus,.language-link:hover{text-decoration:underline}.language-link[aria-current=page],.language-link[aria-current=true]{font-weight:700}.language-link:first-child{margin-left:0}.language-link[aria-current=true]{border-bottom:3px solid #1a1a1a;cursor:default;text-decoration:none}.language-link.is-disabled{color:#666;cursor:not-allowed}.language-link.is-disabled.is-alternative{display:none}.local-tasks__wrapper{display:none}@media(min-width: 768px){.local-tasks__wrapper{display:block;margin:0 24px}}@media(min-width: 992px){.local-tasks__wrapper{margin:0 32px 16px}}.local-tasks{display:flex;flex:1 1;height:56px;list-style:none;margin:0 0 0 -4px;padding:0}.local-task{align-items:center;display:flex;font-weight:500;margin-left:32px;outline:none;padding:0}.local-task:first-child{margin-left:0}.local-task a{align-items:center;display:flex;height:100%;padding:4px;position:relative;text-decoration:none}.local-task a::after{background-color:#000;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scale(0);transition:transform .5s cubic-bezier(0.19, 1, 0.22, 1)}.local-task a.is-active::after,.local-task a:hover::after{transform:scale(1)}.local-task a:focus{outline:3px solid #000;outline-offset:2px}.infinite-scroll-pager{display:flex;flex-direction:column;justify-content:center;list-style:none;margin-left:0;margin-top:32px;padding:0}@media(min-width: 768px){.infinite-scroll-pager{flex-direction:row;margin-top:64px}}.infinite-scroll-pager .pager-button{display:flex}.layout-sidebar-first{display:none}@media(min-width: 992px){.layout-sidebar-first{display:block}}.has-section-nav .layout-sidebar-first{display:block}.sidebar-navigation__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0}@media(min-width: 992px){.sidebar-navigation__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-navigation__title a{text-decoration:none;align-items:center;display:flex;margin-top:8px;margin-bottom:8px;padding-top:16px;padding-bottom:16px;position:relative}.sidebar-navigation__title a:focus,.sidebar-navigation__title a:hover{text-decoration:underline}.sidebar-navigation__title a[aria-current=page],.sidebar-navigation__title a[aria-current=true]{font-weight:700}.sidebar-navigation__title a::before{background-color:#000;background-size:contain;content:"";display:flex;height:25px;-webkit-mask-image:var(--hel-icon--arrow-left);mask-image:var(--hel-icon--arrow-left);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:25px 25px;mask-size:25px 25px;vertical-align:bottom;width:25px;transition:transform .2s linear;margin-left:8px;margin-right:16px}@media(prefers-reduced-motion){.sidebar-navigation__title a::before{transition:none}}.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:translateX(-4px)}@media(prefers-reduced-motion){.sidebar-navigation__title a:focus::before,.sidebar-navigation__title a:hover::before{transform:none}}.sidebar-navigation__title a:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation{width:100%}.sidebar-navigation .menu__toggle-button{background:rgba(0,0,0,0);border:none;display:none;height:44px;padding:0;position:relative;width:44px}:where(html.js) .sidebar-navigation .menu__toggle-button{display:block}.sidebar-navigation .menu__toggle-button::before{background-color:#f1f1f1;content:"";height:24px;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;width:24px}.sidebar-navigation .menu__toggle-button .hel-icon{transition:transform .2s ease-in}@media(prefers-reduced-motion){.sidebar-navigation .menu__toggle-button .hel-icon{transition:none}}.sidebar-navigation .menu__toggle-button:focus{outline:3px solid #000;outline-offset:-5px}.sidebar-navigation .menu__toggle-button:hover{cursor:pointer}.sidebar-navigation .menu__toggle-button:hover::before{background-color:#ccc}.sidebar-navigation .menu__link-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-navigation .menu{list-style:none;margin:0;padding:0;width:100%}.sidebar-navigation .menu__item{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-navigation .menu__item.menu__item--active-trail{display:flex;flex-wrap:wrap}.sidebar-navigation .menu__item.menu__item--active-trail>.menu__link-wrapper{font-weight:bold}.sidebar-navigation .menu__item--children .menu{display:block}:where(html.js) .sidebar-navigation .menu__item--children .menu{display:none}.sidebar-navigation .menu__item--open>.menu{display:block}.sidebar-navigation .menu__item--open>.menu__link-wrapper .hel-icon{transform:rotate(180deg)}.sidebar-navigation .menu__item--nolink,.sidebar-navigation .menu__link{margin-top:5px;margin-bottom:5px;padding:5px 4px;position:relative;width:100%}.sidebar-navigation .menu__item--nolink:focus,.sidebar-navigation .menu__link:focus{outline:3px solid #000;outline-offset:-3px}.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__item--nolink,.sidebar-navigation .menu__item--item-below>.menu__link-wrapper .menu__link{width:calc(100% - 44px)}.sidebar-navigation .menu--level-1{border-left:1px solid #ccc;margin-bottom:16px;padding-left:16px}.sidebar-navigation .menu--level-1 .menu{border-left:1px solid #ccc;padding-left:16px}.sidebar-navigation .menu--level-1 .menu__item--nolink[aria-current=page]::before,.sidebar-navigation .menu--level-1 .menu__link[aria-current=page]::before{background-color:#000;content:"";height:calc(100% + (2 * 5px));top:0;right:0;bottom:0;left:0;left:calc(-1 * 16px - 1px);position:absolute;top:-5px;width:3px}.sidebar-navigation .menu--level-0>.menu__item{border-bottom:1px solid #ccc}.sidebar-navigation .menu--level-0>.menu__item>.menu__link-wrapper .menu__link{margin-top:8px;margin-bottom:8px;padding:8px 4px}@media(min-width: 992px){.sidebar-navigation+.sidebar-navigation{margin-top:64px}}@media(max-width: 992px){.sidebar-navigation--section-navigation{background-color:#f7f7f8;display:block}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__toggle-button{margin-right:-10px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0{padding-left:16px;padding-right:16px}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu--level-0>.menu__item:last-child{border-bottom:0}}@media(max-width: 992px){.sidebar-navigation--section-navigation .menu__item--item-below>.menu__link-wrapper{padding-right:0}}@media(max-width: 992px){.section-navigation__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height);background-color:#f7f7f8;border-bottom:0 none;flex-grow:1;margin-top:0;padding:0}}@media(max-width: 992px)and (min-width: 992px){.section-navigation__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(max-width: 992px){.section-navigation__title a{margin-bottom:0;margin-top:0;padding-left:16px;padding-right:16px}}@media(max-width: 992px){.section-navigation__title a::before{display:none}}@media(max-width: 992px){.section-navigation__header{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);align-items:stretch;display:flex}}@media(max-width: 992px){.section-navigation__header .section-navigation__toggle-wrapper{align-items:center;background-color:#dedfe1;display:flex}}.section-navigation__header .menu__toggle-button{display:none}@media(max-width: 992px){.section-navigation__header .menu__toggle-button{background-color:#dedfe1;height:54px;margin-right:0;width:54px}}.section-navigation__header .menu__toggle-button::before{display:none}@media(max-width: 992px){:where(html.js) .section-navigation__header .menu__toggle-button{display:block}}@media(max-width: 992px){.section-navigation__menu-wrapper{display:block}:where(html.js) .section-navigation__menu-wrapper{display:none}}@media(max-width: 992px){.section-navigation__menu-wrapper .menu__toggle-button::before{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .sidebar-navigation__title{background-color:#dedfe1}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__header .menu__toggle-button .hel-icon{transform:rotate(180deg)}}@media(max-width: 992px){.sidebar-navigation--section-navigation--open .section-navigation__menu-wrapper{display:block}}.skip-to-main{--border-width: 2px;--border-color: var(--color-white);--outline-width: 3px;--background-color: var(--hdbt-color-black);--color: var(--color-white);--focus-outline-color: var(--hdbt-color-black);word-wrap:normal;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);color:var(--color);font-weight:500;left:50%;position:absolute;scroll-margin-top:105px;text-decoration:none;top:0;transform:translate(-50%, 0);transition:transform ease-out .2s;width:-moz-fit-content;width:fit-content;z-index:2}.skip-to-main:not(:focus){clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);max-height:1px;max-width:1px;opacity:0;overflow:hidden;position:absolute;white-space:nowrap}@media(min-width: 768px){.skip-to-main{scroll-margin-top:24px}}.skip-to-main:focus,.skip-to-main:active{outline:var(--outline-width) solid var(--focus-outline-color);outline-offset:0;padding:8px 24px;transform:translate(-50%, 102px)}@media(min-width: 768px){.skip-to-main:focus,.skip-to-main:active{transform:translate(-50%, 24px)}}.skip-to-main:hover{text-decoration:underline}.table-of-contents{max-width:1296px}@media(min-width: 768px){.table-of-contents{max-width:1328px}}.table-of-contents:not(:first-child){margin-top:32px}@media(min-width: 992px){.table-of-contents:not(:first-child){margin-top:64px}}@media(min-width: 768px){.table-of-contents{padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}}@media(min-width: 768px)and (min-width: 768px){.table-of-contents{padding-left:32px;padding-right:32px}}.has-sidebar .table-of-contents{margin-left:-16px;margin-right:-16px}@media(min-width: 768px){.has-sidebar .table-of-contents{margin-left:-32px;margin-right:-32px}}.table-of-contents+.long-desc{margin-top:32px}@media(min-width: 992px){.table-of-contents+.long-desc{margin-top:64px}}.table-of-contents__container{background-color:#f7f7f8;border-left:8px solid #c2a251;max-width:908px;padding:32px 24px}.table-of-contents__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-bottom:0;margin-top:0}@media(min-width: 992px){.table-of-contents__title{--line-height: 1;font-size:2rem;font-weight:400}}.table-of-contents__title+.table-of-contents__content{padding-top:16px}@media(min-width: 992px){.table-of-contents__title+.table-of-contents__content{padding-top:24px}}.table-of-contents__list{list-style-type:none;margin:0;padding:0}.table-of-contents__list>.table-of-contents__item~.table-of-contents__item{padding-top:16px}.table-of-contents__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:inline-block;position:relative;text-decoration:underline}.table-of-contents__link:focus{outline:none}.table-of-contents__link:focus::after{box-shadow:0 0 0 3px #000;content:"";display:block;height:100%;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 8px)}.tab__content[aria-hidden=true]{display:none}.tab{background:rgba(0,0,0,0);border:none;padding:0;text-decoration:underline}.tab[aria-selected=true]{font-weight:700}.tab:hover{cursor:pointer;text-decoration:none}.tab--map::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--map);mask-image:var(--hel-icon--map);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tab--list::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:20px;-webkit-mask-image:var(--hel-icon--menu-hamburger);mask-image:var(--hel-icon--menu-hamburger);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;margin-right:8px}.tabs--unit-search{margin-bottom:32px;margin-top:24px}@media(min-width: 768px){.tabs--unit-search{margin-bottom:0;margin-top:0}}.tabs--unit-search .tab{display:block}.tabs--unit-search .tab[aria-selected=true]{display:none;font-weight:400}.hds-pagination-container{margin-top:32px;text-align:center}@media(min-width: 768px){.hds-pagination-container{margin-top:64px}}.hds-pagination{--active-page-background-color: var(--color-black);--link-height: 40px;--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:inline-block;font-weight:700;position:relative;transform:scaleY(-1)}.hds-pagination::before{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);speak:never;content:attr(data-next);content:attr(data-next)/"";display:block;float:right;line-height:60px;padding-left:26px;padding-right:30px;transform:scaleY(-1);visibility:hidden}.hds-pagination__button-prev,.hds-pagination__button-next{list-style:none;margin-bottom:0;margin-top:0;padding:0}.hds-pagination__button-prev{float:left;margin-right:8px;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-next{position:absolute;right:0;top:0;transform:scaleY(-1);white-space:nowrap}.hds-pagination__button-prev-label{padding:16px 16px 16px 4px}.hds-pagination__button-next-label{padding:16px 4px 16px 16px}.hds-pagination__pages{display:inline-flex;flex-wrap:wrap;gap:0.5rem;gap:var(--spacing-2-xs);justify-content:center;list-style:none;margin-bottom:0;margin-top:10px;padding:0;transform:scaleY(-1)}.hds-pagination__item-link{align-items:center;border-radius:21px;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;min-width:40px;padding-left:0.25rem;padding-left:var(--spacing-3-xs);padding-right:0.25rem;padding-right:var(--spacing-3-xs);text-decoration:none}.hds-pagination__item-link:hover{text-decoration:underline}.hds-pagination__item-link:focus,.hds-pagination__item-link:active{outline:solid #0072c6 3px;outline:solid var(--color-coat-of-arms) 3px;outline-offset:1px}.hds-pagination__item-link.hds-pagination__item-link--active{background-color:var(--active-page-background-color);color:#ffffff;color:var(--color-white)}.hds-pagination__item-link.hds-pagination__item-link--active:hover{text-decoration:none}.hds-pagination__item-ellipsis{align-items:center;color:#1a1a1a;color:var(--color-black-90);display:flex;height:var(--link-height);justify-content:center;width:24px}.page-type--article .node--type-article .article-header__container{margin-bottom:32px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container{margin-bottom:48px}}.page-type--article .node--type-article .article-header__container>div{max-width:860px}@media(min-width: 768px){.page-type--article .node--type-article .article-header__container>div{padding-left:96px}}.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);color:#000;margin-bottom:24px}@media(min-width: 992px){.page-type--article .node--type-article .article__lead{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-type--article .node--type-article .article__author{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#1a1a1a;display:flex}.page-type--article .node--type-article .article__author .label{margin-right:4px}.page-type--article .node--type-article .article__date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#999898;margin-bottom:16px}.page-type--article .node--type-article .article__keywords{background:#f7f7f8;margin-top:32px;padding:8px 0 32px}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords{margin-top:64px;padding:40px 0 64px}}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords{margin-top:48px}}.page-type--article .node--type-article .article__keywords .container{max-width:1264px}.page-type--article .node--type-article .article__keywords:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords:last-child{padding-bottom:114px}}.page-type--article .node--type-article .article__keywords .keywords__wrapper{margin-left:-4px;margin-right:-4px}.page-type--article .node--type-article .article__keywords .label{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#1a1a1a;margin:0 4px 8px}@media(min-width: 992px){.page-type--article .node--type-article .article__keywords .label{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.page-type--article .node--type-article .article__keywords .label{margin:0 4px 16px}}.page-type--article .node--type-article .article__keywords .keywords{display:flex;flex-flow:row wrap}.page-type--article .node--type-article .article__keywords .keywords a{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);background-color:#000;border-radius:24px;color:#fff;margin:4px;padding:8px 32px;text-decoration:none}[data-unpublished]::before{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);--line-height: 1;background:#b01038;color:#fff;content:attr(data-unpublished);display:block;padding-left:8px;padding-right:8px;position:fixed;transform:rotate(-90deg) translateX(calc(-50% - 50vh));transform-origin:top left;z-index:2}@media(min-width: 768px){[data-unpublished]::before{content:attr(data-unpublished-long);--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--line-height: 1.5}}.lead-in .component__content{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);max-width:860px}@media(min-width: 992px){.lead-in .component__content{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.page-divider+*{margin-top:48px}.page-divider:first-child{display:none}.page-divider:first-child+*{margin-top:0}.page-title~article .page-divider{display:block}.page-title~article .page-divider+*{margin-top:48px}.page-divider::after{background-color:#000;content:"";display:block;height:2px;margin-top:32px;width:64px}.main-image img{display:block;height:auto;overflow:hidden;width:100%}.long-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.long-desc>p{max-width:860px}.long-desc>:first-child{margin-top:0}.main-image+.long-desc{margin-top:64px}.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1296px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{max-width:1328px}}@media(min-width: 768px){.no-sidebar .page-title,.no-sidebar .lead-in,.no-sidebar .page-divider,.no-sidebar .main-image,.no-sidebar .long-desc,.no-sidebar .enriched-content{padding-left:32px;padding-right:32px}}.content-date{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;margin-bottom:24px}.content-date__datetime--updated::before{background-color:currentcolor;content:"";display:inline-block;height:1em;margin-bottom:-1px;margin-left:8px;margin-right:8px;width:1px}.content-links{margin-top:32px}@media(min-width: 992px){.content-links{margin-top:64px}}.content-links__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.content-links__title{--line-height: 1;font-size:2rem;font-weight:400}}.content-links__links{margin-top:24px;padding:0}.content-links__links__link{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);list-style:none;padding:0}.content-links__links__link+.content-links__links__link{margin-top:16px}.content-links__links__link a::after{background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;margin-left:4px}@media(prefers-reduced-motion){.content-links__links__link a::after{transition:none}}.content-links__links__link a:hover{text-decoration:none}.content-links__links__link a:hover::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-links__links__link a:hover::after{transform:none}}.content-links__links__link a[data-is-external]::after{content:none}.sidebar_block_heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.sidebar_block_heading{--line-height: 1;font-size:2rem;font-weight:400}}.cookie-compliance--lead-in__container{max-width:1296px;padding-left:16px;padding-right:16px;padding-top:0}@media(min-width: 768px){.cookie-compliance--lead-in__container{max-width:1328px}}@media(min-width: 768px){.cookie-compliance--lead-in__container{padding-left:32px;padding-right:32px}}.cookie-compliance--lead-in__container h1{margin-bottom:32px;margin-top:0}.cookie-compliance-block .cookie-selection-instruction{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;display:flex;margin-top:32px;padding-bottom:32px}.cookie-compliance-block .cookie-selection-instruction::before{background-color:#000;background-size:contain;content:"";display:flex;height:32px;-webkit-mask-image:var(--hel-icon--info-circle);mask-image:var(--hel-icon--info-circle);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px 32px;mask-size:32px 32px;vertical-align:bottom;width:32px;margin-right:8px}.cookie-compliance-block .cookie-selection-instruction p{margin-top:0}.cookie-compliance-block .hds-checkbox{display:block;margin-top:32px}.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;padding-left:calc(var(--size) + 16px)}@media(min-width: 992px){.cookie-compliance-block .hds-checkbox .hds-checkbox__label,.cookie-compliance-block .hds-checkbox>label{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.cookie-compliance-block .hds-checkbox .hds-checkbox__input,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::after,.cookie-compliance-block .hds-checkbox>label::after,.cookie-compliance-block .hds-checkbox .hds-checkbox__label::before,.cookie-compliance-block .hds-checkbox>label::before{top:7px}.cookie-compliance-block .form-item:not(:last-of-type) .description{border-bottom:1px solid #ccc}.cookie-compliance-block .description{display:block}@media(min-width: 992px){.cookie-compliance-block .description{padding-top:16px}}.cookie-compliance-block .buttons input{margin-bottom:8px}.cookie-compliance--lead-in__container p,.cookie-compliance-block p{max-width:860px}.embedded-content-cookie-compliance,.react-and-share-cookie-compliance,.helfi-charts-cookie-compliance{align-content:center;align-items:center;background-color:#f1f1f1;display:flex;justify-content:center}.map .embedded-content-cookie-compliance,.remote-video .embedded-content-cookie-compliance,.map .react-and-share-cookie-compliance,.remote-video .react-and-share-cookie-compliance,.map .helfi-charts-cookie-compliance,.remote-video .helfi-charts-cookie-compliance{aspect-ratio:16/9}.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{background-color:#fff;margin:16px;max-width:892px;padding:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message,.react-and-share-cookie-compliance .message,.helfi-charts-cookie-compliance .message{margin:64px;max-width:924px;padding:32px}}.embedded-content-cookie-compliance .message .hel-icon,.react-and-share-cookie-compliance .message .hel-icon,.helfi-charts-cookie-compliance .message .hel-icon{--icon-size: 24px}.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{margin-top:0;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.embedded-content-cookie-compliance .message h2,.react-and-share-cookie-compliance .message h2,.helfi-charts-cookie-compliance .message h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .buttons,.react-and-share-cookie-compliance .message .buttons,.helfi-charts-cookie-compliance .message .buttons{flex-direction:row}}.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{--theme-fg1: var(--color-white);--theme-fg2: var(--color-black);--theme-bg1: var(--color-black);--theme-bg2: transparent;--theme-focus: var(--color-black);margin-top:16px;max-width:400px}@media(min-width: 768px){.embedded-content-cookie-compliance .message .hds-button,.react-and-share-cookie-compliance .message .hds-button,.helfi-charts-cookie-compliance .message .hds-button{margin-left:16px;margin-top:0}}.embedded-content-cookie-compliance .message .hds-button:first-child,.react-and-share-cookie-compliance .message .hds-button:first-child,.helfi-charts-cookie-compliance .message .hds-button:first-child{margin-left:0;margin-top:0}.layout-main-wrapper>.block--react-and-share:last-child .message{margin-bottom:80px}.remote-video .embedded-content-cookie-compliance{background-color:#1a1a1a}.remote-video .embedded-content-cookie-compliance .message{background-color:#000}.remote-video .embedded-content-cookie-compliance .message .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.react-and-share-cookie-compliance .message{background-color:rgba(0,0,0,0);padding:0}.errand-service{margin-top:48px}@media(min-width: 992px){.errand-service{margin-top:64px}}.errand-service__container{padding:0}.errand-service__title{margin-top:0}.errand-service__description{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.errand-service__description p:first-child{margin-top:0}.errand-service__accordion{margin-top:32px}@media(min-width: 992px){.errand-service__accordion{margin-top:64px}}.errand-service__accordion .accordion__container{padding-left:0;padding-right:0;padding-top:0}.errand-service__accordion .errand-service__detail-links{list-style:none;padding-left:0;padding-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper{margin-top:16px}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link-wrapper:first-child{margin-top:0}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link{display:flex}.errand-service__accordion .errand-service__detail-links .errand-service__detail-link:before{background-color:#000;background-size:contain;content:"";display:flex;height:24px;-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;flex-shrink:0;margin-right:8px}.page-type--news-item .sidebar-first{display:block}.news-listing{margin-top:0;padding-left:0;padding-top:0}.news-listing__item{list-style:none;margin-top:24px;position:relative}.news-listing__link{display:block;text-decoration:none}.news-listing__link:focus,.news-listing__link:hover{text-decoration:underline}.news-listing__link::after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.news-listing__title{margin-top:0}.news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666}.components--news{margin-top:0}.news-listing--latest-tiny-teasers .news-listing__item{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-black-10);display:flex;margin-top:16px;padding-bottom:8px}.news-listing__tiny-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px}@media(min-width: 768px){.news-listing--latest-medium-teasers{display:flex;flex-wrap:wrap}}.news-listing--latest-medium-teasers .news-listing__item:first-child{margin-top:0}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item:nth-child(2){margin-top:0}}@media(min-width: 768px){.news-listing--latest-medium-teasers .news-listing__item{margin-top:32px;padding-right:24px;width:50%}}.news-listing__medium-teaser{border-left:4px solid var(--hdbt-color-palette--accent);padding-left:16px}@media(min-width: 992px){.news-listing__medium-teaser{padding-left:24px}}.news-listing__medium-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}}@media(min-width: 992px)and (min-width: 992px){.news-listing__medium-teaser .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing__medium-teaser .news-listing__datetime{display:block;margin-top:16px}@media(min-width: 992px){.news-listing__medium-teaser .news-listing__datetime{margin-top:24px}}.news-listing--teasers{max-width:860px}.news-listing--teasers .news-listing__item{align-items:flex-start;border-bottom:1px solid #f7f7f8;display:flex;flex-wrap:wrap;padding-bottom:24px;position:relative}.news-listing--teasers .news-listing__item:first-child{margin-top:24px}.news-listing--teasers .news-listing__item:last-child{border-bottom:none;padding-bottom:0}.news-listing--teasers .news-listing__content{width:100%}@media(min-width: 768px){.news-listing--teasers .news-listing__content{padding-right:24px;width:75%}}.news-listing--teasers .news-listing__content--with-image{padding-right:24px;width:75%}.news-listing--teasers .news-listing__img{box-shadow:inset 0 0 0 1px #e5e5e5;width:25%}.news-listing--teasers .news-listing__img img{display:block;height:auto;width:100%}.news-listing--teasers .news-listing__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing--teasers .news-listing__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.news-listing--teasers .news-listing__datetime{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:8px}@media(min-width: 992px){.news-listing--teasers .news-listing__datetime{margin-top:16px}}@media(min-width: 768px){.news-listing--card-teasers{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:-24px}}@media(min-width: 768px){.news-listing--card-teasers .news-listing__item{width:50%}}@media(min-width: 992px){.news-listing--card-teasers .news-listing__item{width:25%}}.news-listing--card-teasers .news-listing__card-teaser{height:100%}.news-listing__card-teaser{border-bottom:1px solid #f1f1f1;border-bottom:1px solid var(--color-black-5);display:flex;padding-bottom:16px;position:relative}.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing__card-teaser:hover .hel-icon--arrow-right{transform:none}}@media(min-width: 768px){.news-listing__card-teaser{border:1px solid #000000;border:1px solid var(--color-black);flex-direction:column;margin-right:24px;padding-bottom:0}}.news-listing__card-teaser .news-listing__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.news-listing__card-teaser .news-listing__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}@media(min-width: 768px){.news-listing__card-teaser .news-listing__title{font-size:1.25rem;line-height:30/20}}.news-listing__card-teaser .news-listing__img{position:relative;width:40%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__img{width:unset}}.news-listing__card-teaser .news-listing__img img{display:block;height:auto;width:100%}.news-listing__card-teaser .image-placeholder{padding-bottom:66.6666666667%}.news-listing__card-teaser .news-listing__text-container{display:flex;flex-direction:column;height:100%;padding-left:16px;width:60%}@media(min-width: 768px){.news-listing__card-teaser .news-listing__text-container{padding:16px;width:unset}}.news-listing__card-teaser .news-listing__title,.news-listing__card-teaser .news-listing__datetime{margin-bottom:8px}.news-listing__card-teaser .news-listing__datetime{display:flex;flex-grow:1}.news-listing__card-teaser .hel-icon--arrow-right{transition:transform .2s linear;display:none;height:48px;width:48px}@media(prefers-reduced-motion){.news-listing__card-teaser .hel-icon--arrow-right{transition:none}}@media(min-width: 768px){.news-listing__card-teaser .hel-icon--arrow-right{display:inline-block}}.news-listing--sidebar{margin-bottom:64px}.news-listing--sidebar .link__read-more-news{align-items:center;display:flex;text-decoration:none}.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:transform .2s linear;height:24px;margin-left:4px;width:24px}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news .hel-icon--arrow-right{transition:none}}.news-listing--sidebar .link__read-more-news:focus,.news-listing--sidebar .link__read-more-news:hover{text-decoration:underline}.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.news-listing--sidebar .link__read-more-news:focus .hel-icon,.news-listing--sidebar .link__read-more-news:hover .hel-icon{transform:none}}.news-archive__heading{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-top:0;padding-bottom:24px;width:100%}@media(min-width: 992px){.news-archive__heading{--line-height: 1;font-size:2rem;font-weight:400}}.service-channel__links{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-items:flex-start;place-items:flex-start}.service-channel__links .service-channel__link-explanation{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:#666;display:inline-block;margin-bottom:8px}.service-channel__links a:not(.service-channel__link){--background-color-hover: transparent;--background-color-hover-focus: transparent;--background-color: var(--hdbt-color-palette-button--secondary);--background-color-focus: var(--hdbt-color-palette-button--secondary);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.service-channel__links a:not(.service-channel__link):first-child{margin-top:0}.service-channel:not(.service-channel--eservice){margin:24px 0 0;padding-bottom:0;padding-left:calc(24px + 8px);padding-right:16px;padding-top:0}@media(min-width: 992px){.service-channel:not(.service-channel--eservice){border:1px solid #000;margin:32px 0 0;padding-bottom:32px;padding-left:calc(24px + 24px + 8px);padding-right:24px;padding-top:32px}}.service-channel:not(.service-channel--eservice) .service-channel__header{align-items:flex-start;display:flex}.service-channel:not(.service-channel--eservice) .service-channel__type{height:24px;margin-left:calc(-24px - 8px);overflow:hidden;position:absolute;text-indent:-9999px;width:24px}.service-channel:not(.service-channel--eservice) .service-channel__type:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;left:0;position:absolute;text-indent:0;top:0}.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);margin-top:0;width:100%}@media(min-width: 992px){.service-channel:not(.service-channel--eservice) .service-channel__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel:not(.service-channel--eservice) .service-channel__links{margin-top:24px}.service-channel--eservice{background-color:var(--hdbt-color-palette--secondary);margin-top:24px;padding:24px 24px 32px}@media(min-width: 992px){.service-channel--eservice{margin:32px 0 0;padding:48px 32px}}.service-channel--eservice .service-channel__type{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.service-channel--eservice .service-channel__type{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.service-channel--eservice .service-channel__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.service-channel--eservice .service-channel__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 992px){.service-channel--eservice .service-channel__title{margin-top:16px}}.service-channel--eservice .service-channel__links{margin-top:24px}.service-channel--email .service-channel__type:after{-webkit-mask-image:var(--hel-icon--glyph-at);mask-image:var(--hel-icon--glyph-at)}.service-channel--sms .service-channel__type:after{-webkit-mask-image:var(--hel-icon--mobile);mask-image:var(--hel-icon--mobile)}.service-channel--telephone .service-channel__type:after{-webkit-mask-image:var(--hel-icon--phone);mask-image:var(--hel-icon--phone)}.service-channel--printable_form .service-channel__type:after{-webkit-mask-image:var(--hel-icon--document);mask-image:var(--hel-icon--document)}.service-channel--webpage .service-channel__type:after{-webkit-mask-image:var(--hel-icon--globe);mask-image:var(--hel-icon--globe)}.service-channel--chat .service-channel__type:after{-webkit-mask-image:var(--hel-icon--speechbubble-text);mask-image:var(--hel-icon--speechbubble-text)}.service-channel--local .service-channel__type:after{-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location)}.service-channel--mail .service-channel__type:after{-webkit-mask-image:var(--hel-icon--envelope);mask-image:var(--hel-icon--envelope)}.service-channel__phone,.service-channel__email{margin-top:16px}.service-channel__phone>a,.service-channel__email>a{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.service-channel__phone>a,.service-channel__email>a{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service-channel--no-title .service-channel__phone,.service-channel--no-title .service-channel__email{margin-top:0}.service-channel__call_charge{display:flex;margin-top:16px}.service-channel__call_charge .service-channel__call_charge-label{font-weight:500;margin-right:4px}.service-channel__call_charge p:first-of-type{margin-top:0}.service-channel__info{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);margin-top:24px}.service-channel__info>*{display:block}.service-channel__info>*+*{margin-top:8px}@media(min-width: 992px){.service-channel__info{align-items:center;display:flex}.service-channel__info>*{align-items:center;display:flex;margin-top:0}.service-channel__info>*:after{content:"|";margin:0 16px}.service-channel__info>*:last-child:after{content:""}}.service__units{margin-top:32px}@media(min-width: 992px){.service__units{margin-top:64px}}.main-content:last-child .service.service--full .component--service-units:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:98px}@media(min-width: 992px){.main-content:last-child .service.service--full .component--service-units:last-child{padding-bottom:114px}}@media(min-width: 992px){.service.service--teaser{height:100%;margin-left:calc(24px / 2);margin-right:calc(24px / 2)}}.service.service--teaser .service__link{border:1px solid #000;display:block;height:100%;margin-top:8px;padding:24px calc(24px + 32px + 16px) 24px 24px;position:relative;text-decoration:none}@media(min-width: 992px){.service.service--teaser .service__link{display:flex;flex-direction:column;justify-content:space-between;line-height:0;margin-top:0;min-height:240px;padding:32px 24px calc(24px + 24px)}}.service.service--teaser .service__link::before{background-color:#c2a251;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:8px}@media(min-width: 992px){.service.service--teaser .service__link::before{bottom:0;height:24px;right:0;top:auto;width:100%}}.service.service--teaser .service__link:hover{text-decoration:underline}.service.service--teaser .service__link:hover .hel-icon{margin-left:16px}@media(prefers-reduced-motion){.service.service--teaser .service__link:hover .hel-icon{margin-left:0}}.service.service--teaser .service__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0}@media(min-width: 992px){.service.service--teaser .service__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.service.service--teaser .hel-icon{--icon-size: 32px;bottom:50%;left:auto;position:absolute;right:16px;transform:translateY(50%);transition:all .3s}@media(prefers-reduced-motion){.service.service--teaser .hel-icon{transition:none}}@media(min-width: 992px){.service.service--teaser .hel-icon{--icon-size: 48px;margin-top:24px;position:static;right:auto;transform:none}}.service--units__container{margin-bottom:64px;margin-top:64px}.component--service-units{background-color:#f1f1f1;padding-bottom:96px;padding-top:96px}.component--service-units .service__units__header{display:block}.component--service-units .service__units__title{margin-top:0}.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:16px;white-space:nowrap}@media(min-width: 992px){.component--service-units .service__units__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.component--service-units .service__units__count-container .service__units__count{font-weight:700}.component--service-units .service__units__list{margin-top:24px}@media(min-width: 992px){.component--service-units .service__units__list{margin-top:48px}}.component--service-units .unit.unit--teaser{margin-top:24px}@media(min-width: 768px){.component--service-units .unit.unit--teaser{margin-top:16px}}@media(min-width: 992px){.unit__contact:first-child .unit__contact__title{margin-top:8px}}.unit__contact .unit__contact__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border-bottom:2px solid #000;margin-bottom:24px;margin-top:8px;padding-bottom:16px}@media(min-width: 992px){.unit__contact .unit__contact__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.unit__contact .unit__contact__title{margin-top:32px}}.unit__contact .unit__contact-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);border-bottom:1px solid #ccc;margin-bottom:16px;padding-bottom:16px;padding-left:32px}.unit__contact .unit__contact-row:last-of-type{border-bottom:0 none;margin-bottom:0;padding-bottom:0}.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height);align-items:flex-start;display:flex;margin-bottom:8px}@media(min-width: 992px){.unit__contact .unit__contact-row .unit__contact-row__label{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit__contact .unit__contact-row .unit__contact-row__label .hel-icon{--icon-size: 24px;margin-left:-32px;margin-right:8px;margin-top:2px}.unit__contact .unit__contact-row .form-item:last-child{margin-bottom:0}.unit__contact .unit__contact-row p:first-of-type{margin-top:0}.unit__contact .unit__contact-row--email a{word-break:break-all}.unit__contact .address>*{display:block}.unit__contact .phone{display:block;margin-bottom:8px}.unit__contact .phone:last-child{margin-bottom:0}.unit__content{margin-top:64px}@media(min-width: 992px){.unit__content{margin-top:96px}}.unit__services{padding:0}.unit__services .unit--services__container{padding-top:0}.unit__services .unit__services__title{margin-top:0}.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;margin-top:24px;width:100%}@media(min-width: 992px){.unit__services .unit__services__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit__services .unit__services__count-container .unit__services__count{font-weight:700}.unit__services .unit__services__list{margin-top:24px}@media(min-width: 992px){.unit__services .unit__services__list{margin-top:48px}}@media(min-width: 992px){.unit__services .unit__services__list>*{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2)}}.unit__services .unit__services__list .service{width:100%}@media(min-width: 992px){.unit__services .unit__services__list .service{margin-top:24px;width:25%}}.unit__services .unit__services__list .service:nth-child(-n+4){margin-top:0}@media(min-width: 992px){.unit__services .unit__services__list .service{width:calc(25% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(2){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(1){width:calc(50% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(1):nth-last-child(3){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(2):nth-last-child(2){width:calc(33.33% - 24px)}}@media(min-width: 992px){.unit__services .unit__services__list .service:nth-child(3):nth-last-child(1){width:calc(33.33% - 24px)}}.unit__accessibility_sentences.component--accordion .accordion-item__content h3{margin-top:0}.unit__accessibility_sentences.component--accordion .accordion-item__content h3:not(:first-of-type){padding-top:32px}.unit__accessibility_sentences.component--accordion .accordion-item__content ul{margin:0;padding:0}.unit__accessibility_sentences.component--accordion .accordion-item__content li{display:list-item;margin-left:24px;margin-top:16px}@media(min-width: 576px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:50px}}@media(min-width: 992px){.unit__accessibility_sentences.component--accordion .accordion-item__content__inner{padding-left:72px}}.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 48px));padding-bottom:82px}@media(min-width: 992px){.main-content:last-child .unit.unit--full .unit__services:last-child{margin-bottom:calc(-1*(50px + 64px));padding-bottom:114px}}.unit.unit--full .content-tags{margin-bottom:24px}@media(min-width: 768px){.unit.unit--full .content-tags{margin-bottom:32px}}.unit.unit--teaser{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media(min-width: 768px){.unit.unit--teaser{align-items:stretch;flex-direction:row;min-height:220px;padding-left:325px}}.views-row:last-child .unit.unit--teaser{margin-bottom:0}.unit.unit--teaser .unit__image{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin:0;overflow:hidden}@media(min-width: 768px){.unit.unit--teaser .unit__image{height:100%;left:0;margin:0;position:absolute;top:0;width:325px}}.unit.unit--teaser .unit__image img{display:block;height:auto;overflow:hidden;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.unit.unit--teaser .unit__image--placeholder{width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__image--placeholder{align-items:center;display:flex;width:325px}}.unit.unit--teaser .unit__text{margin-top:32px;padding:0 24px 32px;width:100%}@media(min-width: 768px){.unit.unit--teaser .unit__text{display:flex;flex-direction:column;justify-content:space-between;margin-top:0;padding:32px}}.unit.unit--teaser .unit__text .unit__text__content{align-content:flex-start}@media(min-width: 768px){.unit.unit--teaser .unit__text .unit__text__content{display:flex;flex-wrap:wrap;max-width:530px}}.unit.unit--teaser .unit__link{text-decoration:none}.unit.unit--teaser .unit__link::after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.unit.unit--teaser .unit__link:hover{text-decoration:underline}.unit.unit--teaser .unit__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:4px;margin-top:0;padding-right:24px}@media(min-width: 992px){.unit.unit--teaser .unit__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.unit.unit--teaser .unit__title{margin-bottom:0;padding-right:0;width:100%}}.unit.unit--teaser .unit__info{margin-top:8px}@media(min-width: 768px){.unit.unit--teaser .unit__info{width:100%}}.unit.unit--teaser .unit__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:24px}@media(min-width: 768px){.unit.unit--teaser .unit__info-row{margin-bottom:16px}}.unit.unit--teaser .unit__info-row:last-child{margin-bottom:0}@media(min-width: 768px){.unit.unit--teaser .unit__info-row--address{margin-bottom:8px}}.unit.unit--teaser .unit__info-row--address .address{display:inline}.unit.unit--teaser .unit__info-row--address .address .address-line1::after,.unit.unit--teaser .unit__info-row--address .address .address-line2::after{content:","}.unit.unit--teaser .content-tags{margin-top:16px}.unit.unit--teaser .unit__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-top:32px}@media(min-width: 768px){.unit.unit--teaser .unit__read-more{justify-content:flex-end;margin-top:16px}}.unit.unit--teaser .unit__read-more .unit__read-more__text{font-weight:500}.unit.unit--teaser .unit__read-more .hel-icon{transition:transform .2s linear;margin-left:8px;pointer-events:none}@media(prefers-reduced-motion){.unit.unit--teaser .unit__read-more .hel-icon{transition:none}}.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:translateX(4px)}@media(prefers-reduced-motion){.unit.unit--teaser:hover .unit__read-more .hel-icon{transform:none}}.unit--minimal{background-color:#fff}.unit--minimal .unit__link{display:block;padding:24px;text-decoration:none}.unit--minimal .unit__link:focus .unit__title,.unit--minimal .unit__link:hover .unit__title{text-decoration:underline}.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:translateX(8px)}@media(prefers-reduced-motion){.unit--minimal .unit__link:focus .unit__read-more .hel-icon,.unit--minimal .unit__link:hover .unit__read-more .hel-icon{transform:none}}@media(min-width: 768px){.unit--minimal .unit__text{display:flex;justify-content:space-between;width:100%}}@media(min-width: 768px){.unit--minimal .unit__text__content{display:flex;justify-content:space-between;width:calc(100% - 32px + 24px)}}.unit--minimal .unit__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:0}@media(min-width: 992px){.unit--minimal .unit__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.unit--minimal .unit__title{font-weight:700;margin-top:2px;padding-right:24px;width:60%}}@media(min-width: 768px){.unit--minimal .unit__info{display:flex;justify-content:space-between;padding-right:24px;width:40%}}.unit--minimal .unit__info-row--address{margin-top:8px}@media(min-width: 768px){.unit--minimal .unit__info-row--address{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:2px}}.unit--minimal .unit__info-row--address .address-line1::after,.unit--minimal .unit__info-row--address .address-line2::after{content:","}.unit--minimal .unit__info-row--address p:first-child{margin-top:0}.unit--minimal .unit__info-row--distance{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);color:#666;margin-top:8px;white-space:nowrap}@media(min-width: 768px){.unit--minimal .unit__info-row--distance{margin-left:16px;margin-top:7px}}.unit--minimal .unit__read-more{margin-top:16px}@media(min-width: 768px){.unit--minimal .unit__read-more{display:flex;margin-top:0}}.unit--minimal .unit__read-more .hel-icon{--icon-size: 32px;transition:transform .2s linear}@media(prefers-reduced-motion){.unit--minimal .unit__read-more .hel-icon{transition:none}}.component--accordion .accordion__wrapper{border-bottom:1px solid #ccc}.component--accordion .accordion-item__header{border-top:1px solid #ccc;margin:0;padding:0}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle{background-color:rgba(0,0,0,0)}.component--accordion .accordion-item__header.handorgel__header--opened .accordion-item__button--toggle::after{transform:translateY(-50%) rotate(180deg)}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle{position:relative}.component--accordion .accordion-item__header .accordion-item__button--toggle:focus::before,.component--accordion .accordion-item__header.handorgel__header--focus .accordion-item__button--toggle::before{box-shadow:0 0 0 3px #1a1a1a;pointer-events:none}.component--accordion .accordion-item__button{align-items:center;background:rgba(0,0,0,0);border:none;display:flex;margin:0;padding:0;text-align:left}.component--accordion .accordion-item__icon{display:inline-flex;margin-right:8px}@media(min-width: 992px){.component--accordion .accordion-item__icon{margin-right:16px}}.component--accordion .accordion-item__icon .hel-icon{--icon-size: 1.5rem}@media(min-width: 992px){.component--accordion .accordion-item__icon .hel-icon{--icon-size: 3rem}}.component--accordion .accordion-item__button--toggle{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);border:none;padding:16px 60px 16px 0;position:relative;width:100%}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle{padding:24px 60px 24px 0}}.component--accordion .accordion-item__button--toggle::before{content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::before{height:32px;width:32px}}.component--accordion .accordion-item__button--toggle::after{transition:transform .2s ease-in;background-image:var(--hel-icon--angle-down);background-position:center;background-repeat:no-repeat;background-size:100%;content:"";height:30px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}@media(prefers-reduced-motion){.component--accordion .accordion-item__button--toggle::after{transition:none}}@media(min-width: 992px){.component--accordion .accordion-item__button--toggle::after{height:32px;width:32px}}.component--accordion .accordion-item__button--close{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:16px;display:flex;padding:8px;position:absolute;right:-1px}.component--accordion .accordion-item__button--close:focus{box-shadow:0 0 0 3px #1a1a1a;outline:none;pointer-events:none}.component--accordion .accordion-item__button--close:hover{cursor:pointer}.component--accordion .accordion-item__content{border:none}.component--accordion .accordion-item__content__inner{padding:0 0 64px;position:relative}.component--accordion .accordion-item__content__inner>*:first-child{margin-top:0}.component--accordion .component--image .component__content{max-width:860px}.component--accordion-bg-white .accordion__wrapper~.accordion__wrapper .accordion-item__header{border-top:none}.component--accordion-bg-grey .accordion-item__header{background-color:#f1f1f1;border-color:#fff}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:16px 82px 16px 16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle{padding:24px 82px 24px 24px}}.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::before,.component--accordion-bg-grey .accordion-item__header .accordion-item__button--toggle::after{right:24px}}.component--accordion-bg-grey .accordion__wrapper{border-color:#f1f1f1}.component--accordion-bg-grey .accordion-item__content{background-color:#f1f1f1;padding-left:16px;padding-right:16px}@media(min-width: 992px){.component--accordion-bg-grey .accordion-item__content{padding-left:24px;padding-right:24px}}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header,.component--accordion-bg-grey+.component--accordion-bg-grey.component--no-header{margin-top:0}.component--accordion-bg-white+.component--accordion-bg-white.component--no-header .accordion-item__header{border-top:0 none}.component--accordion .handorgel{border-left:none;border-right:none;border-top:none}.component--accordion .handorgel .handorgel__header--open .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header--focus .handorgel__header__button{background-color:rgba(0,0,0,0)}.component--accordion .handorgel .handorgel__header__button{background-color:rgba(0,0,0,0);border:none}.component--accordion .handorgel .handorgel__content{border:0}.accordion--white+.accordion--white.accordion--no-header,.accordion--grey+.accordion--grey.accordion--no-header{margin-top:0}.accordion--white+.accordion--white.accordion--no-header>.container,.accordion--grey+.accordion--grey.accordion--no-header>.container{padding-top:0}.accordion--white+.accordion--white.accordion--no-header>.container>.accordion__wrapper>.accordion-item__header{border-top:0 none}.banner__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.banner__title{--line-height: 1;font-size:2rem;font-weight:400}}.banner__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.banner__desc{margin-top:24px}}.banner__desc p:first-child{margin:0}.banner__icon{display:inline-flex;margin-bottom:24px;margin-right:16px}@media(min-width: 768px){.banner__icon{margin-right:24px}}.banner__icon .hel-icon{--icon-size: 64px}@media(min-width: 768px){.banner__icon .hel-icon{--icon-size: 6.25rem}}.banner__icon a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.component--banner .banner{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}a.banner__button{margin:32px auto 0}.component--banner-align-center{text-align:center}.component--banner-align-center .banner__title,.component--banner-align-center .banner__desc{margin-left:auto;margin-right:auto;max-width:700px}.component--banner-align-center .component__content{margin-left:auto;margin-right:auto}.component--banner-align-left .banner{display:flex;flex-flow:column}@media(min-width: 768px){.component--banner-align-left .banner{flex-flow:row}}@media(min-width: 992px){.component--banner-align-left.component--banner-has-icon .banner__button{margin-left:auto;margin-right:0}}.component--banner-align-left.component--banner-has-icon .banner__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}.component--banner .component__container{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary)}.banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--banner-secondary .component__container{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner a{--hdbt-default-link-color: var(--hdbt-color-palette-text--secondary)}.component--banner-secondary .banner .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--banner-secondary .banner .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--banner-secondary .banner .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.helfi-charts-content iframe{aspect-ratio:16/9;border:0;height:auto;width:100%}.helfi-charts-noscript{background:#dedfe1;padding:16px}.helfi-charts-noscript p:first-child{margin-top:0}.chart__transcript{margin-top:16px}.columns{align-items:center;display:flex;flex-direction:column}@media(min-width: 768px){.columns{flex-direction:row;margin-left:-24px;margin-right:-24px}}@media(min-width: 992px){.columns{margin-left:-32px;margin-right:-32px}}.columns .image .image__container{padding:0}@media(min-width: 768px){.columns .image .image__container{padding:0}}@media(min-width: 992px){.columns .image .image__container{padding:0}}.columns__column{align-self:stretch}@media(min-width: 768px){.columns__column{margin-left:24px;margin-right:24px}}@media(min-width: 992px){.columns__column{margin-left:32px;margin-right:32px}}@media(min-width: 768px){.columns__column.column--50{width:50%}}@media(min-width: 768px){.columns__column.column--30{width:30%}}@media(min-width: 768px){.columns__column.column--70{width:70%}}.columns__column+.columns__column{margin-top:32px}@media(min-width: 768px){.columns__column+.columns__column{margin-top:0}}@media(min-width: 992px){.has-sidebar .main-content .columns{flex-direction:column}}@media(min-width: 1248px){.has-sidebar .main-content .columns{flex-direction:row}}@media(min-width: 992px){.has-sidebar .main-content .columns__column{width:auto}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:32px}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column{margin-top:0}.has-sidebar .main-content .columns__column:not(:first-of-type){margin-top:0}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--50{width:50%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--30{width:30%}}@media(min-width: 1248px){.has-sidebar .main-content .columns__column.column--70{width:70%}}.contact-card{display:flex}@media(min-width: 576px){.contact-card--with-image{flex-direction:column}}@media(min-width: 576px){.contact-card--information-container{max-width:200px}}.contact-card--person-social-media{display:flex}.contact-card--person-social-media .hel-icon{height:24px;margin-right:8px;width:24px}.contact-card--image-container{margin-bottom:16px;margin-right:16px}@media(min-width: 576px){.contact-card--image-container{margin-right:0}}.contact-card--image-container img{height:100px;width:100px}@media(min-width: 576px){.contact-card--image-container img{height:200px;width:200px}}.contact-card--person-name{margin-top:0;--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.contact-card--person-name{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.contact-card--person-phone-number a:not(:last-of-type)::after{content:",";margin-right:2px}.contact-card--person-email{word-break:break-all}.contact-card--person-information{margin-bottom:8px}.contact-card--color-line{background-color:var(--hdbt-color-palette--primary);margin-right:24px;min-width:4px}.contact-card--person-description{color:#666666;color:var(--color-black-60)}.contact-card-listing--container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap}@media(min-width: 576px){.contact-card-listing--container{flex-direction:row}}.contact-card-listing--container .contact-card{margin-bottom:48px}.contact-card-listing--container .contact-card:not(:last-of-type){padding-right:24px}@media(min-width: 576px){.contact-card-listing--container .contact-card{min-width:-moz-fit-content;min-width:fit-content;width:25%}}.component-content-cards .component__container{overflow:hidden}.content-cards{display:flex;flex-direction:column;margin-bottom:0;margin-top:0}@media(min-width: 576px){.content-cards{flex-direction:row;flex-wrap:wrap;margin-left:-24px;width:calc(100% + 24px)}}.content-card{margin-top:64px;position:relative}@media(min-width: 576px){.content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.content-card{width:calc(25% - 24px)}}.content-card:first-child{margin-top:0}.content-card__image{line-height:0}.content-card__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.content-card__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:16px}@media(min-width: 992px){.content-card__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.content-card__date{margin-top:8px}.content-card__link{display:block;overflow:hidden;text-decoration:none}.content-card__link::before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.content-card__link::after{transition:transform .2s linear;--icon-size: 2rem;margin-left:-2px;margin-top:16px;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em))}@media(prefers-reduced-motion){.content-card__link::after{transition:none}}@media(min-width: 576px){.content-card__link::after{--icon-size: 3rem;margin-left:-4px}}.content-card__link:focus .content-card__title,.content-card__link:hover .content-card__title{text-decoration:underline}.content-card__link:focus::after,.content-card__link:hover::after{transform:translateX(16px)}@media(prefers-reduced-motion){.content-card__link:focus::after,.content-card__link:hover::after{transform:none}}@media(min-width: 576px){.component--content-cards-large .content-card{margin-left:24px;width:calc(50% - 24px)}}@media(min-width: 992px){.component--content-cards-large .content-card{width:calc(33.3333% - 24px)}}.component--content-cards-grey{background:#f7f7f8}.component--content-cards-grey .hds-koros{color:#fff}.has-sidebar .components--upper .component--content-cards-grey .hds-koros{display:none}.component--content-cards-grey .component__container{padding-bottom:64px;padding-top:48px}@media(min-width: 992px){.component--content-cards-grey .component__container{padding-bottom:96px;padding-top:64px}}.has-sidebar .components--upper .component--content-cards-grey .component__container{padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}.component--content-cards-grey .content-card__link{background-color:#fff;padding:16px}@media(min-width: 576px){.component--content-cards-small .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-small .content-card:nth-child(-n+4){margin-top:0}}@media(min-width: 576px){.component--content-cards-large .content-card:nth-child(-n+2){margin-top:0}}@media(min-width: 992px){.component--content-cards-large .content-card:nth-child(-n+3){margin-top:0}}.layout-main-wrapper>*:last-child .component--content-cards-grey:last-child{margin-bottom:-115px;padding-bottom:55px}.content-liftup{--info-row__gap-size: 4px;border:1px solid #000;position:relative}@media(min-width: 768px){.content-liftup{--info-row__gap-size: 8px;display:flex;min-height:400px}}.content-liftup__image{flex-basis:50%;flex-grow:0;flex-shrink:0}@media(min-width: 768px){.content-liftup__image{align-self:stretch;background-color:#f1f1f1;max-width:50%}}@media(min-width: 992px){.has-sidebar .components--upper .content-liftup__image{flex-basis:28.6844484629%}}.content-liftup__image picture{display:block;height:100%}.content-liftup__image img{aspect-ratio:2.3;display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}@media(min-width: 768px){.content-liftup__image img{aspect-ratio:unset}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image img,.components--lower .content-liftup__image img{height:100%;-o-object-fit:cover;object-fit:cover}}.content-liftup__image .image-placeholder{padding-bottom:43.4782608696%}@media(min-width: 768px){.content-liftup__image .image-placeholder{padding-bottom:66.6666666667%}}@media(min-width: 992px){.no-sidebar .components--upper .content-liftup__image .image-placeholder,.components--lower .content-liftup__image .image-placeholder{height:100%}}.content-liftup__text{flex-grow:1;padding:16px}@media(min-width: 768px){.content-liftup__text{display:flex;flex-direction:column;justify-content:space-between;padding:32px}}.content-liftup__title{--line-height: 1.2307692308;font-size:1.625rem;font-weight:500;line-height:var(--line-height);margin-bottom:8px;margin-top:0}@media(min-width: 992px){.content-liftup__title{--line-height: 1.2352941176;font-size:2.125rem;font-weight:500}}@media(min-width: 768px){.content-liftup__title{margin-bottom:16px}}.content-liftup__link{text-decoration:none}.content-liftup__link:hover,.content-liftup__link:focus{text-decoration:underline}.content-liftup__link::before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.content-liftup__info-row{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);--margin-size: calc(24px + var(--info-row__gap-size));margin-left:var(--margin-size)}.content-liftup__info-row+.content-liftup__info-row{margin-top:16px}.content-liftup__info-row__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:var(--line-height)}@media(min-width: 992px){.content-liftup__info-row__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.content-liftup__info-row__title::before{margin-bottom:1px;margin-left:calc(-1*var(--margin-size));margin-right:var(--info-row__gap-size)}.content-liftup__info-row__content>:first-child{margin-top:0}.content-liftup__info-row__content>:last-child{margin-bottom:0}.content-liftup__info-row--address .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__info-row--address .address-line1::after,.content-liftup__info-row--address .address-line2::after{content:","}.content-liftup__info-row--opening-hours .content-liftup__info-row__title::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--clock);mask-image:var(--hel-icon--clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.content-liftup__read-more{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:flex;margin-left:calc(24px + var(--info-row__gap-size));padding-bottom:8px;padding-top:16px}.content-liftup__read-more::after{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;transition:transform .2s linear;flex-shrink:0}@media(prefers-reduced-motion){.content-liftup__read-more::after{transition:none}}.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:translateX(4px)}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:translateX(4px)}@media(prefers-reduced-motion){.content-liftup:hover .content-liftup__read-more::after,.content-liftup[focus-within] .content-liftup__read-more::after{transform:none}.content-liftup:hover .content-liftup__read-more::after,.content-liftup:focus-within .content-liftup__read-more::after{transform:none}}@media(min-width: 768px){.content-liftup__read-more{justify-content:flex-end;padding-bottom:0}}.event-list__event{border-bottom:1px solid #e5e5e5;padding-bottom:8px;padding-top:24px;position:relative}@media(min-width: 992px){.event-list__event{display:grid;grid-template-columns:325px 1fr;padding-bottom:16px;padding-top:16px}}.event-list__event:first-child{border-top:1px solid #e5e5e5}.event-list__event-name{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-bottom:24px;margin-top:16px}@media(min-width: 992px){.event-list__event-name{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.event-list__event-link{text-decoration:none}.event-list__event-link:hover{text-decoration:underline}.event-list__event-link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.event-list__image-container{display:block;overflow:hidden;position:relative}.event-list__event-image{max-height:264px;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width: 992px){.event-list__event-image{height:100%;max-height:unset;position:absolute}}@media(min-width: 992px){.event-list__content-container{padding-left:32px}}.event-list__tags{margin-left:-8px;margin-right:-8px}.event-list__tags>*{margin-left:8px;margin-right:8px}.event-list__tags--mobile{bottom:0;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;padding:16px;position:absolute;width:100%;z-index:1}@media(min-width: 992px){.event-list__tags--mobile{display:none}}.event-list__tags--desktop{display:none}@media(min-width: 992px){.event-list__tags--desktop{align-items:flex-start;display:flex;flex-wrap:wrap}}.event-list__tag{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);background:#dedfe1;border-radius:24px;display:inline-block;margin-bottom:16px;padding:5px 12px}.event__icon{align-content:flex-start;display:flex;margin-right:8px}.event__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:flex;margin-bottom:16px}.event-list__indicator-container{align-items:flex-end;display:flex}.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}@media(min-width: 992px){.event-list__event-link-indicator{background-color:#000;background-size:contain;content:"";display:inline-block;height:48px;-webkit-mask-image:var(--hel-icon--link-external);mask-image:var(--hel-icon--link-external);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:48px 48px;mask-size:48px 48px;vertical-align:bottom;width:48px}}.event__content::before{margin-right:8px}.event__content--date::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--calendar-clock);mask-image:var(--hel-icon--calendar-clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event__content--location::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.event-list__list-container{margin-bottom:32px}.event__lower-container{display:flex;justify-content:space-between}@media(min-width: 992px){.event__lower-container{margin-bottom:8px}}.event-list__count{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-bottom:16px}.events-list__empty-subtext{margin-bottom:24px}.event-list__load-more{margin-left:-8px;margin-right:-8px}.event-list__load-more>*{margin-left:8px;margin-right:8px}.event-list__load-more-button{margin-bottom:16px}.event-list-spinner{position:relative}.event-list-spinner .hds-loading-spinner{margin-bottom:48px;margin-top:48px;position:relative}.hero{color:#fff}.hero .hero__container{color:#1a1a1a;padding-bottom:48px;padding-top:24px;position:relative}@media(max-width: 576px){.hero .hero__container{max-width:100%}}.hero .hds-koros svg{margin-bottom:-1px}.hero .hero__text-content{max-width:690px}.hero .hero__title{margin-bottom:16px;margin-top:16px}.hero .hero__title+.hero__cta{margin-top:48px}.hero .hero__cta{align-items:flex-start;display:inline-flex;flex-flow:column;margin-top:32px}@media(min-width: 576px){.hero .hero__cta{flex-flow:row;margin:32px 0 0}}.hero .hero__cta .hero__button{margin-top:8px 0 0}@media(min-width: 576px){.hero .hero__cta .hero__button{margin:0 0 0 16px}}.hero .hero__cta .hero__button:first-child{margin:0}.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:calc(-8px + (-2px))}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary{margin-left:16px}}@media(min-width: 576px){.hero .hero__cta .hero__button.hds-button--supplementary:first-child{margin-left:-8px}}.hero .hero__description p{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.hero .hero__description a:not(.hds-button){color:currentColor}.hero .hero__arrow{background-color:var(--hdbt-color-palette--accent);bottom:-90px;height:100px;left:24px;-webkit-mask-image:var(--hel-icon--hero-arrow-mobile);mask-image:var(--hel-icon--hero-arrow-mobile);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:94px;z-index:10}@media(min-width: 992px){.hero .hero__arrow{bottom:-100px;height:110px;left:32px;-webkit-mask-image:var(--hel-icon--hero-arrow-desktop);mask-image:var(--hel-icon--hero-arrow-desktop);width:94px}}.hero-wrapper.has-first-gray-bg-block{background-color:#f7f7f8;margin-bottom:-64px;padding-bottom:48px}@media(min-width: 768px){.hero-wrapper.has-first-gray-bg-block{margin-bottom:-96px}}.hero--bg-color--coat-of-arms{background-color:#0072c6}.hero--bg-color--coat-of-arms .hero__container{color:#fff}.hero--bg-color--coat-of-arms .hero__image-container{color:#0072c6}.hero--bg-color--coat-of-arms .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--gold{background-color:#c2a251}.hero--bg-color--gold .hero__image-container{color:#c2a251}.hero--bg-color--silver{background-color:#dedfe1}.hero--bg-color--silver .hero__image-container{color:#dedfe1}.hero--bg-color--brick{background-color:#bd2719}.hero--bg-color--brick .hero__container{color:#fff}.hero--bg-color--brick .hero__image-container{color:#bd2719}.hero--bg-color--brick .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--bus{background-color:#0000bf}.hero--bg-color--bus .hero__container{color:#fff}.hero--bg-color--bus .hero__image-container{color:#0000bf}.hero--bg-color--bus .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero--bg-color--copper{background-color:#00d7a7}.hero--bg-color--copper .hero__image-container{color:#00d7a7}.hero--bg-color--engel{background-color:#ffe977}.hero--bg-color--engel .hero__image-container{color:#ffe977}.hero--bg-color--fog{background-color:#9fc9eb}.hero--bg-color--fog .hero__image-container{color:#9fc9eb}.hero--bg-color--metro{background-color:#fd4f00}.hero--bg-color--metro .hero__image-container{color:#fd4f00}.hero--bg-color--summer{background-color:#ffc61e}.hero--bg-color--summer .hero__image-container{color:#ffc61e}.hero--bg-color--suomenlinna{background-color:#f5a3c7}.hero--bg-color--suomenlinna .hero__image-container{color:#f5a3c7}.hero--bg-color--tram{background-color:#008741}.hero--bg-color--tram .hero__container{color:#fff}.hero--bg-color--tram .hero__image-container{color:#008741}.hero--bg-color--tram .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white)}.hero__container .helfi-search__form .hds-text-input__label{color:inherit}.has-first-gray-bg-block .hero--without-image-left .hds-koros{color:#f7f7f8}.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container,.hero--with-image-bottom .hero__container{padding-bottom:48px}}.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros,.hero--with-image-bottom .hds-koros{display:none}.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container,.hero--with-image-bottom .hero__image-container{height:300px}}.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img,.hero--with-image-bottom .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros,.hero--with-image-bottom .hero__image-container .hds-koros{display:block;position:absolute;z-index:1}@media(min-width: 768px){.hero--with-image-right,.hero--with-image-left{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(min-width: 768px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{align-items:center;display:flex;margin:0;max-width:648px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__container,.hero--with-image-left .hero__container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hds-koros,.hero--with-image-left .hds-koros{display:block}}@media(min-width: 768px){.has-first-gray-bg-block .hero--with-image-right .hds-koros,.has-first-gray-bg-block .hero--with-image-left .hds-koros{color:#f7f7f8}}@media(min-width: 768px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{height:auto;margin-top:64px;max-width:648px;padding:0 32px 64px;width:50%}}@media(min-width: 992px){.hero--with-image-right .hero__image-container,.hero--with-image-left .hero__image-container{max-width:664px}}@media(min-width: 768px){.hero--with-image-right .hero__image-container img,.hero--with-image-left .hero__image-container img{height:auto;position:static;transform:none;width:100%}}@media(min-width: 768px){.hero--with-image-right .hero__image-container .hds-koros,.hero--with-image-left .hero__image-container .hds-koros{display:none}}.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-355px}@media(min-width: 768px){.hero--with-image-right .hero__arrow,.hero--with-image-left .hero__arrow{bottom:-90px}}@media(min-width: 768px){.hero--with-image-left{flex-direction:row-reverse}}@media(min-width: 768px){.hero--with-image-left .hero__arrow{left:calc(-100% + 24px)}}.hero--with-image-bottom .hero__container{padding-bottom:16px}@media(min-width: 992px){.hero--with-image-bottom .hero__image-container{height:400px}}.hero--with-image-bottom .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--with-image-bottom .hero__arrow{bottom:-470px}}@media(min-width: 992px){.hero--diagonal,.hero--with-search{position:relative}}.hero--diagonal .hero__container,.hero--with-search .hero__container{align-items:center;display:flex;padding-bottom:16px;position:relative;width:100%;z-index:2}@media(min-width: 992px){.hero--diagonal .hero__container,.hero--with-search .hero__container{min-height:480px;padding-bottom:48px}}@media(min-width: 992px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:400px}}@media(min-width: 1248px){.hero--diagonal .hero__text-content,.hero--with-search .hero__text-content{max-width:500px}}@media(min-width: 992px){.hero--diagonal .hero__title,.hero--with-search .hero__title{margin-top:16px}}.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:200px;position:relative}@media(min-width: 320px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{height:300px}}@media(min-width: 992px){.hero--diagonal .hero__image-container,.hero--with-search .hero__image-container{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}}.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{display:block;position:absolute;top:-1px;z-index:1}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{bottom:50%;left:5%;top:auto;transform:rotate(135deg);transform-origin:center;width:100%}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros,.hero--with-search .hero__image-container .hds-koros{left:0%}}@media(min-width: 992px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{background-color:currentColor;content:"";display:block;height:1000px;left:15%;position:absolute;top:48px;width:1500px}}@media(min-width: 1248px){.hero--diagonal .hero__image-container .hds-koros::after,.hero--with-search .hero__image-container .hds-koros::after{left:25%}}.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);z-index:0}@media(min-width: 992px){.hero--diagonal .hero__image-container img,.hero--with-search .hero__image-container img{margin-left:30%;position:static;transform:none}}.hero--diagonal .hds-koros,.hero--with-search .hds-koros{display:none}.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-355px}@media(min-width: 992px){.hero--diagonal .hero__arrow,.hero--with-search .hero__arrow{bottom:-70px}}.component--image img{width:100%}.component--liftup-with-image-img{--side-padding: 10%;color:var(--hdbt-color-palette-text--primary)}@media(min-width: 576px){.component--liftup-with-image-img{--side-padding: 20%}}@media(min-width: 830px){.component--liftup-with-image-img{--side-padding: 30%}}@media(min-width: 1248px){.component--liftup-with-image-img{--side-padding: 20%}}.component--liftup-with-image-img .liftup-with-image{align-items:center;display:grid;grid-template-columns:[col1-start] var(--side-padding) [col2-start] 1fr [col1-end] var(--side-padding) [col2-end];grid-template-rows:[row1-start] 1fr [row2-start] 32px [row1-end] min-content [row2-end]}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image{grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}.component--liftup-with-image-img.component--liftup-with-image-img-on-right .liftup-with-image{--content-area: row2-start / col1-start / row2-end / col1-end;--image-area: row1-start / col2-start / row1-end / col2-end}.component--liftup-with-image-img.component--liftup-with-image-img-on-left .liftup-with-image{--content-area: row2-start / col2-start / row2-end / col2-end;--image-area: row1-start / col1-start / row1-end / col1-end;--content-margin-right: auto}.component--liftup-with-image-img .liftup-with-image__content{background-color:var(--hdbt-color-palette--primary);color:var(--hdbt-color-palette-text--primary);margin-left:var(--content-margin-right);padding:32px;width:-moz-fit-content;width:fit-content}@media(min-width: 830px){.component--liftup-with-image-img .liftup-with-image__content{display:flex;flex-direction:column;justify-content:center;min-height:350px;width:460px}}@media(min-width: 1248px){.component--liftup-with-image-img .liftup-with-image__content{min-height:435px}}.component--liftup-with-image-img .liftup-with-image__content .hds-button{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height)}.component--liftup-with-image-img a.link{color:var(--hdbt-color-palette-text--primary)}.component--liftup-with-image-img .hds-button--primary{--background-color: var(--hdbt-color-palette-button--primary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--primary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button-contrast--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--primary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--primary)}.component--liftup-with-image-img .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--primary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--primary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--primary);--border-color-hover: var(--hdbt-color-palette-button--primary);--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: var(--hdbt-color-palette-button--primary);--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button-contrast--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--primary);--focus-outline-color: var(--hdbt-color-palette-button--primary)}.component--liftup-with-image-img .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--primary);--border-color-hover-focus: var(--hdbt-color-palette-button--primary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--primary);--color-hover: var(--hdbt-color-palette-button--primary);--color-focus: var(--hdbt-color-palette-button--primary);--color-hover-focus: var(--hdbt-color-palette-button--primary);--color-disabled: var(--hdbt-color-palette-button--primary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-secondary{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .liftup-with-image__content{background-color:var(--hdbt-color-palette--secondary);color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary a.link{color:var(--hdbt-color-palette-text--secondary)}.component--liftup-with-image-secondary .hds-button--primary{--background-color: var(--hdbt-color-palette-button--secondary);--background-color-hover: transparent;--background-color-focus: var(--hdbt-color-palette-button--secondary);--background-color-hover-focus: transparent;--background-color-disabled: var(--color-black-20);--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--color-black-20);--color: var(--hdbt-color-palette-button-contrast--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button-contrast--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--color-black);--focus-outline-color: var(--hdbt-color-palette-button--secondary);--submit-input-focus-gutter-color: var(--hdbt-color-palette-button-contrast--secondary)}.component--liftup-with-image-secondary .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--hdbt-color-palette-button--secondary);--background-color-focus: transparent;--background-color-hover-focus: var(--hdbt-color-palette-button--secondary);--background-color-disabled: transparent;--border-color: var(--hdbt-color-palette-button--secondary);--border-color-hover: var(--hdbt-color-palette-button--secondary);--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: var(--hdbt-color-palette-button--secondary);--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button-contrast--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button-contrast--secondary);--focus-outline-color: var(--hdbt-color-palette-button--secondary)}.component--liftup-with-image-secondary .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--hdbt-color-palette-button--secondary);--border-color-hover-focus: var(--hdbt-color-palette-button--secondary);--border-color-disabled: transparent;--color: var(--hdbt-color-palette-button--secondary);--color-hover: var(--hdbt-color-palette-button--secondary);--color-focus: var(--hdbt-color-palette-button--secondary);--color-hover-focus: var(--hdbt-color-palette-button--secondary);--color-disabled: var(--hdbt-color-palette-button--secondary);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.liftup-with-image__image{grid-area:var(--image-area)}.liftup-with-image__image picture{width:100%}.liftup-with-image__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.liftup-with-image__container{grid-area:var(--content-area)}.liftup-with-image__title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.liftup-with-image__title{--line-height: 1;font-size:2rem;font-weight:400}}.liftup-with-image__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);margin-top:16px}.liftup-with-image__desc>*:first-child{margin-top:0}.liftup-with-image__desc a{--hdbt-default-link-color: var(--hdbt-color-palette-text--primary)}.no-sidebar .components--upper>.component--liftup-with-image-bg.component--liftup-with-image-bg{padding-left:0;padding-right:0}.component--liftup-with-image-bg .component__container{max-width:none}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1296px;--image-area: row1-start / col1-start / row1-end / col1-end;display:grid;grid-template-columns:[col1-start] 1fr [col2-start] min(100%,var(--max-width)) [col2-end] 1fr [col1-end];grid-template-rows:[row1-start row2-start] 1fr [row1-end row2-end]}}@media(min-width: 992px)and (min-width: 768px){.component--liftup-with-image-bg .liftup-with-image{--max-width: 1328px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__image{min-height:540px;position:relative}.component--liftup-with-image-bg .liftup-with-image__image picture{top:0;right:0;bottom:0;left:0;position:absolute}.component--liftup-with-image-bg .liftup-with-image__image img{display:block;height:100%;overflow:hidden;width:100%;-o-object-fit:cover;object-fit:cover}}.component--liftup-with-image-bg .liftup-with-image__container{padding-left:16px;padding-right:16px}@media(min-width: 768px){.component--liftup-with-image-bg .liftup-with-image__container{padding-left:32px;padding-right:32px}}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__container{align-content:center;display:grid;grid-area:row2-start/col2-start/row2-end/col2-end}}.component--liftup-with-image-bg .liftup-with-image__content{justify-self:end;padding-top:32px;padding-left:0;padding-right:0;z-index:1}@media(min-width: 992px){.component--liftup-with-image-bg .liftup-with-image__content{background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:64px 0;min-height:350px;padding:32px;width:460px}}.component--liftup-with-image-bg a{--hdbt-default-link-color: var(--color-black)}.component--liftup-with-image-bg .hds-button--primary{--background-color: var(--color-black-90);--background-color-hover: var(--color-white);--background-color-focus: var(--color-black-90);--background-color-hover-focus: var(--color-white);--background-color-disabled: var(--color-black-20);--border-color: var(--color-black-90);--border-color-hover: var(--color-black);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-20);--color: var(--color-white);--color-hover: var(--color-black-90);--color-focus: var(--color-white);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-white);--focus-outline-color: var(--color-black-90);--submit-input-focus-gutter-color: var(--color-white)}.component--liftup-with-image-bg .hds-button--secondary{--background-color: transparent;--background-color-hover: var(--color-black-90);--background-color-focus: transparent;--background-color-hover-focus: var(--color-black-90);--background-color-disabled: transparent;--border-color: var(--color-black-90);--border-color-hover: var(--color-black-90);--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: var(--color-black-50);--color: var(--color-black-90);--color-hover: var(--color-white);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-white);--focus-outline-color: var(--color-black-90)}.component--liftup-with-image-bg .hds-button--supplementary{--background-color: transparent;--background-color-hover: transparent;--background-color-focus: transparent;--background-color-hover-focus: transparent;--background-color-disabled: transparent;--border-color: transparent;--border-color-hover: transparent;--border-color-focus: var(--color-black-90);--border-color-hover-focus: var(--color-black-90);--border-color-disabled: transparent;--color: var(--color-black-90);--color-hover: var(--color-black-90);--color-focus: var(--color-black-90);--color-hover-focus: var(--color-black-90);--color-disabled: var(--color-black-20);--focus-outline-color: transparent;--submit-input-focus-gutter-color: transparent}.component--liftup-with-image-bg .hds-button--supplementary:hover{text-decoration:underline}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-left .liftup-with-image__container{justify-self:end}}@media(min-width: 992px){.component--liftup-with-image-bg.component--liftup-with-image-img-on-right .liftup-with-image__container{justify-self:start}}.list-of-links{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%}@media(min-width: 576px){.list-of-links{flex-direction:row;margin-left:-48px;width:calc(100% + 48px)}}.list-of-links__item{margin-bottom:32px;position:relative;width:100%}@media(min-width: 576px){.list-of-links__item{margin-left:48px;width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item{width:calc(25% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(1){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(1):nth-last-child(3){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(2):nth-last-child(2){width:calc(33.3333% - 48px)}}@media(min-width: 576px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.list-of-links__item:nth-child(3):nth-last-child(1){width:calc(33.3333% - 48px)}}.list-of-links__item .list-of-links__item__link{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:90px;word-wrap:anywhere;text-decoration:none;width:100%}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link{display:block}}.list-of-links__item .list-of-links__item__link:focus,.list-of-links__item .list-of-links__item__link:hover{text-decoration:underline}.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:translateX(8px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus::after,.list-of-links__item .list-of-links__item__link:hover::after{transform:none}}.list-of-links__item .list-of-links__item__link::before{content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute}.list-of-links__item .list-of-links__item__link::after{--icon-size: 1.5rem;background-color:#000;background-size:contain;content:"";display:inline-block;height:calc(var(--line-height) * 1em);height:var(--icon-size, calc(var(--line-height) * 1em));-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);mask-size:calc(var(--line-height) * 1em) calc(var(--line-height) * 1em);-webkit-mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));mask-size:var(--icon-size, calc(var(--line-height) * 1em)) var(--icon-size, calc(var(--line-height) * 1em));vertical-align:bottom;width:calc(var(--line-height) * 1em);width:var(--icon-size, calc(var(--line-height) * 1em));transition:transform .2s linear;content:"";display:block;flex-shrink:0;margin-left:-4px;margin-top:8px}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link::after{transition:none}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link::after{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link[data-is-external]::after{content:none;display:none}.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 1.5rem;display:block;flex-shrink:0;height:var(--icon-size);margin-left:-4px;margin-top:8px;-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);width:var(--icon-size)}@media(min-width: 576px){.list-of-links__item .list-of-links__item__link .link__type{--icon-size: 3rem;margin-left:-8px;margin-top:16px}}.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:translate(4px, -4px)}@media(prefers-reduced-motion){.list-of-links__item .list-of-links__item__link:focus .link__type--external,.list-of-links__item .list-of-links__item__link:hover .link__type--external{transform:none}}.list-of-links__item .list-of-links__item__image{left:0;position:absolute;top:0;width:90px}@media(min-width: 576px){.list-of-links__item .list-of-links__item__image{margin-bottom:16px;position:static;width:100%}}.list-of-links__item .list-of-links__item__image img{display:block;height:auto;overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #e5e5e5}.list-of-links__item .list-of-links__item__image .image-placeholder{padding-bottom:100%}.list-of-links__item .list-of-links__item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin:0 0 0 116px}@media(min-width: 992px){.list-of-links__item .list-of-links__item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 576px){.list-of-links__item .list-of-links__item__title{margin:0}}.component--list-of-links-without-image .list-of-links__item{align-self:flex-start;min-height:2rem;padding-bottom:0}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item{width:calc(33.3333% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(1){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(1):nth-last-child(2){width:calc(50% - 48px)}}@media(min-width: 768px){.component--list-of-links-without-image .list-of-links__item:nth-child(2):nth-last-child(1){width:calc(50% - 48px)}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link{display:flex;flex-direction:row;justify-content:flex-start;min-height:auto;text-decoration:underline}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{align-self:flex-start;margin-left:8px;margin-top:-2px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link .link__type,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link::after{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:focus,.component--list-of-links-without-image .list-of-links__item .list-of-links__item__link:hover{text-decoration:none}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__title{display:flex;margin-left:0}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin:-2px 0 0 16px}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow{margin-top:-8px}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 2rem}@media(min-width: 576px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__arrow .hel-icon{--icon-size: 3rem}}.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);color:#666;margin-top:8px}@media(min-width: 992px){.component--list-of-links-without-image .list-of-links__item .list-of-links__item__desc{margin-top:4px}}.has-sidebar .main-content .list-of-links__item{padding-bottom:24px}@media(min-width: 992px){.has-sidebar .main-content .list-of-links__item{width:calc(50% - 48px)}}@media(min-width: 992px){.has-sidebar .main-content .component--list-of-links-without-image .list-of-links__item{width:calc(50% - 48px)}}.component--map{background-color:#f7f7f8}.component--map .address-line1::after{content:","}.unit .component--map{margin-top:32px}@media(min-width: 768px){.unit .component--map{margin-top:48px}}.component--map .component__container{padding:48px 0}.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:24px 16px 48px}@media(min-width: 768px){.unit .component--map .component__container,.has-sidebar .component--map .component__container{padding:32px 32px 48px}}@media(max-width: 992px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-16px;margin-right:-16px}}@media(max-width: 992px)and (min-width: 768px){.has-sidebar .components--upper .component--map,.has-sidebar .unit .component--map{margin-left:-32px;margin-right:-32px}}.map{height:0;margin:16px 0;padding-bottom:100%;position:relative}@media(min-width: 576px){.map{padding-bottom:56.25%}}.map>div,.map iframe{background-color:#e5e5e5;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.map .map__external-link{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);align-items:center;bottom:-40px;display:inline-flex;position:absolute;right:0;text-decoration:underline}.component--news-list .news-listing{margin-bottom:48px}.component--phasing{--item-title-lineheight: 1.875rem;counter-reset:item}@media(min-width: 992px){.component--phasing{--item-title-lineheight: 2.25rem}}.component--phasing .component__content{padding-left:0}.phasing__item{--circle-size: 16px;--p-left: 72px;background-color:var(--hdbt-color-palette--secondary);list-style:none;padding:32px 32px 32px var(--p-left);position:relative}.phasing__item:not(:last-of-type){margin-bottom:16px}.phasing__item::before,.phasing__item::after{content:"";display:block;left:calc(var(--p-left)*.5);position:absolute}.phasing__item::before{background-color:#000;height:calc(100% + 16px + 8px);top:0;transform:translateX(-50%);width:2px}.phasing__item:first-of-type::before{height:100%;top:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:last-of-type::before{height:calc(32px + var(--item-title-lineheight)*.5)}.phasing__item:only-child::before{display:none}.phasing__item::after{background-color:#fff;border:3px solid #000;border-radius:50%;height:var(--circle-size);top:calc(32px + var(--item-title-lineheight)*.5);transform:translate(-50%, -50%);width:var(--circle-size)}.phasing__item--with-numbers{--circle-size: 40px;--p-left: 80px}@media(min-width: 992px){.phasing__item--with-numbers{--circle-size: 48px;--p-left: 96px}}.phasing__item--with-numbers::after{align-items:center;content:counter(item);counter-increment:item;display:flex;justify-content:center;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.phasing__item--with-numbers::after{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0}@media(min-width: 992px){.phasing__item-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.phasing__item-title{--line-height: var(--item-title-lineheight)}.phasing__item-title+.phasing__item-description{margin-top:16px}.component--accordion .component--phasing{--item-title-lineheight: 1.6875rem}@media(min-width: 992px){.component--accordion .component--phasing{--item-title-lineheight: 1.875rem}}.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.2222222222;font-size:1.125rem;font-weight:500;line-height:var(--line-height)}@media(min-width: 992px){.component--accordion .component--phasing .phasing__item--with-numbers::after,.component--accordion .component--phasing .phasing__item-title,.component--accordion .component--phasing .component__title{--line-height: 1.5;font-size:1.25rem;font-weight:500}}.popular-service-item{background-color:#f7f7f8;margin-bottom:24px;padding-bottom:32px;padding-left:24px;padding-right:24px;padding-top:24px}@media(min-width: 768px){.popular-service-item{width:calc(50% - 24px)}}.popular-service-item__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:unset}@media(min-width: 992px){.popular-service-item__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.popular-service-item__links{--line-height: 1.5;font-size:1.25rem;font-weight:500;line-height:var(--line-height);display:flex;flex-direction:column;margin-top:16px}@media(min-width: 768px){.popular-service-item__links{margin-top:24px}}@media(min-width: 768px){.popular-services{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.popular-services>*{margin-left:12px;margin-right:12px}}.component--remote-video{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);padding-left:16px;padding-right:16px;background-color:#000;padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--remote-video{padding-left:32px;padding-right:32px}}@media(min-width: 768px){.component--remote-video{padding-bottom:48px;padding-top:48px}}@media(min-width: 992px){.component--remote-video{padding-bottom:64px;padding-top:64px}}.component--remote-video,.component--remote-video a:not(.hds-button){color:#fff}.component--remote-video+.component--remote-video.component--no-header{margin-top:0;padding-top:0}.remote-video__video{position:relative}.remote-video__video .responsive-video-container{background-color:#e5e5e5;height:0;overflow:hidden;padding-bottom:56.25%}.remote-video__video .responsive-video-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.remote-video__video-title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:8px}@media(min-width: 992px){.remote-video__video-title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}@media(min-width: 768px){.remote-video__video-title{margin-top:16px}}.remote-video__video-desc{margin-top:8px}.remote-video__video-desc>p:first-child{margin-top:0}.views--service-list .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--service-list .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--service-list .views-exposed-form{align-items:flex-end;display:flex}}@media(min-width: 768px){.views--service-list .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--service-list .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--service-list .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}@media(min-width: 768px){.views--service-list .views-exposed-form .form-actions{display:flex;width:30%}}.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height);display:block;width:100%}@media(min-width: 992px){.views--service-list .service-list__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.views--service-list .service-list__count-container .service-list__count{font-weight:700}.views--service-list .views-infinite-scroll-content-wrapper{margin-top:24px}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper{display:flex;flex-wrap:wrap;margin-left:calc(-24px / 2);margin-right:calc(-24px / 2);margin-top:48px}}@media(min-width: 992px){.views--service-list .views-infinite-scroll-content-wrapper .views-row{margin-top:24px;width:25%}}.views--service-list .views-infinite-scroll-content-wrapper .views-row:nth-child(-n+4){margin-top:0}.sidebar-text{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.sidebar-text+.sidebar-text{margin-top:32px}.sidebar-text .sidebar-text__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);color:#000;margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.sidebar-text .sidebar-text__title+.sidebar-text__text-content{margin-top:24px}.sidebar-text .sidebar-text__text-content{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);color:var(--hdbt-color-palette-text--secondary)}.sidebar-text .sidebar-text__text-content>*:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>p:first-child{margin-top:0}.sidebar-text .sidebar-text__text-content>*:last-child{margin-bottom:0}.sidebar-text .sidebar-text__text-content>p{background-color:var(--hdbt-color-palette--secondary);padding:24px 16px}.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:inline-flex}.sidebar-text .sidebar-text__text-content .hds-button--primary:only-child,.sidebar-text .sidebar-text__text-content .hds-button--secondary:only-child{margin-top:0}@media(min-width: 992px){.sidebar-text .sidebar-text__text-content .hds-button--primary,.sidebar-text .sidebar-text__text-content .hds-button--secondary{display:flex}}.sidebar-text .sidebar-text__text-content .hds-button--supplementary:first-child{margin-left:0}.sidebar-text .sidebar-text__text-content .hds-button--supplementary.hdbt-icon::before{margin-left:8px}.sidebar-text ul,.sidebar-text ol{background-color:var(--hdbt-color-palette--secondary);padding:16px}.sidebar-text ul li,.sidebar-text ol li{margin-left:32px;padding-left:8px}.sidebar-text ul ul,.sidebar-text ul ol,.sidebar-text ol ul,.sidebar-text ol ol{margin-top:0}.sidebar-text ul ul li,.sidebar-text ul ol li,.sidebar-text ol ul li,.sidebar-text ol ol li{margin-left:8px}.sidebar-text--service-links .sidebar-text__text-content>a{background-color:var(--hdbt-color-palette--secondary);display:grid;grid-template-columns:1fr calc(24px + 8px);margin-top:16px;padding:24px 16px;text-decoration:none}.sidebar-text--service-links .sidebar-text__text-content>a:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:center;justify-self:end;order:3}.sidebar-text--service-links .sidebar-text__text-content>a[data-is-external]:after{display:none}.sidebar-text--service-links .sidebar-text__text-content>a:hover{text-decoration:underline}.target-group-links{--gap: 8px;display:flex;flex-wrap:wrap;gap:8px;gap:var(--gap, 8px)}@media(min-width: 768px){.target-group-links{--gap: 24px}}.target-group-link{--icon-size: 32px;--title-line-height: 1.625rem;grid-column-gap:24px;background-color:#f7f7f8;display:grid;grid-template-areas:"icon title" "icon subtitle";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:24px;position:relative;width:100%}@media(min-width: 768px){.target-group-link{--icon-size: 48px;width:calc(50% - .5*var(--gap))}}@media(min-width: 992px){.target-group-link{--title-line-height: 1.75rem}}.target-group-link__icon{grid-area:icon}.target-group-link__icon .hel-icon{display:block}.target-group-link__title{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);grid-area:title;margin:0;padding-top:calc(.5*(var(--icon-size) - var(--title-line-height)))}@media(min-width: 992px){.target-group-link__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.target-group-link__link{text-decoration:none}.target-group-link__link::before{content:"";height:100%;top:0;right:0;bottom:0;left:0;position:absolute}.target-group-link__link:hover{text-decoration:underline}.target-group-link__subtitle{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:var(--line-height);grid-area:subtitle;margin-bottom:calc(.5*(var(--icon-size) - var(--title-line-height)));margin-top:8px}.target-group-link__subtitle p{margin-top:0}.component--paragraph-text .component__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);max-width:860px}.component--paragraph-text .component__content>*:first-child,.component--paragraph-text .component__content>p:first-child{margin-top:0}.component--paragraph-text .component__content>*:last-child{margin-bottom:0}.component--unit-search{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-search:last-child{margin-bottom:-115px;padding-bottom:55px}.component--unit-search .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-search .component__container{padding-bottom:64px;padding-top:64px}}.views--unit-search{margin-top:32px}.views--unit-search .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--unit-search .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--unit-search .views-exposed-form{align-items:flex-end;display:flex;flex-wrap:wrap}}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}.views--unit-search .views-exposed-form [data-drupal-selector=edit-provided-languages-value]{margin-top:24px;order:1}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-actions{display:flex;width:30%}}.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:16px}@media(min-width: 768px){.views--unit-search .unit-search__results>.views-row:first-of-type,.views--unit-search .views-infinite-scroll-content-wrapper{margin-top:32px}}.unit-search__results{border-top:1px solid #e5e5e5;display:block;margin-top:32px;padding-top:32px;width:100%}@media(min-width: 768px){.unit-search__results{margin-top:64px;padding-top:64px}}.unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row{margin-top:16px}@media(min-width: 768px){.unit-search__result-actions{align-items:center;display:flex;justify-content:space-between}}.unit-search__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:var(--line-height)}@media(min-width: 992px){.unit-search__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit-search__count-container .unit-search__count{font-weight:700}.unit-search__additional-information{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height);display:block;margin-bottom:24px;margin-top:16px}.unit-search__additional-information.unit-search__address-not-found{padding-left:48px;position:relative}.unit-search__additional-information.unit-search__address-not-found::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;background-color:#d18200;left:16px;margin-top:-12px;position:absolute;top:50%}.unit-search__additional-information.unit-search__address-not-found p{margin-top:0}.unit-search__result--list,.unit-search__result--map{margin-top:16px}@media(min-width: 768px){.unit-search__result--list,.unit-search__result--map{margin-top:32px}}.unit-search__result--map{padding-bottom:52%;position:relative;width:100%}.unit-search__map{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.unit-search__map-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(min-width: 768px){.unit-search__map-actions{margin-top:24px}}.unit-search__no-results-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.unit-search__no-results-title{--line-height: 1;font-size:2rem;font-weight:400}}.unit-search__no-results-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:var(--line-height)}.views--unit-search--large-volume .unit-search__results>.views-infinite-scroll-content-wrapper>.views-row+.views-row,.views--unit-search--large-volume .unit-search__results .views-row+.views-row{margin-top:8px}.dialog-off-canvas-main-canvas::after{background-color:rgba(0,0,0,.4);content:"";height:0;opacity:0;pointer-events:none;visibility:hidden;width:0}.eu-cookie-compliance-banner{background-color:#0000bf;color:#fff;max-height:100vh;overflow:auto;padding:0 0 24px}@media(min-width: 768px){.eu-cookie-compliance-banner{padding:0 0 32px}}.eu-cookie-compliance-banner .eu-cookie-compliance-content{display:flex;flex-wrap:wrap;padding-top:24px}.eu-cookie-compliance-banner .eu-cookie-compliance-message{float:none;max-width:100%;width:100%}.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:var(--line-height);margin-top:0;max-width:860px}@media(min-width: 992px){.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.eu-cookie-compliance-banner .eu-cookie-compliance-message>p{max-width:860px}.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{margin-top:32px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{align-items:center;display:flex}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info{width:30%}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{justify-content:flex-end;width:70%}}.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-top:16px}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-top:0}}.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{float:none;max-width:100%}.eu-cookie-compliance-banner .eu-cookie-withdraw-button{display:none}.eu-cookie-compliance-banner .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);max-width:400px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .hds-button{width:auto}}.sliding-popup-bottom{width:100%}.gin--horizontal-toolbar .toolbar-bar{position:fixed}.gin--horizontal-toolbar .node-preview-container{padding:0 32px;top:54px}.logo{align-items:center;display:flex;text-decoration:none}.logo__icon{--height: 32px;--aspect-ratio: 2.1666666667;height:var(--height);width:calc(var(--aspect-ratio)*var(--height))}@media(min-width: 768px){.logo__icon{--height: 54px}}.logo__icon--sv,.logo__icon--ru{--aspect-ratio: 2.7857142857}.logo--header{color:#000;height:var(--branding-height)}.logo--footer{margin-top:8px}@media(min-width: 768px){.logo--footer{margin-right:16px;margin-top:0}}.logo--footer .logo__icon{--height: 40px}.metadata-container{background-color:var(--hdbt-color-palette--secondary);display:flex;flex-wrap:wrap;margin-top:16px;padding:24px}@media(min-width: 768px){.metadata-container{margin-top:32px}}.metadata__item{display:flex;margin-top:16px;width:100%}@media(min-width: 768px){.metadata__item{width:50%}}.metadata__item:first-child{margin-top:0}@media(min-width: 768px){.metadata__item:nth-child(2){margin-top:0}}.metadata__item .hel-icon{height:24px;margin-right:8px;min-width:24px;width:24px}.metadata__item-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:var(--line-height);display:block}.content-tags__tags{margin-left:-4px;margin-right:-4px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0;margin-top:0;padding-left:0}.content-tags__tags>*{margin-left:4px;margin-right:4px}.content-tags__tags__tag{list-style:none;margin-bottom:8px;margin-top:0}.content-tags__tags__tag a,.content-tags__tags__tag span,.content-tags__tags--static li{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:var(--line-height);display:inline-block;line-height:1;text-decoration:none;transition:.2s ease-in-out background-color,.2s ease-in-out border-color}.content-tags__tags--interactive a{background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:48px;padding:16px 20px 18px}.content-tags__tags--interactive a:hover,.content-tags__tags--interactive a:active{background-color:#000;border-color:#000;color:#fff}.content-tags__tags--interactive a:focus,.content-tags__tags--interactive a:active{border-color:#000;outline:2px solid #000;outline-offset:2px}.content-tags__tags--static span{background-color:#dedfe1;border-radius:16px;padding:8px 16px 10px}.content-tags__tags--static .content-tags__tags__tag--coat-of-arms span{background-color:#b5daf7}.content-tags__tags--static .content-tags__tags__tag--gold span{background-color:#e8d7a7}.content-tags__tags--static .content-tags__tags__tag--bus span{background-color:#ccf}.content-tags__tags--static .content-tags__tags__tag--success span{background-color:#007a64;color:#fff}.content-tags__tags--static .content-tags__tags__tag--alert span{background-color:#ffda07}.content-tags__tags--static .content-tags__tags__tag--error span{background-color:#b01038;color:#fff}.hds-loading-spinner{left:49%;position:fixed;top:48.5%;z-index:1000}#ed11y-panel{left:21px !important;right:auto !important}.is-hidden{display:none}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px} diff --git a/dist/js/async/globalMenu.chunk.js b/dist/js/async/globalMenu.chunk.js new file mode 100644 index 000000000..1b929bb53 --- /dev/null +++ b/dist/js/async/globalMenu.chunk.js @@ -0,0 +1 @@ +(self.webpackChunkhdbt=self.webpackChunkhdbt||[]).push([[222,860],{375:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return B}});var r=Object.prototype.toString,i=Array.isArray||function(t){return"[object Array]"===r.call(t)};function a(t){return"function"==typeof t}function s(t){return t.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function o(t,e){return null!=t&&"object"==typeof t&&e in t}var l=RegExp.prototype.test;var u=/\S/;function c(t){return!function(t,e){return l.call(t,e)}(u,t)}var h={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="};var p=/\s*/,d=/\s+/,f=/\s*=/,m=/\s*\}/,g=/#|\^|\/|>|\{|&|=|!/;function v(t){this.string=t,this.tail=t,this.pos=0}function b(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function _(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}v.prototype.eos=function(){return""===this.tail},v.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},v.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},b.prototype.push=function(t){return new b(t,this)},b.prototype.lookup=function(t){var e,n,r,i=this.cache;if(i.hasOwnProperty(t))e=i[t];else{for(var s,l,u,c=this,h=!1;c;){if(t.indexOf(".")>0)for(s=c.view,l=t.split("."),u=0;null!=s&&u0?i[i.length-1][4]:n;break;default:r.push(e)}return n}(function(t){for(var e,n,r=[],i=0,a=t.length;i"===s?o=this.renderPartial(a,e,n,i):"&"===s?o=this.unescapedValue(a,e):"name"===s?o=this.escapedValue(a,e,i):"text"===s&&(o=this.rawValue(a)),void 0!==o&&(l+=o);return l},_.prototype.renderSection=function(t,e,n,r,s){var o=this,l="",u=e.lookup(t[1]);if(u){if(i(u))for(var c=0,h=u.length;c0||!n)&&(i[a]=r+i[a]);return i.join("\n")},_.prototype.renderPartial=function(t,e,n,r){if(n){var i=this.getConfigTags(r),s=a(n)?n(t[1]):n[t[1]];if(null!=s){var o=t[6],l=t[5],u=t[4],c=s;0==l&&u&&(c=this.indentPartial(s,u,o));var h=this.parse(c,i);return this.renderTokens(h,e,n,c,r)}}},_.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},_.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||x.escape,i=e.lookup(t[1]);if(null!=i)return"number"==typeof i&&r===x.escape?String(i):r(i)},_.prototype.rawValue=function(t){return t[1]},_.prototype.getConfigTags=function(t){return i(t)?t:t&&"object"==typeof t?t.tags:void 0},_.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!i(t)?t.escape:void 0};var x={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){w.templateCache=t},get templateCache(){return w.templateCache}},w=new _;x.clearCache=function(){return w.clearCache()},x.parse=function(t,e){return w.parse(t,e)},x.render=function(t,e,n,r){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+((i(a=t)?"array":typeof a)+'" was given as the first argument for mustache#render(template, view, partials)'));var a;return w.render(t,e,n,r)},x.escape=function(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))},x.Scanner=v,x.Context=b,x.Writer=_;var k=x,y=n(184),I=n.n(y);const L=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),P=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),E=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function C(){return this.sub_tree?.length>0}function S(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function A(){return!!this.active}function O(){return!!this.inPath}function j(){return!!this.is_injected}function T(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function R(){return!!this.attributes?.lang}function U(){return!!this.external&&(U.ICONS[this.attributes["data-protocol"]]||U.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),i=this.filter((t=>t[e]));if(r)return r;if(i.length){const n=[];return i.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},U.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};var B={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n \n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n \n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>S.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:i,sub_tree:a,parentId:s,inPath:o,active:l})=>e===r&&(t.push({sub_tree:a,name:i,url:n,parentId:s,inPath:o,active:l}),r=s,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||L,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:C,isActive:A,isInPath:O,isInjected:j,externalLinkAttributes:T,hasLang:R,externalLinkIcon:U,back:n>0&&(this.content.at(n-1)?.name??L),openSubMenuTranslation:P,openParentMenuTranslation:E,panel_class:I()({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=k.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],r=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&r.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(r.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),i=r.findRecursive((t=>S.call(t)),"sub_tree");i&&(i.active=!0,i.inPath=!0);let a=i?.parentId;for(;a;){r.findRecursive((t=>t.id===a&&(a=t.parentId,t.inPath=!0,!0)),"sub_tree")||(a=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){if(this.running)return void console.warn("MobilePanel already initiated. Is it include more than once?");if(this.onOpen=t,this.onClose=e,this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const n=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",n),this.start()};this.toggleButton.addEventListener("click",n),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",n(),this.open()),this.running=!0}}},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var t=[],e=0;e{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:s,onClose:i}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);if(this.running)console.warn(`${t} already initiated. Is it included more than once?`);else{if(this.HASH_ID=n,this.onOpen=s,this.onClose=i,this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners(),this.running=!0}}}t.exports=()=>new e}}]); \ No newline at end of file diff --git a/dist/js/async/toggleWidgets.chunk.js b/dist/js/async/toggleWidgets.chunk.js new file mode 100644 index 000000000..bcb119931 --- /dev/null +++ b/dist/js/async/toggleWidgets.chunk.js @@ -0,0 +1 @@ +(self.webpackChunkhdbt=self.webpackChunkhdbt||[]).push([[907,808],{609:function(e){const t=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],a=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{e.dataset.cssmenuHide=!0}))},o=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{delete e.dataset.cssmenuHide}))};e.exports={setHide:e=>{(!0===e?a:o)()},close:a,open:o,HIDE_SELECTORS:t}}}]); \ No newline at end of file diff --git a/dist/js/menu.min.js b/dist/js/menu.min.js index 2d465e352..693e4e185 100644 --- a/dist/js/menu.min.js +++ b/dist/js/menu.min.js @@ -1 +1 @@ -!function(){var t={504:function(t,e,n){const r=n(466),i=n(184),s=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),a=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),o=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function l(){return this.sub_tree?.length>0}function u(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function c(){return!!this.active}function h(){return!!this.inPath}function p(){return!!this.is_injected}function d(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function f(){return!!this.attributes?.lang}function m(){return!!this.external&&(m.ICONS[this.attributes["data-protocol"]]||m.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),i=this.filter((t=>t[e]));if(r)return r;if(i.length){const n=[];return i.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},m.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const g={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n \n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n \n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>u.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:i,sub_tree:s,parentId:a,inPath:o,active:l})=>e===r&&(t.push({sub_tree:s,name:i,url:n,parentId:a,inPath:o,active:l}),r=a,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||s,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:c,isInPath:h,isInjected:p,externalLinkAttributes:d,hasLang:f,externalLinkIcon:m,back:n>0&&(this.content.at(n-1)?.name??s),openSubMenuTranslation:a,openParentMenuTranslation:o,panel_class:i({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],i=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&i.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(i.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),i=r.findRecursive((t=>u.call(t)),"sub_tree");i&&(i.active=!0,i.inPath=!0);let s=i?.parentId;for(;s;){r.findRecursive((t=>t.id===s&&(s=t.parentId,t.inPath=!0,!0)),"sub_tree")||(s=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=g},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,f=/\s+/,m=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,s,a,o=!1,l=[],u=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete u[h.pop()];else h=[];p=!1,b=!1}function E(t){if("string"==typeof t&&(t=t.split(f,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(i(t[0])+"\\s*"),s=new RegExp("\\s*"+i(t[1])),a=new RegExp("\\s*"+i("}"+t[1]))}E(n||I.tags);for(var P,C,S,A,O,j,T=new w(t);!T.eos();){if(P=T.pos,S=T.scanUntil(r))for(var R=0,U=S.length;R0?i[i.length-1][4]:n;break;default:r.push(e)}return n}function w(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}w.prototype.eos=function(){return""===this.tail},w.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},w.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var i,o,l,u=this,c=!1;u;){if(t.indexOf(".")>0)for(i=u.view,o=t.split("."),l=0;null!=i&&l"===a?o=this.renderPartial(s,e,n,i):"&"===a?o=this.unescapedValue(s,e):"name"===a?o=this.escapedValue(s,e,i):"text"===a&&(o=this.rawValue(s)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,i,s,a){var o=this,l="",u=r.lookup(t[1]);function c(t){return o.render(t,r,i,a)}if(u){if(e(u))for(var h=0,p=u.length;h0||!n)&&(i[s]=r+i[s]);return i.join("\n")},y.prototype.renderPartial=function(t,e,r,i){if(r){var s=this.getConfigTags(i),a=n(r)?r(t[1]):r[t[1]];if(null!=a){var o=t[6],l=t[5],u=t[4],c=a;0==l&&u&&(c=this.indentPartial(a,u,o));var h=this.parse(c,s);return this.renderTokens(h,e,r,c,i)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,i=e.lookup(t[1]);if(null!=i)return"number"==typeof i&&r===I.escape?String(i):r(i)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,i){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,i)},I.escape=p,I.Scanner=w,I.Context=k,I.Writer=y,I}()}},e={};(function n(r){var i=e[r];if(void 0!==i)return i.exports;var s=e[r]={exports:{}};return t[r].call(s.exports,s,s.exports,n),s.exports})(504)}(); \ No newline at end of file +!function(){var t={184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};var c=/\s*/,u=/\s+/,h=/\s*=/,f=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function g(t){this.string=t,this.tail=t,this.pos=0}function d(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}g.prototype.eos=function(){return""===this.tail},g.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},g.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},d.prototype.push=function(t){return new d(t,this)},d.prototype.lookup=function(t){var e,n,i,a=this.cache;if(a.hasOwnProperty(t))e=a[t];else{for(var s,l,p,c=this,u=!1;c;){if(t.indexOf(".")>0)for(s=c.view,l=t.split("."),p=0;null!=s&&p0?i[i.length-1][4]:n;break;default:r.push(e)}return n}(function(t){for(var e,n,r=[],i=0,o=t.length;i"===a?s=this.renderPartial(o,e,n,i):"&"===a?s=this.unescapedValue(o,e):"name"===a?s=this.escapedValue(o,e,i):"text"===a&&(s=this.rawValue(o)),void 0!==s&&(l+=s);return l},y.prototype.renderSection=function(t,n,i,o,a){var s=this,l="",p=n.lookup(t[1]);if(p){if(e(p))for(var c=0,u=p.length;c0||!n)&&(i[o]=r+i[o]);return i.join("\n")},y.prototype.renderPartial=function(t,e,n,i){if(n){var o=this.getConfigTags(i),a=r(n)?n(t[1]):n[t[1]];if(null!=a){var s=t[6],l=t[5],p=t[4],c=a;0==l&&p&&(c=this.indentPartial(a,p,s));var u=this.parse(c,o);return this.renderTokens(u,e,n,c,i)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||w.escape,i=e.lookup(t[1]);if(null!=i)return"number"==typeof i&&r===w.escape?String(i):r(i)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var w={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){x.templateCache=t},get templateCache(){return x.templateCache}},x=new y;w.clearCache=function(){return x.clearCache()},w.parse=function(t,e){return x.parse(t,e)},w.render=function(t,n,r,i){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+((e(o=t)?"array":typeof o)+'" was given as the first argument for mustache#render(template, view, partials)'));var o;return x.render(t,n,r,i)},w.escape=function(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return p[t]}))},w.Scanner=g,w.Context=d,w.Writer=y;n(184);Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function m(){return!!this.external&&(m.ICONS[this.attributes["data-protocol"]]||m.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),i=this.filter((t=>t[e]));if(r)return r;if(i.length){const n=[];return i.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},m.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}}}()}(); \ No newline at end of file diff --git a/dist/js/nav-global.min.js b/dist/js/nav-global.min.js deleted file mode 100644 index df690b8eb..000000000 --- a/dist/js/nav-global.min.js +++ /dev/null @@ -1 +0,0 @@ -!function(){var t={504:function(t,e,n){const r=n(466),s=n(184),i=Drupal.t("Frontpage",{},{context:"Global navigation mobile menu top level"}),a=Drupal.t("Open submenu:",{},{context:"Mobile navigation menu prefix"}),o=Drupal.t("Open parent menu:",{},{context:"Mobile navigation menu prefix"});function l(){return this.sub_tree?.length>0}function c(){try{return!this.external&&this.url&&new URL(this.url).pathname===window.location.pathname}catch(t){console.warn('Invalid url given to "isCurrentPath"-helper',this.url)}return!1}function u(){return!!this.active}function h(){return!!this.inPath}function p(){return!!this.is_injected}function d(){return{external:this.attributes["data-external"]||this.external||!1,protocol:this.attributes["data-protocol"]||!1}}function m(){return!!this.attributes?.lang}function f(){return!!this.external&&(f.ICONS[this.attributes["data-protocol"]]||f.ICONS.external)}Array.prototype.findRecursive=function(t,e){if(!e)throw new Error("findRecursive requires parameter `childrenPropertyName`");let n=[];n=this;const r=this.find(t),s=this.filter((t=>t[e]));if(r)return r;if(s.length){const n=[];return s.forEach((t=>{n.push(...t[e])})),n.findRecursive(t,e)}},f.ICONS={mailto:{class:"link__type link__type--mailto",text:Drupal.t("Link opens default mail program",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link opens default mail program."})},tel:{class:"link__type link__type--tel",text:Drupal.t("Link starts a phone call",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link starts a phone call."})},external:{class:"link__type link__type--external",text:Drupal.t("Link leads to external service",{},{context:"Explanation for screen-reader software that the icon visible next to this link means that the link leads to an external service."})}};const g={compileTemplates(){this.templates={panel:`\n {{#panels}}\n
\n \n ${document.querySelector(".js-mmenu__footer")?.outerHTML}\n
\n {{/panels}}\n\n {{^panels}}\n \n {{/panels}}\n `,list:'\n \n '}},menu:null,templates:null,SCROLL_TRESHOLD:100,size:10,running:!1,data:null,currentIndex:0,cacheKey:"hdbt-mobile-menu",enableCache:!1,selectors:{container:"#mmenu",rootId:"mmenu__panels",forward:"mmenu__forward",back:"mmenu__back"},getAPIUrl(){const t=new URL(drupalSettings?.helfi_navigation?.links?.api);return t.searchParams.set("_format","json"),t.searchParams.set("max-depth",drupalSettings?.menu_depth),t.toString()},getRoot(){return document.getElementById(this.selectors.rootId)},sortPanelsByPath(){const t=[],e=this.data,n=e.findRecursive((t=>c.call(t)),"sub_tree");let r=n?.sub_tree?.length?n.id:n?.parentId;for(;r;){e.findRecursive((({id:e,url:n,name:s,sub_tree:i,parentId:a,inPath:o,active:l})=>e===r&&(t.push({sub_tree:i,name:s,url:n,parentId:a,inPath:o,active:l}),r=a,!0)),"sub_tree")||(r=void 0)}t.push({sub_tree:e,inPath:!0}),t.reverse(),this.currentIndex=t.length-1,this.content=[...t]},content:[],getView(t){return this.content.map(((e,n)=>({...e,name:e?.name||i,url:e.url||drupalSettings.helfi_navigation.links.canonical,button:l,isActive:u,isInPath:h,isInjected:p,externalLinkAttributes:d,hasLang:m,externalLinkIcon:f,back:n>0&&(this.content.at(n-1)?.name??i),openSubMenuTranslation:a,openParentMenuTranslation:o,panel_class:s({mmenu__panel:!0,"mmenu__panel--visible":!0,"mmenu__panel--current":n===this.currentIndex,"mmenu__panel--visible-right":"start"===t&&n>this.currentIndex||"up"===t&&n>=this.currentIndex||"down"===t&&n>this.currentIndex+1,"mmenu__panel--visible-left":"up"===t&&ne===t));if(!e)throw new Error(`ID mismatch in menu items${t}`);this.currentIndex=this.currentIndex+1=0?this.currentIndex-1:this.currentIndex,this.render("down"))},render(t){const e=this.getRoot();if(e.innerHTML=r.render(this.templates.panel,{panels:this.getView(t)},{sub_tree:this.templates.list}),"load"===t)return;const n=[...e.querySelectorAll(".mmenu__panel")],s=n.at(this.currentIndex);e.parentElement.scrollTop>this.SCROLL_TRESHOLD&&this.currentIndex>0&&s.querySelector(".mmenu__back").scrollIntoView({block:"start",behaviour:"smooth"}),setTimeout((()=>{switch(s.classList.remove("mmenu__panel--visible-right","mmenu__panel--visible-left"),t){case"up":n.at(this.currentIndex-1).classList.add("mmenu__panel--visible-left");break;case"down":n.at(this.currentIndex+1).classList.add("mmenu__panel--visible-right")}setTimeout((()=>{n.forEach((t=>{t.classList.contains("mmenu__panel--current")||(t.style.visibility="hidden")}))}),200)}),10)},async load(){const t=await fetch(this.getAPIUrl()),e=await t.json(),n=Object.getOwnPropertyNames(e);if(!n.length)throw new Error("No instances found in data",e);const r=n.map((t=>{const n=e[t].menu_tree[0];return n.parentId="",n})),s=r.findRecursive((t=>c.call(t)),"sub_tree");s&&(s.active=!0,s.inPath=!0);let i=s?.parentId;for(;i;){r.findRecursive((t=>t.id===i&&(i=t.parentId,t.inPath=!0,!0)),"sub_tree")||(i=void 0)}this.data=r},async start(){const t=document.querySelector(this.selectors.container);if(!this.getRoot()||!t)throw new Error("Panel root not found");t.classList.add("mmenu--visible"),this.render("load");try{await this.load()}catch(t){return console.error("Unable to load menu data, using mock menu for development purposes. Reset to nojs-fallback when integrating with actual API",t),void this.enableFallback()}this.sortPanelsByPath(),this.render("start"),this.getRoot().addEventListener("click",(t=>{const{target:{classList:e,value:n,parentElement:r}}=t;t.stopImmediatePropagation(),e&&e.contains(this.selectors.forward)?this.up(n):(e&&e.contains(this.selectors.back)||r?.classList&&r?.classList.contains(this.selectors.back))&&this.down()}))},isOpen(){return"#menu"===window.location.hash||"true"===this.toggleButton.getAttribute("aria-expanded")},disableFallback(){this.menu.dataset.js=!0},enableFallback(){this.menu.dataset.target="false",this.getRoot().innerHTML="",delete this.menu.dataset.js,window.location.hash="#menu"},close(){this.toggleButton.setAttribute("aria-expanded","false"),this.menu.dataset.target="false",this.onClose&&this.onClose()},open(){this.menu.dataset.target="true",this.toggleButton.setAttribute("aria-expanded","true"),this.onOpen&&this.onOpen()},toggle(){this.isOpen()?this.close():this.open(),this.toggleButton.focus()},init({onOpen:t,onClose:e}){this.running?console.warn("MobilePanel already initiated. Is it include more than once?"):(this.onOpen=t,this.onClose=e,document.addEventListener("DOMContentLoaded",(()=>{if(this.toggleButton=document.querySelector(".js-menu-toggle-button"),!this.toggleButton)throw new Error("No toggle button for JS menu.");if(this.menu=document.querySelector("#menu"),!this.menu)return void console.error("Panel not present in DOM. Cannot start JS mobile menu");this.disableFallback(),document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.toggleButton.focus())}));const t=()=>{this.compileTemplates(),this.toggleButton.removeEventListener("click",t),this.start()};this.toggleButton.addEventListener("click",t),this.toggleButton.addEventListener("click",(()=>this.toggle())),this.isOpen()&&(window.location.hash="",t(),this.open())})),this.running=!0)}};t.exports=g},351:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:r,onClose:s}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=r,this.onClose=s,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e},996:function(t){const e=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],n=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{t.dataset.cssmenuHide=!0}))},r=()=>{document.querySelectorAll(e.join(",")).forEach((t=>{delete t.dataset.cssmenuHide}))};t.exports={setHide:t=>{(!0===t?n:r)()},close:n,open:r,HIDE_SELECTORS:e}},184:function(t,e){var n;!function(){"use strict";var r={}.hasOwnProperty;function s(){for(var t=[],e=0;e":">",'"':""","'":"'","/":"/","`":"`","=":"="};function p(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))}var d=/\s*/,m=/\s+/,f=/\s*=/,g=/\s*\}/,v=/#|\^|\/|>|\{|&|=|!/;function b(t,n){if(!t)return[];var r,i,a,o=!1,l=[],c=[],h=[],p=!1,b=!1,k="",y=0;function L(){if(p&&!b)for(;h.length;)delete c[h.pop()];else h=[];p=!1,b=!1}function S(t){if("string"==typeof t&&(t=t.split(m,2)),!e(t)||2!==t.length)throw new Error("Invalid tags: "+t);r=new RegExp(s(t[0])+"\\s*"),i=new RegExp("\\s*"+s(t[1])),a=new RegExp("\\s*"+s("}"+t[1]))}S(n||I.tags);for(var E,O,C,A,P,j,T=new w(t);!T.eos();){if(E=T.pos,C=T.scanUntil(r))for(var R=0,D=C.length;R0?s[s.length-1][4]:n;break;default:r.push(e)}return n}function w(t){this.string=t,this.tail=t,this.pos=0}function k(t,e){this.view=t,this.cache={".":this.view},this.parent=e}function y(){this.templateCache={_cache:{},set:function(t,e){this._cache[t]=e},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}w.prototype.eos=function(){return""===this.tail},w.prototype.scan=function(t){var e=this.tail.match(t);if(!e||0!==e.index)return"";var n=e[0];return this.tail=this.tail.substring(n.length),this.pos+=n.length,n},w.prototype.scanUntil=function(t){var e,n=this.tail.search(t);switch(n){case-1:e=this.tail,this.tail="";break;case 0:e="";break;default:e=this.tail.substring(0,n),this.tail=this.tail.substring(n)}return this.pos+=e.length,e},k.prototype.push=function(t){return new k(t,this)},k.prototype.lookup=function(t){var e,r=this.cache;if(r.hasOwnProperty(t))e=r[t];else{for(var s,o,l,c=this,u=!1;c;){if(t.indexOf(".")>0)for(s=c.view,o=t.split("."),l=0;null!=s&&l"===a?o=this.renderPartial(i,e,n,s):"&"===a?o=this.unescapedValue(i,e):"name"===a?o=this.escapedValue(i,e,s):"text"===a&&(o=this.rawValue(i)),void 0!==o&&(l+=o);return l},y.prototype.renderSection=function(t,r,s,i,a){var o=this,l="",c=r.lookup(t[1]);function u(t){return o.render(t,r,s,a)}if(c){if(e(c))for(var h=0,p=c.length;h0||!n)&&(s[i]=r+s[i]);return s.join("\n")},y.prototype.renderPartial=function(t,e,r,s){if(r){var i=this.getConfigTags(s),a=n(r)?r(t[1]):r[t[1]];if(null!=a){var o=t[6],l=t[5],c=t[4],u=a;0==l&&c&&(u=this.indentPartial(a,c,o));var h=this.parse(u,i);return this.renderTokens(h,e,r,u,s)}}},y.prototype.unescapedValue=function(t,e){var n=e.lookup(t[1]);if(null!=n)return n},y.prototype.escapedValue=function(t,e,n){var r=this.getConfigEscape(n)||I.escape,s=e.lookup(t[1]);if(null!=s)return"number"==typeof s&&r===I.escape?String(s):r(s)},y.prototype.rawValue=function(t){return t[1]},y.prototype.getConfigTags=function(t){return e(t)?t:t&&"object"==typeof t?t.tags:void 0},y.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!e(t)?t.escape:void 0};var I={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){L.templateCache=t},get templateCache(){return L.templateCache}},L=new y;return I.clearCache=function(){return L.clearCache()},I.parse=function(t,e){return L.parse(t,e)},I.render=function(t,e,n,s){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+r(t)+'" was given as the first argument for mustache#render(template, view, partials)');return L.render(t,e,n,s)},I.escape=p,I.Scanner=w,I.Context=k,I.Writer=y,I}()}},e={};function n(r){var s=e[r];if(void 0!==s)return s.exports;var i=e[r]={exports:{}};return t[r].call(i.exports,i,i.exports,n),i.exports}!function(){const t=n(504),e=n(996),r=n(351);const s=r(),i=r();i.init({name:"Other languages dropdown",buttonSelector:".js-otherlangs-button",targetSelector:"#otherlangs",onOpen:()=>{t.close(),s.close(),e.close()},onClose:e.open}),s.init({name:"Search dropdown",buttonSelector:".js-header-search__button",targetSelector:"#search",onOpen:()=>{t.close(),i.close(),e.close(),window.setTimeout((()=>document.querySelector('.header-search-wrapper input[type="search"]')?.focus()),10)},onClose:e.open});const a=({target:n})=>{(n.closest(".desktop-menu, .header-top")||null===n.closest(".header"))&&(t.close(),i.close(),s.close(),e.open())},o=e=>{if(e.touches&&e.touches.length>1)return!0;const n=e.target.closest(".mmenu__panel--current");var r;return window.matchMedia("(max-width: 992px)").matches&&(t.isOpen()||s.isOpen()||i.isOpen())&&(null===e.target.closest("#nav-toggle-dropdown--menu")||null!==n&&!((r=n).scrollWidth>r.clientWidth||r.scrollHeight>r.clientHeight))?(e.preventDefault(),e.stopPropagation(),!1):void 0};t.init({onOpen:()=>{i.close(),s.close(),e.close()},onClose:e.open}),document.addEventListener("DOMContentLoaded",(()=>{document.addEventListener("click",a);const t=document.querySelector("body");t.addEventListener("wheel",o,{passive:!1}),t.addEventListener("scroll",o,{passive:!1}),t.addEventListener("touchmove",o,{passive:!1})}))}()}(); \ No newline at end of file diff --git a/dist/js/nav-local.min.js b/dist/js/nav-local.min.js deleted file mode 100644 index 8766ebc7d..000000000 --- a/dist/js/nav-local.min.js +++ /dev/null @@ -1 +0,0 @@ -document.addEventListener("DOMContentLoaded",(()=>{const e=[".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop","#block-kuurahealthchat","#ed11y-panel"],t=document.querySelector(".js-cssmenu-toggle-button"),c=document.querySelector(".js-cssmenu-toggle-checkbox");function n(t){const c=document.querySelectorAll(e.join(","));for(let e=0;e{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:s,onClose:o}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);this.running?console.warn(`${t} already initiated. Is it included more than once?`):(this.HASH_ID=n,this.onOpen=s,this.onClose=o,document.addEventListener("DOMContentLoaded",(()=>{if(this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners()})),this.running=!0)}}t.exports=()=>new e}},e={};(function n(s){var o=e[s];if(void 0!==o)return o.exports;var i=e[s]={exports:{}};return t[s](i,i.exports,n),i.exports})(351)}(); \ No newline at end of file +!function(){var t={407:function(t){class e{constructor(){this.HASH_ID=null,this.buttonSelector=null,this.buttonInstance=null,this.running=!1,this.targetNode=null,this.onOpen=null}isOpen(){return window.location.hash===this.HASH_ID||"true"===this.targetNode.dataset.target}close(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","false"),this.targetNode.dataset.target="false",this.onClose&&this.onClose())}open(){this.running&&(this.buttonInstance.setAttribute("aria-expanded","true"),this.targetNode.dataset.target="true",this.onOpen&&this.onOpen())}toggle(){this.isOpen()?this.close():this.open(),this.buttonInstance.focus()}addListeners(){document.addEventListener("keydown",(t=>{"Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||!this.isOpen()||(this.close(),this.buttonInstance.focus())})),this.buttonInstance.addEventListener("click",(()=>{this.toggle()}))}init({name:t,buttonSelector:e,targetSelector:n,onOpen:s,onClose:i}){if(this.name=t,this.buttonSelector=e,this.buttonInstance=document.querySelector(this.buttonSelector),!this.buttonInstance)return this.running=!1,void console.warn(`${t} button missing. Looking for ${this.buttonSelector}`);if(this.running)console.warn(`${t} already initiated. Is it included more than once?`);else{if(this.HASH_ID=n,this.onOpen=s,this.onClose=i,this.targetNode=document.querySelector(this.HASH_ID),!this.targetNode)throw new Error(`${t} target node missing. Looking for ${this.HASH_ID}`);this.targetNode.dataset.js=!0,this.addListeners(),this.running=!0}}}t.exports=()=>new e}},e={};(function n(s){var i=e[s];if(void 0!==i)return i.exports;var o=e[s]={exports:{}};return t[s](o,o.exports,n),o.exports})(407)}(); \ No newline at end of file diff --git a/dist/js/nav-toggle.min.js b/dist/js/nav-toggle.min.js new file mode 100644 index 000000000..6bde642ce --- /dev/null +++ b/dist/js/nav-toggle.min.js @@ -0,0 +1 @@ +!function(){var e,t,n,r,o={},i={};function c(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return o[e](n,n.exports,c),n.exports}c.m=o,c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,{a:t}),t},t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},c.t=function(n,r){if(1&r&&(n=this(n)),8&r)return n;if("object"==typeof n&&n){if(4&r&&n.__esModule)return n;if(16&r&&"function"==typeof n.then)return n}var o=Object.create(null);c.r(o);var i={};e=e||[null,t({}),t([]),t(t)];for(var u=2&r&&n;"object"==typeof u&&!~e.indexOf(u);u=t(u))Object.getOwnPropertyNames(u).forEach((function(e){i[e]=function(){return n[e]}}));return i.default=function(){return n},c.d(o,i),o},c.d=function(e,t){for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.f={},c.e=function(e){return Promise.all(Object.keys(c.f).reduce((function(t,n){return c.f[n](e,t),t}),[]))},c.u=function(e){return"js/async/"+{186:"navToggleDropdown",222:"globalMenu",907:"toggleWidgets"}[e]+".chunk.js"},c.miniCssF=function(e){},c.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n={},r="hdbt:",c.l=function(e,t,o,i){if(n[e])n[e].push(t);else{var u,a;if(void 0!==o)for(var l=document.getElementsByTagName("script"),s=0;s{const{close:e,open:t}=await c.e(907).then(c.t.bind(c,609,23)),n=(await c.e(186).then(c.t.bind(c,407,23))).default,r={};let o,i={};!0===drupalSettings.hdbt.profile_dropdown&&(r.ProfileDropdown="profile"),!0===drupalSettings.hdbt.search_dropdown&&(r.SearchDropdown="search"),!0===drupalSettings.hdbt.otherlangs_dropdown&&(r.OtherLangsDropdown="otherlangs"),!0===drupalSettings.hdbt.global_menu?(o=await c.e(222).then(c.bind(c,375)),i=o.default):r.CssMenuDropdownDropdown="cssmenu";const u=r,a=Object.keys(u);a.forEach((r=>{const o=u[r];u[r]=n(),u[r].init({name:`${o} dropdown`,buttonSelector:`.js-${o}-button`,targetSelector:`#${o}`,onOpen:()=>{a.forEach((e=>{e!==r&&u[e].close()})),0!==Object.keys(i).length&&i.close(),e()},onClose:t})})),0!==Object.keys(i).length&&i.init({onOpen:()=>{a.forEach((e=>{u[e].close()})),e()},onClose:t});const l=e=>{if(e.touches&&e.touches.length>1)return!0;const t=e.target.closest(".mmenu__panel--current");var n;return window.matchMedia("(max-width: 992px)").matches&&(()=>{let e=!1;return a.forEach((t=>{u[t].isOpen()&&(e=!0)})),0!==Object.keys(i).length&&i.isOpen()&&(e=!0),e})()&&(null===e.target.closest("#nav-toggle-dropdown--menu")||null!==t&&!((n=t).scrollWidth>n.clientWidth||n.scrollHeight>n.clientHeight))?(e.preventDefault(),e.stopPropagation(),!1):void 0};document.addEventListener("click",(({target:e})=>{(e.closest(".desktop-menu, .header-top")||null===e.closest(".header"))&&(a.forEach((e=>{u[e].close()})),0!==Object.keys(i).length&&i.close(),t())}));const s=document.querySelector("body");s.addEventListener("wheel",l,{passive:!1}),s.addEventListener("scroll",l,{passive:!1}),s.addEventListener("touchmove",l,{passive:!1})})()}(); \ No newline at end of file diff --git a/dist/js/toggle-widgets.min.js b/dist/js/toggle-widgets.min.js index 613369cfd..f665c9d8a 100644 --- a/dist/js/toggle-widgets.min.js +++ b/dist/js/toggle-widgets.min.js @@ -1 +1 @@ -!function(){var e={996:function(e){const t=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],o=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{e.dataset.cssmenuHide=!0}))},a=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{delete e.dataset.cssmenuHide}))};e.exports={setHide:e=>{(!0===e?o:a)()},close:o,open:a,HIDE_SELECTORS:t}}},t={};(function o(a){var r=t[a];if(void 0!==r)return r.exports;var c=t[a]={exports:{}};return e[a](c,c.exports,o),c.exports})(996)}(); \ No newline at end of file +!function(){var e={609:function(e){const t=["#chat-leijuke-wrapper",".si-toggle-container",".cx-theme-helsinki-blue","#smartti-wrapper",".aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop, #aca--widget-button-close","#block-kuurahealthchat","#ed11y-panel","#sliding-popup"],o=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{e.dataset.cssmenuHide=!0}))},a=()=>{document.querySelectorAll(t.join(",")).forEach((e=>{delete e.dataset.cssmenuHide}))};e.exports={setHide:e=>{(!0===e?o:a)()},close:o,open:a,HIDE_SELECTORS:t}}},t={};(function o(a){var r=t[a];if(void 0!==r)return r.exports;var c=t[a]={exports:{}};return e[a](c,c.exports,o),c.exports})(609)}(); \ No newline at end of file diff --git a/hdbt.libraries.yml b/hdbt.libraries.yml index 4cd385152..37794b00b 100644 --- a/hdbt.libraries.yml +++ b/hdbt.libraries.yml @@ -69,26 +69,6 @@ global-styling: - hdbt/color-palette - hdbt/hdbt-icons -nav-local: - version: 1.x - css: - theme: - dist/css/nav_local.min.css: {} - js: - dist/js/nav-local.min.js: {} - dependencies: - - hdbt/global-styling - -nav-global: - version: 1.x - css: - theme: - dist/css/nav_global.min.css: {} - js: - dist/js/nav-global.min.js: {} - dependencies: - - hdbt/global-styling - # TODO Convert branding mobile to its own library. global-scripting: version: 1.x @@ -138,3 +118,31 @@ disable_genesys_button: - core/jquery - core/drupal - core/drupalSettings + +nav-toggle: + version: 1.x + js: + dist/js/nav-toggle.min.js: { attributes: { defer: true } } + css: + theme: + dist/css/nav_toggle.min.css: {} + dependencies: + - core/drupalSettings + +nav-local: + version: 1.x + css: + theme: + dist/css/nav_local.min.css: {} + dependencies: + - hdbt/global-styling + - hdbt/nav-toggle + +nav-global: + version: 1.x + css: + theme: + dist/css/nav_global.min.css: {} + dependencies: + - hdbt/global-styling + - hdbt/nav-toggle diff --git a/hdbt.theme b/hdbt.theme index 51ded2ae7..a803a390b 100644 --- a/hdbt.theme +++ b/hdbt.theme @@ -38,6 +38,12 @@ function hdbt_preprocess(&$variables, $hook) { // Toggle between global and local navigation in twig templates. $variables['use_global_navigation'] = \Drupal::moduleHandler() ->moduleExists('helfi_navigation'); + $variables['#attached']['drupalSettings']['hdbt']['global_menu'] = \Drupal::moduleHandler() + ->moduleExists('helfi_navigation'); + + // @todo Fix this to be independent block as well. + $variables['#attached']['drupalSettings']['hdbt']['search_dropdown'] = \Drupal::moduleHandler() + ->moduleExists('helfi_navigation'); // Apply override for the theme color. if (!empty($theme_color = hdbt_get_theme_color_override())) { @@ -227,6 +233,25 @@ function hdbt_preprocess_page(&$variables) { foreach (hdbt_get_global_url($variables['current_langcode']) as $key => $value) { $variables[$key] = $value; } + + // Check if the search block is added to header branding. + // This is currently tied to global navigation since you can't have search + // without global navigation being enabled. + if ($variables['use_global_navigation'] == TRUE) { + $variables['use_search_block'] = TRUE; + } + + // Check if the otherlangs block is added to header branding. + // Notice that the block machine name needs to be exactly same as here. + if (isset($variables['page']['header_branding']['external_header_language_links'])) { + $variables['use_otherlangs_block'] = TRUE; + } + + // Check if the profile block is added to header branding. + // Notice that the block machine name needs to be exactly same as here. + if (isset($variables['page']['header_branding']['profileblock'])) { + $variables['use_profile_block'] = TRUE; + } } /** @@ -634,6 +659,15 @@ function hdbt_preprocess_block(&$variables) { if ($variables['plugin_id'] == 'announcements') { $variables['#attached']['library'][] = 'hdbt/closable_announcements'; } + + if ($variables['plugin_id'] == 'external_menu_block:header-language-links') { + $variables['#attached']['drupalSettings']['hdbt']['otherlangs_dropdown'] = TRUE; + } + + // Attach "nav_toggle" library to "profile" block. + if ($variables['plugin_id'] == 'profile_block') { + $variables['#attached']['drupalSettings']['hdbt']['profile_dropdown'] = TRUE; + } } /** diff --git a/src/js/nav-global.js b/src/js/nav-global.js deleted file mode 100644 index 14426b736..000000000 --- a/src/js/nav-global.js +++ /dev/null @@ -1,112 +0,0 @@ -const MenuDropdown = require('./nav-global/menu'); -const ToggleWidgets = require('./nav-global/toggle-widgets'); -const NavToggleDropdown = require('./nav-global/nav-toggle-dropdown'); - -function isScrollable(element) { - return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight; -} - -const isMobile = () => window.matchMedia('(max-width: 992px)').matches; -/** - * Init Menus and bind them together so that only one menu is open at a time. - */ -const SearchDropdown = NavToggleDropdown(); - -const OtherLangsDropdown = NavToggleDropdown(); - -OtherLangsDropdown.init({ - name: 'Other languages dropdown', - buttonSelector: '.js-otherlangs-button', - targetSelector: '#otherlangs', - onOpen: () => { - MenuDropdown.close(); - SearchDropdown.close(); - ToggleWidgets.close(); - }, - onClose: ToggleWidgets.open -}); - -SearchDropdown.init({ - name: 'Search dropdown', - buttonSelector: '.js-header-search__button', - targetSelector: '#search', - onOpen: () => { - MenuDropdown.close(); - OtherLangsDropdown.close(); - ToggleWidgets.close(); - window.setTimeout(() => document.querySelector('.header-search-wrapper input[type="search"]')?.focus(), 10); // Delay focus until element is focusable - }, - onClose: ToggleWidgets.open -}); - -const closeFromOutside = ({ target }) => { - if (target.closest('.desktop-menu, .header-top') || target.closest('.header') === null) { - MenuDropdown.close(); - OtherLangsDropdown.close(); - SearchDropdown.close(); - ToggleWidgets.open(); - } -}; - -/** - * See if menu instance is open - * - * @return boolean - */ - -const isAnyMenuOpen = () => MenuDropdown.isOpen() || SearchDropdown.isOpen() || OtherLangsDropdown.isOpen(); - -/** - * Blocks body scroll events when full screen menus are open. - * @param Event - * @return void - */ - -const blockBrandingScroll = (e) => { - // gesture actions are excluded - if (e.touches && e.touches.length >1) { - return true; - } - - const scrolledPanel = e.target.closest('.mmenu__panel--current'); - const preventBodyScrolling = - isMobile() && - isAnyMenuOpen() && - // Don't scroll body from shared header - (e.target.closest('#nav-toggle-dropdown--menu') === null || - // If element has no overflow, it has no overscroll containment. - // See overscroll-behavour CSS specs - (scrolledPanel !== null && !isScrollable(scrolledPanel))); - - if (preventBodyScrolling) { - e.preventDefault(); - e.stopPropagation(); - return false; - } -}; - -/** - * Attach outside click listener to the whole branding navigation area - * so that OtherLangs Menu and Mega menu - * can be closed when clicking outside of branding navi block - */ - -MenuDropdown.init({ - onOpen: () => { - OtherLangsDropdown.close(); - SearchDropdown.close(); - ToggleWidgets.close(); - }, - onClose: ToggleWidgets.open -}); - -document.addEventListener('DOMContentLoaded', () => { - document.addEventListener('click', closeFromOutside); - - // Prevent body scroll through shared header element when full screen menu is open. - const body = document.querySelector('body'); - body.addEventListener('wheel', blockBrandingScroll, { passive: false }); - body.addEventListener('scroll', blockBrandingScroll, { passive: false }); - body.addEventListener('touchmove', blockBrandingScroll, { passive: false }); - -}); diff --git a/src/js/nav-global/menu.js b/src/js/nav-global/menu.js index 62d9062e4..8995659bd 100644 --- a/src/js/nav-global/menu.js +++ b/src/js/nav-global/menu.js @@ -1,5 +1,5 @@ -const Mustache = require('mustache'); -const cls = require('classnames'); +import Mustache from 'mustache'; +import cls from 'classnames'; const frontpageTranslation = Drupal.t('Frontpage', {}, { context: 'Global navigation mobile menu top level' }); const openSubMenuTranslation = Drupal.t('Open submenu:', {}, { context: 'Mobile navigation menu prefix' }); @@ -540,64 +540,64 @@ const MobilePanel = { } this.onOpen = onOpen; this.onClose = onClose; - document.addEventListener('DOMContentLoaded', () => { - // See block--mobile-navigation.html.twig for the button - this.toggleButton = document.querySelector('.js-menu-toggle-button'); - if (!this.toggleButton) { - throw new Error('No toggle button for JS menu.'); - } - // TODO Where is this #menu coming from Maybe name it better? - this.menu = document.querySelector('#menu'); - if (!this.menu) { - // eslint-disable-next-line no-console - console.error('Panel not present in DOM. Cannot start JS mobile menu'); - return; - } - this.disableFallback(); + // This used to load after DOM was loaded, but we added defer for the javascript. + // See block--mobile-navigation.html.twig for the button + this.toggleButton = document.querySelector('.js-menu-toggle-button'); + if (!this.toggleButton) { + throw new Error('No toggle button for JS menu.'); + } + // TODO Where is this #menu coming from Maybe name it better? + this.menu = document.querySelector('#menu'); + if (!this.menu) { + // eslint-disable-next-line no-console + console.error('Panel not present in DOM. Cannot start JS mobile menu'); + return; + } - /** - * Close menu on Escape button click if it is open. - */ - document.addEventListener('keydown', (e) => { - if ((e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27) && this.isOpen()) { - this.close(); - this.toggleButton.focus(); - } - }); + this.disableFallback(); - const start = () => { - /** - * Delay template compilation to menu start to ensure - * footer & top menu blocks are rendered in main DOM before cloning them. - * - * Start removes itself in order to only run once. - */ - this.compileTemplates(); - this.toggleButton.removeEventListener('click', start); - this.start(); - }; + /** + * Close menu on Escape button click if it is open. + */ + document.addEventListener('keydown', (e) => { + if ((e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27) && this.isOpen()) { + this.close(); + this.toggleButton.focus(); + } + }); + + const start = () => { /** - * Add start-event to menu toggle button. + * Delay template compilation to menu start to ensure + * footer & top menu blocks are rendered in main DOM before cloning them. * - * Add Menu toggle function to menu button. - * Side effects: - * Toggles chat widget display values and aria-expanded states and clears menu hash when closing. + * Start removes itself in order to only run once. */ - this.toggleButton.addEventListener('click', start); - this.toggleButton.addEventListener('click', () => this.toggle()); + this.compileTemplates(); + this.toggleButton.removeEventListener('click', start); + this.start(); + }; + /** + * Add start-event to menu toggle button. + * + * Add Menu toggle function to menu button. + * Side effects: + * Toggles chat widget display values and aria-expanded states and clears menu hash when closing. + */ + this.toggleButton.addEventListener('click', start); + this.toggleButton.addEventListener('click', () => this.toggle()); - /** - * Open menu if it is required in the hash, then clear hash. - */ - if (this.isOpen()) { - window.location.hash = ''; - start(); - this.open(); - } - }); + /** + * Open menu if it is required in the hash, then clear hash. + */ + if (this.isOpen()) { + window.location.hash = ''; + start(); + this.open(); + } this.running = true; }, }; -module.exports = MobilePanel; +export default MobilePanel; diff --git a/src/js/nav-local.js b/src/js/nav-local.js deleted file mode 100644 index cc9fa34b2..000000000 --- a/src/js/nav-local.js +++ /dev/null @@ -1,53 +0,0 @@ -/* eslint-disable no-unreachable */ - -document.addEventListener('DOMContentLoaded', () => { - const widgetsToHideSelector = [ - '.cx-theme-helsinki-blue', // Genesys chat in kymp and sote - '#smartti-wrapper', // Smartti chatbot in kymp - '.aca--button--desktop, .aca--button--mobile, .aca--widget--mobile, .aca--widget--desktop', // Watson chatbot in asuminen - '#block-kuurahealthchat', // Kuurahealth in sote - '#ed11y-panel', // Editoria11y accessibility tool - ]; - - const toggle = document.querySelector('.js-cssmenu-toggle-button'); - const checkbox = document.querySelector('.js-cssmenu-toggle-checkbox'); - - function toggleWidgets(hide) { - const widgets = document.querySelectorAll(widgetsToHideSelector.join(',')); - for (let i = 0; i < widgets.length; i++) { - const widget = widgets[i]; - if (hide) { - widget.dataset.cssmenuHide = true; - } else { - delete widget.dataset.cssmenuHide; - } - } - } - - function checkboxToggle() { - if (checkbox.checked) { - toggle.setAttribute('aria-expanded', 'false'); - checkbox.checked = false; - toggleWidgets(false); - toggle.focus(); - } else { - checkbox.checked = true; - toggleWidgets(true); - toggle.setAttribute('aria-expanded', 'true'); - } - } - - if (toggle) { - toggle.addEventListener('click', checkboxToggle); - } - - document.addEventListener('keydown', function toggleOnEnter(e) { - if ((e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27) && checkbox.checked) { - checkboxToggle(); - } - }); - - if (checkbox) { - checkbox.dataset.js = true; // Switch to use js-enhanced version instead of pure css version - } -}); diff --git a/src/js/nav-toggle.js b/src/js/nav-toggle.js new file mode 100644 index 000000000..5a6a48d2e --- /dev/null +++ b/src/js/nav-toggle.js @@ -0,0 +1,152 @@ +(async () => { + const {close, open} = await import(/* webpackChunkName: "toggleWidgets" */ './nav-toggle/toggle-widgets'); + const NavToggle = await import(/* webpackChunkName: "navToggleDropdown" */ './nav-toggle/nav-toggle-dropdown'); + const NavToggleDropdown = NavToggle.default; + + const BRANDING_ELEMENTS = {}; + let MENU; + let MenuDropdown = {}; + + // Check what features on branding navigation are on. + if (drupalSettings.hdbt.profile_dropdown === true) { + BRANDING_ELEMENTS.ProfileDropdown = 'profile'; + } + + if (drupalSettings.hdbt.search_dropdown === true) { + BRANDING_ELEMENTS.SearchDropdown = 'search'; + } + + if (drupalSettings.hdbt.otherlangs_dropdown === true) { + BRANDING_ELEMENTS.OtherLangsDropdown = 'otherlangs'; + } + + if (drupalSettings.hdbt.global_menu === true) { + MENU = await import(/* webpackChunkName: "globalMenu" */ './nav-global/menu'); + MenuDropdown = MENU.default; + } else { + BRANDING_ELEMENTS.CssMenuDropdownDropdown = 'cssmenu'; + } + + function isScrollable(element) { + return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight; + } + + const isMobile = () => window.matchMedia('(max-width: 992px)').matches; + + const AllElements = BRANDING_ELEMENTS; + + const keys = Object.keys(AllElements); + + keys.forEach((key) => { + const name = AllElements[key]; + AllElements[key] = NavToggleDropdown(); + AllElements[key].init({ + name: `${name} dropdown`, + buttonSelector: `.js-${name}-button`, + targetSelector: `#${name}`, + onOpen: () => { + // Close all open menus before opening a new one. + keys.forEach((menuName) => { + if (menuName !== key) { + AllElements[menuName].close(); + } + }); + if (Object.keys(MenuDropdown).length !== 0) { + MenuDropdown.close(); + } + close(); + }, + onClose: open + }); + }); + if (Object.keys(MenuDropdown).length !== 0) { + MenuDropdown.init({ + onOpen: () => { + keys.forEach((key) => { + AllElements[key].close(); + }); + close(); + }, + onClose: open + }); + } + + /** + * See if menu instance is open + * + * @return boolean + */ + + const isAnyMenuOpen = () => { + let isOpen = false; + + keys.forEach((key) => { + if (AllElements[key].isOpen()) { + isOpen = true; + } + }); + + if (Object.keys(MenuDropdown).length !== 0 && MenuDropdown.isOpen()) { + isOpen = true; + } + + return isOpen; + }; + + const closeFromOutside = ({ target }) => { + if (target.closest('.desktop-menu, .header-top') || target.closest('.header') === null) { + keys.forEach((key) => { + AllElements[key].close(); + }); + if (Object.keys(MenuDropdown).length !== 0) { + MenuDropdown.close(); + } + open(); + } + }; + + /** + * Blocks body scroll events when full screen menus are open. + * @param e + * @return boolean + */ + + const blockBrandingScroll = (e) => { + // gesture actions are excluded + if (e.touches && e.touches.length >1) { + return true; + } + + const scrolledPanel = e.target.closest('.mmenu__panel--current'); + const preventBodyScrolling = + isMobile() && + isAnyMenuOpen() && + // Don't scroll body from shared header + (e.target.closest('#nav-toggle-dropdown--menu') === null || + // If element has no overflow, it has no overscroll containment. + // See overscroll-behavour CSS specs + (scrolledPanel !== null && !isScrollable(scrolledPanel))); + + if (preventBodyScrolling) { + e.preventDefault(); + e.stopPropagation(); + return false; + } + }; + + + /** + * Attach outside click listener to the whole branding navigation area + * so that OtherLangs Menu and Mega menu + * can be closed when clicking outside of branding navi block + */ + + // This used to load after DOM was loaded, but we added defer for the javascript. + document.addEventListener('click', closeFromOutside); + + // Prevent body scroll through shared header element when full screen menu is open. + const body = document.querySelector('body'); + body.addEventListener('wheel', blockBrandingScroll, { passive: false }); + body.addEventListener('scroll', blockBrandingScroll, { passive: false }); + body.addEventListener('touchmove', blockBrandingScroll, { passive: false }); +})(); diff --git a/src/js/nav-global/nav-toggle-dropdown.js b/src/js/nav-toggle/nav-toggle-dropdown.js similarity index 81% rename from src/js/nav-global/nav-toggle-dropdown.js rename to src/js/nav-toggle/nav-toggle-dropdown.js index 52ce3ee82..87b1f8341 100644 --- a/src/js/nav-global/nav-toggle-dropdown.js +++ b/src/js/nav-toggle/nav-toggle-dropdown.js @@ -75,16 +75,18 @@ class NavToggleDropdown { this.HASH_ID = targetSelector; this.onOpen = onOpen; this.onClose = onClose; - document.addEventListener('DOMContentLoaded', () => { - // Enhance nojs version with JavaScript - this.targetNode = document.querySelector(this.HASH_ID); - if (!this.targetNode) { - throw new Error(`${name} target node missing. Looking for ${this.HASH_ID}`); - } - // Hide nojs menu links, show button instead. - this.targetNode.dataset.js = true; - this.addListeners(); - }); + + // This used to load after DOM was loaded, but we added defer for the javascript. + // so the check was removed. + + // Enhance nojs version with JavaScript + this.targetNode = document.querySelector(this.HASH_ID); + if (!this.targetNode) { + throw new Error(`${name} target node missing. Looking for ${this.HASH_ID}`); + } + // Hide nojs menu links, show button instead. + this.targetNode.dataset.js = true; + this.addListeners(); this.running = true; } diff --git a/src/js/nav-global/toggle-widgets.js b/src/js/nav-toggle/toggle-widgets.js similarity index 100% rename from src/js/nav-global/toggle-widgets.js rename to src/js/nav-toggle/toggle-widgets.js diff --git a/src/scss/06_components/navigation/_branding-navigation.scss b/src/scss/06_components/navigation/_branding-navigation.scss index b3cacf06c..7bdc087ce 100644 --- a/src/scss/06_components/navigation/_branding-navigation.scss +++ b/src/scss/06_components/navigation/_branding-navigation.scss @@ -6,11 +6,11 @@ $-branding-icon-size-desktop: $spacing-double; background-color: $color-white; display: grid; grid-template-areas: - '. logo . brand search toggle .' - 'menu menu menu menu menu menu menu' - 'lang lang lang lang lang lang lang' - 'langmenu langmenu langmenu langmenu langmenu langmenu langmenu'; - grid-template-columns: var(--header-branding-padding) auto 1fr auto auto auto var(--header-branding-padding); + '. logo . brand search toggle profile .' + 'menu menu menu menu menu menu menu menu' + 'lang lang lang lang lang lang lang lang' + 'langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu'; + grid-template-columns: var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding); grid-template-rows: var(--branding-height) min-content min-content min-content; position: fixed; top: 0; @@ -21,18 +21,18 @@ $-branding-icon-size-desktop: $spacing-double; --branding-height: 86px; --header-branding-padding: #{$spacing-and-half}; grid-template-areas: - '. logo . lang brand search toggle .' - 'langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu' - 'menu menu menu menu menu menu menu menu'; - grid-template-columns: var(--header-branding-padding) auto 1fr auto auto auto auto var(--header-branding-padding); + '. logo . lang brand search toggle profile .' + 'langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu langmenu' + 'menu menu menu menu menu menu menu menu menu'; + grid-template-columns: var(--header-branding-padding) auto 1fr auto auto auto auto auto var(--header-branding-padding); grid-template-rows: var(--branding-height) auto; } @include breakpoint($breakpoint-l) { grid-template-areas: - '. logo . lang brand search toggle .' - 'langmenu langmenu langmenu langmenu . . . .' - 'menu menu menu menu menu menu menu menu'; + '. logo . lang brand search toggle profile .' + 'langmenu langmenu langmenu langmenu . . . . .' + 'menu menu menu menu menu menu menu menu menu'; } @include breakpoint($breakpoint-m) { diff --git a/src/scss/06_components/navigation/global/_menu-toggle.scss b/src/scss/06_components/navigation/global/_menu-toggle.scss index ead1e7f79..1f14c650b 100644 --- a/src/scss/06_components/navigation/global/_menu-toggle.scss +++ b/src/scss/06_components/navigation/global/_menu-toggle.scss @@ -1,17 +1,3 @@ -$-menu-transition-duration: 0.3s; -$-default-label-icon-size: 32px; -$label-font: 'special.navigation.icon_label'; - -// When menu is opened with anchor instead of JS, this forces the page to scroll to top -#menu:not([data-js]) { - scroll-margin-top: 100vh; -} - -.nav-toggle { - align-items: center; - display: flex; -} - .nav-toggle--search { grid-area: search; } @@ -20,95 +6,6 @@ $label-font: 'special.navigation.icon_label'; grid-area: toggle; } -.nav-toggle--otherlangs { - align-items: stretch; - align-self: stretch; - - @include breakpoint($breakpoint-l) { - align-items: center; - } -} - -.nav-toggle__anchor { - display: grid; -} - -.nav-toggle__anchor, -.nav-toggle__button { - grid-template-areas: 'link'; - z-index: 2; -} - -.nav-toggle__button { - background-color: transparent; // Reset button styles - border: 0 none; // Reset button styles - cursor: pointer; - display: none; - padding: 0; - - &:focus { - outline: 0 none; - } -} - -.mega-and-mobilemenu .mobile-menu-fallback, -.mega-and-mobilemenu .mmenu__footer { - padding-top: $spacing; - - @include breakpoint($breakpoint-l) { - display: none; - } -} - -.nav-toggle__label { - @include font($label-font); - align-self: center; - color: $color-black-90; - cursor: pointer; - display: grid; - grid-area: link; - grid-column: auto; - grid-template-areas: - 'icon' - 'label'; - padding: 5px; // Handles spacing for 'inside' focus ring - text-align: center; - text-decoration: none; - user-select: none; - - span { - grid-area: label; - } - - &:hover, - &:active, - .nav-toggle__button:hover &, - .nav-toggle__button:active & { - text-decoration: underline; - } - - // stylelint-disable no-descending-specificity - &:focus, - &:active, - .nav-toggle__button:focus &, - .nav-toggle__button:active & { - outline: 3px solid $color-black; - outline-offset: -3px; - } - // stylelint-enable no-descending-specificity - - &::before { - // @include pseudo-icon('menu-hamburger', 32px, currentColor, block); - align-self: end; - grid-area: icon; - justify-self: center; - } -} - -.nav-toggle__label.nav-toggle__label { - grid-area: link; -} - .nav-toggle--menu .nav-toggle__label::before { @include pseudo-icon('menu-hamburger', 32px, currentColor, block); } @@ -117,38 +14,6 @@ $label-font: 'special.navigation.icon_label'; @include pseudo-icon('search', 32px, currentColor, block); } -// stylelint-disable-next-line no-descending-specificity -.nav-toggle--otherlangs .nav-toggle__label { - align-self: stretch; - grid-area: link; - grid-column: auto min-content; - grid-template-areas: - 'icon arrow' - 'label .'; - min-height: remify(5px + $-default-label-icon-size + 5px); - - @include breakpoint($breakpoint-l) { - min-height: remify(5px + $-default-label-icon-size + 5px) + get-line-height($label-font); - } - - &::before { - @include pseudo-icon('globe', 24px, currentColor, block); - } - - &::after { - @include rotating-icon-transition; - @include pseudo-icon('angle-down', 24px, $color-black); - align-self: end; - content: ''; - grid-area: arrow; - } -} - -// stylelint-disable-next-line no-descending-specificity -.nav-toggle .nav-toggle__label--close { - visibility: hidden; -} - .nav-toggle--menu .nav-toggle__label--close, .nav-toggle--search .nav-toggle__label--close { &::before { @@ -156,167 +21,22 @@ $label-font: 'special.navigation.icon_label'; } } -// Outermost dropdown container, always open. -.nav-toggle-dropdown { - max-width: 100vw; - overflow: hidden; - pointer-events: none; // As it's always open, we should disable interacting with it directly - position: absolute; - width: 100%; - - @include breakpoint($breakpoint-l) { - width: 100%; - z-index: 100; // Needs to be higher than page content - } - - @include breakpoint($breakpoint-l) { - max-width: min(1920px, 100vw); - } - - @media (prefers-reduced-motion) { - transition: none !important; - } -} - .nav-toggle-dropdown--menu, .nav-toggle-dropdown--search { grid-area: menu; } -// This wrapper helps to animate reveal open from top-down instead of sliding open as seen in https://nemzes.net/posts/animating-height-auto/ .nav-toggle-dropdown__wrapper { - overflow: hidden; - transform: translateY(-100%); - // stylelint-disable-next-line plugin/no-low-performance-animation-properties - transition: transform $-menu-transition-duration ease-in, visibility 0s linear $-menu-transition-duration; - visibility: hidden; - - @media (prefers-reduced-motion) { - transition: none !important; - } - .nav-toggle-dropdown--menu &, .nav-toggle-dropdown--search & { border-bottom: 1px solid $color-black-20; // Needs to be on this level for animation } } -// Innermost container of dropdown content -.nav-toggle-dropdown__content { - --menu-height: 100vh; - --menu-max-height: calc(var(--menu-height) - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px); // Full viewport height - header-branding height - 1px for rounding errors - - @supports (height: 100dvh) { - --menu-height: 100dvh; // Dynamic viewport height, helpful for mobile viewports and their browser chrome - } - - @include breakpoint($breakpoint-l) { - --menu-height: auto; - } - - @include breakpoint($breakpoint-l) { - --menu-height: auto; - --menu-max-height: none; - } - height: var(--menu-height); - max-height: var(--menu-max-height); - overflow-x: hidden; - overflow-y: auto; - overscroll-behavior: contain; // This helps stop scrolling the page while trying to scroll this container where suppoorted - pointer-events: all; // This enables interaction with this element that .nav-toggle-dropdown disables - transform: translateY(100%); - transition: transform $-menu-transition-duration ease-in; - - @media (prefers-reduced-motion) { - transition: none !important; - } -} - .nav-toggle-dropdown--menu .nav-toggle-dropdown__content { background-color: $color-white; } -// When JS is enabled, switch to use button instead of anchor -#menu[data-js] ~ * { - .nav-toggle__anchor { - display: none; - } - - // On desktop sizes with js, button should open megamenu with js - .nav-toggle__button { - display: grid; - } - - .nav-toggle-dropdown__content { - overflow-y: hidden; - } - - // When js is enabled, hide fallback menu and mobile menu footer - .mega-and-mobilemenu .mobile-menu-fallback, - .mega-and-mobilemenu .mmenu__footer { - display: none; - } -} - -#menu:not([data-js]) ~ * { - // Chrome browser has a bug that renders initial menu state as open on page load and then animates it close. - // For this reason I had to remove the closing animation when there is no js available :( - .nav-toggle-dropdown__wrapper, - .nav-toggle-dropdown__content { - transition: none; - } -} - -// When any nav-toggle is active in mobile size, lets hide page content to avoid tabbing behind the dropdown -.nav-toggle-target:target, -.nav-toggle-target[data-target='true'] { - & ~ .wrapper > *:not(.header), // All wrapper content except .header - & ~ .footer { - @include breakpoint(max-width $breakpoint-l) { - // Prevent overscrolling when full screen menu is open - overflow: hidden; - // stylelint-disable-next-line plugin/no-low-performance-animation-properties - transition: display 0s linear 10s; // low performance property is ok here as it's just a toggle - // Hide other content when menu is visible, to block tabbing behind menu - visibility: hidden; - } - } -} - -@mixin button-toggle-rules($id, $nav-toggle-modifier, $nav-toggle-dropdown-modifier) { - #{$id}:target, - #{$id}[data-target='true'] { - & ~ * #{$nav-toggle-modifier} { - .nav-toggle__label--open { - visibility: hidden; // Menu text and hamburger icon are hidden - } - - .nav-toggle__label--close { - visibility: visible; // Close text and cross icon are visible - } - } - - & ~ * #{$nav-toggle-dropdown-modifier} { - .nav-toggle-dropdown__wrapper { - transform: translateY(0); // Animate wrapper into view from top - // stylelint-disable-next-line plugin/no-low-performance-animation-properties - transition: transform $-menu-transition-duration ease-out, visibility 0s linear 0s; - visibility: visible; - } - - .nav-toggle-dropdown__content { - transform: translateY(0); // Animate content inside wrapper into view from bottom, generating a reveal effect - transition: transform $-menu-transition-duration ease-out; - } - } - } -} - -// What should happen when nav-toggle dropdown is opened -@include button-toggle-rules('#menu', '.nav-toggle--menu', '.nav-toggle-dropdown--menu'); -@include button-toggle-rules('#search', '.nav-toggle--search', '.nav-toggle-dropdown--search'); -@include button-toggle-rules('#otherlangs', '.nav-toggle--otherlangs', '.nav-toggle-dropdown--otherlangs'); - // What should happen when menu is opened #menu:target, #menu[data-target='true'] { @@ -337,11 +57,10 @@ $label-font: 'special.navigation.icon_label'; } } -#otherlangs:target, -#otherlangs[data-target='true'] { - & ~ * .nav-toggle--otherlangs .nav-toggle__label::after { - transform: rotate(180deg); - } +// When js is enabled, hide fallback menu and mobile menu footer +#menu[data-js] ~ * .mega-and-mobilemenu .mobile-menu-fallback, +#menu[data-js] ~ * .mega-and-mobilemenu .mmenu__footer { + display: none; } .mobile-menu { @@ -349,9 +68,3 @@ $label-font: 'special.navigation.icon_label'; display: none; } } - -// toggleWidgets.js could maybe inject this -// instead of this hanging around in random file corner -[data-cssmenu-hide] { - display: none !important; -} diff --git a/src/scss/06_components/navigation/local/_mobile-navigation.scss b/src/scss/06_components/navigation/local/_mobile-navigation.scss index 22298070d..5f18147e7 100644 --- a/src/scss/06_components/navigation/local/_mobile-navigation.scss +++ b/src/scss/06_components/navigation/local/_mobile-navigation.scss @@ -1,189 +1,63 @@ -// stylelint-disable no-descending-specificity $-menu-transition-duration: 0.2s; $-cssnav-summary-width: 40px; $-cssmenu-bottom-padding: 80px; // Reserve space for mobile browser untappable-area -//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// - -// Hidden checkbox that toggles visibility of menu, for css-only version it's visible to screen readers -.cssmenu-toggle-checkbox { - height: 1px; - margin-left: -100vw; // We want to hide this checkbox, but leave it available, so that it's toggleable with screen readers - opacity: 0; - position: absolute; - user-select: none; - width: 1px; -} - -.cssmenu-toggle-checkbox[data-js], // Hide checkbox fully when js is enabled -.cssmenu-toggle-button, // Hide js version of button if js is not enabled -[data-js] ~ * .cssmenu-toggle { - display: none; // Hide css-only toggle button when js is enabled -} - -// Mobile menu toggle button, both css-only and js versions -.cssmenu-toggle, -[data-js] ~ * .cssmenu-toggle-button { - @include font('special.navigation.icon_label'); - align-self: center; - color: $color-black-90; - cursor: pointer; - display: grid; +.nav-toggle--cssmenu { grid-area: toggle; - grid-template-areas: - 'icon' - 'label'; - padding: 5px; // Handles spacing for 'inside' focus ring - text-align: center; - user-select: none; - z-index: 2; @include breakpoint($breakpoint-l) { display: none; } - - &:focus, - &:hover { - text-decoration: underline; - } - - &::before { - @include pseudo-icon('menu-hamburger', 32px, currentColor, block); - align-self: end; - grid-area: icon; - justify-self: center; - } -} - -// Remove default button styles -[data-js] ~ * .cssmenu-toggle-button { - background: transparent; - border: 0 none; } -// Show focus ring for mobile menu toggle -.cssmenu-toggle-checkbox:focus ~ * .cssmenu-toggle, -.cssmenu-toggle-button:focus { - outline: 3px solid $color-black; - outline-offset: -3px; - text-decoration: underline; +.nav-toggle--cssmenu .nav-toggle__label::before { + @include pseudo-icon('menu-hamburger', 32px, currentColor, block); } -// Text for mobile menu toggle -.cssmenu-toggle__open, -.cssmenu-toggle__close { - align-self: top; - grid-area: label; - text-align: center; -} - -// Hide 'Close' text by default, but keep it in visual flow to reserve space -.cssmenu-toggle__close { - visibility: hidden; +.nav-toggle--cssmenu .nav-toggle__label--close { + &::before { + @include pseudo-icon-replace('cross'); + } } -// Menu that opens when the toggle checkbox is checked -.cssmenu-menu { - --menu-transition-duration: #{$-menu-transition-duration}; - background: $color-white; - box-shadow: 0 $spacing 0 0 $color-black; // Hide rounding errors from bottom. - display: grid; +.nav-toggle-dropdown--cssmenu { grid-area: menu; - grid-template-areas: - 'lang' - 'nav' - 'footer'; - grid-template-rows: auto auto 1fr; - height: 100vh; - max-height: calc(100vh - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px); // Full page height - header-branding height - 1px for rounding errors - max-width: 100vw; - overflow: auto; - transition: max-height var(--menu-transition-duration) linear, visibility 0s linear 0s, margin-left 0s linear 0s, box-shadow 0s linear var(--menu-transition-duration); - visibility: visible; - - @include breakpoint($breakpoint-m) { - max-height: calc(100vh - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px); - position: absolute; // Position above page content when closing; - top: calc(var(--drupal-toolbar-height, 0px) + var(--branding-height)); - width: 100%; - z-index: 100; // Needs to be higher than page content - } - - @include breakpoint($breakpoint-l) { - display: none; - } - - @media (prefers-reduced-motion) { - transition: none !important; - } } -// Hide .cssmenu-menu so that it's not focusable, or seen by screen readers, but can stil animate open -.cssmenu-toggle-checkbox:not(:checked) ~ * .cssmenu-menu { - box-shadow: 0 0 0 0 $color-black; - margin-left: -200vw; - max-height: 0; - transition: max-height var(--menu-transition-duration) linear, visibility 0s linear var(--menu-transition-duration), margin-left 0s linear var(--menu-transition-duration); - visibility: hidden; +.nav-toggle-dropdown__wrapper { + .nav-toggle-dropdown--cssmenu & { + border-bottom: 1px solid $color-black-20; // Needs to be on this level for animation + } } -.cssmenu-menu .block--language-switcher { - display: none; // Hidden by default to make closing menu not show double language selectors. - grid-area: lang; - margin-left: 0; - margin-right: 0; - width: auto; - - @include breakpoint($breakpoint-m) { - display: none; // Hidden when the language menu has space in header bar - } +.nav-toggle-dropdown--cssmenu .nav-toggle-dropdown__content { + background-color: $color-white; } // What should happen when menu is opened -.cssmenu-toggle-checkbox:checked { +#cssmenu:target, +#cssmenu[data-target='true'] { & ~ * .header-branding { @include breakpoint(max-width $breakpoint-l) { border-bottom: 0 none; // Hide header branding bottom border when menu is open and visible } } - & ~ * .header-branding > .block--language-switcher { - display: none; // Should be hidden on small sizes when menu is open // First language switcher - - @include breakpoint($breakpoint-m) { - display: block; // Should be visible when second language switcher is not visible inside menu - } + & ~ * .language-wrapper { + display: none; } - & ~ * .cssmenu-menu .block--language-switcher { - @include breakpoint(max-width $breakpoint-m) { - display: block; // Show second language-switcher when menu is open and first is not visible (second is hidden normally to help with animation) + @include breakpoint($breakpoint-l) { + & ~ * .language-wrapper { + display: flex; } } - - & ~ * .cssmenu-toggle::before { - @include pseudo-icon-replace('cross'); // Switch menu toggle icon to cross when menu is open - } - - & ~ * .cssmenu-toggle__open { - visibility: hidden; // Hide 'Menu'-text when menu is open - } - - & ~ * .cssmenu-toggle__close { - visibility: visible; // Show 'Close' text when menu is open - } - - & ~ .wrapper > *:not(.header), // All wrapper content except .header - & ~ .footer { - @include breakpoint(max-width $breakpoint-l) { - display: none; // Hide when menu is open and visible - } // Footer - } } -// Hide widgets like chats based on selectors in cssmenu.js -[data-cssmenu-hide] { - display: none !important; +// When js is enabled, hide fallback menu and mobile menu footer +#cssmenu[data-js] ~ * .mega-and-mobilemenu .mobile-menu-fallback, +#cssmenu[data-js] ~ * .mega-and-mobilemenu .mmenu__footer { + display: none; } //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// @@ -384,36 +258,3 @@ $-cssmenu-bottom-padding: 80px; // Reserve space for mobile browser untappable-a .cssnav details[open] > summary > .cssnav__toggle::before { transform: rotate(180deg); } - -.cssmenu-menu__footer { - background: $color-black; - color: $color-white; - grid-area: footer; - padding-bottom: $-cssmenu-bottom-padding; - padding-top: $spacing; - - .menu { - display: block; - } - - .menu__item + .menu__item { - margin-left: 0; - } - - .menu__link { - @include font('body'); - color: $color-white; - display: block; - padding: $spacing-half $spacing; - - &:focus, - &:active { - outline: 3px solid $color-white; - outline-offset: -5px; - } - } - - & > .menu__link { - font-weight: $font-weight-bold; // Make the city link bolded like in design specs - } -} diff --git a/src/scss/06_components/navigation/toggle/__index.scss b/src/scss/06_components/navigation/toggle/__index.scss new file mode 100644 index 000000000..fb0252f29 --- /dev/null +++ b/src/scss/06_components/navigation/toggle/__index.scss @@ -0,0 +1,3 @@ +@import 'nav-toggle'; +@import 'otherlangs'; +@import 'profile-block'; diff --git a/src/scss/06_components/navigation/toggle/_nav-toggle.scss b/src/scss/06_components/navigation/toggle/_nav-toggle.scss new file mode 100644 index 000000000..060574123 --- /dev/null +++ b/src/scss/06_components/navigation/toggle/_nav-toggle.scss @@ -0,0 +1,247 @@ +$-menu-transition-duration: 0.3s; +$-default-label-icon-size: 32px; +$label-font: 'special.navigation.icon_label'; + +.nav-toggle { + align-items: center; + display: flex; +} + +.nav-toggle__anchor { + display: grid; +} + +.nav-toggle__anchor, +.nav-toggle__button { + grid-template-areas: 'link'; + z-index: 2; +} + +.nav-toggle__button { + background-color: transparent; // Reset button styles + border: 0 none; // Reset button styles + cursor: pointer; + display: none; + padding: 0; + + &:focus { + outline: 0 none; + } +} + +.mega-and-mobilemenu .mobile-menu-fallback, +.mega-and-mobilemenu .mmenu__footer { + padding-top: $spacing; + + @include breakpoint($breakpoint-l) { + display: none; + } +} + +.nav-toggle__label { + @include font($label-font); + align-self: center; + color: $color-black-90; + cursor: pointer; + display: grid; + grid-area: link; + grid-column: auto; + grid-template-areas: + 'icon' + 'label'; + padding: 5px; // Handles spacing for 'inside' focus ring + text-align: center; + text-decoration: none; + user-select: none; + + span { + grid-area: label; + } + + &:hover, + &:active, + .nav-toggle__button:hover &, + .nav-toggle__button:active & { + text-decoration: underline; + } + + // stylelint-disable no-descending-specificity + &:focus, + &:active, + .nav-toggle__button:focus &, + .nav-toggle__button:active & { + outline: 3px solid $color-black; + outline-offset: -3px; + } + // stylelint-enable no-descending-specificity + + &::before { + // @include pseudo-icon('menu-hamburger', 32px, currentColor, block); + align-self: end; + grid-area: icon; + justify-self: center; + } +} + +.nav-toggle__label.nav-toggle__label { + grid-area: link; +} + +// stylelint-disable-next-line no-descending-specificity +.nav-toggle .nav-toggle__label--close { + visibility: hidden; +} + +// Outermost dropdown container, always open. +.nav-toggle-dropdown { + max-width: 100vw; + overflow: hidden; + pointer-events: none; // As it's always open, we should disable interacting with it directly + position: absolute; + width: 100%; + + @include breakpoint($breakpoint-l) { + width: 100%; + z-index: 100; // Needs to be higher than page content + } + + @include breakpoint($breakpoint-l) { + max-width: min(1920px, 100vw); + } + + @media (prefers-reduced-motion) { + transition: none !important; + } +} + +// This wrapper helps to animate reveal open from top-down instead of sliding open as seen in https://nemzes.net/posts/animating-height-auto/ +.nav-toggle-dropdown__wrapper { + overflow: hidden; + transform: translateY(-100%); + // stylelint-disable-next-line plugin/no-low-performance-animation-properties + transition: transform $-menu-transition-duration ease-in, visibility 0s linear $-menu-transition-duration; + visibility: hidden; + + @media (prefers-reduced-motion) { + transition: none !important; + } +} + +// Innermost container of dropdown content +.nav-toggle-dropdown__content { + --menu-height: 100vh; + --menu-max-height: calc(var(--menu-height) - var(--drupal-toolbar-height, 0px) - var(--branding-height) - 1px); // Full viewport height - header-branding height - 1px for rounding errors + + @supports (height: 100dvh) { + --menu-height: 100dvh; // Dynamic viewport height, helpful for mobile viewports and their browser chrome + } + + @include breakpoint($breakpoint-l) { + --menu-height: auto; + } + + @include breakpoint($breakpoint-l) { + --menu-height: auto; + --menu-max-height: none; + } + height: var(--menu-height); + max-height: var(--menu-max-height); + overflow-x: hidden; + overflow-y: auto; + overscroll-behavior: contain; // This helps stop scrolling the page while trying to scroll this container where suppoorted + pointer-events: all; // This enables interaction with this element that .nav-toggle-dropdown disables + transform: translateY(100%); + transition: transform $-menu-transition-duration ease-in; + + @media (prefers-reduced-motion) { + transition: none !important; + } +} + +// When any nav-toggle is active in mobile size, lets hide page content to avoid tabbing behind the dropdown +.nav-toggle-target:target, +.nav-toggle-target[data-target='true'] { + & ~ .wrapper > *:not(.header), // All wrapper content except .header + & ~ .footer { + @include breakpoint(max-width $breakpoint-l) { + // Prevent overscrolling when full screen menu is open + overflow: hidden; + // stylelint-disable-next-line plugin/no-low-performance-animation-properties + transition: display 0s linear 10s; // low performance property is ok here as it's just a toggle + // Hide other content when menu is visible, to block tabbing behind menu + visibility: hidden; + } + } +} + +@mixin button-toggle-rules($id, $nav-toggle-modifier, $nav-toggle-dropdown-modifier) { + // When menu is opened with anchor instead of JS, this forces the page to scroll to top + #{$id}:not([data-js]) { + scroll-margin-top: 100vh; + } + + #{$id}:not([data-js]) ~ * { + // Chrome browser has a bug that renders initial menu state as open on page load and then animates it close. + // For this reason I had to remove the closing animation when there is no js available :( + .nav-toggle-dropdown__wrapper, + .nav-toggle-dropdown__content { + transition: none; + } + } + + #{$id}:target, + #{$id}[data-target='true'] { + & ~ * #{$nav-toggle-modifier} { + .nav-toggle__label--open { + visibility: hidden; // Menu text and hamburger icon are hidden + } + + .nav-toggle__label--close { + visibility: visible; // Close text and cross icon are visible + } + } + + & ~ * #{$nav-toggle-dropdown-modifier} { + .nav-toggle-dropdown__wrapper { + transform: translateY(0); // Animate wrapper into view from top + // stylelint-disable-next-line plugin/no-low-performance-animation-properties + transition: transform $-menu-transition-duration ease-out, visibility 0s linear 0s; + visibility: visible; + } + + .nav-toggle-dropdown__content { + transform: translateY(0); // Animate content inside wrapper into view from bottom, generating a reveal effect + transition: transform $-menu-transition-duration ease-out; + } + } + } + + // When JS is enabled, switch to use button instead of anchor + #{$id}[data-js] ~ * { + .nav-toggle__anchor { + display: none; + } + + // On desktop sizes with js, button should open dropdowns with js + .nav-toggle__button { + display: grid; + } + + .nav-toggle-dropdown__content { + overflow-y: hidden; + } + } +} + +// What should happen when nav-toggle dropdown is opened +@include button-toggle-rules('#menu', '.nav-toggle--menu', '.nav-toggle-dropdown--menu'); +@include button-toggle-rules('#cssmenu', '.nav-toggle--cssmenu', '.nav-toggle-dropdown--cssmenu'); +@include button-toggle-rules('#search', '.nav-toggle--search', '.nav-toggle-dropdown--search'); +@include button-toggle-rules('#otherlangs', '.nav-toggle--otherlangs', '.nav-toggle-dropdown--otherlangs'); +@include button-toggle-rules('#profile', '.nav-toggle--profile', '.nav-toggle-dropdown--profile'); + +// toggleWidgets.js could maybe inject this +// instead of this hanging around in random file corner +[data-cssmenu-hide] { + display: none !important; +} diff --git a/src/scss/06_components/navigation/toggle/_otherlangs.scss b/src/scss/06_components/navigation/toggle/_otherlangs.scss new file mode 100644 index 000000000..2b2dfb049 --- /dev/null +++ b/src/scss/06_components/navigation/toggle/_otherlangs.scss @@ -0,0 +1,42 @@ +.nav-toggle--otherlangs { + align-items: stretch; + align-self: stretch; + + @include breakpoint($breakpoint-l) { + align-items: center; + } +} + +// stylelint-disable-next-line no-descending-specificity +.nav-toggle--otherlangs .nav-toggle__label { + align-self: stretch; + grid-area: link; + grid-column: auto min-content; + grid-template-areas: + 'icon arrow' + 'label .'; + min-height: remify(5px + $-default-label-icon-size + 5px); + + @include breakpoint($breakpoint-l) { + min-height: remify(5px + $-default-label-icon-size + 5px) + get-line-height($label-font); + } + + &::before { + @include pseudo-icon('globe', 24px, currentColor, block); + } + + &::after { + @include rotating-icon-transition; + @include pseudo-icon('angle-down', 24px, $color-black); + align-self: end; + content: ''; + grid-area: arrow; + } +} + +#otherlangs:target, +#otherlangs[data-target='true'] { + & ~ * .nav-toggle--otherlangs .nav-toggle__label::after { + transform: rotate(180deg); + } +} diff --git a/src/scss/06_components/navigation/toggle/_profile-block.scss b/src/scss/06_components/navigation/toggle/_profile-block.scss new file mode 100644 index 000000000..62f3d3f6e --- /dev/null +++ b/src/scss/06_components/navigation/toggle/_profile-block.scss @@ -0,0 +1,180 @@ +.profile { + @include font('special.navigation.icon_label'); + align-items: center; + display: flex; + flex-direction: column; + height: 100%; + justify-content: center; + width: 100%; + + .hel-icon { + --icon-size: 24px; + margin-bottom: $spacing-half; + + @include breakpoint($breakpoint-l) { + --icon-size: 28px; + } + } +} + +.profile__login-link { + @include font('special.navigation.icon_label'); + align-items: center; + border-left: 1px solid $color-black-20; + display: flex; + flex-direction: column; + grid-area: profile; + // This moves the profile-block element so that it is attached to the right side of the page. + // Without it, there will be gap the width of gutter. + grid-column-end: -1; + justify-content: center; + margin-left: $spacing; + padding-left: $spacing-quarter; + padding-right: $spacing-quarter; + text-decoration: none; + text-overflow: ellipsis; + width: var(--branding-height); // Same as the height of the branding header. + z-index: 1; + + &::before { + --icon-size: 22px; + @include pseudo-icon('user', var(--icon-size), currentColor, block); + margin-bottom: $spacing-quarter; + + @include breakpoint($breakpoint-m) { + --icon-size: 28px; + } + } + + &:hover { + text-decoration: underline; + } + + &:focus { + outline: 3px solid $color-black; + outline-offset: -3px; + } +} + +.profile__logout-link { + @include font('body'); + border-block: 1px solid $color-black-20; + display: block; + font-weight: bold; + padding: $spacing; + text-decoration: none; + width: 100%; + + @include breakpoint($breakpoint-l) { + border-bottom: none; + } + + &:hover { + text-decoration: underline; + } + + &:focus { + outline: 3px solid $color-black; + outline-offset: -3px; + } + + &::after { + @include pseudo-icon('signout'); + margin-left: $spacing-half; + } +} + +.profile--full { + background-color: $color-white; + border-bottom: 1px solid $color-black-20; + color: $color-black; + width: 100%; + + @include breakpoint($breakpoint-l) { + border-inline: 1px solid $color-black-20; + max-width: 300px; // As designed. + } +} + +.profile__information { + padding: $spacing; +} + +.profile__full-name { + @include font('body'); + display: block; +} + +.profile__email { + @include font('small'); + display: block; +} + +.nav-toggle--profile { + background-color: $color-black; + color: $color-white; + grid-area: profile; + // This moves the profile-block element so that it is attached to the right side of the page. + // Without it, there will be gap the width of gutter. + grid-column-end: -1; + justify-content: center; + margin-left: $spacing-half; + width: 65px; // As designed + z-index: 1; + + @include breakpoint($breakpoint-m) { + max-width: 88px; // As designed. + min-width: 72px; // As designed. + width: auto; + } +} + +.nav-toggle__anchor--profile, +.nav-toggle__button--profile { + height: 100%; + min-width: 100%; +} + +.nav-toggle__label--profile { + color: $color-white; + height: 100%; + padding-left: $spacing-half; + padding-right: $spacing-half; + + span { + overflow: hidden; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + } + + &::before { + --icon-size: 22px; + @include pseudo-icon('user', var(--icon-size), currentColor, block); + margin-bottom: $spacing-quarter; + + @include breakpoint($breakpoint-m) { + --icon-size: 28px; + } + } + + &.nav-toggle__label--close::before { + @include pseudo-icon-replace('cross'); + margin-bottom: 0; + } +} + +.nav-toggle__label--profile:focus, +.nav-toggle__button--profile:focus { + outline: 2px solid $color-white; + outline-offset: -5px; +} + +.nav-toggle-dropdown--profile { + grid-area: menu; + + .nav-toggle-dropdown__content { + display: flex; + justify-content: flex-end; + } +} diff --git a/src/scss/nav-toggle.scss b/src/scss/nav-toggle.scss new file mode 100644 index 000000000..3940f0bf6 --- /dev/null +++ b/src/scss/nav-toggle.scss @@ -0,0 +1,10 @@ +// Breakpoint helpers +@import '~breakpoint-sass'; + +// This folder structure is based loosely on ITCSS +@import '00_functions/_index'; +@import '01_variables/_index'; +@import '02_mixins/_index'; + +/* Content is created after this point */ +@import '06_components/navigation/toggle/_index.scss'; diff --git a/templates/block/block--mobile-navigation.html.twig b/templates/block/block--mobile-navigation.html.twig index 1f790e590..1aa36dbbe 100644 --- a/templates/block/block--mobile-navigation.html.twig +++ b/templates/block/block--mobile-navigation.html.twig @@ -32,47 +32,33 @@ */ #} +{% set dropdown_id = 'cssmenu-dropdown' %} + {# Do we want to render navigation with content from another instance "globally" #} {% if not use_global_navigation %} - {% set attributes = attributes.addClass('block--mobile-navigation').addClass('mobile-navigation') %} - - - {% set menu_open %} - - {{ 'Open navigation menu'|t({}, {'context': 'Mobile navigation menu open button text for screen readers'}) }} - {% endset %} - - {% set menu_close %} - - {{ 'Close navigation menu'|t({}, {'context': 'Mobile navigation menu close button text for screen readers'}) }} - {% endset %} - - + {% embed "@hdbt/misc/nav-toggle-button.twig" with { + modifier_class: 'nav-toggle--cssmenu', + controls: dropdown_id, + anchor_target: '#cssmenu', + js_target: 'js-cssmenu-button', - {% endif %} diff --git a/templates/block/block--profile-block.html.twig b/templates/block/block--profile-block.html.twig new file mode 100644 index 000000000..84847dd7e --- /dev/null +++ b/templates/block/block--profile-block.html.twig @@ -0,0 +1,31 @@ +{# +/** + * @file + * Theme override to display a block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - content: The content of this block. + * - attributes: array of HTML attributes populated by modules, intended to + * be added to the main container tag of this template. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * + * @see template_preprocess_block() + */ +#} + +{% block content %} + {{ content }} +{% endblock %} diff --git a/templates/component/header-search.twig b/templates/component/header-search.twig index 60b86c85a..a7d3a0624 100644 --- a/templates/component/header-search.twig +++ b/templates/component/header-search.twig @@ -4,7 +4,7 @@ modifier_class: 'nav-toggle--search', controls: dropdown_id, anchor_target: '#search', - js_target: 'js-header-search__button', + js_target: 'js-search-button', open_label: 'Search'|t({}, {'context': 'Helfi search button'}), open_screenreader: 'Open search'|t({}, {'context': 'Mobile navigation search open button text for screen readers'}), @@ -27,7 +27,7 @@ } %}