.navbar{--navbar-top-indent: 25px;--nav-bg-color: rgba(255, 255, 255, .5);--border-bottom-width: 1px;--border-top-width: 1px;--border-right-width: 1px;--border-left-width: 1px;--border-style: solid;--border-color: var(--gray-300);--link-text-color: var(--dark);--link-active-text-color: var(--brand);position:fixed;top:0;left:50%;transform:translate(-50%);z-index:20;padding-top:var(--navbar-top-indent)}@media(max-width:768px){.navbar{padding:var(--navbar-top-indent) 22px 0 22px;width:100%}}.navbar__nav{overflow:hidden;position:relative;cursor:pointer;padding:0 16px;border-radius:20px;background-color:var(--nav-bg-color);backdrop-filter:blur(5px);transition:background-color 1s ease;-webkit-backdrop-filter:blur(5px)}.navbar__nav:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}@media(max-width:768px){.navbar__nav{padding:8px 16px;width:262px;border-radius:32px;margin:0 auto;transition:width 1s cubic-bezier(.53,0,.15,1.3),background-color 1s ease}.navbar__nav--open{width:100%;--nav-bg-color: var(--white)}}.navbar__links{display:flex;align-items:center;gap:6px}@media(max-width:768px){.navbar__links{display:none}}.navbar__link-group{display:flex;align-items:center}.navbar__link{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;justify-content:center;height:60px;padding:0 16px;position:relative;transition:color .3s ease;color:var(--link-text-color)}.navbar__link:hover,.navbar__link--active{--link-text-color: var(--link-active-text-color)}.navbar .navbar__link-text{transition:color .3s ease;text-transform:uppercase;--t-color: var(--link-text-color);--t-track: 4px}.navbar__socials{height:60px;display:flex;align-items:center;gap:8px;position:relative}.navbar__socials:before{content:"";width:1px;height:50%;background-color:var(--dark);opacity:.6}.navbar__social-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--gray);transition:color .3s ease,transform .3s ease}.navbar__social-link:hover{color:var(--link-active-text-color);transform:translateY(-1px)}.navbar__social-icon{width:18px;height:18px;stroke:currentColor;fill:none}.navbar__social-icon_fill-current{fill:currentColor}.navbar__active-line{width:100%;clip-path:polygon(50% 0%,100% 0px,100% 0px,calc(100% - 6px) 100%,6px 100%,0px 0px,0px 0px);position:absolute;background-color:var(--brand);bottom:0}.navbar__icon-wrap{width:15px;height:15px;display:flex;justify-content:center;align-items:center}.navbar__icon{width:100%;height:100%;fill:currentColor}.relative{position:relative}.navbar-mobile{display:none}.navbar-mobile__top{display:flex;justify-content:space-between;align-items:center;gap:30px}.navbar-mobile__bottom{display:flex;flex-direction:column;gap:20px;align-items:center;padding:20px 0}.navbar-mobile__link{width:100%;align-items:center;justify-content:center;padding:12px;background-color:color-mix(in srgb,var(--gray-300) 80%,transparent);border-radius:12px;display:flex;gap:8px;text-transform:uppercase;white-space:nowrap;--t-track: 4px;transition:background-color .3s ease,color .3s ease}.navbar-mobile__link--active{color:var(--white);background-color:color-mix(in srgb,var(--brand) 80%,transparent)}.navbar-mobile__main-link{text-transform:uppercase;white-space:nowrap;--t-track: 4px}.navbar-mobile__toggle-btn{border:none;background-color:transparent;outline:none;width:38px;height:38px;cursor:pointer}.navbar-mobile__toggle-btn:after,.navbar-mobile__toggle-btn:before{border-radius:8px;content:"";background:var(--brand-300);width:100%;height:4px;margin:auto;position:absolute;inset:0;transition:1s cubic-bezier(.53,0,.15,1.3)}.navbar-mobile__toggle-btn:before{top:-30%}.navbar-mobile__toggle-btn:after{top:30%}.navbar-mobile__toggle-btn--close:before{transform:rotate(-225deg);top:0}.navbar-mobile__toggle-btn--close:after{transform:rotate(225deg);top:0}@media(max-width:768px){.navbar-mobile{display:block}}.mobile-menu-backdrop{display:block;position:fixed;background:#00000059;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:none;padding:0;margin:0;cursor:pointer;z-index:19;width:100%;height:100%;inset:0}