.side-bar{border-radius:1rem;grid-area:side-bar;height:calc(100dvh - 1rem);left:.5rem;margin:.5rem;overflow:hidden;position:sticky;top:.5rem;transition:all .5s ease;width:6.875rem;z-index:30}.side-bar.is-open{transition:all .5s ease;width:21rem}span.side-bar__menu-line{border-bottom:1px solid hsla(0,0%,100%,.16);margin:auto;width:calc(100% - 2rem)}.side-bar__wrap{background-color:var(--color__dark);gap:3rem;height:100%;padding:1.5rem;transition:all .5s ease;width:100%}.is-open .side-bar__wrap{justify-content:space-between;transition:all .5s ease}.is-open .side-bar__menu{gap:3rem;width:100%}.is-open .side-bar__menu-top{flex-direction:row;margin-left:.9rem;width:calc(100% - 1.5rem)}.side-bar__menu-top{flex:1;flex-direction:column-reverse;flex-wrap:nowrap;gap:1.2rem;width:100%}.side-bar__menu-logo:hover{opacity:.64!important}.side-bar__menu-logo.--min-logo{display:block;height:2.125rem;transition:all .4s ease;width:1.8125rem}.side-bar__menu-logo.--full-logo{flex:1;height:2.1875rem;opacity:1;transition:all .6s ease;width:11.875rem}.side-bar__menu-logo svg{height:100%;width:100%}.side-bar__menu-btn-toggle{border-radius:.1875rem;opacity:.64!important;padding:0;transition:all .05s ease}.side-bar__menu-btn-toggle,.side-bar__menu-btn-toggle svg{height:2.625rem;width:2.625rem}.--btn-toggle-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-opacity='.64' stroke-width='2' d='M6.5 1 1.955 6 6.5 11M14.046 1 9.5 6l4.546 5'/%3E%3C/svg%3E");background-position:50%;background-size:1rem .7rem;height:100%;transition:all .4s ease;width:100%}.--btn-toggle-arrow,.is-open .side-bar__menu-btn-toggle{transform:rotate(180deg)}.side-bar__menu-btn-toggle:hover{opacity:1!important;transition:all .1s ease}.--btn-toggle-arrow:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M6.5 1 1.955 6 6.5 11M14.046 1 9.5 6l4.546 5'/%3E%3C/svg%3E");transition:all .4s ease}.side-bar__menu-items{gap:2rem;width:calc(100% - 1rem)}.side-bar__menu-item{flex:1;flex-wrap:nowrap;font-weight:500;gap:1rem;transition:all .4s ease}.side-bar__menu-item.is-active .side-bar__menu-item-name,.side-bar__menu-item:hover .side-bar__menu-item-name{color:var(--color__fill-1);transition:all .2s ease}.side-bar__menu-item.is-active .side-bar__menu-item-name{font-weight:700}.side-bar__menu-item.is-active svg path,.side-bar__menu-item:hover svg path{fill:var(--color__fill-1);transition:all .2s ease}.side-bar__menu-item svg path{transition:all .4s ease}.side-bar__menu-item-thumb{height:1.875rem;transition:all .4s ease;width:1.875rem}.side-bar__menu-item-thumb svg{height:100%;transition:all .4s ease;width:100%}.side-bar__menu-item-name{color:#fff;flex:1;font-size:0!important;opacity:.86;transition:all .4s ease}.side-bar__sub-menu-item-name{color:#ffffff7a;font-size:.875rem;font-weight:500;line-height:1.125rem;transition:all .4s ease}.side-bar__sub-menu-item{transition:all .4s ease}.side-bar__sub-menu-item.is-active .side-bar__sub-menu-item-name,.side-bar__sub-menu-item:hover .side-bar__sub-menu-item-name{color:#fff;transition:all .4s ease}.side-bar__sub-menu-item.is-active .side-bar__sub-menu-item-name{font-weight:700}.is-open .side-bar__menu-item-name{font-size:1.125rem!important;transition:all .4s ease}.is-open .side-bar__help-text{font-size:1rem!important;transition:all .4s ease}.side-bar__help-text{color:#fff;font-size:0!important;font-weight:500;opacity:.86;transition:all .4s ease}.side-bar__help-thumb{height:4rem;width:4rem}.side-bar__help-thumb,.side-bar__help-thumb.--min{background:linear-gradient(295deg,#ff664e -8.14%,#e43e24 93.74%);border-radius:50%}.side-bar__help-thumb.--min{height:2rem;width:2rem}.side-bar__help-thumb.--max svg{height:1.875rem;width:1.875rem}.side-bar__help{flex-wrap:nowrap;transition:all .4s ease}.is-open .side-bar__help{align-self:flex-start;gap:1rem;justify-content:flex-start}.side-bar__help:hover{cursor:pointer;opacity:.64;transition:all .4s ease}.side-bar__wrap-mob{background-color:var(--color__dark);gap:1.5rem;height:3.986667rem;padding:1rem;transition:all .5s ease;width:100%}.side-bar-mob.is-open .side-bar__wrap-mob{height:100%;transition:all .5s ease}.side-bar-mob{border-radius:0;display:none;grid-area:side-bar;height:5rem;margin:0;overflow:hidden;position:sticky;top:0;transition:all .5s ease;width:100%;z-index:30}.side-bar__wrap-mob .side-bar__menu{width:100%}.side-bar__wrap-mob .side-bar__menu-items{display:none;transition:all .5s ease}.side-bar-mob.is-open .side-bar__wrap-mob .side-bar__menu-items{display:flex;transition:all .5s ease}.side-bar__wrap-mob .side-bar__menu-top{flex-direction:row}.side-bar-mob.is-open{height:100dvh;transition:all .5s ease}.side-bar-mob .side-bar__menu-logo.--full-logo{flex:none;height:2.125rem}.side-bar-mob .side-bar__menu-top{justify-content:space-between}.side-bar-mob .side-bar__menu-btn-toggle{align-items:flex-start;border:none;height:1.3125rem;justify-content:space-between!important;width:1.4375rem}.side-bar__top-menu-line{background:#fff;height:.25rem;transition:all .24s ease;width:100%}.is-open .side-bar__top-menu-line:first-child{transform:rotate(45deg) translateY(.47rem) translate(.32rem);transition:all .24s ease}.is-open .side-bar__top-menu-line:nth-child(2){opacity:0;transition:all .24s ease}.is-open .side-bar__top-menu-line:nth-child(3){transform:rotate(-45deg) translateY(-.45rem) translate(.3rem);transition:all .24s ease}.side-bar__top-menu-line:nth-child(2){width:80%}.is-open.side-bar-mob .side-bar__menu-top{margin:0;width:100%}.is-open.side-bar-mob .side-bar__menu{gap:1.5rem}.side-bar__bottom{display:none;padding:0 1rem;transition:all .5s ease;width:100%}.side-bar-mob.is-open .side-bar__bottom{display:flex;transition:all .5s ease}.side-bar-mob .side-bar__help-thumb.--min{height:2.625rem;width:2.625rem}.side-bar-mob .side-bar__help-thumb.--min svg{height:1.52356rem;width:.93769rem}.side-bar-mob .header__user-name{color:#fff}.side-bar__menu-logo-icon svg path:first-child{stroke:#ff1441}@media screen and (max-width:768px){.side-bar-mob{display:block;height:5rem;transition:all .5s ease}.side-bar{display:none}.side-bar-mob .header__user{display:flex}}.header{flex:1;grid-area:info;margin:auto}.header,.header__wrap{width:100%}.header__breadcrums{color:#21212152}.header__user{gap:1rem}.header__user-icon-thumb{position:relative;width:2.625rem}.header__user-icon-thumb-img{border-radius:50%;display:block;overflow:hidden;padding-bottom:100%;position:relative;transition:all .24s ease;width:100%}.header__user-icon-thumb-img:hover{opacity:.86;transition:all .24s ease}.header__user-link{text-decoration:none}.header__user-avatar{background:linear-gradient(139.05deg,#ff1441 .79%,#ff664e 92.13%);border-radius:50%;height:2.625rem;position:relative;width:2.625rem}.header__user-avatar-letter{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;position:relative;width:100%}.header__user-icon-thumb img{height:100%;position:absolute;width:100%}.--red-circle{background-color:#fff;border-radius:50%;height:.7rem;position:absolute;right:-.2rem;top:.13rem;width:.7rem}.--red-circle span{background-color:var(--color__fill-1);border-radius:50%;display:block;height:.42188rem;width:.42188rem}.header__user-name{color:#212121db;font-weight:700;text-decoration:none;transition:all .24s ease}.header__user-name:hover{opacity:.86;transition:all .24s ease}.header__user-link{color:var(--color__fill-1);font-weight:500;gap:.5rem;transition:all .24s ease}.header__user-link .--arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='9' fill='none' viewBox='0 0 7 9'%3E%3Cpath stroke='%23FF1441' stroke-linecap='round' stroke-width='1.5' d='m1 8 4-3.5L1 1'/%3E%3C/svg%3E");background-position:50%;background-size:100%;height:.5rem;margin-top:.125rem;width:.4375rem}.header__user-link:hover{opacity:.64;transition:all .24s ease}@media screen and (max-width:768px){.header__user{display:none}.header__wrap{padding:1rem!important}}