.navbar{position:fixed;top:0;height:64px;box-shadow:0px 3px 3px var(--color-navbar-shadow);width:100%;justify-content:center;z-index:99}.navbar.light .navbar-brand{background-repeat:no-repeat;background-position:center;background-image:url("/img/logo.svg")}.navbar.light .navbar__menu-item a,.navbar.light .lang-item a{width:100%;color:#008da6}.navbar::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-bottom:2px solid rgba(255,255,255,.05);background-color:var(--color-navbar-bg)}@media(max-width: 1048px){.navbar::before{z-index:2}}.navbar-brand{width:122px;height:40px;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-position:center;background-image:url("/img/logo.svg")}.navbar__logo{align-items:center;margin-right:85px;margin-bottom:8px}html[dir=rtl] .navbar__logo{margin-right:0;margin-left:85px}@media(max-width: 1048px){.navbar__logo{z-index:3}}.navbar__body{background-color:rgba(0,0,0,0);width:100%;height:100%;position:relative;z-index:2}@media(max-width: 1048px){.navbar__body{position:unset;z-index:0}}.navbar__body .lang-item{position:absolute;top:0;right:0;z-index:2;height:100% !important;display:flex;flex-direction:column;justify-content:center;align-items:unset;font-size:18px;line-height:60px}@media(max-width: 1048px){.navbar__body .lang-item{right:50px}}html[dir=rtl] .navbar__body .lang-item{right:auto;left:0}@media(max-width: 1048px){html[dir=rtl] .navbar__body .lang-item{left:50px}}.navbar__body .lang-item a{width:100%;color:#008da6;display:flex;justify-content:unset;align-items:center}@media(hover: hover){.navbar__body .lang-item a:hover{color:#39c0ec}}.navbar__body .lang-item .navbar__lang-lang{font-size:17px;line-height:30px;text-transform:uppercase}.navbar__body .lang-item .navbar__lang-icon{margin-left:9px;height:24px;width:24px;display:block;background-color:currentColor;mask:url("/img/icons/settings-gear.svg") no-repeat center/contain;-webkit-mask:url("/img/icons/settings-gear.svg") no-repeat center/contain}html[dir=rtl] .navbar__body .lang-item .navbar__lang-icon{margin-left:0;margin-right:9px}.navbar .navbar__settings{display:none}.navbar .navbar__settings.active{position:absolute;top:70px;right:0;width:400px;max-height:calc(100vh - 100px);overflow:hidden;padding:24px 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:3px 3px 3px var(--color-shadow);z-index:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media(max-width: 768px){.navbar .navbar__settings.active{right:12px}}html[dir=rtl] .navbar .navbar__settings.active{left:0;right:auto}@media(max-width: 580px){.navbar .navbar__settings.active{position:fixed;inset:0;width:auto;height:auto;max-height:none;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;overflow:visible;background:linear-gradient(180deg, rgba(0, 141, 166, 0.72), rgba(78, 204, 186, 0.72));backdrop-filter:blur(6.3px);-webkit-backdrop-filter:blur(6.3px);z-index:99;display:flex;justify-content:center;align-items:center}}.navbar .navbar__settings-card{display:contents}@media(max-width: 580px){.navbar .navbar__settings-card{position:relative;width:calc(100% - 20px);max-width:410px;max-height:calc(100vh - 20px);padding:24px 0;overflow-y:auto;background:var(--color-surface);border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden}}.navbar .navbar__settings-close{display:none}@media(max-width: 580px){.navbar .navbar__settings-close{display:block;position:absolute;top:20px;right:20px;width:24px;height:24px;padding:0;border:none;cursor:pointer;color:#008da6;background-color:currentColor;mask:url("/img/icons/settings-close.svg") no-repeat center/contain;-webkit-mask:url("/img/icons/settings-close.svg") no-repeat center/contain}}.navbar .navbar__settings-title{margin:0;flex-shrink:0;font-weight:300;color:var(--color-text);text-align:center;font-size:40px;line-height:normal}.navbar .navbar__settings-toggles{flex-shrink:0;padding:24px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.navbar .navbar__settings-toggle{gap:8px;padding:16px 0;display:flex;justify-content:center;align-items:center}.navbar .navbar__settings-toggle-label{width:120px;color:#6b797b;font-size:16px;line-height:24px}.navbar .navbar__settings-toggle-label:first-child{text-align:right}.navbar .navbar__settings-switch{position:relative;flex:0 0 auto;width:51px;height:31px;padding:0;border:none;border-radius:200px;background:#008da6;cursor:pointer;transition:background-color .2s ease}.navbar .navbar__settings-switch::after{content:"";position:absolute;top:3px;left:3px;width:25px;height:25px;border-radius:50%;background:#fff;transition:transform .2s ease}.navbar .navbar__settings-switch.on{background:#008da6}.navbar .navbar__settings-switch.on::after{transform:translateX(20px)}.navbar .navbar__settings-langs{width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:24px}.navbar .navbar__settings-langs::-webkit-scrollbar{width:4px;height:4px}.navbar .navbar__settings-langs::-webkit-scrollbar-thumb{background:rgba(140,154,156,.5)}.navbar .navbar__settings-langs::-webkit-scrollbar-track{background:var(--color-surface)}.navbar .navbar__settings-langs{scrollbar-face-color:rgba(140,154,156,.5);scrollbar-track-color:var(--color-surface)}.navbar .navbar__settings-langs li{cursor:pointer;height:40px;display:flex;justify-content:center;align-items:center}.navbar .navbar__settings-langs li a{position:relative;gap:8px;width:100%;height:100%;padding-left:27%;color:#008da6;display:flex;justify-content:flex-start;align-items:center;font-size:20px;line-height:normal}@media(hover: hover){.navbar .navbar__settings-langs li a:hover{color:#39c0ec !important;background:var(--color-hover-bg)}}.navbar .navbar__settings-langs li a .navbar__settings-lang-code{flex-shrink:0;min-width:56px;font-weight:700;color:#6b797b}.navbar .navbar__settings-langs li a.active{background:var(--color-hover-bg)}.navbar__toggler{display:none}@media(max-width: 1048px){.navbar__toggler{display:flex;align-items:center;position:absolute;right:12px;height:100%;z-index:2}html[dir=rtl] .navbar__toggler{right:auto;left:12px}}.navbar__toggler-icon{transition:all .3s ease 0s}@media(max-width: 1048px){.navbar__toggler-icon{-webkit-mask:url("/img/icons/menu-burger-icon.svg") no-repeat center/contain;mask:url("/img/icons/menu-burger-icon.svg") no-repeat center/contain;background-color:#008da6;height:18px;width:22px;display:block}.menu-active .navbar__toggler-icon{opacity:1;-webkit-mask:url("/img/icons/menu-close-icon.svg") no-repeat center/contain;mask:url("/img/icons/menu-close-icon.svg") no-repeat center/contain}}.navbar__menu{width:100%;justify-content:space-between;align-items:center}@media(max-width: 1048px){.navbar__menu{position:absolute;top:-500%}.menu-active .navbar__menu{position:absolute;top:70px;right:12px;left:auto;width:200px;max-height:calc(100vh - 100px);padding:24px 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:3px 3px 3px var(--color-shadow);z-index:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}html[dir=rtl] .menu-active .navbar__menu{left:12px;right:auto}}@media(max-width: 1048px)and (max-width: 580px){.menu-active .navbar__menu{position:fixed;inset:0;width:auto;height:auto;max-height:none;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;overflow:visible;background:linear-gradient(180deg, rgba(0, 141, 166, 0.72), rgba(78, 204, 186, 0.72));backdrop-filter:blur(6.3px);-webkit-backdrop-filter:blur(6.3px);z-index:99;display:flex;justify-content:center;align-items:center}}.navbar__menu-body{width:50%}@media(max-width: 1048px){.navbar__menu-body{width:80%}}@media(max-width: 1048px){.navbar__menu-body{width:100%;display:contents}}@media(max-width: 1048px)and (max-width: 580px){.navbar__menu-body{width:calc(100% - 20px);position:relative;width:calc(100% - 20px);max-width:410px;max-height:calc(100vh - 20px);padding:24px 0;overflow-y:auto;background:var(--color-surface);border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}}.navbar__menu-body ul{width:100%;justify-content:space-between}@media(max-width: 1048px){.navbar__menu-body ul{width:100%;flex-direction:column;align-items:stretch}}.navbar__menu-close{display:none}@media(max-width: 580px){.navbar__menu-close{display:block;position:absolute;top:20px;right:20px;width:24px;height:24px;padding:0;border:none;cursor:pointer;color:#008da6;background-color:currentColor;mask:url("/img/icons/settings-close.svg") no-repeat center/contain;-webkit-mask:url("/img/icons/settings-close.svg") no-repeat center/contain}}.navbar__menu-item{font-size:17px;line-height:30px;text-transform:uppercase}@media(max-width: 1048px){.menu-active .navbar__menu-item{width:100%;height:60px;text-transform:none !important;font-weight:300;display:flex;justify-content:center;align-items:center;font-size:24px;line-height:normal}.menu-active .navbar__menu-item a{width:100%;padding:0;text-align:center;color:#008da6}}@media(max-width: 1048px)and (max-width: 580px){.menu-active .navbar__menu-item{display:flex;justify-content:flex-start;align-items:center}.menu-active .navbar__menu-item a{padding:0 24px;text-align:left}}@media(max-width: 1048px){.menu-active .navbar__menu-item.active,.menu-active .navbar__menu-item:active{background:var(--color-hover-bg)}.menu-active .navbar__menu-item.active a{opacity:1}.menu-active .navbar__menu-item.active a::after{display:none}}.navbar__menu-item a{width:100%;transition:color .3s ease;color:#008da6}@media(hover: hover){.navbar__menu-item a:hover{color:#39c0ec !important}}.navbar__menu-item.active a{position:relative;display:inline-block}.navbar__menu-item.active a::after{content:"";position:absolute;bottom:-3px;left:0;height:3px;width:100%;border-radius:3px;overflow:hidden;background:#008da6}
