.sidebar{height:100%;display:block}@media only screen and (max-width: 48em){.sidebar{position:absolute;width:100%}}.sidebar__mask{display:none}@media only screen and (max-width: 48em){.sidebar__mask{display:block;position:fixed;top:0;left:0;right:0;width:100%;height:100%;background-color:#000c;transition:all .3s ease-out}.sidebar__mask--visible{opacity:1}.sidebar__mask--hidden{visibility:hidden;opacity:0}}.sidebar__container{height:100%;transition:transform .3s ease-out}@media only screen and (max-width: 48em){.sidebar__container{width:65%}}.sidebar__container--visible{transform:translate(0)}.sidebar__container--hidden{transform:translate(0);transition:none}@media only screen and (max-width: 48em){.sidebar__container--hidden{transform:translate(-100vw);transition:transform .3s ease-out}}.sidebar__content{padding:26px 26px 26px 36px;background-color:var(--sidebar-color);height:var(--vh);position:sticky;top:0;display:flex;flex-direction:column}@media only screen and (max-width: 62em){.sidebar__content{padding:26px 0}}@media only screen and (max-width: 48em){.sidebar__content{padding:26px}}.sidebar__logo-box{padding-left:10px;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 62em){.sidebar__logo-box{padding-left:0;justify-content:center}}@media only screen and (max-width: 48em){.sidebar__logo-box{padding-left:10px;display:flex;justify-content:space-between}}.sidebar__logo{height:25px;max-width:110px;cursor:pointer}.sidebar__logo svg{stroke:var(--base-gray-900)}.sidebar__logo svg:first-child{height:27px;width:45px;fill:var(--base-gray-900)}@media only screen and (max-width: 62em){.sidebar__logo{display:none}}@media only screen and (max-width: 48em){.sidebar__logo{display:block}}.sidebar__logo--sm{display:none;cursor:pointer}.sidebar__logo--sm svg{width:40px;height:40px;fill:var(--base-gray-900);stroke:var(--base-gray-900)}@media only screen and (max-width: 62em){.sidebar__logo--sm{display:block;margin:auto}}@media only screen and (max-width: 48em){.sidebar__logo--sm{display:none}}.sidebar__nav-list{display:flex;flex-direction:column;margin-bottom:20px;overflow-y:auto;flex:1 1 calc(var(--vh) - 50px - 40px - 40px)}@media only screen and (max-width: 62em){.sidebar__nav-list{align-items:center}}@media only screen and (max-width: 48em){.sidebar__nav-list{align-items:unset}}.sidebar__nav-list .ant-divider{border-top-color:var(--divider-color)}.sidebar__footer__logo{margin-bottom:12px;height:18px;width:85px;cursor:pointer}.sidebar__footer__logo svg{stroke:var(--base-gray-900)}.sidebar__footer__logo svg:first-child{fill:var(--base-gray-900);max-width:25px;max-height:18px}.sidebar__footer__logo svg:nth-child(2){max-width:55px}@media only screen and (max-width: 62em){.sidebar__footer__logo{display:none}}@media only screen and (max-width: 48em){.sidebar__footer__logo{display:block}}@media only screen and (max-width: 62em){.sidebar__footer__tutorial{display:none}}@media only screen and (max-width: 48em){.sidebar__footer__tutorial{display:block}}.sidebar__footer__tutorial span{color:var(--base-gray-600);display:inline-block;margin-right:5px}.sidebar__footer__tutorial__link{color:var(--base-gray-600)!important;text-decoration:underline!important}.sidebar__footer__tutorial__link:hover,.sidebar__footer__tutorial__link:active{text-decoration:underline!important;color:var(--base-gray-500)!important}.sidebar__footer__info{display:none}@media only screen and (max-width: 62em){.sidebar__footer__info{display:block;font-size:20px;color:var(--base-gray-600);text-align:center}}@media only screen and (max-width: 48em){.sidebar__footer__info{display:none}}.sidebar__nav__content{display:flex;align-items:center;padding-left:16px;width:100%;height:44px;font-size:16px;border-radius:22px}.sidebar__nav__content--sm{font-size:14px}@media only screen and (max-width: 62em){.sidebar__nav__content{display:none}}@media only screen and (max-width: 48em){.sidebar__nav__content{display:flex}}.sidebar__nav__content--active{font-weight:600;color:var(--text-color);background-color:var(--base-tertiary)}.sidebar__nav__content--icon{display:none;align-items:center;justify-content:center;width:50px;height:50px;font-size:20px;border-radius:500px;transition:.2s all ease-out}@media only screen and (max-width: 62em){.sidebar__nav__content--icon{display:flex}}@media only screen and (max-width: 48em){.sidebar__nav__content--icon{display:none}}.sidebar__user-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.2s all ease-out}.sidebar__user-nav__content{font-size:12px}.sidebar__user-nav__content--active{font-weight:700}.sidebar__user-nav__content--active .anticon{fill:#00f}.sidebar__user-nav__content--icon{font-size:22px}.sidebar__header{margin-top:40px}.sidebar__header__default{display:flex;flex-direction:column;padding:8px 16px;cursor:pointer;background-color:var(--base-gray-900);border-radius:6px}@media only screen and (max-width: 62em){.sidebar__header__default{display:none}}@media only screen and (max-width: 48em){.sidebar__header__default{display:flex}}.sidebar__header__default--sm{display:none;justify-content:center;align-items:center;cursor:pointer}@media only screen and (max-width: 62em){.sidebar__header__default--sm{display:flex}}@media only screen and (max-width: 48em){.sidebar__header__default--sm{display:none}}.sidebar__header__default__text{color:var(--base-gray-000);font-weight:600;font-size:16px}@media only screen and (max-width: 62em){.sidebar__header__default__text{display:none}}@media only screen and (max-width: 48em){.sidebar__header__default__text{display:inline}}.sidebar__header__default__links{font-size:13px}.sidebar__header__default__links *{display:inline-block;margin-right:10px}.sidebar__header__default__description{font-size:12px;color:var(--base-gray-300);font-weight:300}.sidebar__header__account{display:flex}@media only screen and (max-width: 62em){.sidebar__header__account{display:none}}@media only screen and (max-width: 48em){.sidebar__header__account{display:flex}}.sidebar__header__account--sm{display:none}@media only screen and (max-width: 62em){.sidebar__header__account--sm{display:flex;justify-content:center}}@media only screen and (max-width: 48em){.sidebar__header__account--sm{display:none}}.sidebar__header__account__avatar{margin:0 16px 0 10px}.sidebar__header__account__avatar--sm{margin:0}.sidebar__header__account__user{display:flex;flex:1;justify-content:center}.sidebar__header__account__detail{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--text-color)}.sidebar__header__account__detail span{font-size:14px;font-weight:600}.sidebar__header__account__detail a{font-size:13px}.sidebar__header__account__notification{margin-right:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.sidebar__header__account__notification .anticon{font-size:18px;color:var(--text-color)}@media only screen and (max-width: 62em){.sidebar__header__account__notification{display:none}}@media only screen and (max-width: 48em){.sidebar__header__account__notification{display:flex}}.sidebar__header__navs{width:100%;display:flex;justify-content:space-between;padding:0 10px;margin:18px 0 10px}@media only screen and (max-width: 62em){.sidebar__header__navs{display:none}}@media only screen and (max-width: 48em){.sidebar__header__navs{display:flex}}