.login-button{display:flex;flex-direction:column;gap:20px}@media (min-width: 64em){.login-button{flex-direction:row-reverse;align-items:center;gap:10px}}.login-button__dropdown{position:relative;display:inline-block}.login-button__trigger{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:16px;font-weight:400;color:var(--text-accent);background-color:var(--color-accent);border:none;border-radius:400px;cursor:pointer;transition:color .3s ease,background .3s ease,box-shadow .3s ease}@media (min-width: 64em){.login-button__trigger{color:var(--text-main);background-color:var(--surface-main)}}.login-button__trigger:hover{box-shadow:var(--button-primary-box-shadow)}@media (min-width: 64em){.login-button__trigger:hover{box-shadow:var(--button-secondary-box-shadow)}}.login-button__user-wrap{display:block;flex-shrink:0;width:26px;height:26px;border:solid 1px var(--surface-secondary);border-radius:50%;overflow:hidden}.login-button__user-icon{display:block;width:20px;height:20px;margin:5px auto 0}.login-button__arrow{flex-shrink:0;width:16px;height:16px;transition:transform .3s ease}.login-button__dropdown:hover .login-button__arrow{transform:rotate(180deg)}.login-button__menu{position:absolute;top:100%;right:0;min-width:200px;background:var(--surface-main);border-radius:12px;box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100;padding:8px;margin-top:8px}@media (min-width: 64em){.login-button__menu{box-shadow:0 8px 32px #0000001f}}.login-button__dropdown:hover .login-button__menu{opacity:1;visibility:visible;transform:translateY(0)}.login-button__menu-item{display:block;width:100%;padding:12px 20px;font-size:14px;font-weight:400;color:var(--text-main);background:none;border:none;text-align:left;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease}.login-button__menu-item:hover{background-color:var(--surface-secondary);border-radius:8px}.login-button__username{font-weight:500;color:var(--text-main);cursor:default;border-bottom:1px solid var(--surface-secondary);margin-bottom:8px}.login-button__username:hover{background-color:transparent;border-radius:0}.login-button__button{padding:10px 40px;font-size:16px;font-weight:400;color:var(--text-accent);background-color:var(--color-accent);border:none;border-radius:400px;cursor:pointer;transition:color .3s ease,background .3s ease,box-shadow .3s ease}@media (min-width: 64em){.login-button__button{color:var(--text-main);background-color:var(--surface-main)}}.login-button__button:hover,.login-button__button:focus{box-shadow:var(--button-primary-box-shadow)}@media (min-width: 64em){.login-button__button:hover,.login-button__button:focus{box-shadow:var(--button-secondary-box-shadow)}}.socials-vue{display:flex;justify-content:right;gap:10px;margin:0;padding:0;list-style:none}.socials-vue__item{display:flex;justify-content:center;align-items:center}.socials-vue__button{width:40px;height:40px;padding:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;border:none;border-radius:50%;cursor:pointer;transition:color .3s ease,background .3s ease,box-shadow .3s ease}@media (min-width: 64em){.socials-vue__button{width:30px;height:30px}}.socials-vue__button:hover,.socials-vue__button:focus{box-shadow:var(--button-primary-box-shadow)}@media (min-width: 64em){.socials-vue__button:hover,.socials-vue__button:focus{box-shadow:var(--button-secondary-box-shadow)}}.socials-vue__button_telegram{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='%237855ed' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Cpath d='M0 0h40v40H0V0z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40 20c0 11.045-8.955 20-20 20S0 31.045 0 20 8.955 0 20 0s20 8.955 20 20zm-19.283-5.235c-1.945.808-5.834 2.483-11.664 5.023-.946.377-1.443.745-1.488 1.105-.077.61.687.85 1.723 1.175.142.045.289.09.439.14 1.021.332 2.395.72 3.108.735.648.014 1.372-.253 2.17-.8 5.447-3.678 8.258-5.536 8.435-5.576.125-.029.298-.065.415.04.117.103.105.3.093.353-.076.322-3.066 3.103-4.616 4.543a47.2 47.2 0 0 0-.895.84 20.42 20.42 0 0 1-.47.465c-.95.914-1.66 1.6.04 2.72.816.539 1.47.984 2.121 1.427.712.485 1.422.968 2.342 1.572.233.153.457.311.675.466.828.592 1.573 1.122 2.493 1.039.534-.05 1.087-.552 1.367-2.05.662-3.544 1.965-11.217 2.267-14.38a3.522 3.522 0 0 0-.034-.787.843.843 0 0 0-.286-.542c-.239-.195-.609-.236-.775-.233-.752.013-1.905.415-7.46 2.725z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}@media (min-width: 64em){.socials-vue__button_telegram{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Cpath d='M0 0h40v40H0V0z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40 20c0 11.045-8.955 20-20 20S0 31.045 0 20 8.955 0 20 0s20 8.955 20 20zm-19.283-5.235c-1.945.808-5.834 2.483-11.664 5.023-.946.377-1.443.745-1.488 1.105-.077.61.687.85 1.723 1.175.142.045.289.09.439.14 1.021.332 2.395.72 3.108.735.648.014 1.372-.253 2.17-.8 5.447-3.678 8.258-5.536 8.435-5.576.125-.029.298-.065.415.04.117.103.105.3.093.353-.076.322-3.066 3.103-4.616 4.543a47.2 47.2 0 0 0-.895.84 20.42 20.42 0 0 1-.47.465c-.95.914-1.66 1.6.04 2.72.816.539 1.47.984 2.121 1.427.712.485 1.422.968 2.342 1.572.233.153.457.311.675.466.828.592 1.573 1.122 2.493 1.039.534-.05 1.087-.552 1.367-2.05.662-3.544 1.965-11.217 2.267-14.38a3.522 3.522 0 0 0-.034-.787.843.843 0 0 0-.286-.542c-.239-.195-.609-.236-.775-.233-.752.013-1.905.415-7.46 2.725z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}}.socials-vue__button_facebook{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='%237855ed' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M20.043.625C9.103.625.625 8.62.625 19.419c0 5.649 2.321 10.53 6.1 13.902.652.587.517.927.628 4.55a1.556 1.556 0 0 0 2.178 1.372c4.134-1.82 4.187-1.964 4.888-1.774 11.976 3.297 24.956-4.367 24.956-18.05C39.375 8.62 30.984.625 20.043.625zm11.66 14.463-5.704 9.03a2.918 2.918 0 0 1-4.211.775l-4.538-3.396a1.171 1.171 0 0 0-1.406 0L9.72 26.14c-.817.62-1.887-.36-1.337-1.225l5.704-9.029a2.919 2.919 0 0 1 4.211-.775l4.536 3.395a1.171 1.171 0 0 0 1.406 0l6.126-4.639c.816-.623 1.886.355 1.335 1.22z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}@media (min-width: 64em){.socials-vue__button_facebook{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M20.043.625C9.103.625.625 8.62.625 19.419c0 5.649 2.321 10.53 6.1 13.902.652.587.517.927.628 4.55a1.556 1.556 0 0 0 2.178 1.372c4.134-1.82 4.187-1.964 4.888-1.774 11.976 3.297 24.956-4.367 24.956-18.05C39.375 8.62 30.984.625 20.043.625zm11.66 14.463-5.704 9.03a2.918 2.918 0 0 1-4.211.775l-4.538-3.396a1.171 1.171 0 0 0-1.406 0L9.72 26.14c-.817.62-1.887-.36-1.337-1.225l5.704-9.029a2.919 2.919 0 0 1 4.211-.775l4.536 3.395a1.171 1.171 0 0 0 1.406 0l6.126-4.639c.816-.623 1.886.355 1.335 1.22z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}}.nav[data-v-09c7009d]{position:relative;display:inline-flex;gap:20px}.nav__backdrop[data-v-09c7009d]{position:fixed;top:0;top:var(--mobile-menu-header-offset, 0px);right:0;bottom:0;left:0;z-index:10;background-color:var(--surface-main);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}@media (min-width: 64em){.nav__backdrop[data-v-09c7009d]{display:none}}.nav__content[data-v-09c7009d]{position:fixed;top:0;top:var(--mobile-menu-header-offset, 0px);right:0;bottom:0;left:0;z-index:11;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:20px;padding-top:100px;background-color:var(--surface-main);overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-300%);transition:transform .3s ease,opacity .2s ease,visibility .2s ease}@media (max-height: 740px){.nav__content[data-v-09c7009d]{padding-top:72px}}@media (max-height: 640px){.nav__content[data-v-09c7009d]{padding-top:56px}}@media (min-width: 64em){.nav__content[data-v-09c7009d]{position:relative;inset:auto;z-index:auto;z-index:initial;flex-direction:row;justify-content:inherit;padding:inherit;background-color:transparent;overflow:visible;opacity:1;visibility:visible;pointer-events:auto;transform:none;transform:initial;transition:none}}.nav__list[data-v-09c7009d]{display:flex;flex-direction:column;align-items:center;gap:25px;margin:0;padding:0;list-style:none}@media (min-width: 64em){.nav__list[data-v-09c7009d]{position:relative;flex-direction:row;justify-content:inherit;gap:25px}}.nav__item[data-v-09c7009d]{white-space:nowrap}.nav__link[data-v-09c7009d]{position:relative;font-size:14px;font-weight:400;color:var(--text-main);transition:color .3s ease}.nav__link[data-v-09c7009d]:hover,.nav__link[data-v-09c7009d]:focus,.nav__link.active[data-v-09c7009d]{color:var(--color-accent)}.nav__link[data-v-09c7009d]:hover:before,.nav__link[data-v-09c7009d]:focus:before,.nav__link.active[data-v-09c7009d]:before{width:100%}.nav__link[data-v-09c7009d]:before{content:"";position:absolute;bottom:-2px;left:0;display:block;width:0;height:2px;background-color:var(--color-accent);transition:width .3s ease}@media (min-width: 64em){.nav__socials[data-v-09c7009d],.nav__order[data-v-09c7009d],.nav__login[data-v-09c7009d]{display:none}}.nav__toggle[data-v-09c7009d]{position:relative;z-index:12;display:flex;width:26px;height:26px;padding:0;background-color:transparent;border:none;cursor:pointer}@media (min-width: 64em){.nav__toggle[data-v-09c7009d]{display:none}}.nav__toggle[data-v-09c7009d]:before,.nav__toggle[data-v-09c7009d]:after{content:"";position:absolute;display:block;width:100%;height:2.5px;background-color:var(--text-main);border-radius:2px;transition:background-color .3s ease,transform .3s ease}.nav__toggle[data-v-09c7009d]:before{top:8px;left:0}.nav__toggle[data-v-09c7009d]:after{top:14px;right:0;width:18px}.nav__backdrop_open[data-v-09c7009d]{opacity:1;visibility:visible;pointer-events:auto}.nav__content_open[data-v-09c7009d]{background-color:var(--surface-tertiary);transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.nav__toggle_open[data-v-09c7009d]:before,.nav__toggle_open[data-v-09c7009d]:after{background-color:var(--color-accent)}.nav__toggle_open[data-v-09c7009d]:before{top:50%;left:50%;transform:rotate(45deg) translate(-10px,9px)}.nav__toggle_open[data-v-09c7009d]:after{top:50%;left:50%;width:100%;transform:rotate(-45deg) translate(-9px,-10px)}