From c08e10b240bdc2e2ba14473156a11f588304ece1 Mon Sep 17 00:00:00 2001 From: Serhii Zlobin Date: Wed, 4 Feb 2026 00:53:04 +0200 Subject: [PATCH] Fix fallback css variables values --- assets/header.css | 2 +- src/scss/header.scss | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/assets/header.css b/assets/header.css index f91a2ef..789815a 100644 --- a/assets/header.css +++ b/assets/header.css @@ -1 +1 @@ -.top-bar{font-size:clamp(14px,var(--font-size-base) - 4px,18px)}.top-bar__btn{--button-margin: 0;--button-width: auto;font-size:inherit}.top-bar__btn-wrapper{display:flex;align-items:center}.top-bar__wrapper{--top-bar-padding-bottom: var(--padding-bottom-mobile, 6px);--top-bar-padding-top: var(--padding-top-mobile, 6px);color:var(--color-primary, #000);background:var(--background-primary, #fff)}@media(min-width: 992px){.top-bar__wrapper{--top-bar-padding-bottom: var(--padding-bottom-desktop, 6px);--top-bar-padding-top: var(--padding-top-desktop, 6px)}}.top-bar__wrapper--padding-top{padding-top:var(--top-bar-padding-top)}.top-bar__wrapper--padding-bottom{padding-bottom:var(--top-bar-padding-bottom)}.top-bar__content{display:flex;align-items:center;justify-content:flex-end}.top-bar__links{display:flex;align-items:center;flex:0 1 auto}.top-bar__links:not(:empty,:only-child){margin-left:40px}.top-bar__message-wrapper{display:flex;align-items:center;flex:1 1 auto}.top-bar__message-wrapper p{margin:0}.top-bar__button-wrapper{display:flex;align-items:center}@media(min-width: 992px){.top-bar__menu-wrapper:not(:only-child){margin-left:40px}}.top-bar .icon{margin-right:10px;margin-bottom:-1px}.menu{--menu-display: flex;--menu-dropdown-opener-height: var(--button-height-xs);--menu-dropdown-opener-weight: inherit;--menu-dropdown-opener-width: var(--button-width-xs);--menu-opener-color: currentcolor;display:var(--menu-display);align-items:center}@media(min-width: 992px){.menu{--menu-display: block;--menu-dropdown-opener-height: auto;--menu-dropdown-opener-width: auto}}.menu path{fill:var(--menu-opener-color);transition:fill var(--transition-duration) var(--transition-function)}.menu__opener{display:flex;align-items:center;cursor:pointer}.menu__wrapper{transition:transform var(--transition-duration) var(--transition-function);color:var(--color-primary, #000)}.menu__nav{display:block !important}.menu__list{list-style-type:none}.menu__link{font-size:clamp(14px,var(--font-size-base) - 2px,20px);font-weight:var(--font-weight-bold);line-height:1.4;padding:4px 0;grid-area:item-1;z-index:1;position:relative}@media(min-width: 992px){.menu__link{padding:0}}.menu__dropdown{margin:0;transition:transform var(--transition-duration) var(--transition-function);overflow:clip;display:block !important}.menu__dropdown-item{display:grid;grid-template-columns:1fr min-content;grid-template-areas:"drop-1 item-2";align-items:center;padding:0}.menu__dropdown-link{display:flex;align-items:center;justify-content:space-between;grid-area:drop-1;padding:4px 0;line-height:1.4}@media(min-width: 992px){.menu__dropdown-link{vertical-align:top}}.menu__dropdown-opener{display:flex;align-items:center;justify-content:center;height:var(--menu-dropdown-opener-height);width:var(--menu-dropdown-opener-width);font-weight:var(--menu-dropdown-opener-weight);cursor:pointer;transition:all var(--transition-duration) var(--transition-function);font-size:18px;grid-area:item-2;position:relative;margin:0 auto;z-index:1;color:var(--menu-opener-color)}.menu__dropdown-opener:hover{--menu-opener-color: var(--color-outline)}.menu__dropdown-opener path:hover{--menu-opener-color: var(--color-outline)}.menu__dropdown-wrapper{transition:transform var(--transition-duration) var(--transition-function)}.menu__dropdown>.menu__dropdown-wrapper>.menu__dropdown-opener{--menu-dropdown-opener-weight: var(--font-weight-semibold);--menu-dropdown-opener-width: auto}.menu__item{padding:0 0 10px}.menu__item-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-duration) var(--transition-function);pointer-events:none}@media(min-width: 992px){.menu__item:hover .menu__dropdown-opener path,.menu__item.active .menu__dropdown-opener path{--menu-opener-color: var(--color-outline)}}.search{--search-dropdown-delay: 50ms;--search-dropdown-duration: var(--transition-duration);--search-dropdown-events: none;--search-dropdown-padding: var(--horizontal-padding-sm);--search-dropdown-transform: translateY(-100%);--search-dropdown-visibility: hidden;--search-input-width: 100%;--search-icon-color: currentcolor;--search-icon-display: block;--search-icon-label-color: currentcolor;--search-icon-form-width: 100%;--search-icon-rotate: 45deg;--search-input-border-color: color-mix(in srgb, var(--color-primary) 15%, transparent);--search-input-font-size: inherit;--search-input-min-width: 230px;--search-input-padding-left: 46px;--search-input-padding-right: 55px;--search-input-reset-left: auto;--search-input-reset-right: 7px}@media(min-width: 992px){.search{--search-dropdown-padding: var(--horizontal-padding-lg);--search-icon-form-width: auto;--search-input-reset-left: 100%;--search-input-reset-right: auto}}.search g{pointer-events:none;stroke:var(--search-icon-color);transition:stroke var(--transition-duration) var(--transition-function)}.search__opener{display:flex;align-items:center;justify-content:center;height:var(--button-height-xs);width:var(--button-width-xs);border-radius:var(--button-border-radius);background:color-mix(in srgb, var(--color-primary) 15%, transparent);position:relative;cursor:pointer}.search__opener svg{pointer-events:none}.search__opener:hover g{--search-icon-color: var(--color-outline)}.search__closer{display:flex;align-items:center;justify-content:center;text-align:center;margin-top:16px;font-size:14px;cursor:pointer}.search__closer-icon{position:relative;display:block;width:10px;height:10px}.search__closer-icon:not(:only-child){margin-left:12px}.search__closer-icon::before,.search__closer-icon::after{content:"";position:absolute;top:50%;left:50%;height:1px;width:12px;background:var(--search-icon-label-color);transform:translate(-50%, -50%) rotate(var(--search-icon-rotate));transition:background var(--transition-duration) var(--transition-function)}.search__closer-icon::after{--search-icon-rotate: -45deg}.search__closer-label{color:var(--search-icon-label-color);transition:color var(--transition-duration) var(--transition-function)}.search__closer:hover .search__closer-label{--search-icon-label-color: var(--color-outline)}.search__closer:hover .search__closer-icon::before,.search__closer:hover .search__closer-icon::after{--search-icon-label-color: var(--color-outline)}.search__wrapper{display:flex;align-items:center;flex-direction:column;position:absolute;width:100vw;height:auto;top:0;left:0;max-width:var(--max-width);margin:0 auto;transform:var(--search-dropdown-transform);transition:transform var(--transition-duration) var(--transition-function),height var(--transition-duration) var(--transition-function);overflow:clip;color:currentcolor;background:var(--background-primary, #fff);padding:16px var(--search-dropdown-padding);flex:0 1 auto}.search__wrapper form{position:relative;width:var(--search-icon-form-width)}.search__holder{position:absolute;height:calc(100dvh - var(--header-height, 65px));width:100%;top:var(--header-height, 65px);left:0;overflow:clip;pointer-events:var(--search-dropdown-events);visibility:var(--search-dropdown-visibility);transition:visibility var(--search-dropdown-duration) var(--transition-function) var(--search-dropdown-delay);display:flex !important}#header-opener-search:checked~.search__holder{--search-dropdown-events: all;--search-dropdown-duration: 0s;--search-dropdown-delay: 0s;--search-dropdown-visibility: visible}#header-opener-search:checked~.search__holder .search__wrapper{--search-dropdown-transform: translateY(0)}.search__reset{display:flex;align-items:center;position:absolute;left:var(--search-input-reset-left);right:var(--search-input-reset-right);top:50%;height:var(--button-height-xs);width:var(--button-width-xs);visibility:hidden;transform:translate(0, -50%);transition:visibility var(--transition-duration) var(--transition-function);background:color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:var(--button-border-radius);cursor:pointer}.filled+.search__reset{visibility:visible}.search__reset::before,.search__reset::after{content:"";position:absolute;top:50%;left:50%;height:2px;width:18px;transform:translate(-50%, -50%) rotate(var(--search-icon-rotate));background:var(--search-icon-color);transition:background var(--transition-duration) var(--transition-function)}.search__reset::before:hover,.search__reset::after:hover{--search-icon-color: var(--color-outline)}.search__reset::after{--search-icon-rotate: -45deg}.search__icon{font-size:20px;width:20px;height:20px;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-65%);z-index:1;display:var(--search-icon-display)}.search__input{min-width:var(--search-input-min-width);width:var(--search-input-width);padding:14px var(--search-input-padding-right) 14px var(--search-input-padding-left);font-size:var(--search-input-font-size);font-weight:var(--font-weight-bold);line-height:1.25;border:1px solid var(--search-input-border-color);border-radius:var(--button-border-radius);color:currentcolor;background:var(--background-primary, #fff)}@media(min-width: 992px){.search__input{--search-input-border-color: transparent;--search-input-font-size: 20px;--search-input-min-width: auto;--search-input-padding-left: 8px;--search-input-padding-right: 8px;--search-input-width: auto;text-align:center}}.search__input-wrapper{position:relative;flex:1 1 auto}@media(min-width: 992px){.search__input-wrapper .search__icon{--search-icon-display: none}}.search__input::placeholder{color:color-mix(in srgb, var(--color-primary) 50%, transparent)}.search__input::-webkit-search-cancel-button{display:none !important}.search__input::-webkit-search-decoration{display:none}.search__input:focus{outline:none}.search__input:-webkit-autofill,.search__input:autofill{box-shadow:inset 0 0 0 150px var(--background-primary, #fff) !important}.search:focus-within .search__holder{--search-dropdown-delay: 0s;--search-dropdown-duration: 0s;--search-dropdown-events: all;--search-dropdown-visibility: visible}.header{--header-background: transparent;--header-border-color: color-mix(in srgb, var(--color-primary) 15%, transparent);--header-btn-display: none;--header-btn-height: auto;--header-btn-menu-display: flex;--header-content-areas: "logo icons menu";--header-content-columns: 1fr auto auto;--header-content-gap: 8px;--header-content-rows: auto;--header-logo-visibility: 1;--header-logo-floated-visibility: 0;--header-menu-dropdown-events: none;--header-menu-dropdown-height: calc(100vh - var(--header-height, 65px));--header-menu-dropdown-item-display: grid;--header-menu-dropdown-left: auto;--header-menu-dropdown-link-display: flex;--header-menu-dropdown-link-font-size: inherit;--header-menu-dropdown-link-font-weight: var(--font-weight-bold);--header-menu-dropdown-link-indent: 0;--header-menu-dropdown-opener-display: flex;--header-menu-dropdown-opener-position: center;--header-menu-dropdown-opener-transform: rotate(180deg);--header-menu-dropdown-position: fixed;--header-menu-dropdown-right: 0;--header-menu-dropdown-top: 0;--header-menu-dropdown-transform: translateX(100%);--header-menu-dropdown-width: 100%;--header-menu-dropdown-wrapper-height: 100%;--header-menu-dropdown-wrapper-margin: 0;--header-menu-dropdown-wrapper-max-height: calc(100vh - var(--header-height, 65px));--header-menu-dropdown-wrapper-overflow: clip auto;--header-menu-dropdown-wrapper-padding: 25px var(--horizontal-padding-sm) 50px;--header-menu-dropdown-wrapper-position: absolute;--header-menu-dropdown-wrapper-radius: 0;--header-menu-dropdown-wrapper-transform: translateX(100%);--header-menu-dropdown-wrapper-width: 100vw;--header-menu-item-cursor: default;--header-menu-item-icon-margin: 0;--header-menu-item-icon-transform: rotate(0deg);--header-menu-link-indent: 0;--header-menu-list-overflow: clip auto;--header-menu-list-padding: 0;--header-menu-nav-delay: 50ms;--header-menu-nav-duration: var(--transition-duration);--header-menu-nav-events: none;--header-menu-nav-height: calc(100vh - var(--header-height, 65px));--header-menu-nav-overflow: clip auto;--header-menu-nav-visibility: hidden;--header-menu-nav-width: 100%;--header-menu-opener-color: currentcolor;--header-menu-opener-display: flex;--header-menu-opener-icon-left: 27%;--header-menu-opener-icon-right: 27%;--header-menu-opener-icon-top: 50%;--header-menu-opener-icon-transform: translate(0, -50%);--header-menu-row: 2;--header-menu-wrapper-flex-direction: column;--header-menu-wrapper-overflow: clip;--header-menu-wrapper-padding: var(--horizontal-padding-sm);--header-menu-wrapper-position: absolute;--header-menu-wrapper-transform: translateY(-100%);--header-menu-wrapper-width: 100vw;--header-position: static;--header-position-top: var(--preview-height, 0);--header-transition-duration: var(--transition-duration);--header-transition-delay: var(--transition-duration);z-index:2;position:var(--header-position);top:var(--header-position-top);left:0;right:0;transition:top var(--transition-duration) var(--transition-function)}@media(min-width: 992px){.header{--header-btn-display: block;--header-btn-height: var(--button-height-xs);--header-btn-menu-display: none;--header-menu-dropdown-height: auto;--header-menu-dropdown-item-display: block;--header-menu-dropdown-item-margin: 0;--header-menu-dropdown-left: 50%;--header-menu-dropdown-link-display: inline-block;--header-menu-dropdown-link-font-size: clamp(16px, calc(var(--font-size-base) + 2px), 22px);--header-menu-dropdown-list-display: grid;--header-menu-dropdown-list-gap: 20px;--header-menu-dropdown-list-padding: var(--horizontal-padding-sm);--header-menu-dropdown-position: absolute;--header-menu-dropdown-right: auto;--header-menu-dropdown-top: calc(100% + 1px);--header-menu-dropdown-transform: translateX(-50%);--header-menu-dropdown-width: 100vw;--header-menu-dropdown-wrapper-height: auto;--header-menu-dropdown-wrapper-margin: 0 auto;--header-menu-dropdown-wrapper-overflow: auto;--header-menu-dropdown-wrapper-padding: 0;--header-menu-dropdown-wrapper-position: static;--header-menu-dropdown-wrapper-transform: translateY(-100%);--header-menu-dropdown-wrapper-width: 100%;--header-menu-item-gap: 0 24px;--header-menu-item-icon-transform: rotate(-90deg);--header-menu-list-overflow: inherit;--header-menu-nav-delay: 0s;--header-menu-nav-duration: 0s;--header-menu-nav-events: all;--header-menu-nav-height: 100%;--header-menu-nav-overflow: inherit;--header-menu-nav-visibility: visible;--header-menu-nav-width: auto;--header-menu-opener-display: none;--header-menu-wrapper-flex-direction: row;--header-menu-wrapper-overflow: inherit;--header-menu-wrapper-padding: 0;--header-menu-wrapper-position: static;--header-menu-wrapper-transform: translateY(0);--header-menu-wrapper-width: 100%}}@media(min-width: 1440px){.header{--header-menu-dropdown-list-padding: 25px var(--horizontal-padding-lg);--header-menu-item-gap: 0 44px}}.header__inner{--header-menu-bottom-padding: 0;--header-menu-horizontal-position: flex-end;--header-menu-indent: var(--menu-indent-mobile);--header-menu-margin-bottom: var(--padding-bottom-mobile, 12px);--header-menu-margin-top: var(--padding-top-mobile, 12px);--header-menu-list-margin: 0 auto;--header-menu-list-width: 100%;--header-menu-wrapper-background: var(--background-primary, #fff);--header-padding-bottom: var(--padding-bottom-mobile, 12px);--header-padding-top: var(--padding-top-mobile, 12px);--header-menu-item-padding-bottom: 0;--header-menu-item-padding-top: 0;color:var(--color-primary, #000);background:var(--header-background);border-bottom:1px solid var(--header-border-color);transition:background var(--header-transition-duration) var(--header-transition-delay) var(--transition-function),border var(--header-transition-duration) var(--header-transition-delay) var(--transition-function),padding var(--transition-duration) var(--transition-function)}@media(min-width: 992px){.header__inner{--header-menu-bottom-padding: var(--menu-bottom-padding-top-desktop);--header-menu-bottom-border-top-width: var(--menu-bottom-border-top-width-desktop, 100%);--header-menu-horizontal-position: var(--menu-horizontal-position-desktop, center);--header-menu-indent: var(--menu-indent-desktop);--header-menu-margin-bottom: var(--padding-bottom-desktop, 12px);--header-menu-margin-top: var(--padding-top-desktop, 12px);--header-menu-list-margin: calc(-1 * var(--header-menu-margin-top)) 0 calc(-1 * var(--header-menu-margin-bottom));--header-menu-list-width: calc(100% + var(--menu-margin-x-desktop, 0) * 2);--header-menu-wrapper-background: none;--header-padding-bottom: var(--padding-bottom-desktop, 12px);--header-padding-top: var(--padding-top-desktop, 12px);--header-menu-item-padding-bottom: var(--header-padding-bottom);--header-menu-item-padding-top: var(--header-padding-top)}}.header__inner--padding-top{padding-top:var(--header-padding-top)}.header__inner--padding-bottom{padding-bottom:var(--header-padding-bottom)}.header__inner--filled{background:var(--background-primary, #fff)}.header__content{display:grid;grid-template-columns:var(--header-content-columns);grid-template-rows:var(--header-content-rows);grid-template-areas:var(--header-content-areas);align-items:stretch;justify-content:space-between}@media(min-width: 992px){.header__content{--header-content-areas: "logo icons" "menu menu";--header-content-columns: 1fr auto;--header-content-rows: auto auto}}@media(max-width: 991px){[style*="--menu-opener-position: left"] .header__content{--header-content-areas: "menu logo icons";--header-content-columns: auto 1fr auto}}@media(min-width: 992px){[style*="--menu-vertical-alignment: top"] .header__content{--header-content-areas: "logo menu icons";--header-content-columns: 220px 1fr 220px;--header-content-rows: auto}}@media(min-width: 992px){.header__content--outlined{border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:var(--border-radius);padding:var(--header-padding-top) var(--header-padding-bottom) var(--header-padding-bottom);margin:calc(-1*var(--header-padding-top)) 0 calc(-1*var(--header-padding-bottom))}}.header__btn{--button-margin: 0}@media(min-width: 992px){.header__btn{--button-indent: 10px 20px;height:var(--header-btn-height)}}.header__btn-wrapper{display:var(--header-btn-display)}.header__menu{margin:var(--header-menu-indent);grid-area:menu}@media(min-width: 992px){.header__menu{position:relative;padding:var(--header-menu-bottom-padding);grid-row:var(--header-menu-row)}[style*="--menu-vertical-alignment: top"] .header__menu{--header-menu-row: 1}}.header__menu-opener{height:var(--button-height-xs);width:var(--button-width-xs);border-radius:var(--button-border-radius);display:var(--header-menu-opener-display);background:color-mix(in srgb, var(--color-primary) 15%, transparent);position:relative}.header__menu-opener span,.header__menu-opener::before,.header__menu-opener::after{background:var(--header-menu-opener-color);position:absolute;top:var(--header-menu-opener-icon-top);left:var(--header-menu-opener-icon-left);right:var(--header-menu-opener-icon-right);height:2px;transform:var(--header-menu-opener-icon-transform);transition:all var(--transition-duration) var(--transition-function);pointer-events:none}#header-opener-menu:checked~.header__menu-opener span{opacity:0}.header__menu-opener::before{--header-menu-opener-icon-top: calc(50% - 6px);--header-menu-opener-icon-transform: translate(0, 0);content:""}#header-opener-menu:checked~.header__menu-opener::before{--header-menu-opener-icon-transform: rotate(45deg);--header-menu-opener-icon-top: 50%;--header-menu-opener-icon-left: 23%;--header-menu-opener-icon-right: 23%}.header__menu-opener::after{--header-menu-opener-icon-top: calc(50% + 4px);--header-menu-opener-icon-transform: translate(0, 0);content:""}#header-opener-menu:checked~.header__menu-opener::after{--header-menu-opener-icon-transform: rotate(-45deg);--header-menu-opener-icon-top: 50%;--header-menu-opener-icon-left: 23%;--header-menu-opener-icon-right: 23%}.header__menu-opener:hover::before,.header__menu-opener:hover::after,.header__menu-opener:hover span{--header-menu-opener-color: var(--color-outline)}.header__menu-wrapper{display:flex;justify-content:space-between;flex-direction:var(--header-menu-wrapper-flex-direction);position:var(--header-menu-wrapper-position);width:var(--header-menu-wrapper-width);min-height:100%;top:0;left:0;z-index:1;transform:var(--header-menu-wrapper-transform);overflow:var(--header-menu-wrapper-overflow);padding:var(--header-menu-wrapper-padding);background:var(--header-menu-wrapper-background)}@media(min-width: 992px){.header__menu-wrapper{height:100%}}.header__menu-wrapper>span:not(:only-child),.header__menu-wrapper>ul:not(:only-child),.header__menu-wrapper>div:not(:only-child){padding:0 0 50px}@media(min-width: 992px){.header__menu-wrapper>span:not(:only-child),.header__menu-wrapper>ul:not(:only-child),.header__menu-wrapper>div:not(:only-child){padding:0}}.header__menu-nav{position:var(--header-menu-wrapper-position);height:var(--header-menu-nav-height);width:var(--header-menu-nav-width);top:var(--header-height, 65px);left:0;overflow:var(--header-menu-nav-overflow);pointer-events:var(--header-menu-nav-events);visibility:var(--header-menu-nav-visibility);transition:visibility var(--header-menu-nav-duration) var(--transition-function) var(--header-menu-nav-delay);font-weight:var(--font-weight-regular)}@media(max-width: 991px){.scrolled .header__menu-nav{--header-menu-nav-height: calc(100vh - var(--header-height, 65px) + var(--top-bar-height, 0))}}#header-opener-menu:checked~.header__menu-nav{--header-menu-nav-events: all;--header-menu-nav-visibility: visible;--header-menu-nav-duration: 0s;--header-menu-nav-delay: 0s}#header-opener-menu:checked~.header__menu-nav .header__menu-wrapper{--header-menu-wrapper-transform: translateY(0)}.header__menu-list{position:relative;max-width:var(--max-width);height:auto;width:var(--header-menu-list-width);overflow:var(--header-menu-list-overflow);margin:var(--header-menu-list-margin);padding:var(--header-menu-list-padding);flex:1 1 auto}@media(min-width: 992px){.header__menu-list{display:flex;align-items:center;justify-content:var(--header-menu-horizontal-position);gap:var(--header-menu-item-gap)}}.header__menu-list:not(:only-child){--header-menu-list-padding: 0 0 50px}.header__menu-link{font-size:inherit;padding:16px var(--header-menu-link-indent) 16px 0}@media(min-width: 992px){.header__menu-link{padding:0 var(--header-menu-link-indent) 0 0}}.has-dropdown .header__menu-link{--header-menu-link-indent: 16px}@media(min-width: 992px){.has-dropdown .header__menu-link{--header-menu-link-indent: 5px}}@media(min-width: 1440px){.has-dropdown .header__menu-link{--header-menu-link-indent: 10px}}.header__menu-dropdown{position:var(--header-menu-dropdown-position);top:var(--header-menu-dropdown-top);left:var(--header-menu-dropdown-left);right:var(--header-menu-dropdown-right);width:var(--header-menu-dropdown-width);height:var(--header-menu-dropdown-height);transform:var(--header-menu-dropdown-transform);pointer-events:var(--header-menu-dropdown-events);z-index:2}@media(max-width: 991px){.scrolled .header__menu-dropdown{--header-menu-dropdown-height: calc(100vh - var(--header-height, 65px) + var(--top-bar-height, 0))}}.header__menu-dropdown-list{max-width:var(--max-width);margin:var(--header-menu-dropdown-wrapper-margin)}@media(min-width: 992px){.header__menu-dropdown-list{display:var(--header-menu-dropdown-list-display);grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--header-menu-dropdown-list-gap);padding:var(--header-menu-dropdown-list-padding)}}@media(min-width: 992px){.header__menu-dropdown-list .header__menu-dropdown-list{--header-menu-dropdown-list-display: block;--header-menu-dropdown-list-padding: 0;--header-menu-dropdown-list-gap: 0}}@media(min-width: 1440px){.header__menu-dropdown-list .header__menu-dropdown-list{--header-menu-dropdown-list-padding: 0}}.header__menu-dropdown-link{display:var(--header-menu-dropdown-link-display);font-size:var(--header-menu-dropdown-link-font-size);font-weight:var(--header-menu-dropdown-link-font-weight);padding:16px var(--header-menu-dropdown-link-indent) 16px 0}@media(min-width: 992px){.header__menu-dropdown-link{vertical-align:top;padding:0 var(--header-menu-dropdown-link-indent) 0 0}}.header__menu-dropdown-item{display:var(--header-menu-dropdown-item-display);margin:var(--header-menu-dropdown-item-margin)}@media(min-width: 992px){.header__menu-dropdown-item .header__menu-dropdown-item{--header-menu-dropdown-item-margin: 8px 0}}@media(min-width: 992px){.header__menu-dropdown-item .header__menu-dropdown-item .header__menu-dropdown-link{--header-menu-dropdown-link-font-size: clamp(14px, calc(var(--font-size-base) - 2px), 18px);--header-menu-dropdown-link-font-weight: var(--font-weight-medium)}}.header__menu-dropdown-item:has(>.header__menu-dropdown-opener+.header__menu-dropdown-link)>.header__menu-dropdown-link{--header-menu-dropdown-link-indent: 16px}@media(min-width: 1440px){.header__menu-dropdown-item:has(>.header__menu-dropdown-opener+.header__menu-dropdown-link)>.header__menu-dropdown-link{--header-menu-dropdown-link-indent: 8px}}.header__menu-dropdown-opener{max-width:var(--max-width);display:var(--header-menu-dropdown-opener-display);justify-content:var(--header-menu-dropdown-opener-position)}@media(min-width: 992px){.header__menu-dropdown-opener{transform:var(--header-menu-dropdown-opener-transform)}}.header__menu-dropdown-wrapper{position:var(--header-menu-dropdown-wrapper-position);top:0;left:0;width:var(--header-menu-dropdown-wrapper-width);height:var(--header-menu-dropdown-wrapper-height);max-height:var(--header-menu-dropdown-wrapper-max-height);background:var(--background-primary, #fff);padding:var(--header-menu-dropdown-wrapper-padding);overflow:var(--header-menu-dropdown-wrapper-overflow);transform:var(--header-menu-dropdown-wrapper-transform);border-bottom-left-radius:var(--header-menu-dropdown-wrapper-radius);border-bottom-right-radius:var(--header-menu-dropdown-wrapper-radius)}@media(min-width: 992px){.scrolled .header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-max-height: calc(100vh - var(--header-height, 65px) + var(--top-bar-height, 0))}}.header__menu-dropdown .header__menu-dropdown{--header-menu-dropdown-transform: translateX(100%)}@media(min-width: 992px){.header__menu-dropdown .header__menu-dropdown{--header-menu-dropdown-position: static;--header-menu-dropdown-transform: translateX(0);--header-menu-dropdown-width: 100%}}@media(min-width: 992px){.header__menu-dropdown .header__menu-dropdown-wrapper .header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-transform: none;border-color:rgba(0,0,0,0)}}@media(min-width: 992px){.header__menu-dropdown .header__menu-dropdown-wrapper .header__menu-dropdown-opener{--header-menu-dropdown-opener-display: none}}.header__menu-dropdown>.header__menu-dropdown-wrapper>.header__menu-dropdown-opener{--header-menu-dropdown-opener-position: flex-start}.header__menu-dropdown>.header__menu-dropdown-wrapper>.header__menu-dropdown-opener .header__menu-item-icon{--header-menu-item-icon-transform: rotate(180deg);--header-menu-item-icon-margin: 0 10px -1px 0}[id^=header-dropdown-trigger-menu]:checked~.header__menu-dropdown>.header__menu-dropdown-wrapper,[id*=header-dropdown-trigger-menu]:checked~.header__menu-dropdown>.header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-transform: translateX(0)}[id^=header-dropdown-trigger-childmenu]:checked~.header__menu-dropdown>.header__menu-dropdown-wrapper,[id*=header-dropdown-trigger-childmenu]:checked~.header__menu-dropdown>.header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-transform: translateX(0);--header-menu-dropdown-wrapper-overflow: clip auto}[id^=header-dropdown-trigger-childmenu]:checked~.header__menu-dropdown,[id*=header-dropdown-trigger-childmenu]:checked~.header__menu-dropdown,[id^=header-dropdown-trigger-menu]:checked~.header__menu-dropdown,[id*=header-dropdown-trigger-menu]:checked~.header__menu-dropdown{--header-menu-dropdown-transform: translateX(0);--header-menu-dropdown-events: all}.header__menu-item{display:grid;grid-template-columns:1fr min-content;grid-template-areas:"item-1 item-2";align-items:center;cursor:var(--header-menu-item-cursor);padding:var(--header-menu-item-padding-top) 0 var(--header-menu-item-padding-bottom)}@media(min-width: 992px){.header__menu-item{height:100%}}.header__menu-item-icon{margin:var(--header-menu-item-icon-margin);transform:var(--header-menu-item-icon-transform)}@media(min-width: 992px){[style*="--menu-vertical-alignment: top"] .header__menu-item{--header-menu-item-padding-bottom: 0;--header-menu-item-padding-top: 0}}.header__menu-item:hover,.header__menu-item.active{--header-menu-item-cursor: pointer}@media(min-width: 992px){.header__menu-item:hover .header__menu-link,.header__menu-item.active .header__menu-link{color:var(--color-outline)}}@media(min-width: 992px){.header__menu-item:hover .header__menu-dropdown,.header__menu-item.active .header__menu-dropdown{--header-menu-dropdown-events: all}}@media(min-width: 992px){.header__menu-item:hover .header__menu-dropdown-wrapper,.header__menu-item.active .header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-transform: translateY(0)}}@media(min-width: 992px){.header__menu-item:hover .header__menu-dropdown-opener,.header__menu-item.active .header__menu-dropdown-opener{--header-menu-dropdown-opener-transform: rotate(0deg)}}.header__menu:has([id^=header-dropdown-trigger-menu]:checked) .header__menu-nav,.header__menu:has([id*=header-dropdown-trigger-menu]:checked) .header__menu-nav{--header-menu-nav-overflow: clip}.header__menu:has([id^=header-dropdown-trigger-childmenu]:checked) .header__menu-item>.header__menu-dropdown>.header__menu-dropdown-wrapper,.header__menu:has([id*=header-dropdown-trigger-childmenu]:checked) .header__menu-item>.header__menu-dropdown>.header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-overflow: clip}@media(min-width: 992px){.header__menu::before{content:"";display:block;width:calc(var(--header-menu-bottom-border-top-width));height:var(--menu-border-width-desktop, 1px);margin:0;position:absolute;left:50%;top:0;transform:translateX(-50%);background:color-mix(in srgb, var(--color-primary) 15%, transparent)}}.header__menu .header__btn-wrapper{display:var(--header-btn-menu-display)}@media(min-width: 992px){.header__menu .social-networks{display:none}}.header__logo{padding-right:16px;grid-area:logo}.header__logo-image-holder{transition:opacity var(--header-transition-duration) var(--header-transition-delay) var(--transition-function)}.header__logo-image-holder--floated{opacity:var(--header-logo-floated-visibility)}.header__logo-image-holder:not(.header__logo-image-holder--floated){opacity:var(--header-logo-visibility)}.header__icons{display:flex;align-items:center;justify-content:flex-end;gap:var(--header-content-gap);grid-area:icons}@media(min-width: 992px){.header:has(.header__content--outlined){--header-border-color: transparent}}@media(min-width: 992px){.header:has(.header__content--outlined) .header__menu-item .header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-radius: 0}}@media(min-width: 992px){.header:has(.header__content--outlined) .header__menu-item>.header__menu-dropdown>.header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-radius: var(--border-radius)}}.header:has(.header__inner--sticky){--header-position: sticky}.scrolled .header:has(.header__inner--sticky){--header-position-top: calc(-1 * var(--top-bar-height, 0)) !important}.header:not(.header:has(.header__inner--filled)){--header-border-color: transparent;--header-position: absolute;--header-position-top: 0}.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder--floated{--header-logo-floated-visibility: 1}.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder:not(.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder--floated){--header-logo-visibility: 0}.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder:not(.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder--floated):only-child{--header-logo-visibility: 1}.header:not(.header:has(.header__inner--filled)):has(.header__inner--sticky){--header-position: fixed}.header:has(.menu__item.has-dropdown.active),.header:has(.menu__item.has-dropdown:hover),.header:has(#header-opener-menu:checked),.header:has(#header-opener-search:checked){--header-border-color: color-mix(in srgb, var(--color-primary) 15%, transparent);--header-transition-duration: 0s;--header-transition-delay: 0s}.header:has(.menu__item.has-dropdown.active) .header__inner,.header:has(.menu__item.has-dropdown:hover) .header__inner,.header:has(#header-opener-menu:checked) .header__inner,.header:has(#header-opener-search:checked) .header__inner{--header-background: var(--background-primary, #fff);--header-transition-duration: 0s;--header-transition-delay: 0s}.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated{--header-logo-floated-visibility: 0}.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder:not(.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated),.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder:not(.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated),.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder:not(.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated),.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder:not(.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated){--header-logo-visibility: 1}@media(min-width: 992px){.header:has(.menu__item.has-dropdown.active):has(.header__content--outlined),.header:has(.menu__item.has-dropdown:hover):has(.header__content--outlined),.header:has(#header-opener-menu:checked):has(.header__content--outlined),.header:has(#header-opener-search:checked):has(.header__content--outlined){--header-border-color: transparent}} +.top-bar{font-size:clamp(14px,var(--font-size-base) - 4px,18px)}.top-bar__btn{--button-margin: 0;--button-width: auto;font-size:inherit}.top-bar__btn-wrapper{display:flex;align-items:center}.top-bar__wrapper{--top-bar-padding-bottom: var(--padding-bottom-mobile, 6px);--top-bar-padding-top: var(--padding-top-mobile, 6px);color:var(--color-primary, #000);background:var(--background-primary, #fff)}@media(min-width: 992px){.top-bar__wrapper{--top-bar-padding-bottom: var(--padding-bottom-desktop, 6px);--top-bar-padding-top: var(--padding-top-desktop, 6px)}}.top-bar__wrapper--padding-top{padding-top:var(--top-bar-padding-top)}.top-bar__wrapper--padding-bottom{padding-bottom:var(--top-bar-padding-bottom)}.top-bar__content{display:flex;align-items:center;justify-content:flex-end}.top-bar__links{display:flex;align-items:center;flex:0 1 auto}.top-bar__links:not(:empty,:only-child){margin-left:40px}.top-bar__message-wrapper{display:flex;align-items:center;flex:1 1 auto}.top-bar__message-wrapper p{margin:0}.top-bar__button-wrapper{display:flex;align-items:center}@media(min-width: 992px){.top-bar__menu-wrapper:not(:only-child){margin-left:40px}}.top-bar .icon{margin-right:10px;margin-bottom:-1px}.menu{--menu-display: flex;--menu-dropdown-opener-height: var(--button-height-xs);--menu-dropdown-opener-weight: inherit;--menu-dropdown-opener-width: var(--button-width-xs);--menu-opener-color: currentcolor;display:var(--menu-display);align-items:center}@media(min-width: 992px){.menu{--menu-display: block;--menu-dropdown-opener-height: auto;--menu-dropdown-opener-width: auto}}.menu path{fill:var(--menu-opener-color);transition:fill var(--transition-duration) var(--transition-function)}.menu__opener{display:flex;align-items:center;cursor:pointer}.menu__wrapper{transition:transform var(--transition-duration) var(--transition-function);color:var(--color-primary, #000)}.menu__nav{display:block !important}.menu__list{list-style-type:none}.menu__link{font-size:clamp(14px,var(--font-size-base) - 2px,20px);font-weight:var(--font-weight-bold);line-height:1.4;padding:4px 0;grid-area:item-1;z-index:1;position:relative}@media(min-width: 992px){.menu__link{padding:0}}.menu__dropdown{margin:0;transition:transform var(--transition-duration) var(--transition-function);overflow:clip;display:block !important}.menu__dropdown-item{display:grid;grid-template-columns:1fr min-content;grid-template-areas:"drop-1 item-2";align-items:center;padding:0}.menu__dropdown-link{display:flex;align-items:center;justify-content:space-between;grid-area:drop-1;padding:4px 0;line-height:1.4}@media(min-width: 992px){.menu__dropdown-link{vertical-align:top}}.menu__dropdown-opener{display:flex;align-items:center;justify-content:center;height:var(--menu-dropdown-opener-height);width:var(--menu-dropdown-opener-width);font-weight:var(--menu-dropdown-opener-weight);cursor:pointer;transition:all var(--transition-duration) var(--transition-function);font-size:18px;grid-area:item-2;position:relative;margin:0 auto;z-index:1;color:var(--menu-opener-color)}.menu__dropdown-opener:hover{--menu-opener-color: var(--color-outline)}.menu__dropdown-opener path:hover{--menu-opener-color: var(--color-outline)}.menu__dropdown-wrapper{transition:transform var(--transition-duration) var(--transition-function)}.menu__dropdown>.menu__dropdown-wrapper>.menu__dropdown-opener{--menu-dropdown-opener-weight: var(--font-weight-semibold);--menu-dropdown-opener-width: auto}.menu__item{padding:0 0 10px}.menu__item-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-duration) var(--transition-function);pointer-events:none}@media(min-width: 992px){.menu__item:hover .menu__dropdown-opener path,.menu__item.active .menu__dropdown-opener path{--menu-opener-color: var(--color-outline)}}.search{--search-dropdown-delay: 50ms;--search-dropdown-duration: var(--transition-duration);--search-dropdown-events: none;--search-dropdown-padding: var(--horizontal-padding-sm);--search-dropdown-transform: translateY(-100%);--search-dropdown-visibility: hidden;--search-input-width: 100%;--search-icon-color: currentcolor;--search-icon-display: block;--search-icon-label-color: currentcolor;--search-icon-form-width: 100%;--search-icon-rotate: 45deg;--search-input-border-color: color-mix(in srgb, var(--color-primary) 15%, transparent);--search-input-font-size: inherit;--search-input-min-width: 230px;--search-input-padding-left: 46px;--search-input-padding-right: 55px;--search-input-reset-left: auto;--search-input-reset-right: 7px}@media(min-width: 992px){.search{--search-dropdown-padding: var(--horizontal-padding-lg);--search-icon-form-width: auto;--search-input-reset-left: 100%;--search-input-reset-right: auto}}.search g{pointer-events:none;stroke:var(--search-icon-color);transition:stroke var(--transition-duration) var(--transition-function)}.search__opener{display:flex;align-items:center;justify-content:center;height:var(--button-height-xs);width:var(--button-width-xs);border-radius:var(--button-border-radius);background:color-mix(in srgb, var(--color-primary) 15%, transparent);position:relative;cursor:pointer}.search__opener svg{pointer-events:none}.search__opener:hover g{--search-icon-color: var(--color-outline)}.search__closer{display:flex;align-items:center;justify-content:center;text-align:center;margin-top:16px;font-size:14px;cursor:pointer}.search__closer-icon{position:relative;display:block;width:10px;height:10px}.search__closer-icon:not(:only-child){margin-left:12px}.search__closer-icon::before,.search__closer-icon::after{content:"";position:absolute;top:50%;left:50%;height:1px;width:12px;background:var(--search-icon-label-color);transform:translate(-50%, -50%) rotate(var(--search-icon-rotate));transition:background var(--transition-duration) var(--transition-function)}.search__closer-icon::after{--search-icon-rotate: -45deg}.search__closer-label{color:var(--search-icon-label-color);transition:color var(--transition-duration) var(--transition-function)}.search__closer:hover .search__closer-label{--search-icon-label-color: var(--color-outline)}.search__closer:hover .search__closer-icon::before,.search__closer:hover .search__closer-icon::after{--search-icon-label-color: var(--color-outline)}.search__wrapper{display:flex;align-items:center;flex-direction:column;position:absolute;width:100vw;height:auto;top:0;left:0;max-width:var(--max-width);margin:0 auto;transform:var(--search-dropdown-transform);transition:transform var(--transition-duration) var(--transition-function),height var(--transition-duration) var(--transition-function);overflow:clip;color:currentcolor;background:var(--background-primary, #fff);padding:16px var(--search-dropdown-padding);flex:0 1 auto}.search__wrapper form{position:relative;width:var(--search-icon-form-width)}.search__holder{position:absolute;height:calc(100dvh - var(--header-height, 65px));width:100%;top:var(--header-height, 65px);left:0;overflow:clip;pointer-events:var(--search-dropdown-events);visibility:var(--search-dropdown-visibility);transition:visibility var(--search-dropdown-duration) var(--transition-function) var(--search-dropdown-delay);display:flex !important}#header-opener-search:checked~.search__holder{--search-dropdown-events: all;--search-dropdown-duration: 0s;--search-dropdown-delay: 0s;--search-dropdown-visibility: visible}#header-opener-search:checked~.search__holder .search__wrapper{--search-dropdown-transform: translateY(0)}.search__reset{display:flex;align-items:center;position:absolute;left:var(--search-input-reset-left);right:var(--search-input-reset-right);top:50%;height:var(--button-height-xs);width:var(--button-width-xs);visibility:hidden;transform:translate(0, -50%);transition:visibility var(--transition-duration) var(--transition-function);background:color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:var(--button-border-radius);cursor:pointer}.filled+.search__reset{visibility:visible}.search__reset::before,.search__reset::after{content:"";position:absolute;top:50%;left:50%;height:2px;width:18px;transform:translate(-50%, -50%) rotate(var(--search-icon-rotate));background:var(--search-icon-color);transition:background var(--transition-duration) var(--transition-function)}.search__reset::before:hover,.search__reset::after:hover{--search-icon-color: var(--color-outline)}.search__reset::after{--search-icon-rotate: -45deg}.search__icon{font-size:20px;width:20px;height:20px;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-65%);z-index:1;display:var(--search-icon-display)}.search__input{min-width:var(--search-input-min-width);width:var(--search-input-width);padding:14px var(--search-input-padding-right) 14px var(--search-input-padding-left);font-size:var(--search-input-font-size);font-weight:var(--font-weight-bold);line-height:1.25;border:1px solid var(--search-input-border-color);border-radius:var(--button-border-radius);color:currentcolor;background:var(--background-primary, #fff)}@media(min-width: 992px){.search__input{--search-input-border-color: transparent;--search-input-font-size: 20px;--search-input-min-width: auto;--search-input-padding-left: 8px;--search-input-padding-right: 8px;--search-input-width: auto;text-align:center}}.search__input-wrapper{position:relative;flex:1 1 auto}@media(min-width: 992px){.search__input-wrapper .search__icon{--search-icon-display: none}}.search__input::placeholder{color:color-mix(in srgb, var(--color-primary) 50%, transparent)}.search__input::-webkit-search-cancel-button{display:none !important}.search__input::-webkit-search-decoration{display:none}.search__input:focus{outline:none}.search__input:-webkit-autofill,.search__input:autofill{box-shadow:inset 0 0 0 150px var(--background-primary, #fff) !important}.search:focus-within .search__holder{--search-dropdown-delay: 0s;--search-dropdown-duration: 0s;--search-dropdown-events: all;--search-dropdown-visibility: visible}.header{--header-background: transparent;--header-border-color: color-mix(in srgb, var(--color-primary) 15%, transparent);--header-btn-display: none;--header-btn-height: auto;--header-btn-menu-display: flex;--header-content-areas: "logo icons menu";--header-content-columns: 1fr auto auto;--header-content-gap: 8px;--header-content-rows: auto;--header-logo-visibility: 1;--header-logo-floated-visibility: 0;--header-menu-dropdown-events: none;--header-menu-dropdown-height: calc(100vh - var(--header-height, 65px));--header-menu-dropdown-item-display: grid;--header-menu-dropdown-left: auto;--header-menu-dropdown-link-display: flex;--header-menu-dropdown-link-font-size: inherit;--header-menu-dropdown-link-font-weight: var(--font-weight-bold);--header-menu-dropdown-link-indent: 0;--header-menu-dropdown-opener-display: flex;--header-menu-dropdown-opener-position: center;--header-menu-dropdown-opener-transform: rotate(180deg);--header-menu-dropdown-position: fixed;--header-menu-dropdown-right: 0;--header-menu-dropdown-top: 0;--header-menu-dropdown-transform: translateX(100%);--header-menu-dropdown-width: 100%;--header-menu-dropdown-wrapper-height: 100%;--header-menu-dropdown-wrapper-margin: 0;--header-menu-dropdown-wrapper-max-height: calc(100vh - var(--header-height, 65px));--header-menu-dropdown-wrapper-overflow: clip auto;--header-menu-dropdown-wrapper-padding: 25px var(--horizontal-padding-sm) 50px;--header-menu-dropdown-wrapper-position: absolute;--header-menu-dropdown-wrapper-radius: 0;--header-menu-dropdown-wrapper-transform: translateX(100%);--header-menu-dropdown-wrapper-width: 100vw;--header-menu-item-cursor: default;--header-menu-item-icon-margin: 0;--header-menu-item-icon-transform: rotate(0deg);--header-menu-link-indent: 0;--header-menu-list-overflow: clip auto;--header-menu-list-padding: 0;--header-menu-nav-delay: 50ms;--header-menu-nav-duration: var(--transition-duration);--header-menu-nav-events: none;--header-menu-nav-height: calc(100vh - var(--header-height, 65px));--header-menu-nav-overflow: clip auto;--header-menu-nav-visibility: hidden;--header-menu-nav-width: 100%;--header-menu-opener-color: currentcolor;--header-menu-opener-display: flex;--header-menu-opener-icon-left: 27%;--header-menu-opener-icon-right: 27%;--header-menu-opener-icon-top: 50%;--header-menu-opener-icon-transform: translate(0, -50%);--header-menu-row: 2;--header-menu-wrapper-flex-direction: column;--header-menu-wrapper-overflow: clip;--header-menu-wrapper-padding: var(--horizontal-padding-sm);--header-menu-wrapper-position: absolute;--header-menu-wrapper-transform: translateY(-100%);--header-menu-wrapper-width: 100vw;--header-position: static;--header-position-top: var(--preview-height, 0);--header-transition-duration: var(--transition-duration);--header-transition-delay: var(--transition-duration);z-index:2;position:var(--header-position);top:var(--header-position-top);left:0;right:0;transition:top var(--transition-duration) var(--transition-function)}@media(min-width: 992px){.header{--header-btn-display: block;--header-btn-height: var(--button-height-xs);--header-btn-menu-display: none;--header-menu-dropdown-height: auto;--header-menu-dropdown-item-display: block;--header-menu-dropdown-item-margin: 0;--header-menu-dropdown-left: 50%;--header-menu-dropdown-link-display: inline-block;--header-menu-dropdown-link-font-size: clamp(16px, calc(var(--font-size-base) + 2px), 22px);--header-menu-dropdown-list-display: grid;--header-menu-dropdown-list-gap: 20px;--header-menu-dropdown-list-padding: var(--horizontal-padding-sm);--header-menu-dropdown-position: absolute;--header-menu-dropdown-right: auto;--header-menu-dropdown-top: calc(100% + 1px);--header-menu-dropdown-transform: translateX(-50%);--header-menu-dropdown-width: 100vw;--header-menu-dropdown-wrapper-height: auto;--header-menu-dropdown-wrapper-margin: 0 auto;--header-menu-dropdown-wrapper-overflow: auto;--header-menu-dropdown-wrapper-padding: 0;--header-menu-dropdown-wrapper-position: static;--header-menu-dropdown-wrapper-transform: translateY(-100%);--header-menu-dropdown-wrapper-width: 100%;--header-menu-item-gap: 0 24px;--header-menu-item-icon-transform: rotate(-90deg);--header-menu-list-overflow: inherit;--header-menu-nav-delay: 0s;--header-menu-nav-duration: 0s;--header-menu-nav-events: all;--header-menu-nav-height: 100%;--header-menu-nav-overflow: inherit;--header-menu-nav-visibility: visible;--header-menu-nav-width: auto;--header-menu-opener-display: none;--header-menu-wrapper-flex-direction: row;--header-menu-wrapper-overflow: inherit;--header-menu-wrapper-padding: 0;--header-menu-wrapper-position: static;--header-menu-wrapper-transform: translateY(0);--header-menu-wrapper-width: 100%}}@media(min-width: 1440px){.header{--header-menu-dropdown-list-padding: 25px var(--horizontal-padding-lg);--header-menu-item-gap: 0 44px}}.header__inner{--header-menu-bottom-padding: 0;--header-menu-horizontal-position: flex-end;--header-menu-indent: var(--menu-indent-mobile);--header-menu-margin-bottom: var(--padding-bottom-mobile, 12px);--header-menu-margin-top: var(--padding-top-mobile, 12px);--header-menu-list-margin: 0 auto;--header-menu-list-width: 100%;--header-menu-wrapper-background: var(--background-primary, #fff);--header-padding-bottom: var(--padding-bottom-mobile, 12px);--header-padding-top: var(--padding-top-mobile, 12px);--header-menu-item-padding-bottom: 0;--header-menu-item-padding-top: 0;color:var(--color-primary, #000);background:var(--header-background);border-bottom:1px solid var(--header-border-color);transition:background var(--header-transition-duration) var(--header-transition-delay) var(--transition-function),border var(--header-transition-duration) var(--header-transition-delay) var(--transition-function),padding var(--transition-duration) var(--transition-function)}@media(min-width: 992px){.header__inner{--header-menu-bottom-padding: var(--menu-bottom-padding-top-desktop);--header-menu-bottom-border-top-width: var(--menu-bottom-border-top-width-desktop, 100%);--header-menu-horizontal-position: var(--menu-horizontal-position-desktop, center);--header-menu-indent: var(--menu-indent-desktop);--header-menu-margin-bottom: var(--padding-bottom-desktop, 12px);--header-menu-margin-top: var(--padding-top-desktop, 12px);--header-menu-list-margin: calc(-1 * var(--header-menu-margin-top)) 0 calc(-1 * var(--header-menu-margin-bottom));--header-menu-list-width: calc(100% + var(--menu-margin-x-desktop, 0) * 2);--header-menu-wrapper-background: none;--header-padding-bottom: var(--padding-bottom-desktop, 12px);--header-padding-top: var(--padding-top-desktop, 12px);--header-menu-item-padding-bottom: var(--header-padding-bottom);--header-menu-item-padding-top: var(--header-padding-top)}}.header__inner--padding-top{padding-top:var(--header-padding-top)}.header__inner--padding-bottom{padding-bottom:var(--header-padding-bottom)}.header__inner--filled{background:var(--background-primary, #fff)}.header__content{display:grid;grid-template-columns:var(--header-content-columns);grid-template-rows:var(--header-content-rows);grid-template-areas:var(--header-content-areas);align-items:stretch;justify-content:space-between}@media(min-width: 992px){.header__content{--header-content-areas: "logo icons" "menu menu";--header-content-columns: 1fr auto;--header-content-rows: auto auto}}@media(max-width: 991px){[style*="--menu-opener-position: left"] .header__content{--header-content-areas: "menu logo icons";--header-content-columns: auto 1fr auto}}@media(min-width: 992px){[style*="--menu-vertical-alignment: top"] .header__content{--header-content-areas: "logo menu icons";--header-content-columns: 220px 1fr 220px;--header-content-rows: auto}}@media(min-width: 992px){.header__content--outlined{border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:var(--border-radius);padding:var(--header-padding-top) var(--header-padding-bottom) var(--header-padding-bottom);margin:calc(-1*var(--header-padding-top)) 0 calc(-1*var(--header-padding-bottom))}}.header__btn{--button-margin: 0}@media(min-width: 992px){.header__btn{--button-indent: 10px 20px;height:var(--header-btn-height)}}.header__btn-wrapper{display:var(--header-btn-display)}.header__menu{margin:var(--header-menu-indent);grid-area:menu}@media(min-width: 992px){.header__menu{position:relative;padding:var(--header-menu-bottom-padding);grid-row:var(--header-menu-row)}[style*="--menu-vertical-alignment: top"] .header__menu{--header-menu-row: 1}}.header__menu-opener{height:var(--button-height-xs);width:var(--button-width-xs);border-radius:var(--button-border-radius);display:var(--header-menu-opener-display);background:color-mix(in srgb, var(--color-primary) 15%, transparent);position:relative}.header__menu-opener span,.header__menu-opener::before,.header__menu-opener::after{background:var(--header-menu-opener-color);position:absolute;top:var(--header-menu-opener-icon-top);left:var(--header-menu-opener-icon-left);right:var(--header-menu-opener-icon-right);height:2px;transform:var(--header-menu-opener-icon-transform);transition:all var(--transition-duration) var(--transition-function);pointer-events:none}#header-opener-menu:checked~.header__menu-opener span{opacity:0}.header__menu-opener::before{--header-menu-opener-icon-top: calc(50% - 6px);--header-menu-opener-icon-transform: translate(0, 0);content:""}#header-opener-menu:checked~.header__menu-opener::before{--header-menu-opener-icon-transform: rotate(45deg);--header-menu-opener-icon-top: 50%;--header-menu-opener-icon-left: 23%;--header-menu-opener-icon-right: 23%}.header__menu-opener::after{--header-menu-opener-icon-top: calc(50% + 4px);--header-menu-opener-icon-transform: translate(0, 0);content:""}#header-opener-menu:checked~.header__menu-opener::after{--header-menu-opener-icon-transform: rotate(-45deg);--header-menu-opener-icon-top: 50%;--header-menu-opener-icon-left: 23%;--header-menu-opener-icon-right: 23%}.header__menu-opener:hover::before,.header__menu-opener:hover::after,.header__menu-opener:hover span{--header-menu-opener-color: var(--color-outline)}.header__menu-wrapper{display:flex;justify-content:space-between;flex-direction:var(--header-menu-wrapper-flex-direction);position:var(--header-menu-wrapper-position);width:var(--header-menu-wrapper-width);min-height:100%;top:0;left:0;z-index:1;transform:var(--header-menu-wrapper-transform);overflow:var(--header-menu-wrapper-overflow);padding:var(--header-menu-wrapper-padding);background:var(--header-menu-wrapper-background)}@media(min-width: 992px){.header__menu-wrapper{height:100%}}.header__menu-wrapper>span:not(:only-child),.header__menu-wrapper>ul:not(:only-child),.header__menu-wrapper>div:not(:only-child){padding:0 0 50px}@media(min-width: 992px){.header__menu-wrapper>span:not(:only-child),.header__menu-wrapper>ul:not(:only-child),.header__menu-wrapper>div:not(:only-child){padding:0}}.header__menu-nav{position:var(--header-menu-wrapper-position);height:var(--header-menu-nav-height);width:var(--header-menu-nav-width);top:var(--header-height, 65px);left:0;overflow:var(--header-menu-nav-overflow);pointer-events:var(--header-menu-nav-events);visibility:var(--header-menu-nav-visibility);transition:visibility var(--header-menu-nav-duration) var(--transition-function) var(--header-menu-nav-delay);font-weight:var(--font-weight-regular)}@media(max-width: 991px){.scrolled .header__menu-nav{--header-menu-nav-height: calc(100vh - var(--header-height, 65px) + var(--top-bar-height, 0px))}}#header-opener-menu:checked~.header__menu-nav{--header-menu-nav-events: all;--header-menu-nav-visibility: visible;--header-menu-nav-duration: 0s;--header-menu-nav-delay: 0s}#header-opener-menu:checked~.header__menu-nav .header__menu-wrapper{--header-menu-wrapper-transform: translateY(0)}.header__menu-list{position:relative;max-width:var(--max-width);height:auto;width:var(--header-menu-list-width);overflow:var(--header-menu-list-overflow);margin:var(--header-menu-list-margin);padding:var(--header-menu-list-padding);flex:1 1 auto}@media(min-width: 992px){.header__menu-list{display:flex;align-items:center;justify-content:var(--header-menu-horizontal-position);gap:var(--header-menu-item-gap)}}.header__menu-list:not(:only-child){--header-menu-list-padding: 0 0 50px}.header__menu-link{font-size:inherit;padding:16px var(--header-menu-link-indent) 16px 0}@media(min-width: 992px){.header__menu-link{padding:0 var(--header-menu-link-indent) 0 0}}.has-dropdown .header__menu-link{--header-menu-link-indent: 16px}@media(min-width: 992px){.has-dropdown .header__menu-link{--header-menu-link-indent: 5px}}@media(min-width: 1440px){.has-dropdown .header__menu-link{--header-menu-link-indent: 10px}}.header__menu-dropdown{position:var(--header-menu-dropdown-position);top:var(--header-menu-dropdown-top);left:var(--header-menu-dropdown-left);right:var(--header-menu-dropdown-right);width:var(--header-menu-dropdown-width);height:var(--header-menu-dropdown-height);transform:var(--header-menu-dropdown-transform);pointer-events:var(--header-menu-dropdown-events);z-index:2}@media(max-width: 991px){.scrolled .header__menu-dropdown{--header-menu-dropdown-height: calc(100vh - var(--header-height, 65px) + var(--top-bar-height, 0px))}}.header__menu-dropdown-list{max-width:var(--max-width);margin:var(--header-menu-dropdown-wrapper-margin)}@media(min-width: 992px){.header__menu-dropdown-list{display:var(--header-menu-dropdown-list-display);grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--header-menu-dropdown-list-gap);padding:var(--header-menu-dropdown-list-padding)}}@media(min-width: 992px){.header__menu-dropdown-list .header__menu-dropdown-list{--header-menu-dropdown-list-display: block;--header-menu-dropdown-list-padding: 0;--header-menu-dropdown-list-gap: 0}}@media(min-width: 1440px){.header__menu-dropdown-list .header__menu-dropdown-list{--header-menu-dropdown-list-padding: 0}}.header__menu-dropdown-link{display:var(--header-menu-dropdown-link-display);font-size:var(--header-menu-dropdown-link-font-size);font-weight:var(--header-menu-dropdown-link-font-weight);padding:16px var(--header-menu-dropdown-link-indent) 16px 0}@media(min-width: 992px){.header__menu-dropdown-link{vertical-align:top;padding:0 var(--header-menu-dropdown-link-indent) 0 0}}.header__menu-dropdown-item{display:var(--header-menu-dropdown-item-display);margin:var(--header-menu-dropdown-item-margin)}@media(min-width: 992px){.header__menu-dropdown-item .header__menu-dropdown-item{--header-menu-dropdown-item-margin: 8px 0}}@media(min-width: 992px){.header__menu-dropdown-item .header__menu-dropdown-item .header__menu-dropdown-link{--header-menu-dropdown-link-font-size: clamp(14px, calc(var(--font-size-base) - 2px), 18px);--header-menu-dropdown-link-font-weight: var(--font-weight-medium)}}.header__menu-dropdown-item:has(>.header__menu-dropdown-opener+.header__menu-dropdown-link)>.header__menu-dropdown-link{--header-menu-dropdown-link-indent: 16px}@media(min-width: 1440px){.header__menu-dropdown-item:has(>.header__menu-dropdown-opener+.header__menu-dropdown-link)>.header__menu-dropdown-link{--header-menu-dropdown-link-indent: 8px}}.header__menu-dropdown-opener{max-width:var(--max-width);display:var(--header-menu-dropdown-opener-display);justify-content:var(--header-menu-dropdown-opener-position)}@media(min-width: 992px){.header__menu-dropdown-opener{transform:var(--header-menu-dropdown-opener-transform)}}.header__menu-dropdown-wrapper{position:var(--header-menu-dropdown-wrapper-position);top:0;left:0;width:var(--header-menu-dropdown-wrapper-width);height:var(--header-menu-dropdown-wrapper-height);max-height:var(--header-menu-dropdown-wrapper-max-height);background:var(--background-primary, #fff);padding:var(--header-menu-dropdown-wrapper-padding);overflow:var(--header-menu-dropdown-wrapper-overflow);transform:var(--header-menu-dropdown-wrapper-transform);border-bottom-left-radius:var(--header-menu-dropdown-wrapper-radius);border-bottom-right-radius:var(--header-menu-dropdown-wrapper-radius)}@media(min-width: 992px){.scrolled .header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-max-height: calc(100vh - var(--header-height, 65px) + var(--top-bar-height, 0px))}}.header__menu-dropdown .header__menu-dropdown{--header-menu-dropdown-transform: translateX(100%)}@media(min-width: 992px){.header__menu-dropdown .header__menu-dropdown{--header-menu-dropdown-position: static;--header-menu-dropdown-transform: translateX(0);--header-menu-dropdown-width: 100%}}@media(min-width: 992px){.header__menu-dropdown .header__menu-dropdown-wrapper .header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-transform: none;border-color:rgba(0,0,0,0)}}@media(min-width: 992px){.header__menu-dropdown .header__menu-dropdown-wrapper .header__menu-dropdown-opener{--header-menu-dropdown-opener-display: none}}.header__menu-dropdown>.header__menu-dropdown-wrapper>.header__menu-dropdown-opener{--header-menu-dropdown-opener-position: flex-start}.header__menu-dropdown>.header__menu-dropdown-wrapper>.header__menu-dropdown-opener .header__menu-item-icon{--header-menu-item-icon-transform: rotate(180deg);--header-menu-item-icon-margin: 0 10px -1px 0}[id^=header-dropdown-trigger-menu]:checked~.header__menu-dropdown>.header__menu-dropdown-wrapper,[id*=header-dropdown-trigger-menu]:checked~.header__menu-dropdown>.header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-transform: translateX(0)}[id^=header-dropdown-trigger-childmenu]:checked~.header__menu-dropdown>.header__menu-dropdown-wrapper,[id*=header-dropdown-trigger-childmenu]:checked~.header__menu-dropdown>.header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-transform: translateX(0);--header-menu-dropdown-wrapper-overflow: clip auto}[id^=header-dropdown-trigger-childmenu]:checked~.header__menu-dropdown,[id*=header-dropdown-trigger-childmenu]:checked~.header__menu-dropdown,[id^=header-dropdown-trigger-menu]:checked~.header__menu-dropdown,[id*=header-dropdown-trigger-menu]:checked~.header__menu-dropdown{--header-menu-dropdown-transform: translateX(0);--header-menu-dropdown-events: all}.header__menu-item{display:grid;grid-template-columns:1fr min-content;grid-template-areas:"item-1 item-2";align-items:center;cursor:var(--header-menu-item-cursor);padding:var(--header-menu-item-padding-top) 0 var(--header-menu-item-padding-bottom)}@media(min-width: 992px){.header__menu-item{height:100%}}.header__menu-item-icon{margin:var(--header-menu-item-icon-margin);transform:var(--header-menu-item-icon-transform)}@media(min-width: 992px){[style*="--menu-vertical-alignment: top"] .header__menu-item{--header-menu-item-padding-bottom: 0;--header-menu-item-padding-top: 0}}.header__menu-item:hover,.header__menu-item.active{--header-menu-item-cursor: pointer}@media(min-width: 992px){.header__menu-item:hover .header__menu-link,.header__menu-item.active .header__menu-link{color:var(--color-outline)}}@media(min-width: 992px){.header__menu-item:hover .header__menu-dropdown,.header__menu-item.active .header__menu-dropdown{--header-menu-dropdown-events: all}}@media(min-width: 992px){.header__menu-item:hover .header__menu-dropdown-wrapper,.header__menu-item.active .header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-transform: translateY(0)}}@media(min-width: 992px){.header__menu-item:hover .header__menu-dropdown-opener,.header__menu-item.active .header__menu-dropdown-opener{--header-menu-dropdown-opener-transform: rotate(0deg)}}.header__menu:has([id^=header-dropdown-trigger-menu]:checked) .header__menu-nav,.header__menu:has([id*=header-dropdown-trigger-menu]:checked) .header__menu-nav{--header-menu-nav-overflow: clip}.header__menu:has([id^=header-dropdown-trigger-childmenu]:checked) .header__menu-item>.header__menu-dropdown>.header__menu-dropdown-wrapper,.header__menu:has([id*=header-dropdown-trigger-childmenu]:checked) .header__menu-item>.header__menu-dropdown>.header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-overflow: clip}@media(min-width: 992px){.header__menu::before{content:"";display:block;width:calc(var(--header-menu-bottom-border-top-width));height:var(--menu-border-width-desktop, 1px);margin:0;position:absolute;left:50%;top:0;transform:translateX(-50%);background:color-mix(in srgb, var(--color-primary) 15%, transparent)}}.header__menu .header__btn-wrapper{display:var(--header-btn-menu-display)}@media(min-width: 992px){.header__menu .social-networks{display:none}}.header__logo{padding-right:16px;grid-area:logo}.header__logo-image-holder{transition:opacity var(--header-transition-duration) var(--header-transition-delay) var(--transition-function)}.header__logo-image-holder--floated{opacity:var(--header-logo-floated-visibility)}.header__logo-image-holder:not(.header__logo-image-holder--floated){opacity:var(--header-logo-visibility)}.header__icons{display:flex;align-items:center;justify-content:flex-end;gap:var(--header-content-gap);grid-area:icons}@media(min-width: 992px){.header:has(.header__content--outlined){--header-border-color: transparent}}@media(min-width: 992px){.header:has(.header__content--outlined) .header__menu-item .header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-radius: 0}}@media(min-width: 992px){.header:has(.header__content--outlined) .header__menu-item>.header__menu-dropdown>.header__menu-dropdown-wrapper{--header-menu-dropdown-wrapper-radius: var(--border-radius)}}.header:has(.header__inner--sticky){--header-position: sticky}.scrolled .header:has(.header__inner--sticky){--header-position-top: calc(-1 * var(--top-bar-height, 0px)) !important}.header:not(.header:has(.header__inner--filled)){--header-border-color: transparent;--header-position: absolute;--header-position-top: 0}.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder--floated{--header-logo-floated-visibility: 1}.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder:not(.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder--floated){--header-logo-visibility: 0}.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder:not(.header:not(.header:has(.header__inner--filled)) .header__logo-image-holder--floated):only-child{--header-logo-visibility: 1}.header:not(.header:has(.header__inner--filled)):has(.header__inner--sticky){--header-position: fixed}.header:has(.menu__item.has-dropdown.active),.header:has(.menu__item.has-dropdown:hover),.header:has(#header-opener-menu:checked),.header:has(#header-opener-search:checked){--header-border-color: color-mix(in srgb, var(--color-primary) 15%, transparent);--header-transition-duration: 0s;--header-transition-delay: 0s}.header:has(.menu__item.has-dropdown.active) .header__inner,.header:has(.menu__item.has-dropdown:hover) .header__inner,.header:has(#header-opener-menu:checked) .header__inner,.header:has(#header-opener-search:checked) .header__inner{--header-background: var(--background-primary, #fff);--header-transition-duration: 0s;--header-transition-delay: 0s}.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated{--header-logo-floated-visibility: 0}.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder:not(.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated),.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder:not(.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated),.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder:not(.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated),.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder:not(.header:has(.menu__item.has-dropdown.active) .header__inner .header__logo-image-holder--floated,.header:has(.menu__item.has-dropdown:hover) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-menu:checked) .header__inner .header__logo-image-holder--floated,.header:has(#header-opener-search:checked) .header__inner .header__logo-image-holder--floated){--header-logo-visibility: 1}@media(min-width: 992px){.header:has(.menu__item.has-dropdown.active):has(.header__content--outlined),.header:has(.menu__item.has-dropdown:hover):has(.header__content--outlined),.header:has(#header-opener-menu:checked):has(.header__content--outlined),.header:has(#header-opener-search:checked):has(.header__content--outlined){--header-border-color: transparent}} diff --git a/src/scss/header.scss b/src/scss/header.scss index 26dd905..9734578 100644 --- a/src/scss/header.scss +++ b/src/scss/header.scss @@ -365,7 +365,7 @@ .scrolled & { @include media-down(md) { - --header-menu-nav-height: calc(100vh - #{$header-height} + var(--top-bar-height, 0)); + --header-menu-nav-height: calc(100vh - #{$header-height} + var(--top-bar-height, 0px)); } } @@ -438,7 +438,7 @@ .scrolled & { @include media-down(md) { - --header-menu-dropdown-height: calc(100vh - #{$header-height} + var(--top-bar-height, 0)); + --header-menu-dropdown-height: calc(100vh - #{$header-height} + var(--top-bar-height, 0px)); } } @@ -535,7 +535,7 @@ .scrolled & { @include media-up(md) { - --header-menu-dropdown-wrapper-max-height: calc(100vh - #{$header-height} + var(--top-bar-height, 0)); + --header-menu-dropdown-wrapper-max-height: calc(100vh - #{$header-height} + var(--top-bar-height, 0px)); } } } @@ -763,7 +763,7 @@ --header-position: sticky; .scrolled & { - --header-position-top: calc(-1 * var(--top-bar-height, 0)) !important; + --header-position-top: calc(-1 * var(--top-bar-height, 0px)) !important; } }