diff --git a/.nvmrc b/.nvmrc index 8b0beab1..2dbbe00e 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -20.11.0 +20.11.1 diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css index 57b5ab0f..c2f70732 100644 --- a/dist/css/styles.min.css +++ b/dist/css/styles.min.css @@ -1,2 +1,2 @@ :root{--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-focus-outline: #0072c6;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #cccccc;--color-black-30: #b3b3b3;--color-black-40: #999999;--color-black-50: #808080;--color-black-60: #666666;--color-black-70: #4d4d4d;--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} -body.hdbt-admin{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;font-family:HelsinkiGrotesk,Arial,sans-serif;line-height:1.5}: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)}@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")}.hdbt-admin .page-wrapper *:focus,.hdbt-admin .ui-dialog *:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus:hover,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus:hover,.hdbt-admin .form-boolean:focus:active,.hdbt-admin .form-boolean:focus:hover,.hdbt-admin .cke.cke_chrome.cke_focus,.hdbt-admin .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,.hdbt-admin .form-element:focus,.hdbt-admin .form-element:hover:focus,.hdbt-admin .form-element.error:hover:focus,.hdbt-admin .form-actions .action-link:focus,.hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus{box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;outline:none}:root{--input-radio-color-palette: var(--color-black-70);--input-radio-color-palette-text: var(--color-white);--hdbt-admin-theme-color: var(--color-black);--hdbt-admin-text-color: var(--color-white)}.hdbt-admin-tools-site-settings .form-radios.form-boolean-group{display:flex;flex-flow:row wrap;justify-content:flex-start;margin:8px -8px;max-width:1560px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean{align-items:center;display:flex;margin:8px;min-width:200px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:calc(100% - 32px - 4px)}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:60%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-theme-color{border:2px solid #4d4d4d;border-radius:5px;flex-flow:column;flex-flow:row-reverse;margin:8px;width:100%}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:100%}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:40%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-boolean{margin-left:8px;margin-top:-2px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-item__label.option{margin:2px 8px 0 8px;padding:0}.hdbt-admin-tools-site-settings .form-radios .color-palette{align-items:center;background-color:var(--color-black-70);background-color:var(--input-radio-color-palette);color:var(--color-white);color:var(--input-radio-color-palette-text);display:flex;flex-grow:1;font-size:1rem;font-weight:500;height:100%;justify-content:center}.hdbt-admin-tools-site-settings .form-radios .color-palette--primary{--input-radio-color-palette: var(--hdbt-color-palette--primary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--primary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--secondary{--input-radio-color-palette: var(--hdbt-color-palette--secondary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--secondary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--accent{--input-radio-color-palette: var(--hdbt-color-palette--accent);--input-radio-color-palette-text: var(--hdbt-color-palette-text--accent);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper{align-items:center;display:flex;flex-flow:row;height:50px;justify-content:center;transition:height 150ms ease-in-out;width:100%}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper:hover{height:150px}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper .color-palette--primary{border-radius:3px 3px 0 0;flex-grow:2}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper{display:flex;margin:0 32px;min-width:180px}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper label{font-size:1.25rem}.hdbt-admin-tools-site-settings .form-radios .koro{align-items:flex-end;color:var(--color-black);color:var(--hdbt-admin-theme-color);display:flex;height:70px;width:calc(100% - 150px)}.hdbt-admin-tools-site-settings .form-radios .koro .wave{align-items:flex-start}.hdbt-admin-tools-site-settings .form-radios .koro svg path{fill:var(--color-black);fill:var(--hdbt-admin-theme-color)}.hdbt-admin-tools-site-settings .form-radios .default-icon{align-items:center;background-color:var(--color-black);background-color:var(--hdbt-admin-theme-color);display:flex;height:150px;justify-content:center;width:225px}.hdbt-admin-tools-site-settings .form-radios .default-icon .icon{color:var(--color-white);color:var(--hdbt-admin-text-color);height:50%}#edit-site-settings-koro{flex-flow:column}.hdbt-admin table th .form-item__label{display:inline-block;margin-bottom:var(--gin-spacing-xxs);margin-top:var(--gin-spacing-xxs)}[dir=ltr] .hdbt-admin .field-multiple-table th{height:auto}.hdbt-admin #field-display-overview .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,.hdbt-admin #field-display-overview-wrapper .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,.hdbt-admin .field--widget-entity-reference-paragraphs .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,.hdbt-admin .field--type-link .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,.hdbt-admin .field--type-smartdate .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper{line-height:1.25rem;margin-bottom:calc((var(--gin-spacing-xs) + var(--gin-spacing-xs) + 1.25rem + var(--gin-spacing-xxs) + var(--gin-spacing-xxs))*-1);margin-right:0;padding:var(--gin-spacing-xs) var(--gin-spacing-m) var(--gin-spacing-xs) var(--gin-spacing-l)}.hdbt-admin #field-display-overview .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link,.hdbt-admin #field-display-overview-wrapper .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link,.hdbt-admin .field--widget-entity-reference-paragraphs .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link,.hdbt-admin .field--type-link .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link,.hdbt-admin .field--type-smartdate .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link{margin-bottom:0}.hdbt-admin #field-display-overview .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link,.hdbt-admin #field-display-overview-wrapper .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link,.hdbt-admin .field--widget-entity-reference-paragraphs .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link,.hdbt-admin .field--type-link .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link,.hdbt-admin .field--type-smartdate .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link{line-height:1.25rem;padding-bottom:var(--gin-spacing-xxs);padding-top:var(--gin-spacing-xxs)}[dir=ltr] .hdbt-admin #field-display-overview .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,[dir=ltr] .hdbt-admin #field-display-overview-wrapper .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,[dir=ltr] .hdbt-admin .field--widget-entity-reference-paragraphs .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,[dir=ltr] .hdbt-admin .field--type-link .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,[dir=ltr] .hdbt-admin .field--type-smartdate .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper{margin-right:0}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:calc(1 * 1em);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:calc(1 * 1em);width:var(--icon-size, var(--fallback))}.default-icon .hel-icon{--icon-size: 50%;background-color:var(--color-white);background-color:var(--hdbt-admin-text-color, currentColor)}.hdbt-admin .skip-link{z-index:110}.hdbt-admin .hdbt_admin--edit-form .form-item--status,.hdbt-admin .hdbt_admin--edit-form .field--name-status{align-items:center;display:flex;margin-right:24px}@media(max-width: 1023px){.hdbt-admin .hdbt_admin--edit-form .layout-region-node-secondary{border-top:2px solid #b3b3b3;margin-top:32px;width:100%}}.hdbt-admin .region-sticky{background-color:#fff}.hdbt-admin .region-sticky .region-sticky__items__inner{align-items:center;gap:32px;justify-items:center}@media(min-width: 1024px)and (max-width: 1280px){.hdbt-admin .region-sticky .region-sticky__items__inner .button{font-size:.875rem;padding:8px 12px}.hdbt-admin .region-sticky .region-sticky__items__inner .form-item--status label,.hdbt-admin .region-sticky .region-sticky__items__inner .field--name-status label{font-size:.875rem}}.hdbt-admin .region-breadcrumb{align-items:center;display:flex;overflow:hidden;position:relative}.hdbt-admin .region-breadcrumb::after{background:linear-gradient(90deg, transparent, #fff);content:"";height:100%;position:absolute;right:0;width:30px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__link{min-width:1px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link{padding-left:8px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before{display:none}.hdbt_admin .text-full .filter-wrapper{display:none}.hdbt_admin .ui-dialog .ui-widget-content.ui-dialog-content{padding-top:16px}.hdbt_admin--edit-form .field--name-title .form-element{font-size:1.125rem;font-weight:400}.hdbt_admin--edit-form .item-list ul{margin:8px 0 0 8px}.hdbt_admin--edit-form .form-item__label{font-size:1rem}.hdbt_admin--edit-form .field--widget-paragraphs .tabledrag-toggle-weight-wrapper{display:none}.hdbt_admin--edit-form .node-form .field--widget-text-textarea .form-type--textarea+.filter-wrapper{display:none}@media(min-width: 576px){.hdbt_admin--edit-form ul.paragraph-selection.dropbutton{width:500px}}.hdbt_admin--edit-form ul.paragraph-selection.dropbutton .field-add-more-submit{white-space:normal}@media(min-width: 576px){.js .hdbt_admin--edit-form ul.paragraph-selection.dropbutton,.js.no-touchevents .hdbt_admin--edit-form ul.paragraph-selection.dropbutton{width:500px}}.js .hdbt_admin--edit-form ul.paragraph-selection.dropbutton .field-add-more-submit,.js.no-touchevents .hdbt_admin--edit-form ul.paragraph-selection.dropbutton .field-add-more-submit{white-space:normal}.block-system-branding-block{align-items:center;display:flex;margin-right:8px;margin-top:4px}@media(min-width: 1280px){.block-system-branding-block{margin-right:12px}}.block-system-branding-block .site-logo{line-height:1;transition:width .25s ease;width:60px}@media(min-width: 1024px){.block-system-branding-block .site-logo{width:80px}}.block-system-branding-block .site-logo img{padding-top:3px}.block-page-title-block .page-title{font-size:1.375rem;font-weight:500}@media(min-width: 1280px){.block-page-title-block .page-title{font-size:1.75rem}.region-sticky--is-sticky .block-page-title-block .page-title{font-size:1.5625rem}}.block-local-tasks-block{margin-bottom:8px}.block-local-tasks-block .is-horizontal .tabs--secondary{margin-top:8px}.language-switcher{position:relative}.language-switcher .language-link{color:#000;font-size:1rem;font-weight:400;-webkit-text-decoration:none;text-decoration:none}@media(min-width: 768px){.language-switcher .language-link{font-size:.875rem;margin:0 4px;padding:2px 4px}}.language-switcher .language-link.is-active{cursor:default;font-weight:700}.language-switcher .language-link.is-disabled{color:#999;cursor:default}.language-switcher a:hover{-webkit-text-decoration:underline;text-decoration:underline}.language-switcher__button{background-color:var(--colorGinInputBackground);border:2px solid var(--colorGinPrimary) !important;border-radius:var(--ginBorderDefault);box-shadow:0 1px 2px var(--colorGinPrimaryLight);color:var(--colorGinPrimary);font-size:.875rem;font-weight:700;line-height:1;padding:calc(1rem - 2px) calc(1.5rem - 2px)}@media(min-width: 768px){.language-switcher__button{display:none}}.language-switcher__button .label{grid-area:label}.language-switcher__dropdown{display:none}@media(max-width: 768px){.language-switcher__dropdown.is-active{background:#fff;border:1px solid #ccc;border-radius:0 0 3px 3px;box-shadow:0 3px 4px rgba(0,0,0,.2);display:flex;line-height:2;padding:16px;position:absolute;right:0;top:40px;z-index:100}}@media(min-width: 768px){.language-switcher__dropdown{display:flex}}body:not(.path-node) header.region .local-actions{white-space:nowrap}body:not(.path-node) header.region .local-actions__item a{white-space:nowrap}.hdbt-admin .entity-meta__promote .form-item__label::after{content:""}.hdbt-admin .entity-meta__revision .field--type-published-at{display:inline-block;margin-top:8px}@media screen and (min-width: 1024px){.hdbt-admin .field--name-field-liftup-image .media-library-selection .media-library-item--grid{width:100%}}.character-counter{margin-top:-4px}.character-counter__count{color:#4d4d4d;font-size:.875rem}.character-counter__warning{align-items:center;background:#fff4b4;border-left:10px solid #d18200;display:flex;margin-top:8px;padding:8px}.character-counter__icon{color:#d18200}.character-counter__warning-text{color:#000;margin-left:8px}.hdbt-admin .dropbutton-widget{background-color:var(--color-white)}.hdbt-admin .form-item__description{color:#4d4d4d;font-size:.875rem;max-width:none}.media-library-item__name,.media-library-item__alt{font-size:.875rem}.media-library-item__alt{font-weight:500}.media-library-item__alt span{font-weight:400}.field--name-field-map-map .media-library-item .media-library-item__preview,form[data-drupal-media-type=hel_map] .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map{margin-bottom:-7px;position:relative}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map a,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map a{display:none}.field--name-field-map-map .media-library-selection .media-library-item--grid{width:100%}.field--name-field-map-map .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map{height:300px;margin-bottom:0;width:100%}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.05)}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map iframe{height:100%;width:100%}.media-library-item .helfi-chart .media-library-item__preview{padding-bottom:0}.media-library-item .helfi-chart iframe{border:0;margin-bottom:-7px;max-width:100%}.field--name-field-chart-chart .media-library-selection .media-library-item--grid{width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url{height:300px;width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url iframe{height:100%;width:100%}.paragraph-type--accordion .field-accordion-items-values>thead{display:none}.paragraph-type--accordion-item .field-accordion-item-content-values>thead{display:none}.paragraph--type--accordion{margin-top:64px}.paragraph--type--accordion .field--name-field-accordion-heading-level{margin-top:8px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-accordion-item-heading{font-size:2rem;margin-top:32px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffdel,.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffins{display:inline-block;line-height:0;padding:10px}.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--columns,.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--text{margin-top:0}.paragraph--type--banner{margin-top:64px}.paragraph--type--banner .field--name-field-banner-title{font-size:2rem}.paragraph--type--banner .field--name-field-banner-design{margin-top:8px}.paragraph-type--columns th.field-label{align-items:center;display:flex}.paragraph-type--columns .columns_size{background:var(--color-black-60);border-radius:4px;color:var(--color-white);margin-left:auto;padding:4px}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table{margin:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr th{padding:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .form-actions{margin:.5rem 0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .dropbutton-wrapper{padding:0}.paragraph--type--columns{margin-top:64px;overflow:hidden}.paragraph--type--columns .field--name-field-columns-title{font-size:2rem;margin-bottom:16px}.paragraph--type--columns .field--name-field-columns-design{margin-top:8px}.paragraph--type--columns .paragraph--type--image,.paragraph--type--columns .paragraph--type--text{margin-top:0}.paragraph--type--columns .field--name-field-media-image{line-height:0;margin-bottom:8px}.paragraph--type--columns .field--name-field-columns-left-column{float:left;margin-top:16px;width:50%}.paragraph--type--columns .field--name-field-columns-right-column{float:right;margin-top:16px;padding-left:24px;width:50%}.hdbt-admin .paragraphs-tabs-wrapper>.form-item>.layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;box-shadow:0 0 0 rgba(0,0,0,0);padding:0}.hdbt-admin .paragraphs-tabs-wrapper .paragraph-type-label,.hdbt-admin .paragraphs-tabs-wrapper .paragraph-summary .summary-content{font-size:1rem !important;line-height:1.5 !important}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table>thead{box-shadow:0 0 0 rgba(0,0,0,0)}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table>thead>tr{border:0 none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table>thead>tr>th{background:#fff;box-shadow:none;padding-bottom:0;padding-left:0}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable{background-color:#fff;margin-top:.5rem}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td.paragraph-bullet::after{display:none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable>td+td{width:100%}.hdbt-admin .paragraphs-subform .form-item--multiple .field-multiple-table .form-item--no-label{margin-bottom:0}.hdbt-admin .translation-entity-all-languages{display:none}.js .hdbt-admin .field--widget-paragraphs .paragraphs-dropbutton-wrapper .dropbutton-multiple{padding:0}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag{min-width:30px}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag.tabledrag-cell--only-drag{min-width:12px}.js .hdbt-admin .paragraph-top .paragraph-type,.js .hdbt-admin .paragraph-top .paragraph-summary{align-self:center}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable>td{padding:0}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable .tabledrag-handle::after{margin:0;padding:0}.js .hdbt-admin .paragraphs-badge{display:none}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table{display:block}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody{display:block}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable{align-items:center;background-color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:.5rem;position:relative}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable>td{display:block;min-width:0;position:relative}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable>td:first-child{width:30px}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable>td:last-child{width:60px}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable>td+td{display:block;width:100%}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead{display:block}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead>tr{display:flex}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead>tr th:first-child{display:flex;width:100%}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead>tr th:first-child .paragraphs-actions{margin-left:auto;margin-right:0}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead>tr .tabledrag-hide{margin:auto}.paragraph-type--content-cards .field--name-field-content-cards-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-cards .field--name-field-content-cards-content .field-label{display:none}.paragraph--type--content-cards{margin-top:64px}.paragraph--type--content-cards .field--name-field-content-cards-title{font-size:2rem}.paragraph--type--content-cards .field--name-field-content-cards-design{margin-top:8px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item{display:flex;flex-direction:column;margin-top:16px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;order:2}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content{min-height:400px;order:1;position:relative}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper{display:flex}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-item{margin:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select{align-content:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;margin-right:16px}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select label{line-height:20px}.paragraph-type--content-liftup .form-item__error-message{display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-liftup .field--name-field-content-liftup-content .field-label{display:none}.paragraph-type--content-liftup .field--name-field-content-liftup-content .form-item__description .notice{color:#8d0d2d;display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .dynamic-entity-reference-target-type-changed{display:none}.paragraph--type--content-liftup{margin-top:64px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item{display:flex;flex-direction:column;margin-top:16px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;order:2}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content{min-height:400px;order:1;position:relative}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph--type--hero .field--name-field-hero-title{font-size:2rem}.paragraph--type--hero .field--name-field-hero-design{margin-top:8px}.node-form .field--name-field-hero thead .field-label{display:none !important}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform{grid-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto;margin:0}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-design{grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-bg-color{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-title{grid-column-end:2;grid-column-start:1;grid-row-end:4;grid-row-start:3}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-desc{grid-column-end:2;grid-column-start:1;grid-row-end:5;grid-row-start:4}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image{margin-top:16px}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image{box-sizing:border-box;grid-column-end:3;grid-column-start:2;grid-row-end:5;grid-row-start:1;padding-right:30px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset{background:rgba(0,0,0,0);border:0;box-shadow:none;margin:0;padding:0 0 1.5rem}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset legend{display:none}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-widget-modal .media-library-item--grid,.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-selection .media-library-item--grid{width:250px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design{grid-column-end:2;grid-column-start:1;grid-row-end:7;grid-row-start:6;margin-top:16px}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design .paragraphs-subform{display:block}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link{grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:7}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{border:0 none;box-shadow:none;padding:0}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{margin:0 0 0 -0.5rem}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tbody{display:flex;flex-wrap:wrap}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{max-width:520px}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{flex:1 1 32%;margin:0 .5rem 1rem}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .paragraphs-subform{display:block}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image{float:left;width:40%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:50%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:35%}}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset{background:rgba(0,0,0,0);border:0;box-shadow:none;margin:0;padding:0 0 1.5rem}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset legend{display:none}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{float:right;width:55%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:45%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:60%}}.paragraph--type--image{margin-top:64px}.paragraph--type--image .field--name-field-media-image{display:flex;line-height:0}.paragraph--type--image .field--name-field-media-image img{width:596px}.paragraph--type--image .field--name-field-photographer{margin-top:8px}.paragraphs-library-item-form-instructions{align-items:center;display:flex}.paragraphs-library-item-form-instructions .icon{height:32px;margin-right:8px;width:32px}.paragraph--type--liftup-with-image{margin-top:64px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-title{font-size:2rem}.paragraph--type--liftup-with-image .field--name-field-media-image{display:flex;margin-bottom:8px;margin-top:8px}.paragraph--type--liftup-with-image .field--name-field-media-image img{width:596px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-design{margin-top:8px}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform{box-sizing:border-box;grid-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:50% auto;grid-template-rows:auto auto}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;justify-self:self-start;max-width:200px}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset{background:rgba(0,0,0,0);border:0;box-shadow:none;margin:0;padding:0 0 1.5rem}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset legend{display:none}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .fieldset__wrapper{margin:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .media-library-selection{margin-top:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-link{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1}}.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc .form-element--type-text{width:100%}.paragraph--type--list-of-links{margin-top:64px}.paragraph--type--list-of-links .field--name-field-list-of-links-links>.field__item{margin-top:16px}.paragraph--type--list-of-links .field--name-field-list-of-links-title{font-size:2rem;margin-bottom:16px}.paragraph--type--list-of-links .field--name-field-media-image{line-height:0}.paragraph--type--list-of-links .field--name-field-media-image img{width:368px}.paragraph--type--list-of-links .field--name-field-list-of-links-link{font-size:1.25rem;margin-top:8px}.paragraphs-tabs-wrapper .paragraph-type--text .form-type--textarea>label.form-item__label{display:none}.paragraph--type--text{margin-top:64px}.media-library-view--widget .media-library-item__click-to-select-checkbox .form-boolean{box-shadow:0 3px 6px gray}.media-library-view--widget .pager{width:100%}[dir=ltr] .media-library-view--widget .media-library-item .media-library-item__edit{right:.5rem}[dir=rtl] .media-library-view--widget .media-library-item .media-library-item__edit{left:.5rem}.view-header{overflow:hidden}.view-header .view-results{font-size:.8125rem;padding:4px;text-align:right}.view-content [data-drupal-selector*=-bulk-form] .form-actions{align-self:baseline}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(-n+4){background:rgba(46,160,67,.1)}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(4){border-bottom:1px solid #000}.select2.select2-container{min-height:50px}.select2.select2-container .select2-selection{border:1px solid var(--colorGinFormElementBorder);border-radius:6px;box-shadow:0 1px 2px rgba(18,18,18,.25);color:var(--colorGinText);font-size:1rem;min-height:60px}.select2.select2-container .select2-selection:hover{border-color:var(--colorGinText);box-shadow:inset 0 0 0 1px var(--colorGinText)}.select2.select2-container .select2-selection .select2-selection__clear{padding:7px 10px 7px 7px}.select2.select2-container .select2-selection .select2-selection__placeholder{font-size:1rem;padding:0}.select2.select2-container .select2-selection .select2-selection__arrow{height:45px;padding:7px 7px 7px 10px;right:5px;top:0}.select2.select2-container .select2-selection .select2-selection__rendered{align-items:center;display:flex;flex-flow:row wrap;font-size:1rem;padding:16px}.select2.select2-container .select2-selection .select2-search__field{color:var(--colorGinText);font-size:1rem;margin:0;min-width:100px;padding:calc(.75rem - 1px) calc(1rem - 1px);width:100% !important}.select2.select2-container .select2-selection .select2-selection__choice{align-items:center;background:var(--colorGinPrimary);display:flex;margin:.25rem;padding:.5rem 1rem}.select2.select2-container .select2-selection .select2-selection__choice:hover{background-color:var(--colorGinPrimaryHover)}.select2.select2-container .select2-selection .select2-selection__choice:active,.select2.select2-container .select2-selection .select2-selection__choice:focus{background-color:var(--colorGinPrimaryActive)}.select2.select2-container .select2-selection .select2-selection__choice,.select2.select2-container .select2-selection .select2-selection__choice:hover,.select2.select2-container .select2-selection .select2-selection__choice:active,.select2.select2-container .select2-selection .select2-selection__choice:focus{color:var(--colorGinButtonText)}.select2.select2-container .select2-selection .select2-selection__choice__remove{color:var(--colorGinButtonText);font-size:1rem;margin-right:.5rem;transition:color 200ms}.select2.select2-container .select2-selection .select2-selection__choice__remove:hover,.select2.select2-container .select2-selection .select2-selection__choice__remove:active,.select2.select2-container .select2-selection .select2-selection__choice__remove:focus{color:var(--color-metro)}.select2-container .select2-results__options .select2-results__option{color:var(--colorGinText);font-size:1rem;padding:calc(.75rem - 1px) calc(1rem - 1px)}.select2-container .select2-results__options .select2-results__option--highlighted[aria-selected]{color:#fff}.select-color-palette{min-width:100%}.select-color-palette .color-selection-wrapper{display:flex;width:calc(100% - 14px)}.select-color-palette .color-selection-wrapper .color-selection--primary{background-color:var(--hdbt-color-palette--primary);height:100%;width:50%}.select-color-palette .color-selection-wrapper .color-selection--secondary{background-color:var(--hdbt-color-palette--secondary);height:100%;width:25%}.select-color-palette .color-selection-wrapper .color-selection--accent{background-color:var(--hdbt-color-palette--accent);height:100%;width:25%}.select-color-palette .ts-dropdown .color-selection-wrapper{padding:calc(.75rem - 1px) calc(1rem - 1px);width:calc(100% - 29px)}.select-color-palette .colors{border:1px solid gray;display:flex;width:50%}.select-color-palette .selection{padding-right:16px;width:50%}.select-color-palette__wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.select-design .image{margin-right:16px;transition:transform .2s ease-in-out}.select-design .image:hover{transform:scale(1.1)}.select-design__wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.ts-dropdown .select-design__wrapper{padding:calc(.75rem - 1px) calc(1rem - 1px);width:calc(100% - 29px)}.select-design__thumbnail{background-color:#fff;border:2px solid #818181;border-radius:6px;height:50px;margin-left:16px;min-width:100px;transition:transform 150ms}.select-design__thumbnail:hover{transform:scale(1.1)}.select-paragraph.dropbutton,.js .select-paragraph.dropbutton,.js.no-touchevents .select-paragraph.dropbutton{background-color:#fff;height:4rem;min-height:4rem;width:400px}.select-paragraph.dropbutton .dropbutton__item,.js .select-paragraph.dropbutton .dropbutton__item,.js.no-touchevents .select-paragraph.dropbutton .dropbutton__item{min-height:calc(4rem - 2px*2)}.select-paragraph.dropbutton .dropbutton__item:first-of-type>*,.js .select-paragraph.dropbutton .dropbutton__item:first-of-type>*,.js.no-touchevents .select-paragraph.dropbutton .dropbutton__item:first-of-type>*{border-radius:6px 0 0 6px}.select-paragraph.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js .select-paragraph.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js.no-touchevents .select-paragraph.dropbutton .dropbutton__item:first-of-type:not(:last-of-type){margin-right:calc(3rem + 1px) !important}.select-paragraph .dropbutton__toggle,.js .select-paragraph .dropbutton__toggle,.js.no-touchevents .select-paragraph .dropbutton__toggle{min-height:calc(4rem - 2px*2);min-width:calc(3rem + 1px);z-index:5}.select-paragraph .select-paragraph__thumbnail,.js .select-paragraph .select-paragraph__thumbnail,.js.no-touchevents .select-paragraph .select-paragraph__thumbnail{background-color:#fff;border-bottom:0;border-left:0;border-radius:6px 0 0 6px;border-right:2px solid var(--colorGinTableBorder);border-top:0;height:calc(4rem - 2px*2);-o-object-fit:cover;object-fit:cover;transition:transform .2s ease-in-out;width:100px}.select-paragraph .select-paragraph__wrapper,.js .select-paragraph .select-paragraph__wrapper,.js.no-touchevents .select-paragraph .select-paragraph__wrapper{align-items:center;border:0 !important;display:flex;height:100%;margin:0;padding:0;width:100%}.select-paragraph .select-paragraph__wrapper:hover input.button,.js .select-paragraph .select-paragraph__wrapper:hover input.button,.js.no-touchevents .select-paragraph .select-paragraph__wrapper:hover input.button{color:#fff}.select-paragraph .select-paragraph__wrapper .button.field-add-more-submit,.js .select-paragraph .select-paragraph__wrapper .button.field-add-more-submit,.js.no-touchevents .select-paragraph .select-paragraph__wrapper .button.field-add-more-submit{border:none !important;border-radius:0;box-shadow:none;display:block;font-size:.875rem;margin:0;min-height:calc(4rem - 2px*2);padding:0 0 0 16px;text-align:left;width:100%}.open .select-paragraph.dropbutton,.js .open .select-paragraph.dropbutton,.js.no-touchevents .open .select-paragraph.dropbutton{border-radius:6px 6px 0 0}.open .select-paragraph.dropbutton .dropbutton__items,.js .open .select-paragraph.dropbutton .dropbutton__items,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__items{border:2px solid var(--colorGinTableBorder);bottom:auto;padding:0;width:calc(100% - 4px)}.open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item,.js .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item{border:0;box-shadow:none;margin:0;max-width:100%}.open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper,.js .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper{background-color:#fff}.open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper:hover,.js .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper:hover,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper:hover{background-color:var(--colorGinPrimaryHover);box-shadow:none}.open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type),.js .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type),.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type){border-radius:0}.open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__thumbnail,.js .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__thumbnail,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__thumbnail{border-radius:0}.open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__wrapper,.js .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__wrapper,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__wrapper{background-color:#fff}.diff-wrapper{box-sizing:border-box;margin:0 auto;max-width:1280px}.diff-wrapper *,.diff-wrapper *::before,.diff-wrapper *::after{box-sizing:inherit}.diff-wrapper .dropbutton-widget{box-sizing:content-box}.diff-wrapper .dropbutton-widget .dropbutton__toggle{padding:0}.field--type-image .diffdel,.field--type-image .diffins,.field--type-image .diffimg{display:inline-block;line-height:0;padding:10px}.field--type-image .diffdel img,.field--type-image del.diffimg img{filter:grayscale(1);opacity:.5}.diff-responsive-table-wrapper h2,.diff-responsive-table-wrapper h3,.diff-responsive-table-wrapper h4{font-weight:400}.diff-responsive-table-wrapper h5,.diff-responsive-table-wrapper h6{font-weight:500}.diff-responsive-table-wrapper>h2{font-size:2.125rem}.diff-responsive-table-wrapper p{margin:8px 0 0}.diff-responsive-table-wrapper p:first-child{margin-top:0}.diff-responsive-table-wrapper .field--type-text-long{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-lead{font-size:1.25rem;margin-top:64px}.diff-responsive-table-wrapper .field--name-field-author{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-keywords{margin-top:64px}.image-previewer__image-wrapper{background:#fff;border:5px solid #666;border-radius:5px;max-width:80vw;padding:16px;position:absolute;z-index:99999}@media(min-width: 1080px){.image-previewer__image-wrapper{max-width:50vw}}@media(min-width: 1600px){.image-previewer__image-wrapper{max-width:30vw}}.image-previewer__image{max-width:80vw;min-width:80vw;width:100%}@media(min-width: 1080px){.image-previewer__image{max-width:50vw;min-width:50vw}}@media(min-width: 1600px){.image-previewer__image{max-width:30vw;min-width:30vw}}.image-previewer__title{font-size:1.125rem;font-weight:700}.image-previewer__description{display:block;font-size:.875rem}.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} +body.hdbt-admin{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a1a;font-family:HelsinkiGrotesk,Arial,sans-serif;line-height:1.5}: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)}@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")}.hdbt-admin .page-wrapper *:focus,.hdbt-admin .ui-dialog *:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus,.hdbt-admin .dropbutton .dropbutton__item>*:focus:hover,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus,.hdbt-admin .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus:hover,.hdbt-admin .form-boolean:focus:active,.hdbt-admin .form-boolean:focus:hover,.hdbt-admin .cke.cke_chrome.cke_focus,.hdbt-admin .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,.hdbt-admin .form-element:focus,.hdbt-admin .form-element:hover:focus,.hdbt-admin .form-element.error:hover:focus,.hdbt-admin .form-actions .action-link:focus,.hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,.hdbt-admin .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus{box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 2px 1px #0072c6;outline:none}:root{--input-radio-color-palette: var(--color-black-70);--input-radio-color-palette-text: var(--color-white);--hdbt-admin-theme-color: var(--color-black);--hdbt-admin-text-color: var(--color-white)}.hdbt-admin-tools-site-settings .form-radios.form-boolean-group{display:flex;flex-flow:row wrap;justify-content:flex-start;margin:8px -8px;max-width:1560px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean{align-items:center;display:flex;margin:8px;min-width:200px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:calc(100% - 32px - 4px)}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-koro{width:60%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-theme-color{border:2px solid #4d4d4d;border-radius:5px;flex-flow:column;flex-flow:row-reverse;margin:8px;width:100%}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:100%}@media only screen and (min-width: 992px){.hdbt-admin-tools-site-settings .form-radios .form-type--boolean.form-item--site-settings-default-icon{width:40%}}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-boolean{margin-left:8px;margin-top:-2px}.hdbt-admin-tools-site-settings .form-radios .form-type--boolean .form-item__label.option{margin:2px 8px 0 8px;padding:0}.hdbt-admin-tools-site-settings .form-radios .color-palette{align-items:center;background-color:var(--color-black-70);background-color:var(--input-radio-color-palette);color:var(--color-white);color:var(--input-radio-color-palette-text);display:flex;flex-grow:1;font-size:1rem;font-weight:500;height:100%;justify-content:center}.hdbt-admin-tools-site-settings .form-radios .color-palette--primary{--input-radio-color-palette: var(--hdbt-color-palette--primary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--primary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--secondary{--input-radio-color-palette: var(--hdbt-color-palette--secondary);--input-radio-color-palette-text: var(--hdbt-color-palette-text--secondary);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette--accent{--input-radio-color-palette: var(--hdbt-color-palette--accent);--input-radio-color-palette-text: var(--hdbt-color-palette-text--accent);font-weight:700}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper{align-items:center;display:flex;flex-flow:row;height:50px;justify-content:center;transition:height 150ms ease-in-out;width:100%}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper:hover{height:150px}.hdbt-admin-tools-site-settings .form-radios .color-palette-wrapper .color-palette--primary{border-radius:3px 3px 0 0;flex-grow:2}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper{display:flex;margin:0 32px;min-width:180px}.hdbt-admin-tools-site-settings .form-radios .selection-wrapper label{font-size:1.25rem}.hdbt-admin-tools-site-settings .form-radios .koro{align-items:flex-end;color:var(--color-black);color:var(--hdbt-admin-theme-color);display:flex;height:70px;width:calc(100% - 150px)}.hdbt-admin-tools-site-settings .form-radios .koro .wave{align-items:flex-start}.hdbt-admin-tools-site-settings .form-radios .koro svg path{fill:var(--color-black);fill:var(--hdbt-admin-theme-color)}.hdbt-admin-tools-site-settings .form-radios .default-icon{align-items:center;background-color:var(--color-black);background-color:var(--hdbt-admin-theme-color);display:flex;height:150px;justify-content:center;width:225px}.hdbt-admin-tools-site-settings .form-radios .default-icon .icon{color:var(--color-white);color:var(--hdbt-admin-text-color);height:50%}#edit-site-settings-koro{flex-flow:column}.hdbt-admin table th .form-item__label{display:inline-block;margin-bottom:var(--gin-spacing-xxs);margin-top:var(--gin-spacing-xxs)}[dir=ltr] .hdbt-admin .field-multiple-table th{height:auto}.hdbt-admin #field-display-overview .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,.hdbt-admin #field-display-overview-wrapper .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,.hdbt-admin .field--widget-entity-reference-paragraphs .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,.hdbt-admin .field--type-link .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,.hdbt-admin .field--type-smartdate .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper{line-height:1.25rem;margin-bottom:calc((var(--gin-spacing-xs) + var(--gin-spacing-xs) + 1.25rem + var(--gin-spacing-xxs) + var(--gin-spacing-xxs))*-1);margin-right:0;padding:var(--gin-spacing-xs) var(--gin-spacing-m) var(--gin-spacing-xs) var(--gin-spacing-l)}.hdbt-admin #field-display-overview .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link,.hdbt-admin #field-display-overview-wrapper .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link,.hdbt-admin .field--widget-entity-reference-paragraphs .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link,.hdbt-admin .field--type-link .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link,.hdbt-admin .field--type-smartdate .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link{margin-bottom:0}.hdbt-admin #field-display-overview .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link,.hdbt-admin #field-display-overview-wrapper .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link,.hdbt-admin .field--widget-entity-reference-paragraphs .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link,.hdbt-admin .field--type-link .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link,.hdbt-admin .field--type-smartdate .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper .action-link .action-link{line-height:1.25rem;padding-bottom:var(--gin-spacing-xxs);padding-top:var(--gin-spacing-xxs)}[dir=ltr] .hdbt-admin #field-display-overview .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,[dir=ltr] .hdbt-admin #field-display-overview-wrapper .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,[dir=ltr] .hdbt-admin .field--widget-entity-reference-paragraphs .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,[dir=ltr] .hdbt-admin .field--type-link .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper,[dir=ltr] .hdbt-admin .field--type-smartdate .gin-layer-wrapper>.tabledrag-toggle-weight-wrapper{margin-right:0}.hel-icon{--fallback: calc(var(--line-height, 1) * 1em);background-color:currentColor;display:inline-block;height:calc(1 * 1em);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:calc(1 * 1em);width:var(--icon-size, var(--fallback))}.default-icon .hel-icon{--icon-size: 50%;background-color:var(--color-white);background-color:var(--hdbt-admin-text-color, currentColor)}.hdbt-admin .skip-link{z-index:110}.hdbt-admin .hdbt_admin--edit-form .form-item--status,.hdbt-admin .hdbt_admin--edit-form .field--name-status{align-items:center;display:flex;margin-right:24px}@media(max-width: 1023px){.hdbt-admin .hdbt_admin--edit-form .layout-region-node-secondary{border-top:2px solid #b3b3b3;margin-top:32px;width:100%}}.hdbt-admin .region-sticky{background-color:#fff}.hdbt-admin .region-sticky .region-sticky__items__inner{align-items:center;gap:32px;justify-items:center}@media(min-width: 1024px)and (max-width: 1280px){.hdbt-admin .region-sticky .region-sticky__items__inner .button{font-size:.875rem;padding:8px 12px}.hdbt-admin .region-sticky .region-sticky__items__inner .form-item--status label,.hdbt-admin .region-sticky .region-sticky__items__inner .field--name-status label{font-size:.875rem}}.hdbt-admin .region-breadcrumb{align-items:center;display:flex;overflow:hidden;position:relative}.hdbt-admin .region-breadcrumb::after{background:linear-gradient(90deg, transparent, #fff);content:"";height:100%;position:absolute;right:0;width:30px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__link{min-width:1px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link{padding-left:8px}.hdbt-admin .region-breadcrumb .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before{display:none}.hdbt_admin .text-full .filter-wrapper{display:none}.hdbt_admin .ui-dialog .ui-widget-content.ui-dialog-content{padding-top:16px}.hdbt_admin--edit-form .field--name-title .form-element{font-size:1.125rem;font-weight:400}.hdbt_admin--edit-form .item-list ul{margin:8px 0 0 8px}.hdbt_admin--edit-form .form-item__label{font-size:1rem}.hdbt_admin--edit-form .field--widget-paragraphs .tabledrag-toggle-weight-wrapper{display:none}.hdbt_admin--edit-form .field--widget-formatted-text-character-counter .form-type--textarea+.filter-wrapper,.hdbt_admin--edit-form .node-form .field--widget-text-textarea .form-type--textarea+.filter-wrapper{display:none}@media(min-width: 576px){.hdbt_admin--edit-form ul.paragraph-selection.dropbutton{width:500px}}.hdbt_admin--edit-form ul.paragraph-selection.dropbutton .field-add-more-submit{white-space:normal}@media(min-width: 576px){.js .hdbt_admin--edit-form ul.paragraph-selection.dropbutton,.js.no-touchevents .hdbt_admin--edit-form ul.paragraph-selection.dropbutton{width:500px}}.js .hdbt_admin--edit-form ul.paragraph-selection.dropbutton .field-add-more-submit,.js.no-touchevents .hdbt_admin--edit-form ul.paragraph-selection.dropbutton .field-add-more-submit{white-space:normal}.block-system-branding-block{align-items:center;display:flex;margin-right:8px;margin-top:4px}@media(min-width: 1280px){.block-system-branding-block{margin-right:12px}}.block-system-branding-block .site-logo{line-height:1;transition:width .25s ease;width:60px}@media(min-width: 1024px){.block-system-branding-block .site-logo{width:80px}}.block-system-branding-block .site-logo img{padding-top:3px}.block-page-title-block .page-title{font-size:1.375rem;font-weight:500}@media(min-width: 1280px){.block-page-title-block .page-title{font-size:1.75rem}.region-sticky--is-sticky .block-page-title-block .page-title{font-size:1.5625rem}}.block-local-tasks-block{margin-bottom:8px}.block-local-tasks-block .is-horizontal .tabs--secondary{margin-top:8px}.language-switcher{position:relative}.language-switcher .language-link{color:#000;font-size:1rem;font-weight:400;-webkit-text-decoration:none;text-decoration:none}@media(min-width: 768px){.language-switcher .language-link{font-size:.875rem;margin:0 4px;padding:2px 4px}}.language-switcher .language-link.is-active{cursor:default;font-weight:700}.language-switcher .language-link.is-disabled{color:#999;cursor:default}.language-switcher a:hover{-webkit-text-decoration:underline;text-decoration:underline}.language-switcher__button{background-color:var(--colorGinInputBackground);border:2px solid var(--colorGinPrimary) !important;border-radius:var(--ginBorderDefault);box-shadow:0 1px 2px var(--colorGinPrimaryLight);color:var(--colorGinPrimary);font-size:.875rem;font-weight:700;line-height:1;padding:calc(1rem - 2px) calc(1.5rem - 2px)}@media(min-width: 768px){.language-switcher__button{display:none}}.language-switcher__button .label{grid-area:label}.language-switcher__dropdown{display:none}@media(max-width: 768px){.language-switcher__dropdown.is-active{background:#fff;border:1px solid #ccc;border-radius:0 0 3px 3px;box-shadow:0 3px 4px rgba(0,0,0,.2);display:flex;line-height:2;padding:16px;position:absolute;right:0;top:40px;z-index:100}}@media(min-width: 768px){.language-switcher__dropdown{display:flex}}body:not(.path-node) header.region .local-actions{white-space:nowrap}body:not(.path-node) header.region .local-actions__item a{white-space:nowrap}.hdbt-admin .entity-meta__promote .form-item__label::after{content:""}.hdbt-admin .entity-meta__revision .field--type-published-at{display:inline-block;margin-top:8px}@media screen and (min-width: 1024px){.hdbt-admin .field--name-field-liftup-image .media-library-selection .media-library-item--grid{width:100%}}.character-counter{line-height:1.0625rem;margin-top:.375rem;margin-bottom:.375rem}.character-counter__count{color:#4d4d4d;font-size:.875rem}.character-counter__warning{align-items:center;background:#fff4b4;border-left:10px solid #d18200;display:flex;margin-top:8px;padding:8px}.character-counter__icon{color:#d18200}.character-counter__warning-text{color:#000;margin-left:8px}.form-item__description+.character-counter{margin-top:-4px}.hdbt-admin .dropbutton-widget{background-color:var(--color-white)}.hdbt-admin .form-item__description{color:#4d4d4d;font-size:.875rem;max-width:none}.media-library-item__name,.media-library-item__alt{font-size:.875rem}.media-library-item__alt{font-weight:500}.media-library-item__alt span{font-weight:400}.field--name-field-map-map .media-library-item .media-library-item__preview,form[data-drupal-media-type=hel_map] .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map{margin-bottom:-7px;position:relative}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map a,form[data-drupal-media-type=hel_map] .media-library-item .field--name-field-media-hel-map a{display:none}.field--name-field-map-map .media-library-selection .media-library-item--grid{width:100%}.field--name-field-map-map .media-library-item .media-library-item__preview{padding-bottom:0}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map{height:300px;margin-bottom:0;width:100%}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map::before{background:rgba(0,0,0,.05)}.field--name-field-map-map .media-library-item .field--name-field-media-hel-map iframe{height:100%;width:100%}.media-library-item .helfi-chart .media-library-item__preview{padding-bottom:0}.media-library-item .helfi-chart iframe{border:0;margin-bottom:-7px;max-width:100%}.field--name-field-chart-chart .media-library-selection .media-library-item--grid{width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url{height:300px;width:100%}.field--name-field-chart-chart .field--name-field-helfi-chart-url iframe{height:100%;width:100%}.paragraph-type--accordion .field-accordion-items-values>thead{display:none}.paragraph-type--accordion-item .field-accordion-item-content-values>thead{display:none}.paragraph--type--accordion{margin-top:64px}.paragraph--type--accordion .field--name-field-accordion-heading-level{margin-top:8px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-accordion-item-heading{font-size:2rem;margin-top:32px}.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffdel,.paragraph--type--accordion .paragraph--type--accordion-item .field--name-field-media-image .diffins{display:inline-block;line-height:0;padding:10px}.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--columns,.paragraph--type--accordion .paragraph--type--accordion-item .paragraph--type--text{margin-top:0}.paragraph--type--banner{margin-top:64px}.paragraph--type--banner .field--name-field-banner-title{font-size:2rem}.paragraph--type--banner .field--name-field-banner-design{margin-top:8px}.paragraph-type--columns th.field-label{align-items:center;display:flex}.paragraph-type--columns .columns_size{background:var(--color-black-60);border-radius:4px;color:var(--color-white);margin-left:auto;padding:4px}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table{margin:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr{border:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table thead tr th{padding:0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .form-actions{margin:.5rem 0}.paragraph-type--columns .paragraphs-tabs-wrapper table.field-multiple-table .dropbutton-wrapper{padding:0}.paragraph--type--columns{margin-top:64px;overflow:hidden}.paragraph--type--columns .field--name-field-columns-title{font-size:2rem;margin-bottom:16px}.paragraph--type--columns .field--name-field-columns-design{margin-top:8px}.paragraph--type--columns .paragraph--type--image,.paragraph--type--columns .paragraph--type--text{margin-top:0}.paragraph--type--columns .field--name-field-media-image{line-height:0;margin-bottom:8px}.paragraph--type--columns .field--name-field-columns-left-column{float:left;margin-top:16px;width:50%}.paragraph--type--columns .field--name-field-columns-right-column{float:right;margin-top:16px;padding-left:24px;width:50%}.hdbt-admin .paragraphs-tabs-wrapper>.form-item>.layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;box-shadow:0 0 0 rgba(0,0,0,0);padding:0}.hdbt-admin .paragraphs-tabs-wrapper .paragraph-type-label,.hdbt-admin .paragraphs-tabs-wrapper .paragraph-summary .summary-content{font-size:1rem !important;line-height:1.5 !important}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table>thead{box-shadow:0 0 0 rgba(0,0,0,0)}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table>thead>tr{border:0 none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table>thead>tr>th{background:#fff;box-shadow:none;padding-bottom:0;padding-left:0}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable{background-color:#fff;margin-top:.5rem}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable td.paragraph-bullet::after{display:none}.hdbt-admin .paragraphs-tabs-wrapper table.field-multiple-table .draggable>td+td{width:100%}.hdbt-admin .paragraphs-subform .form-item--multiple .field-multiple-table .form-item--no-label{margin-bottom:0}.hdbt-admin .translation-entity-all-languages{display:none}.js .hdbt-admin .field--widget-paragraphs .paragraphs-dropbutton-wrapper .dropbutton-multiple{padding:0}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag{min-width:30px}.js .hdbt-admin .field--widget-paragraphs .field-multiple-drag.tabledrag-cell--only-drag{min-width:12px}.js .hdbt-admin .paragraph-top .paragraph-type,.js .hdbt-admin .paragraph-top .paragraph-summary{align-self:center}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable>td{padding:0}.js .hdbt-admin .paragraphs-tabs-wrapper .field-multiple-table .draggable .tabledrag-handle::after{margin:0;padding:0}.js .hdbt-admin .paragraphs-badge{display:none}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table{display:block}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody{display:block}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable{align-items:center;background-color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:.5rem;position:relative}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable>td{display:block;min-width:0;position:relative}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable>td:first-child{width:30px}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable>td:last-child{width:60px}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>tbody>tr.draggable>td+td{display:block;width:100%}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead{display:block}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead>tr{display:flex}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead>tr th:first-child{display:flex;width:100%}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead>tr th:first-child .paragraphs-actions{margin-left:auto;margin-right:0}.hdbt-admin .paragraphs-tabs-wrapper figure>table.field-multiple-table>thead>tr .tabledrag-hide{margin:auto}.paragraph-type--content-cards .field--name-field-content-cards-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-cards .field--name-field-content-cards-content .field-label{display:none}.paragraph--type--content-cards{margin-top:64px}.paragraph--type--content-cards .field--name-field-content-cards-title{font-size:2rem}.paragraph--type--content-cards .field--name-field-content-cards-design{margin-top:8px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item{display:flex;flex-direction:column;margin-top:16px}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;order:2}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content{min-height:400px;order:1;position:relative}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-cards .field--name-field-content-cards-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper{display:flex}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-item{margin:0}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select{align-content:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;margin-right:16px}.paragraph-type--content-liftup .field--widget-dynamic-entity-reference-default .details-wrapper .form-type--select label{line-height:20px}.paragraph-type--content-liftup .form-item__error-message{display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .layer-wrapper{background-color:rgba(0,0,0,0);border:0 none;box-shadow:none;margin:0;padding:0}.paragraph-type--content-liftup .field--name-field-content-liftup-content .field-label{display:none}.paragraph-type--content-liftup .field--name-field-content-liftup-content .form-item__description .notice{color:#8d0d2d;display:block}.paragraph-type--content-liftup .field--name-field-content-liftup-content .dynamic-entity-reference-target-type-changed{display:none}.paragraph--type--content-liftup{margin-top:64px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item{display:flex;flex-direction:column;margin-top:16px}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item h2{font-size:1.25rem;margin:8px 0 0;order:2}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content{min-height:400px;order:1;position:relative}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content::after{background-color:#0000bf;content:"";display:block;height:400px;left:0;position:absolute;top:0;width:600px;z-index:-1}.paragraph--type--content-liftup .field--name-field-content-liftup-content>.field__item .node__content .field--name-field-media-image{line-height:0}.paragraph--type--hero .field--name-field-hero-title{font-size:2rem}.paragraph--type--hero .field--name-field-hero-design{margin-top:8px}.node-form .field--name-field-hero thead .field-label{display:none !important}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform{grid-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto;margin:0}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-design{grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-bg-color{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-title{grid-column-end:2;grid-column-start:1;grid-row-end:4;grid-row-start:3}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-desc{grid-column-end:2;grid-column-start:1;grid-row-end:5;grid-row-start:4}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image{margin-top:16px}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image{box-sizing:border-box;grid-column-end:3;grid-column-start:2;grid-row-end:5;grid-row-start:1;padding-right:30px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset{background:rgba(0,0,0,0);border:0;box-shadow:none;margin:0;padding:0 0 1.5rem}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset legend{display:none}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-widget-modal .media-library-item--grid,.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-image .media-library-selection .media-library-item--grid{width:250px}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design{grid-column-end:2;grid-column-start:1;grid-row-end:7;grid-row-start:6;margin-top:16px}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link-design .paragraphs-subform{display:block}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link{grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:7}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{border:0 none;box-shadow:none;padding:0}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper{margin:0 0 0 -0.5rem}}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tbody{display:flex;flex-wrap:wrap}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{max-width:520px}@media(min-width: 1340px){.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .layer-wrapper tr{flex:1 1 32%;margin:0 .5rem 1rem}}.node-form .field--name-field-hero .paragraph-type--hero .form-wrapper .paragraphs-subform .field--name-field-hero-link .paragraphs-subform{display:block}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image{float:left;width:40%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:50%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image{width:35%}}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset{background:rgba(0,0,0,0);border:0;box-shadow:none;margin:0;padding:0 0 1.5rem}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset legend{display:none}.paragraph-type--image .paragraphs-subform .field--name-field-image fieldset .fieldset__wrapper{margin:0}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--image .paragraphs-subform .field--name-field-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 768px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{float:right;width:55%}}@media(min-width: 1024px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:45%}}@media(min-width: 1160px){.paragraph-type--image .paragraphs-subform .field--name-field-image-caption,.paragraph-type--image .paragraphs-subform .field--name-field-original-aspect-ratio{width:60%}}.paragraph--type--image{margin-top:64px}.paragraph--type--image .field--name-field-media-image{display:flex;line-height:0}.paragraph--type--image .field--name-field-media-image img{width:596px}.paragraph--type--image .field--name-field-photographer{margin-top:8px}.paragraphs-library-item-form-instructions{align-items:center;display:flex}.paragraphs-library-item-form-instructions .icon{height:32px;margin-right:8px;width:32px}.paragraph--type--liftup-with-image{margin-top:64px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-title{font-size:2rem}.paragraph--type--liftup-with-image .field--name-field-media-image{display:flex;margin-bottom:8px;margin-top:8px}.paragraph--type--liftup-with-image .field--name-field-media-image img{width:596px}.paragraph--type--liftup-with-image .field--name-field-liftup-with-image-design{margin-top:8px}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform{box-sizing:border-box;grid-column-gap:40px;-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:50% auto;grid-template-rows:auto auto}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;justify-self:self-start;max-width:200px}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset{background:rgba(0,0,0,0);border:0;box-shadow:none;margin:0;padding:0 0 1.5rem}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset legend{display:none}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .fieldset__wrapper{margin:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image fieldset .media-library-selection{margin-top:0}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-widget-modal .media-library-item--grid,.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-image .media-library-selection .media-library-item--grid{width:100%}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-link{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1}}@media(min-width: 1180px){.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1}}.paragraph-type--list-of-links-item .paragraphs-subform .field--name-field-list-of-links-desc .form-element--type-text{width:100%}.paragraph--type--list-of-links{margin-top:64px}.paragraph--type--list-of-links .field--name-field-list-of-links-links>.field__item{margin-top:16px}.paragraph--type--list-of-links .field--name-field-list-of-links-title{font-size:2rem;margin-bottom:16px}.paragraph--type--list-of-links .field--name-field-media-image{line-height:0}.paragraph--type--list-of-links .field--name-field-media-image img{width:368px}.paragraph--type--list-of-links .field--name-field-list-of-links-link{font-size:1.25rem;margin-top:8px}.paragraphs-tabs-wrapper .paragraph-type--text .form-type--textarea>label.form-item__label{display:none}.paragraph--type--text{margin-top:64px}.media-library-view--widget .media-library-item__click-to-select-checkbox .form-boolean{box-shadow:0 3px 6px gray}.media-library-view--widget .pager{width:100%}[dir=ltr] .media-library-view--widget .media-library-item .media-library-item__edit{right:.5rem}[dir=rtl] .media-library-view--widget .media-library-item .media-library-item__edit{left:.5rem}.view-header{overflow:hidden}.view-header .view-results{font-size:.8125rem;padding:4px;text-align:right}.view-content [data-drupal-selector*=-bulk-form] .form-actions{align-self:baseline}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(-n+4){background:rgba(46,160,67,.1)}#views-form-ordered-news-list-ordered-news table tbody tr:nth-child(4){border-bottom:1px solid #000}.select2.select2-container{min-height:50px}.select2.select2-container .select2-selection{border:1px solid var(--colorGinFormElementBorder);border-radius:6px;box-shadow:0 1px 2px rgba(18,18,18,.25);color:var(--colorGinText);font-size:1rem;min-height:60px}.select2.select2-container .select2-selection:hover{border-color:var(--colorGinText);box-shadow:inset 0 0 0 1px var(--colorGinText)}.select2.select2-container .select2-selection .select2-selection__clear{padding:7px 10px 7px 7px}.select2.select2-container .select2-selection .select2-selection__placeholder{font-size:1rem;padding:0}.select2.select2-container .select2-selection .select2-selection__arrow{height:45px;padding:7px 7px 7px 10px;right:5px;top:0}.select2.select2-container .select2-selection .select2-selection__rendered{align-items:center;display:flex;flex-flow:row wrap;font-size:1rem;padding:16px}.select2.select2-container .select2-selection .select2-search__field{color:var(--colorGinText);font-size:1rem;margin:0;min-width:100px;padding:calc(.75rem - 1px) calc(1rem - 1px);width:100% !important}.select2.select2-container .select2-selection .select2-selection__choice{align-items:center;background:var(--colorGinPrimary);display:flex;margin:.25rem;padding:.5rem 1rem}.select2.select2-container .select2-selection .select2-selection__choice:hover{background-color:var(--colorGinPrimaryHover)}.select2.select2-container .select2-selection .select2-selection__choice:active,.select2.select2-container .select2-selection .select2-selection__choice:focus{background-color:var(--colorGinPrimaryActive)}.select2.select2-container .select2-selection .select2-selection__choice,.select2.select2-container .select2-selection .select2-selection__choice:hover,.select2.select2-container .select2-selection .select2-selection__choice:active,.select2.select2-container .select2-selection .select2-selection__choice:focus{color:var(--colorGinButtonText)}.select2.select2-container .select2-selection .select2-selection__choice__remove{color:var(--colorGinButtonText);font-size:1rem;margin-right:.5rem;transition:color 200ms}.select2.select2-container .select2-selection .select2-selection__choice__remove:hover,.select2.select2-container .select2-selection .select2-selection__choice__remove:active,.select2.select2-container .select2-selection .select2-selection__choice__remove:focus{color:var(--color-metro)}.select2-container .select2-results__options .select2-results__option{color:var(--colorGinText);font-size:1rem;padding:calc(.75rem - 1px) calc(1rem - 1px)}.select2-container .select2-results__options .select2-results__option--highlighted[aria-selected]{color:#fff}.select-color-palette{min-width:100%}.select-color-palette .color-selection-wrapper{display:flex;width:calc(100% - 14px)}.select-color-palette .color-selection-wrapper .color-selection--primary{background-color:var(--hdbt-color-palette--primary);height:100%;width:50%}.select-color-palette .color-selection-wrapper .color-selection--secondary{background-color:var(--hdbt-color-palette--secondary);height:100%;width:25%}.select-color-palette .color-selection-wrapper .color-selection--accent{background-color:var(--hdbt-color-palette--accent);height:100%;width:25%}.select-color-palette .ts-dropdown .color-selection-wrapper{padding:calc(.75rem - 1px) calc(1rem - 1px);width:calc(100% - 29px)}.select-color-palette .colors{border:1px solid gray;display:flex;width:50%}.select-color-palette .selection{padding-right:16px;width:50%}.select-color-palette__wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.select-design .image{margin-right:16px;transition:transform .2s ease-in-out}.select-design .image:hover{transform:scale(1.1)}.select-design__wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.ts-dropdown .select-design__wrapper{padding:calc(.75rem - 1px) calc(1rem - 1px);width:calc(100% - 29px)}.select-design__thumbnail{background-color:#fff;border:2px solid #818181;border-radius:6px;height:50px;margin-left:16px;min-width:100px;transition:transform 150ms}.select-design__thumbnail:hover{transform:scale(1.1)}.select-paragraph.dropbutton,.js .select-paragraph.dropbutton,.js.no-touchevents .select-paragraph.dropbutton{background-color:#fff;height:4rem;min-height:4rem;width:400px}.select-paragraph.dropbutton .dropbutton__item,.js .select-paragraph.dropbutton .dropbutton__item,.js.no-touchevents .select-paragraph.dropbutton .dropbutton__item{min-height:calc(4rem - 2px*2)}.select-paragraph.dropbutton .dropbutton__item:first-of-type>*,.js .select-paragraph.dropbutton .dropbutton__item:first-of-type>*,.js.no-touchevents .select-paragraph.dropbutton .dropbutton__item:first-of-type>*{border-radius:6px 0 0 6px}.select-paragraph.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js .select-paragraph.dropbutton .dropbutton__item:first-of-type:not(:last-of-type),.js.no-touchevents .select-paragraph.dropbutton .dropbutton__item:first-of-type:not(:last-of-type){margin-right:calc(3rem + 1px) !important}.select-paragraph .dropbutton__toggle,.js .select-paragraph .dropbutton__toggle,.js.no-touchevents .select-paragraph .dropbutton__toggle{min-height:calc(4rem - 2px*2);min-width:calc(3rem + 1px);z-index:5}.select-paragraph .select-paragraph__thumbnail,.js .select-paragraph .select-paragraph__thumbnail,.js.no-touchevents .select-paragraph .select-paragraph__thumbnail{background-color:#fff;border-bottom:0;border-left:0;border-radius:6px 0 0 6px;border-right:2px solid var(--colorGinTableBorder);border-top:0;height:calc(4rem - 2px*2);-o-object-fit:cover;object-fit:cover;transition:transform .2s ease-in-out;width:100px}.select-paragraph .select-paragraph__wrapper,.js .select-paragraph .select-paragraph__wrapper,.js.no-touchevents .select-paragraph .select-paragraph__wrapper{align-items:center;border:0 !important;display:flex;height:100%;margin:0;padding:0;width:100%}.select-paragraph .select-paragraph__wrapper:hover input.button,.js .select-paragraph .select-paragraph__wrapper:hover input.button,.js.no-touchevents .select-paragraph .select-paragraph__wrapper:hover input.button{color:#fff}.select-paragraph .select-paragraph__wrapper .button.field-add-more-submit,.js .select-paragraph .select-paragraph__wrapper .button.field-add-more-submit,.js.no-touchevents .select-paragraph .select-paragraph__wrapper .button.field-add-more-submit{border:none !important;border-radius:0;box-shadow:none;display:block;font-size:.875rem;margin:0;min-height:calc(4rem - 2px*2);padding:0 0 0 16px;text-align:left;width:100%}.open .select-paragraph.dropbutton,.js .open .select-paragraph.dropbutton,.js.no-touchevents .open .select-paragraph.dropbutton{border-radius:6px 6px 0 0}.open .select-paragraph.dropbutton .dropbutton__items,.js .open .select-paragraph.dropbutton .dropbutton__items,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__items{border:2px solid var(--colorGinTableBorder);bottom:auto;padding:0;width:calc(100% - 4px)}.open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item,.js .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item{border:0;box-shadow:none;margin:0;max-width:100%}.open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper,.js .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper{background-color:#fff}.open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper:hover,.js .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper:hover,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__items .dropbutton__item .select-paragraph__wrapper:hover{background-color:var(--colorGinPrimaryHover);box-shadow:none}.open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type),.js .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type),.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type){border-radius:0}.open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__thumbnail,.js .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__thumbnail,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__thumbnail{border-radius:0}.open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__wrapper,.js .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__wrapper,.js.no-touchevents .open .select-paragraph.dropbutton .dropbutton__item:not(:first-of-type) .select-paragraph__wrapper{background-color:#fff}.diff-wrapper{box-sizing:border-box;margin:0 auto;max-width:1280px}.diff-wrapper *,.diff-wrapper *::before,.diff-wrapper *::after{box-sizing:inherit}.diff-wrapper .dropbutton-widget{box-sizing:content-box}.diff-wrapper .dropbutton-widget .dropbutton__toggle{padding:0}.field--type-image .diffdel,.field--type-image .diffins,.field--type-image .diffimg{display:inline-block;line-height:0;padding:10px}.field--type-image .diffdel img,.field--type-image del.diffimg img{filter:grayscale(1);opacity:.5}.diff-responsive-table-wrapper h2,.diff-responsive-table-wrapper h3,.diff-responsive-table-wrapper h4{font-weight:400}.diff-responsive-table-wrapper h5,.diff-responsive-table-wrapper h6{font-weight:500}.diff-responsive-table-wrapper>h2{font-size:2.125rem}.diff-responsive-table-wrapper p{margin:8px 0 0}.diff-responsive-table-wrapper p:first-child{margin-top:0}.diff-responsive-table-wrapper .field--type-text-long{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-lead{font-size:1.25rem;margin-top:64px}.diff-responsive-table-wrapper .field--name-field-author{margin-top:16px}.diff-responsive-table-wrapper .field--name-field-keywords{margin-top:64px}.image-previewer__image-wrapper{background:#fff;border:5px solid #666;border-radius:5px;max-width:80vw;padding:16px;position:absolute;z-index:99999}@media(min-width: 1080px){.image-previewer__image-wrapper{max-width:50vw}}@media(min-width: 1600px){.image-previewer__image-wrapper{max-width:30vw}}.image-previewer__image{max-width:80vw;min-width:80vw;width:100%}@media(min-width: 1080px){.image-previewer__image{max-width:50vw;min-width:50vw}}@media(min-width: 1600px){.image-previewer__image{max-width:30vw;min-width:30vw}}.image-previewer__title{font-size:1.125rem;font-weight:700}.image-previewer__description{display:block;font-size:.875rem}.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/characterCounter.min.js b/dist/js/characterCounter.min.js index dc4f7d85..0e0d8156 100644 --- a/dist/js/characterCounter.min.js +++ b/dist/js/characterCounter.min.js @@ -1 +1 @@ -!function(){"use strict";((Drupal,t)=>{const e=(t,e)=>Drupal.t("Characters: @counted/@total",{"@counted":t,"@total":e},{context:"Character counter"}),n=(t,e,n)=>t>=n?2:t>e&&e>0?1:0,r=(t,e,n,r,a)=>2===t?(a.classList.remove("is-hidden"),"input"===r?Drupal.t("The recommended maximum length for the title is @total characters.",{"@total":n},{context:"Character counter"}):Drupal.t("The recommended maximum length for the lead is @total characters.",{"@total":n},{context:"Character counter"})):1===t?(a.classList.remove("is-hidden"),Drupal.t("Consider shortening. A lead under @step characters works best for search engines.",{"@step":e},{context:"Character counter"})):(a.classList.add("is-hidden"),0),a=t=>t.replace(/<[^>]*>/g," ").replace(/\s+/g," ").replace(/&#?[a-z0-9]+;/i," ").trim().length;Drupal.behaviors.characterCounter={attach:function(c){const o=t("character-counter","[data-character-counter]",c);o&&o.forEach((t=>{const o=t.dataset.characterCounter,i=t.dataset.counterInputTag,s=t.dataset.counterTotal,l=t.dataset.counterStep,u=t.querySelector(".character-counter__warning"),d=c.querySelector(`.${o}`);if(!d)return;const h=d.querySelector("[data-counter-id]"),m=d.querySelector("[data-warning-id]"),g=d.querySelector(i);if(!g)return;let p=0;"textarea"===i&&d.parentElement.classList.contains("form-item")&&d.parentElement.querySelector(".form-item__description")&&d.parentElement.querySelector(".form-item__description").insertAdjacentElement("afterend",t),g.value.length>0&&(p=n(g.value.length,l,s),h.textContent=e(g.value.length,s),m.textContent=r(p,l,s,i,u)),"input"===i?g.addEventListener("input",(function(){p=n(g.value.length,l,s),h.textContent=e(g.value.length,s),m.textContent=r(p,l,s,i,u)})):setTimeout((function(){const t=g.parentElement.querySelector(".ck-editor__editable");if(t&&t.ckeditorInstance){const c=t.ckeditorInstance;c.model.document.on("change:data",(()=>{p=n(a(c.getData()),l,s),h.textContent=e(a(c.getData()),s),m.textContent=r(p,l,s,i,u)}))}}))}))}}})(Drupal,once)}(); \ No newline at end of file +!function(){"use strict";((Drupal,e)=>{Drupal.behaviors.characterCounter={attach:function(t){const r=e("character-counter","[data-character-counter]",t);0!==r.length&&r.forEach((e=>{const r=e.dataset.characterCounter,n=e.dataset.counterInputTag,a=e.dataset.counterTotal,c=e.dataset.counterStep,o=e.querySelector(".character-counter__warning"),i=t.querySelector(`.${r}`);if(!i)return;const s=i.querySelector("[data-counter-id]"),l=i.querySelector("[data-warning-id]"),u=i.querySelector(n);if(!u)return;let d=0;"textarea"===n&&i.parentElement.classList.contains("form-item")&&i.parentElement.querySelector(".form-item__description")&&i.parentElement.querySelector(".form-item__description").insertAdjacentElement("afterend",e);const h=e=>{var t,r;r=c,d=(t=e)>=a?2:t>r&&r>0?1:0,s.textContent=((e,t)=>Drupal.t("Characters: @counted/@total",{"@counted":e,"@total":t},{context:"Character counter"}))(e,a),l.textContent=((e,t,r,n,a)=>2===e?(a.classList.remove("is-hidden"),"input"===n?Drupal.t("The recommended maximum length for the title is @total characters.",{"@total":r},{context:"Character counter"}):Drupal.t("The recommended maximum length for the lead is @total characters.",{"@total":r},{context:"Character counter"})):1===e?(a.classList.remove("is-hidden"),Drupal.t("Consider shortening. A lead under @step characters works best for search engines.",{"@step":t},{context:"Character counter"})):(a.classList.add("is-hidden"),0))(d,c,a,n,o)};u.value.length>0&&h(u.value.length),"input"===n?u.addEventListener("input",(function(){h(u.value.length)})):setTimeout((function(){const e=u.parentElement.querySelector(".ck-editor__editable");if(e&&e.ckeditorInstance){const t=e.ckeditorInstance;t.model.document.on("change:data",(()=>{h(t.getData().replace(/<[^>]*>/g," ").replace(/\s+/g," ").replace(/&#?[a-z0-9]+;/i," ").trim().length)}))}else u.addEventListener("input",(function(){h(u.value.length)}))}))}))}}})(Drupal,once)}(); \ No newline at end of file diff --git a/hdbt_admin.theme b/hdbt_admin.theme index f37f9064..2072c73a 100644 --- a/hdbt_admin.theme +++ b/hdbt_admin.theme @@ -5,6 +5,8 @@ * Contains HDBT Admin theme. */ +declare(strict_types=1); + use Drupal\Core\Entity\EntityFormInterface; use Drupal\Core\Form\FormStateInterface; use Drupal\Core\Language\LanguageInterface; @@ -84,12 +86,6 @@ function _hdbt_admin_form_template_suggestions(array &$suggestions, array &$vari if (in_array('koro', $variables['element']['#parents'], TRUE)) { $suggestions[] = $variables['theme_hook_original'] . '__koro'; } - if ( - in_array('field_hero_title', $variables['element']['#parents'], TRUE) || - in_array('field_hero_desc', $variables['element']['#parents'], TRUE) - ) { - $suggestions[] = $variables['theme_hook_original'] . '__character_count'; - } } /** @@ -455,34 +451,3 @@ function hdbt_admin_preprocess_field_multiple_value_form(&$variables) { } } } - -/** - * Implements hook_preprocess_HOOK(). - */ -function hdbt_admin_preprocess_form_element(array &$variables) { - // Map the counter input tag, step value and total value to variables. - $counter_elements = [ - 'field_hero_title' => [ - 'counter_input_tag' => 'input', - 'counter_step' => 0, - 'counter_total' => 55, - ], - 'field_hero_desc' => [ - 'counter_input_tag' => 'textarea', - 'counter_step' => 160, - 'counter_total' => 200, - ], - ]; - - // Set the mapped values to corresponding fields. - foreach ($counter_elements as $counter_element => $counter_values) { - if ( - array_key_exists('name', $variables) && - str_contains($variables['name'], $counter_element) - ) { - foreach ($counter_values as $key => $value) { - $variables[$key] = $value; - } - } - } -} diff --git a/package-lock.json b/package-lock.json index 6f639de1..58c86e9b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3643,9 +3643,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001588", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001588.tgz", - "integrity": "sha512-+hVY9jE44uKLkH0SrUTqxjxqNTOWHsbnQDIKjwkZ3lNTzUUVdBLBGXtj/q5Mp5u98r3droaZAewQuEDzjQdZlQ==", + "version": "1.0.30001594", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001594.tgz", + "integrity": "sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==", "funding": [ { "type": "opencollective", diff --git a/src/js/characterCounter.js b/src/js/characterCounter.js index 3de7e08c..7c8751ff 100644 --- a/src/js/characterCounter.js +++ b/src/js/characterCounter.js @@ -70,7 +70,7 @@ // Get all character counter instances using once(). const counterInstances = once('character-counter', '[data-character-counter]', context); - if (!counterInstances) { + if (counterInstances.length === 0) { return; } @@ -110,11 +110,15 @@ .insertAdjacentElement('afterend', counterInstance); } + const updateCharacterCounter = (charCount) => { + warningType = processWarningType(charCount, counterStepChars, counterTotalChars); + charCounter.textContent = characterCounter(charCount, counterTotalChars); + charWarning.textContent = characterWarning(warningType, counterStepChars, counterTotalChars, counterInputTag, counterWarning); + }; + // Set initial value for the character counter. if (textInput.value.length > 0) { - warningType = processWarningType(textInput.value.length, counterStepChars, counterTotalChars); - charCounter.textContent = characterCounter(textInput.value.length, counterTotalChars); - charWarning.textContent = characterWarning(warningType, counterStepChars, counterTotalChars, counterInputTag, counterWarning); + updateCharacterCounter(textInput.value.length); } // Handle input tag and textarea tags separately. @@ -122,9 +126,7 @@ // Add event listener to the input tag and process // the charCounter and charWarning. textInput.addEventListener('input', function () { - warningType = processWarningType(textInput.value.length, counterStepChars, counterTotalChars); - charCounter.textContent = characterCounter(textInput.value.length, counterTotalChars); - charWarning.textContent = characterWarning(warningType, counterStepChars, counterTotalChars, counterInputTag, counterWarning); + updateCharacterCounter(textInput.value.length); }); } else { setTimeout(function () { @@ -136,9 +138,16 @@ const editor = ckeditorEditable.ckeditorInstance; editor.model.document.on('change:data', () => { // Output the number of words to the counter. - warningType = processWarningType(convertHtmlTags(editor.getData()), counterStepChars, counterTotalChars); - charCounter.textContent = characterCounter(convertHtmlTags(editor.getData()), counterTotalChars); - charWarning.textContent = characterWarning(warningType, counterStepChars, counterTotalChars, counterInputTag, counterWarning); + updateCharacterCounter(convertHtmlTags(editor.getData())); + }); + } + // The CKEditor is not used in this textarea. Handle current text + // input normally. + else { + // Add event listener to the input tag and process + // the charCounter and charWarning. + textInput.addEventListener('input', function () { + updateCharacterCounter(textInput.value.length); }); } }); diff --git a/src/scss/06_components/forms/_character-counter.scss b/src/scss/06_components/forms/_character-counter.scss index 0b0d6fbc..61f37b68 100644 --- a/src/scss/06_components/forms/_character-counter.scss +++ b/src/scss/06_components/forms/_character-counter.scss @@ -1,5 +1,6 @@ .character-counter { - margin-top: -$spacing-quarter; + line-height: calc(17rem / 16); + margin-block: calc(6rem / 16); } .character-counter__count { @@ -24,3 +25,7 @@ color: $color-black; margin-inline-start: $spacing-half; } + +.form-item__description + .character-counter { + margin-top: -$spacing-quarter; +} diff --git a/src/scss/06_components/layout/_page.scss b/src/scss/06_components/layout/_page.scss index 4c2aa489..d9716fba 100644 --- a/src/scss/06_components/layout/_page.scss +++ b/src/scss/06_components/layout/_page.scss @@ -35,6 +35,7 @@ } // Hide "About text formats" link from text-area fields on node form. + .field--widget-formatted-text-character-counter, .node-form .field--widget-text-textarea { .form-type--textarea + .filter-wrapper { display: none; diff --git a/templates/form/form-element--character-count.html.twig b/templates/form/form-element--character-count.html.twig index a5812cd3..1f144313 100644 --- a/templates/form/form-element--character-count.html.twig +++ b/templates/form/form-element--character-count.html.twig @@ -94,6 +94,7 @@ js-form-type-[something] exists on form items. We have to keep them.
{{ attach_library('hdbt_admin/character-counter')}} + {{ attach_library('hdbt/hdbt-icons')}} {% endif %}