diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css index 78bdee69c..eaf038bbb 100644 --- a/dist/css/styles.min.css +++ b/dist/css/styles.min.css @@ -21,4 +21,4 @@ [data-hds-variant="primary"], [data-hds-variant="secondary"]):not(:first-child){margin-top:8px}}.sidebar-text .sidebar-text__text-content [data-hds-component=button]:not([class*=hds-button])[data-hds-variant=supplementary]:first-child,.sidebar-text .sidebar-text__text-content .hds-button--supplementary:first-child{margin-left:0}.sidebar-text ul,.sidebar-text ol{background-color:#f1f1f1;background-color:var(--color-black-5);padding:16px}.sidebar-text ul li,.sidebar-text ol li{margin-left:32px;padding-left:8px}.sidebar-text ul ul,.sidebar-text ul ol,.sidebar-text ol ul,.sidebar-text ol ol{margin-top:0}.sidebar-text ul ul li,.sidebar-text ul ol li,.sidebar-text ol ul li,.sidebar-text ol ol li{margin-left:8px}.sidebar-text--service-links .sidebar-text__text-content>a{background-color:#f1f1f1;background-color:var(--color-black-5);display:grid;grid-template-columns:1fr calc(24px + 8px);margin-top:16px;padding:24px 16px;-webkit-text-decoration:none;text-decoration:none}.sidebar-text--service-links .sidebar-text__text-content>a:after{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;align-self:center;justify-self:end;order:3}.sidebar-text--service-links .sidebar-text__text-content>a[data-is-external]:after{display:none}.sidebar-text--service-links .sidebar-text__text-content>a:hover{-webkit-text-decoration:underline;text-decoration:underline}.target-group-links{--gap: 8px;display:flex;flex-wrap:wrap;gap:8px;gap:var(--gap, 8px)}@media(min-width: 768px){.target-group-links{--gap: 24px}}.target-group-link{--icon-size: 32px;--title-line-height: 1.625rem;grid-column-gap:24px;background-color:#f7f7f8;display:grid;grid-template-areas:"icon title" "icon subtitle";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:24px;position:relative;width:100%}@media(min-width: 768px){.target-group-link{--icon-size: 48px;width:calc(50% - .5*var(--gap))}}@media(min-width: 992px){.target-group-link{--title-line-height: 1.75rem}}.target-group-link__icon{grid-area:icon}.target-group-link__icon .hel-icon{display:block}.target-group-link__title{-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:1.3;line-height:var(--line-height);grid-area:title;margin:0;padding-top:calc(.5*(var(--icon-size) - var(--title-line-height)))}@media(min-width: 992px){.target-group-link__title{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.target-group-link__link{-webkit-text-decoration:none;text-decoration:none}.target-group-link__link::before{content:"";height:100%;top:0;right:0;bottom:0;left:0;position:absolute}.target-group-link__link:hover{-webkit-text-decoration:underline;text-decoration:underline}.target-group-link__subtitle{--line-height: 1.5;font-size:1rem;font-weight:400;line-height:1.5;line-height:var(--line-height);grid-area:subtitle;margin-bottom:calc(.5*(var(--icon-size) - var(--title-line-height)));margin-top:8px}.target-group-link__subtitle p{margin-top:0}.component--paragraph-text .component__content{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:1.5555555556;line-height:var(--line-height);max-width:860px}.component--paragraph-text .component__content>*:first-child,.component--paragraph-text .component__content>p:first-child{margin-top:0}.component--paragraph-text .component__content>*:last-child{margin-bottom:0}.component--unit-search{background-color:#f7f7f8}.component--unit-search .hds-checkbox__label,.component--unit-search .hds-checkbox>label{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-search:last-child{margin-bottom:-115px;padding-bottom:55px}.component--unit-search .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-search .component__container{padding-bottom:64px;padding-top:64px}}.views--unit-search{margin-top:32px}.views--unit-search .form-actions [data-hds-component=button]:not([class*=hds-button]):where(:not([data-hds-variant]), /* When variant is not defined, we fallback to primary styles*/ [data-hds-variant="primary"],),.views--unit-search .form-actions .hds-button--primary{width:100%}@media(min-width: 768px){.views--unit-search .form-actions [data-hds-component=button]:not([class*=hds-button]):where(:not([data-hds-variant]), /* When variant is not defined, we fallback to primary styles*/ - [data-hds-variant="primary"],),.views--unit-search .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--unit-search .views-exposed-form{align-items:flex-end;display:flex;flex-wrap:wrap}}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}.views--unit-search .views-exposed-form [data-drupal-selector=edit-provided-languages-value]{margin-top:24px;order:1}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-actions{display:flex;width:30%}}.views--unit-search .unit-search__results>.views-row:first-of-type{margin-top:16px}@media(min-width: 768px){.views--unit-search .unit-search__results>.views-row:first-of-type{margin-top:32px}}.unit-search__results{border-top:1px solid #e6e6e6;display:block;margin-top:32px;padding-top:32px;width:100%}@media(min-width: 768px){.unit-search__results{margin-top:64px;padding-top:64px}}.unit-search__results>.views-row+.views-row{margin-top:16px}@media(min-width: 768px){.unit-search__result-actions{align-items:center;display:flex;justify-content:space-between}}.unit-search__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:1.5;line-height:var(--line-height)}@media(min-width: 992px){.unit-search__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit-search__count-container .unit-search__count{font-weight:700}.unit-search__additional-information{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:1.5555555556;line-height:var(--line-height);display:block;margin-bottom:24px;margin-top:16px}.unit-search__additional-information.unit-search__address-not-found{padding-left:48px;position:relative}.unit-search__additional-information.unit-search__address-not-found::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;background-color:#d18200;left:16px;margin-top:-12px;position:absolute;top:50%}.unit-search__additional-information.unit-search__address-not-found p{margin-top:0}.unit-search__result--list,.unit-search__result--map{margin-top:16px}@media(min-width: 768px){.unit-search__result--list,.unit-search__result--map{margin-top:32px}}.unit-search__result--map{padding-bottom:52%;position:relative;width:100%}.unit-search__map{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.unit-search__map-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(min-width: 768px){.unit-search__map-actions{margin-top:24px}}.unit-search__no-results-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:1.3333333333;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.unit-search__no-results-title{--line-height: 1;font-size:2rem;font-weight:400}}.unit-search__no-results-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:1.5555555556;line-height:var(--line-height)}.views--unit-search--large-volume .unit-search__results .views-row+.views-row{margin-top:8px}.components--upper>.component--unit-accessibility-information,.components--unit>.component--unit-accessibility-information,.components--service>.component--unit-accessibility-information{padding-left:0;padding-right:0}.component--unit-contact-card{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-contact-card:last-child{margin-bottom:-115px;padding-bottom:55px}.components--upper>.component--unit-contact-card .component__container,.components--unit>.component--unit-contact-card .component__container,.components--service>.component--unit-contact-card .component__container{padding-left:16px;padding-right:16px}@media(min-width: 768px){.components--upper>.component--unit-contact-card .component__container,.components--unit>.component--unit-contact-card .component__container,.components--service>.component--unit-contact-card .component__container{padding-bottom:48px;padding-left:32px;padding-right:32px;padding-top:48px}}@media(min-width: 992px){.components--upper>.component--unit-contact-card .component__container .component__title+.component__content,.components--unit>.component--unit-contact-card .component__container .component__title+.component__content,.components--service>.component--unit-contact-card .component__container .component__title+.component__content{margin-top:40px}}.component--unit-contact-card .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-contact-card .component__container{padding-bottom:64px;padding-top:64px}}@media(min-width: 992px){.unit-contact-card{overflow:hidden}}.unit-contact-card__info-row{margin-top:32px;padding-left:calc(24px + 8px);position:relative;width:100%}@media(min-width: 992px){.unit-contact-card__info-row{float:left;margin-right:50%;padding-right:24px;width:50%}}@media(min-width: 992px){.unit-contact-card__info-row:first-child{margin-top:0}}.unit-contact-card__info-row::before{left:0;position:absolute;top:0}.unit-contact-card__info-row p:first-child{margin-top:0}@media(min-width: 992px){.unit-contact-card__info-row--details{display:none}}@media(min-width: 992px){.unit-contact-card--details-on-left .unit-contact-card__info-row--details{display:block}}@media(min-width: 992px){.unit-contact-card--details-on-left .unit-contact-card__image-with-details .unit-contact-card__info-row--details{display:none}}@media(min-width: 992px){.unit-contact-card__image-with-details{float:right;margin-left:-50%;width:50%}}.unit-contact-card__image-with-details .unit-contact-card__info-row--details{display:none}@media(min-width: 992px){.unit-contact-card__image-with-details .unit-contact-card__info-row--details{display:block;float:none;margin-right:0;padding-right:0;width:100%}}.unit-contact-card--left-column-empty .unit-contact-card__image-with-details{float:none;margin-left:0}.unit-contact-card__image{margin-top:24px}.unit-contact-card__image img{display:block;height:auto;overflow:hidden;width:100%}.unit-contact-card__image+.unit-contact-card__info-row{margin-top:24px}@media(min-width: 992px){.unit-contact-card__image+.unit-contact-card__info-row{margin-top:32px}}@media(min-width: 992px){.unit-contact-card__image:first-child{margin-top:0}}.unit-contact-card__info-row__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:1.5;line-height:var(--line-height)}@media(min-width: 992px){.unit-contact-card__info-row__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit-contact-card__info-row__content{margin-top:8px}.unit-contact-card__info-row--address::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.unit-contact-card__info-row--phone::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--phone);mask-image:var(--hel-icon--phone);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.unit-contact-card__info-row--opening-hours::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--clock);mask-image:var(--hel-icon--clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.unit-contact-card__info-row--details::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--info-circle);mask-image:var(--hel-icon--info-circle);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.unit-contact-card__link-wrapper{margin-top:32px;padding-left:0}@media(min-width: 992px){.unit-contact-card__link-wrapper:first-child{margin-top:0}}.unit-contact-card__link{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:1.5;line-height:var(--line-height)}@media(min-width: 992px){.unit-contact-card__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit-contact-card__link::after{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:8px}.dialog-off-canvas-main-canvas::after{background-color:rgba(0,0,0,.4);content:"";height:0;opacity:0;pointer-events:none;visibility:hidden;width:0}.eu-cookie-compliance-banner{background-color:#0000bf;color:#fff;max-height:100vh;overflow:auto;padding:0 0 24px}@media(min-width: 768px){.eu-cookie-compliance-banner{padding:0 0 32px}}.eu-cookie-compliance-banner .eu-cookie-compliance-content{display:flex;flex-wrap:wrap;padding-top:24px}.eu-cookie-compliance-banner .eu-cookie-compliance-message{float:none;max-width:100%;width:100%}.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:1.3;line-height:var(--line-height);margin-top:0;max-width:860px}@media(min-width: 992px){.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.eu-cookie-compliance-banner .eu-cookie-compliance-message>p{max-width:860px}.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{margin-top:32px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{align-items:center;display:flex}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info{width:30%}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{justify-content:flex-end;width:70%}}.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-top:16px}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-top:0}}.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{float:none;max-width:100%}.eu-cookie-compliance-banner .eu-cookie-withdraw-button{display:none}.eu-cookie-compliance-banner [data-hds-component=button]:not([class*=hds-button]),.eu-cookie-compliance-banner .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);--theme-focus-gutter-color: transparent;max-width:400px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner [data-hds-component=button]:not([class*=hds-button]),.eu-cookie-compliance-banner .hds-button{width:auto}}[dir=ltr] .eu-cookie-compliance-message{text-align:left}@media(min-width: 768px){[dir=ltr] .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-right:0}}.sliding-popup-bottom{width:100%}.eu-cookie-compliance-block-form .hds-checkbox__label,.eu-cookie-compliance-block-form .hds-checkbox>label,.eu-cookie-compliance-block-form .description>p{background-color:#fff}.gin--horizontal-toolbar .toolbar-bar{position:fixed}.gin--horizontal-toolbar .node-preview-container{padding:0 32px;top:54px}.logo{align-items:center;display:flex;-webkit-text-decoration:none;text-decoration:none}.logo__icon{--height: 32px;--aspect-ratio: 2.1666666667;height:32px;height:var(--height);width:calc(2.1666666667*32px);width:calc(var(--aspect-ratio)*var(--height))}@media(min-width: 768px){.logo__icon{--height: 54px}}.logo__icon--sv,.logo__icon--ru{--aspect-ratio: 2.7857142857}.logo--header{color:#000;height:var(--branding-height)}.logo--footer{margin-top:8px}@media(min-width: 768px){.logo--footer{margin-right:16px;margin-top:0}}.logo--footer .logo__icon{--height: 40px}.metadata-container{background-color:var(--hdbt-color-palette--secondary);display:flex;flex-wrap:wrap;margin-top:16px;padding:24px}@media(min-width: 768px){.metadata-container{margin-top:32px}}.metadata__item{display:flex;margin-top:16px;width:100%}@media(min-width: 768px){.metadata__item{width:50%}}.metadata__item:first-child{margin-top:0}@media(min-width: 768px){.metadata__item:nth-child(2){margin-top:0}}.metadata__item .hel-icon{height:24px;margin-right:8px;min-width:24px;width:24px}.metadata__item-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:1.5;line-height:var(--line-height);display:block}.content-tags__tags{margin-left:-4px;margin-right:-4px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0;margin-top:0;padding-left:0}.content-tags__tags>*{margin-left:4px;margin-right:4px}.content-tags__tags__tag{list-style:none;margin-bottom:8px;margin-top:0}.content-tags__tags__tag a,.content-tags__tags__tag span,.content-tags__tags--static li{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:1.5;line-height:var(--line-height);display:inline-block;line-height:1;-webkit-text-decoration:none;text-decoration:none;transition:.2s ease-in-out background-color, .2s ease-in-out border-color}.content-tags__tags--interactive a{background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:48px;padding:16px 20px 18px}.content-tags__tags--interactive a:hover,.content-tags__tags--interactive a:active{background-color:#000;border-color:#000;color:#fff}.content-tags__tags--interactive a:focus,.content-tags__tags--interactive a:active{border-color:#000;outline:2px solid #000;outline-offset:2px}.content-tags__tags--static span{background-color:#dedfe1;border-radius:16px;padding:8px 16px 10px}.content-tags__tags--static .content-tags__tags__tag--coat-of-arms span{background-color:#b5daf7}.content-tags__tags--static .content-tags__tags__tag--gold span{background-color:#e8d7a7}.content-tags__tags--static .content-tags__tags__tag--bus span{background-color:#ccf}.content-tags__tags--static .content-tags__tags__tag--success span{background-color:#007a64;color:#fff}.content-tags__tags--static .content-tags__tags__tag--alert span{background-color:#ffda07}.content-tags__tags--static .content-tags__tags__tag--error span{background-color:#b01038;color:#fff}.hds-loading-spinner{left:49%;position:fixed;top:48.5%;z-index:1000}#ed11y-panel{left:21px !important;right:auto !important}.is-hidden{display:none}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px} + [data-hds-variant="primary"],),.views--unit-search .form-actions .hds-button--primary{margin-left:24px}}@media(min-width: 768px){.views--unit-search .views-exposed-form{align-items:flex-end;display:flex;flex-wrap:wrap}}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-item{margin-bottom:0;width:70%}}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper::after{background-color:#000;background-size:contain;content:"";display:block;height:20px;-webkit-mask-image:var(--hel-icon--search);mask-image:var(--hel-icon--search);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px;vertical-align:bottom;width:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.views--unit-search .views-exposed-form .hds-text-input__input-wrapper .hds-text-input__input{border-radius:0;padding-right:48px}.views--unit-search .views-exposed-form [data-drupal-selector=edit-provided-languages-value]{margin-top:24px;order:1}@media(min-width: 768px){.views--unit-search .views-exposed-form .form-actions{display:flex;width:30%}}.views--unit-search .unit-search__results>.views-row:first-of-type{margin-top:16px}@media(min-width: 768px){.views--unit-search .unit-search__results>.views-row:first-of-type{margin-top:32px}}.unit-search__results{border-top:1px solid #e6e6e6;display:block;margin-top:32px;padding-top:32px;width:100%}@media(min-width: 768px){.unit-search__results{margin-top:64px;padding-top:64px}}.unit-search__results>.views-row+.views-row{margin-top:16px}@media(min-width: 768px){.unit-search__result-actions{align-items:center;display:flex;justify-content:space-between}}.unit-search__count-container{--line-height: 1.5;font-size:1.25rem;font-weight:400;line-height:1.5;line-height:var(--line-height)}@media(min-width: 992px){.unit-search__count-container{--line-height: 1.5;font-size:1.375rem;font-weight:400}}.unit-search__count-container .unit-search__count{font-weight:700}.unit-search__additional-information{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:1.5555555556;line-height:var(--line-height);display:block;margin-bottom:24px;margin-top:16px}.unit-search__additional-information.unit-search__address-not-found{padding-left:48px;position:relative}.unit-search__additional-information.unit-search__address-not-found::before{background-color:#000;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--alert-circle-fill);mask-image:var(--hel-icon--alert-circle-fill);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;background-color:#d18200;left:16px;margin-top:-12px;position:absolute;top:50%}.unit-search__additional-information.unit-search__address-not-found p{margin-top:0}.unit-search__result--list,.unit-search__result--map{margin-top:16px}@media(min-width: 768px){.unit-search__result--list,.unit-search__result--map{margin-top:32px}}.unit-search__result--map{padding-bottom:52%;position:relative;width:100%}.unit-search__map{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.unit-search__map-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(min-width: 768px){.unit-search__map-actions{margin-top:24px}}.unit-search__no-results-title{--line-height: 1.3333333333;font-size:1.5rem;font-weight:500;line-height:1.3333333333;line-height:var(--line-height);margin-top:24px}@media(min-width: 992px){.unit-search__no-results-title{--line-height: 1;font-size:2rem;font-weight:400}}.unit-search__no-results-desc{--line-height: 1.5555555556;font-size:1.125rem;font-weight:400;line-height:1.5555555556;line-height:var(--line-height)}.views--unit-search--large-volume .unit-search__results .views-row+.views-row{margin-top:8px}.components--upper>.component--unit-accessibility-information,.components--unit>.component--unit-accessibility-information,.components--service>.component--unit-accessibility-information{padding-left:0;padding-right:0}.component--unit-contact-card{background-color:#f7f7f8}.layout-main-wrapper>*:last-child .component--unit-contact-card:last-child{margin-bottom:-115px;padding-bottom:55px}.components--upper>.component--unit-contact-card .component__container,.components--unit>.component--unit-contact-card .component__container,.components--service>.component--unit-contact-card .component__container{padding-left:16px;padding-right:16px}@media(min-width: 768px){.components--upper>.component--unit-contact-card .component__container,.components--unit>.component--unit-contact-card .component__container,.components--service>.component--unit-contact-card .component__container{padding-bottom:48px;padding-left:32px;padding-right:32px;padding-top:48px}}@media(min-width: 992px){.components--upper>.component--unit-contact-card .component__container .component__title+.component__content,.components--unit>.component--unit-contact-card .component__container .component__title+.component__content,.components--service>.component--unit-contact-card .component__container .component__title+.component__content{margin-top:40px}}.component--unit-contact-card .component__container{padding-bottom:32px;padding-top:32px}@media(min-width: 768px){.component--unit-contact-card .component__container{padding-bottom:64px;padding-top:64px}}@media(min-width: 992px){.unit-contact-card{overflow:hidden}}.unit-contact-card__info-row{margin-top:32px;padding-left:calc(24px + 8px);position:relative;width:100%}@media(min-width: 992px){.unit-contact-card__info-row{float:left;margin-right:50%;padding-right:24px;width:50%}}@media(min-width: 992px){.unit-contact-card__info-row:first-child{margin-top:0}}.unit-contact-card__info-row::before{left:0;position:absolute;top:0}.unit-contact-card__info-row p:first-child{margin-top:0}@media(min-width: 992px){.unit-contact-card__info-row--details{display:none}}@media(min-width: 992px){.unit-contact-card--details-on-left .unit-contact-card__info-row--details{display:block}}@media(min-width: 992px){.unit-contact-card--details-on-left .unit-contact-card__image-with-details .unit-contact-card__info-row--details{display:none}}@media(min-width: 992px){.unit-contact-card__image-with-details{float:right;margin-left:-50%;width:50%}}.unit-contact-card__image-with-details .unit-contact-card__info-row--details{display:none}@media(min-width: 992px){.unit-contact-card__image-with-details .unit-contact-card__info-row--details{display:block;float:none;margin-right:0;padding-right:0;width:100%}}.unit-contact-card--left-column-empty .unit-contact-card__image-with-details{float:none;margin-left:0}.unit-contact-card__image{margin-top:24px}.unit-contact-card__image img{display:block;height:auto;overflow:hidden;width:100%}.unit-contact-card__image+.unit-contact-card__info-row{margin-top:24px}@media(min-width: 992px){.unit-contact-card__image+.unit-contact-card__info-row{margin-top:32px}}@media(min-width: 992px){.unit-contact-card__image:first-child{margin-top:0}}.unit-contact-card__info-row__title{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:1.5;line-height:var(--line-height)}@media(min-width: 992px){.unit-contact-card__info-row__title{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit-contact-card__info-row__content{margin-top:8px}.unit-contact-card__info-row--address::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--location);mask-image:var(--hel-icon--location);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.unit-contact-card__info-row--phone::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--phone);mask-image:var(--hel-icon--phone);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.unit-contact-card__info-row--opening-hours::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--clock);mask-image:var(--hel-icon--clock);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.unit-contact-card__info-row--details::before{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--info-circle);mask-image:var(--hel-icon--info-circle);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px}.unit-contact-card__link-wrapper{margin-top:32px;padding-left:0}@media(min-width: 992px){.unit-contact-card__link-wrapper:first-child{margin-top:0}}.unit-contact-card__link{--line-height: 1.5;font-size:1rem;font-weight:700;line-height:1.5;line-height:var(--line-height)}@media(min-width: 992px){.unit-contact-card__link{--line-height: 1.5555555556;font-size:1.125rem;font-weight:700}}.unit-contact-card__link::after{background-color:currentColor;background-size:contain;content:"";display:inline-block;height:24px;-webkit-mask-image:var(--hel-icon--arrow-right);mask-image:var(--hel-icon--arrow-right);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px 24px;mask-size:24px 24px;vertical-align:bottom;width:24px;margin-left:8px}.dialog-off-canvas-main-canvas::after{background-color:rgba(0,0,0,.4);content:"";height:0;opacity:0;pointer-events:none;visibility:hidden;width:0}.eu-cookie-compliance-banner{background-color:#0000bf;color:#fff;max-height:100vh;overflow:auto;padding:0 0 24px}@media(min-width: 768px){.eu-cookie-compliance-banner{padding:0 0 32px}}.eu-cookie-compliance-banner .eu-cookie-compliance-content{display:flex;flex-wrap:wrap;padding-top:24px}.eu-cookie-compliance-banner .eu-cookie-compliance-message{float:none;max-width:100%;width:100%}.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.3;font-size:1.25rem;font-weight:500;line-height:1.3;line-height:var(--line-height);margin-top:0;max-width:860px}@media(min-width: 992px){.eu-cookie-compliance-banner .eu-cookie-compliance-message>h2{--line-height: 1.1666666667;font-size:1.5rem;font-weight:500}}.eu-cookie-compliance-banner .eu-cookie-compliance-message>p{max-width:860px}.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{margin-top:32px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info,.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{align-items:center;display:flex}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-more-info{width:30%}}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-all-buttons{justify-content:flex-end;width:70%}}.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-top:16px}@media(min-width: 768px){.eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-top:0}}.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{float:none;max-width:100%}.eu-cookie-compliance-banner .eu-cookie-withdraw-button{display:none}.eu-cookie-compliance-banner [data-hds-component=button]:not([class*=hds-button]),.eu-cookie-compliance-banner .hds-button{--theme-fg1: var(--color-black);--theme-fg2: var(--color-white);--theme-bg1: var(--color-white);--theme-bg2: transparent;--theme-focus: var(--color-white);--theme-focus-gutter-color: transparent;max-width:400px;width:100%}@media(min-width: 768px){.eu-cookie-compliance-banner [data-hds-component=button]:not([class*=hds-button]),.eu-cookie-compliance-banner .hds-button{width:auto}}[dir=ltr] .eu-cookie-compliance-message{text-align:left}@media(min-width: 768px){[dir=ltr] .eu-cookie-compliance-categories-buttons{margin-left:16px;margin-right:0}}.sliding-popup-bottom{width:100%}.eu-cookie-compliance-block-form .hds-checkbox .hds-checkbox__input{z-index:1}.eu-cookie-compliance-block-form .hds-checkbox__label,.eu-cookie-compliance-block-form .hds-checkbox>label,.eu-cookie-compliance-block-form .description>p{background-color:#fff}.gin--horizontal-toolbar .toolbar-bar{position:fixed}.gin--horizontal-toolbar .node-preview-container{padding:0 32px;top:54px}.logo{align-items:center;display:flex;-webkit-text-decoration:none;text-decoration:none}.logo__icon{--height: 32px;--aspect-ratio: 2.1666666667;height:32px;height:var(--height);width:calc(2.1666666667*32px);width:calc(var(--aspect-ratio)*var(--height))}@media(min-width: 768px){.logo__icon{--height: 54px}}.logo__icon--sv,.logo__icon--ru{--aspect-ratio: 2.7857142857}.logo--header{color:#000;height:var(--branding-height)}.logo--footer{margin-top:8px}@media(min-width: 768px){.logo--footer{margin-right:16px;margin-top:0}}.logo--footer .logo__icon{--height: 40px}.metadata-container{background-color:var(--hdbt-color-palette--secondary);display:flex;flex-wrap:wrap;margin-top:16px;padding:24px}@media(min-width: 768px){.metadata-container{margin-top:32px}}.metadata__item{display:flex;margin-top:16px;width:100%}@media(min-width: 768px){.metadata__item{width:50%}}.metadata__item:first-child{margin-top:0}@media(min-width: 768px){.metadata__item:nth-child(2){margin-top:0}}.metadata__item .hel-icon{height:24px;margin-right:8px;min-width:24px;width:24px}.metadata__item-label{--line-height: 1.5;font-size:1rem;font-weight:500;line-height:1.5;line-height:var(--line-height);display:block}.content-tags__tags{margin-left:-4px;margin-right:-4px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0;margin-top:0;padding-left:0}.content-tags__tags>*{margin-left:4px;margin-right:4px}.content-tags__tags__tag{list-style:none;margin-bottom:8px;margin-top:0}.content-tags__tags__tag a,.content-tags__tags__tag span,.content-tags__tags--static li{--line-height: 1.5;font-size:.875rem;font-weight:500;line-height:1.5;line-height:var(--line-height);display:inline-block;line-height:1;-webkit-text-decoration:none;text-decoration:none;transition:.2s ease-in-out background-color, .2s ease-in-out border-color}.content-tags__tags--interactive a{background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:48px;padding:16px 20px 18px}.content-tags__tags--interactive a:hover,.content-tags__tags--interactive a:active{background-color:#000;border-color:#000;color:#fff}.content-tags__tags--interactive a:focus,.content-tags__tags--interactive a:active{border-color:#000;outline:2px solid #000;outline-offset:2px}.content-tags__tags--static span{background-color:#dedfe1;border-radius:16px;padding:8px 16px 10px}.content-tags__tags--static .content-tags__tags__tag--coat-of-arms span{background-color:#b5daf7}.content-tags__tags--static .content-tags__tags__tag--gold span{background-color:#e8d7a7}.content-tags__tags--static .content-tags__tags__tag--bus span{background-color:#ccf}.content-tags__tags--static .content-tags__tags__tag--success span{background-color:#007a64;color:#fff}.content-tags__tags--static .content-tags__tags__tag--alert span{background-color:#ffda07}.content-tags__tags--static .content-tags__tags__tag--error span{background-color:#b01038;color:#fff}.hds-loading-spinner{left:49%;position:fixed;top:48.5%;z-index:1000}#ed11y-panel{left:21px !important;right:auto !important}.is-hidden{display:none}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px} diff --git a/package-lock.json b/package-lock.json index 186f88f5d..12d96bde6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8087,9 +8087,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001564", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001564.tgz", - "integrity": "sha512-DqAOf+rhof+6GVx1y+xzbFPeOumfQnhYzVnZD6LAXijR77yPtm9mfOcqOnT3mpnJiZVT+kwLAFnRlZcIz+c6bg==", + "version": "1.0.30001565", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001565.tgz", + "integrity": "sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==", "funding": [ { "type": "opencollective", diff --git a/src/scss/06_components/_eu-cookie-compliance-banner.scss b/src/scss/06_components/_eu-cookie-compliance-banner.scss index fe53fdee4..a88121a22 100644 --- a/src/scss/06_components/_eu-cookie-compliance-banner.scss +++ b/src/scss/06_components/_eu-cookie-compliance-banner.scss @@ -115,7 +115,13 @@ } // Patch Siteimprove false positive color contrast issue to reduce noise -.eu-cookie-compliance-block-form .hds-checkbox__label, -.eu-cookie-compliance-block-form .description > p { - background-color: $color-white; +.eu-cookie-compliance-block-form { + .hds-checkbox .hds-checkbox__input { + z-index: 1; // make sure that the checkbox is above the following label to show focus-ring properly + } + + .hds-checkbox__label, + .description > p { + background-color: $color-white; + } }