@media (min-width:1001px),(pointer:fine){.navigation{grid-column:1/2;transition:left .5s,opacity .5s}.navigation,.navigation .navigation-blocks__container{flex-direction:column;gap:20px;display:flex}.navigation .navigation__open{opacity:.8;left:0}.full__screen{display:none}.navigation-block{background:#2e313c;border-radius:0 9px 9px 0;flex-direction:column;align-items:stretch;max-width:100%;height:max-content;padding-top:5px;padding-bottom:10px;display:flex}.navigation-block .pro{overflow:initial;position:relative}.navigation-block .pro:after{background:var(--basic-color);color:#000;content:"PRO";text-align:center;text-shadow:0 4px 4px #00000040;border-radius:50px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:700;position:relative;right:-5px}.navigation-block-name{cursor:context-menu;font-weight:700}.navigation-block-name,.navigation-block-section__item{text-overflow:ellipsis;white-space:nowrap;height:39px;padding-left:10%;line-height:39px;overflow:hidden}.navigation-block-section__item{cursor:pointer;width:80%;padding-bottom:2px}.navigation-block-section__item:hover{background:#4688784d;border-radius:0 5px 5px 0;width:80%}.navigation__active{color:#121317;border-radius:0 5px 5px 0;width:80%}.navigation__active,.navigation__active:hover{background:var(--basic-color)}.navigation__closed{pointer-events:none}.navigation__closed:hover{background:0 0}}@media (max-width:1000px) and (pointer:coarse){.full__screen{display:none}.navigation-block{flex-direction:column;gap:8px;width:33%;margin-left:10px;display:flex;position:relative}.navigation-block .navigation-block-name{color:#6d6e7b;cursor:context-menu;text-align:start;text-overflow:ellipsis;white-space:nowrap;align-self:start;width:100%;height:auto;padding-left:0;font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;overflow:hidden}.navigation-block .navigation-block-active{opacity:.9;background:#6c6d7a7e;border-radius:7px;flex-grow:1;justify-content:center;align-items:center;gap:1rem;height:17px;padding:1rem;display:flex;position:relative}.navigation-block .navigation-block-active p{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:1.4rem;font-style:normal;font-weight:400;line-height:normal;overflow:hidden}.navigation-block .navigation-block-section{opacity:.9;z-index:1000;background:#2e313c;border-radius:7px;width:max-content;min-width:100%;position:absolute;top:100%}.navigation-block .navigation-block-section .navigation-block-section__item{cursor:pointer;white-space:nowrap;width:calc(100% - 40px);height:39px;padding:0 20px;font-size:1.4rem;line-height:39px}.navigation-block .navigation-block-section__item:hover{background:#4688784d;border-radius:0 5px 5px 0;width:80%}.navigation-block .navigation__active{background:var(--basic-color);color:#121317}.navigation-block .navigation__active:hover{background:var(--basic-color)}.navigation-block:last-child{margin-right:10px}}