.header_box{display:block;position:relative;top:0;height:var(--height-header);padding:0 var(--gap-section-side);background:var(--color-base);color:var(--color-heading);font-size:1rem;font-weight:400;line-height:1.25rem;transition:background-color .3s,box-shadow .3s,height .3s;z-index:10;--gap-grid-x: 20px}.header_box.is_transparent{background-color:rgba(0,0,0,0)}.header_box.is_transparent+section{margin-top:calc(-1*var(--height-header));--offset-section-top: var(--height-header)}.header_box.is_transparent:has(+.box_dark){color:var(--theme-white)}.header_box.is_sticky{position:sticky;top:var(--offset-top)}.header_box.is_fixed{background-color:var(--color-base);box-shadow:var(--shadow-small)}.header_box.is_fixed:has(+.box_dark),.header_box.is_menu:has(+.box_dark){color:var(--color-heading)}.header_box .fixed{display:flex;align-items:center;height:var(--height-header);gap:var(--gap-grid-x)}.header_box .logo{display:block;flex-grow:0;flex-shrink:1;width:var(--width-logo);max-width:100%;height:var(--height-logo);margin:0;background-color:currentColor;-webkit-mask:var(--mask-logo) 0 50%/contain no-repeat}.header_box .navigation{display:flex;flex-grow:1;min-width:0}.header_box .menu{color:var(--color-heading);font-weight:700;text-transform:uppercase;transition:.3s}.header_box .menu_btn{display:none;position:relative;flex-shrink:1;order:1;width:1.25rem;height:1.25rem;margin:0}.header_box .menu_btn:before,.header_box .menu_btn:after,.header_box .menu_btn span{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:2px;margin:-1px 0 0 -0.625rem;border-radius:2px;background-color:currentColor;transition:.2s;opacity:1}.header_box .menu_btn:before{margin-top:-0.5625rem}.header_box .menu_btn:after{margin-top:0.4375rem}@media(min-width: 64rem){.header_box.is_fixed .menu{box-shadow:none}.header_box.is_fixed .menu>li>a:hover,.header_box.is_fixed .menu>li.active>a{border-radius:var(--radius-small)}.header_box .menu{display:flex;align-items:stretch;justify-content:center;height:var(--height-button);padding:0 calc(var(--gap-grid) - 4px);margin:0 auto;border-radius:var(--radius-small);background-color:var(--color-base);box-shadow:var(--shadow-small);font-size:0.875rem;line-height:1.125rem;--gap-grid: 12px}.header_box .menu>li{display:flex;position:relative;align-items:stretch;margin:0}}@media(min-width: 64rem)and (hover: hover){.header_box .menu>li:hover>a{background-color:var(--color-primary);color:var(--color-primary-text)}}@media(min-width: 64rem){.header_box .menu>li>a{display:flex;position:relative;align-items:center;justify-content:center;text-align:center;transition:.2s}.header_box .menu a{padding:0 var(--gap-grid)}.header_box .submenu:focus-within>ul{transform:scale(1);visibility:visible;opacity:1}}@media(min-width: 64rem)and (hover: hover){.header_box .submenu:hover>ul{transform:scale(1);visibility:visible;opacity:1}}@media(min-width: 64rem){.header_box .submenu>a{display:block;position:relative;padding-right:calc(var(--gap-grid) + 16px)}.header_box .submenu>a:after{content:"";position:absolute;top:50%;right:calc(var(--gap-grid) - 4px);width:12px;height:7px;margin:-4px 0 0;background:currentColor;-webkit-mask:url(../../images/ico_arrow_down.svg) 50% 50%/contain no-repeat}.header_box .sub-menu{display:block;position:absolute;top:100%;left:0;width:max-content;min-width:100%;max-width:240px;padding:var(--radius-small) 0;margin:0;border-radius:0 0 var(--radius-small) var(--radius-small);background-color:var(--color-base);box-shadow:var(--shadow-small);font-size:0.9375rem;transition:.3s;transform:scaleY(0);transform-origin:0 0;visibility:hidden;opacity:0}.header_box .sub-menu:before{content:"";position:absolute;right:0;bottom:100%;left:0;height:10px}.header_box .sub-menu .submenu>a{padding-right:35px}.header_box .sub-menu .submenu>a:after{right:12px;transform:rotate(-90deg)}.header_box .sub-menu .sub-menu{top:-8px;left:100%;padding:8px 0;margin:0;border-top-width:0;background-color:var(--color-background);transform:scaleX(0)}.header_box .sub-menu li{display:block;position:relative}.header_box .sub-menu li.back{display:none}.header_box .sub-menu li.active>a{background-color:var(--color-primary);color:var(--color-primary-text)}}@media(min-width: 64rem)and (hover: hover){.header_box .sub-menu li:hover>a{background-color:var(--color-primary);color:var(--color-primary-text)}}@media(min-width: 64rem){.header_box .sub-menu a{display:flex;align-items:center;padding:8px var(--gap-grid);text-transform:none;transition:.2s}}@media(min-width: 75rem){.header_box{--gap-grid-x: 30px}.header_box .menu{--gap-grid: 15px}}@media(max-width: 64rem){.header_box{--gap-button: 15px}.header_box:before{content:"";position:fixed;top:calc(var(--height-header) + var(--height-bar) + var(--offset-header));right:0;bottom:0;left:0;background:var(--color-shadow);transition:.4s;visibility:hidden;opacity:0}.header_box.is_menu{background-color:var(--color-base)}.header_box.is_menu:before{visibility:visible;opacity:.4}.header_box.is_menu .menu_btn span{opacity:0}.header_box.is_menu .menu_btn:before,.header_box.is_menu .menu_btn:after{margin-top:-1px;transform:rotate(45deg)}.header_box.is_menu .menu_btn:after{transform:rotate(-45deg)}.header_box.is_menu .navigation{transform:translateX(0);visibility:visible}.header_box .logo{margin-right:auto}.header_box .navigation{display:flex;position:fixed;top:calc(var(--height-header) + var(--offset-header));right:0;bottom:0;left:auto;overflow:hidden;flex-direction:column;align-self:stretch;width:100%;max-width:280px;border-top:1px solid var(--color-border);background-color:var(--color-base);box-shadow:var(--shadow-small);transition:transform .3s,visibility .3s;transform:translateX(100%);visibility:hidden}.header_box .menu{display:block;overflow-x:hidden;overflow-y:auto;flex-grow:1;width:auto;min-height:0;font-size:0.9375rem;line-height:1.25rem}.header_box .menu_btn{display:block}.header_box .menu .back{display:flex;align-items:center;width:100%;height:50px;padding:0 var(--gap-section-side) 0 0;background-color:var(--color-background);color:var(--color-heading);font-weight:600}.header_box .menu .back:before{content:"";display:block;flex-grow:0;flex-shrink:0;width:12px;height:8px;margin:0 12px 0 var(--gap-section-side);background:currentColor;-webkit-mask:url(../../images/ico_arrow_down.svg) 50% 50%/contain no-repeat;transform:rotate(90deg)}.header_box .menu ul{display:block;position:absolute;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;background-color:var(--color-base);transition:transform .3s;transform:translateX(100%);z-index:1}.header_box .menu li{display:flex;position:static;align-items:center;border-top:1px solid var(--color-border)}.header_box .menu li:first-child{border-top-width:0}.header_box .menu li a:focus+ul{transform:translateX(0);opacity:0;z-index:-1}.header_box .menu li.is_active>ul,.header_box .menu li>ul:focus-within{transform:translateX(0);opacity:1;z-index:3}.header_box .menu li.is_parent>ul{overflow:hidden;height:100%}.header_box .menu a{display:inline-flex;align-items:center;min-height:50px;padding:5px var(--gap-section-side)}.header_box .submenu:after{content:"";display:inline-block;width:12px;height:8px;margin:0 15px 0 auto;background-color:currentColor;-webkit-mask:url(../../images/ico_arrow_down.svg) 50% 50%/contain no-repeat;transition:.3s;transform:rotate(-90deg)}}@media(max-width: 23.75rem){.header_box .button{width:min-content;font-size:0.8125rem;line-height:1rem}}
/*# sourceMappingURL=header.css.map */