.mobile-navbar{box-shadow:0 0 8px #0000001f;display:none;inset-inline-start:0;position:fixed;top:0;transition:all .3s;width:100%;z-index:100}.mobile-navbar .navbar-brand .is-brand img{height:32px!important;max-height:32px!important;position:relative}.mobile-navbar .navbar-brand .navbar-burger,.mobile-navbar .navbar-brand .navbar-burger.is-active,.mobile-navbar .navbar-brand .navbar-burger:hover{background:transparent!important}.mobile-navbar .navbar-brand .user-dropdown{height:32px;margin-inline-start:auto;width:32px}.mobile-navbar .navbar-brand .user-dropdown.is-active svg{color:var(--muted-grey)}.mobile-navbar .navbar-brand .user-dropdown .is-trigger{align-items:center;cursor:pointer;display:flex;justify-content:flex-end}.mobile-navbar .navbar-brand .user-dropdown .is-trigger .profile-avatar{min-height:32px;min-width:32px;position:relative}.mobile-navbar .navbar-brand .user-dropdown .is-trigger .profile-avatar .avatar{border-radius:var(--radius-rounded);display:block;height:32px;min-height:32px;min-width:32px;width:32px}.mobile-navbar .navbar-brand .user-dropdown .is-trigger .profile-avatar .badge{border:2px solid var(--white);border-radius:var(--radius-rounded);bottom:-2px;height:18px;inset-inline-end:-6px;max-height:18px;min-width:18px;position:absolute;top:unset!important;width:18px}.mobile-navbar .navbar-brand .user-dropdown .is-trigger svg{color:var(--dark-sidebar);height:22px;margin-inline-start:3px;transition:all .3s;width:22px}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu{inset-inline-end:-12px;margin-top:20px}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content{overflow:hidden;padding-top:0}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head{align-items:center;background:#fafafa;display:flex;margin-bottom:12px;padding:20px 16px}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta{font-family:var(--font);margin-inline-start:12px}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span{display:block}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:first-child{color:var(--dark-text);font-size:1.1rem;font-weight:500;line-height:1.2}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head .meta span:nth-child(2){color:var(--light-text);font-size:.7rem;text-transform:uppercase}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .logout-button svg{color:var(--smoke-white)!important}.mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-item{font-size:.9rem}.mobile-navbar .navbar-item.has-icon{border-bottom:1px solid var(--fade-grey);padding:.75rem!important}.mobile-navbar .navbar-item.has-icon:last-child{border-bottom:none!important}.mobile-navbar .navbar-item.has-icon svg{color:var(--primary)}.mobile-navbar .navbar-item.has-icon .sidebar-icon .path{fill:var(--primary)}.mobile-navbar .navbar-item.is-sidebar-toggler svg{color:var(--muted-grey)!important}.mobile-navbar .navbar-item.is-flex{align-items:center;display:flex;justify-content:space-between}.mobile-navbar .navbar-item.is-flex span{display:block}.mobile-navbar .navbar-item.is-flex span.menu-badge{align-items:center;border:1px solid var(--primary);border-radius:var(--radius-rounded);color:var(--primary);display:flex;font-size:90%;font-weight:500;height:20px;justify-content:center;width:20px}.mobile-navbar .navbar-item.is-notification{align-items:center;border-radius:var(--radius-rounded);display:flex;height:38px;justify-content:center;margin-inline-end:12px;position:relative;transition:all .3s;width:38px}.mobile-navbar .navbar-item.is-notification .navbar-link{display:block;height:18px;padding:0;width:18px}.mobile-navbar .navbar-item.is-notification svg{color:var(--muted-grey);height:18px;transition:all .3s;width:18px}.mobile-navbar .navbar-item.is-notification .new-indicator{background:var(--danger);border-radius:var(--radius-rounded);display:block;height:8px;inset-inline-end:-9px;position:absolute;top:-9px;width:8px}.mobile-navbar .navbar-item.is-notification.is-active,.mobile-navbar .navbar-item.is-notification:hover{box-shadow:0 3px 10px 4px #00000012}.mobile-navbar .navbar-item.is-notification.is-active svg,.mobile-navbar .navbar-item.is-notification:hover svg{color:var(--primary)}.mobile-navbar .navbar-item.is-notification .navbar-dropdown{inset-inline-end:0;inset-inline-start:0;margin:0 auto;padding-bottom:15px;position:fixed;top:68px;width:96%}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .title{align-items:center;display:flex;justify-content:space-between}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .title .count,.mobile-navbar .navbar-item.is-notification .navbar-dropdown .title .view-all{color:var(--danger);font-size:.8rem;font-weight:500;text-transform:uppercase}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .heading{align-items:flex-start;border-bottom:.01rem solid var(--light-grey);display:flex;justify-content:space-between;padding:1rem}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .heading .heading-left h6{color:var(--light-text);font-size:.9rem;font-weight:500;line-height:1.1}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .heading .heading-right .notification-link{color:var(--primary);font-weight:500;margin:.4rem 0}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner{height:264px;overflow:auto;position:relative;width:100%}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list{list-style-type:none;margin:0 0 .5rem;padding:.5rem 1rem}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item{align-items:center;display:flex;padding:.65rem 0}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .img-left img{border-radius:var(--radius-rounded);display:inline-block;height:3rem;margin-inline-end:.75rem;max-height:3rem;max-width:100%;vertical-align:middle;width:3rem}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .user-content{text-align:inset-inline-start}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .user-content .user-info{color:var(--dark-text);margin:.15rem 0 0}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .user-content .user-info span{font-weight:500}.mobile-navbar .navbar-item.is-notification .navbar-dropdown .inner .notification-list .notification-item .user-content .time{color:var(--light-text);margin:0}.mobile-navbar .navbar-burger{margin-inline-start:0!important}.mobile-navbar .navbar-burger:focus,.mobile-navbar .navbar-burger:hover{background-color:#00000005}.mobile-navbar .navbar-burger span{background-color:var(--muted-grey)}.is-dark .mobile-navbar{background:var(--dark-sidebar)}.is-dark .mobile-navbar .navbar-menu.is-active{background:var(--dark-sidebar-light-3)}.is-dark .mobile-navbar .navbar-menu.is-active .navbar-link .is-heading{color:var(--primary-grey-light-10)}.is-dark .mobile-navbar .navbar-menu.is-active .navbar-link svg{color:var(--primary)}.is-dark .mobile-navbar .navbar-menu.is-active .navbar-item.has-icon{border-bottom-color:var(--dark-sidebar-light-10)!important}.is-dark .mobile-navbar .navbar-menu.is-active .navbar-dropdown .navbar-item{color:var(--primary-grey-dark-5)!important}.is-dark .mobile-navbar .navbar-menu.is-active .is-search .control input{background:var(--dark-sidebar-light-10)!important;border-color:var(--dark-sidebar-light-10)!important;color:var(--primary-grey)}.is-dark .mobile-navbar .navbar-menu.is-active .is-search .control input:focus~span svg{color:var(--primary)}.is-dark .mobile-navbar .navbar-brand .user-dropdown .dropdown-menu .dropdown-content .dropdown-head{background:var(--dark-sidebar-light-6)}.is-dark .is-notification.is-active .navbar-link svg{color:var(--primary)!important}.is-dark .is-notification .navbar-dropdown{background:var(--dark-sidebar)!important;border-color:var(--dark-sidebar)!important}.is-dark .is-notification .navbar-dropdown .heading{border-color:var(--dark-sidebar-light-12)!important}.is-dark .is-notification .navbar-dropdown .heading .heading-right .notification-link{color:var(--primary)!important}.is-dark .is-notification .navbar-dropdown .inner .notification-list li .notification-item .user-content p{color:var(--dark-dark-text)!important}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.mobile-navbar{display:flex}}@media only screen and (width <= 767px) and (orientation:portrait){.mobile-navbar{display:none}}.mobile-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000004d;bottom:0;inset-inline-end:0;inset-inline-start:0;position:fixed;top:0;z-index:20}.mobile-main-sidebar{background:var(--white);border-inline-end:1px solid var(--fade-grey);border-top:1px solid var(--fade-grey);height:calc(100% - 60px);inset-inline-start:0;position:fixed;top:60px;transform:translate(calc(var(--transform-direction)*-100%));transition:all .3s;width:60px;z-index:100}.mobile-main-sidebar.is-active{transform:translate(calc(var(--transform-direction)*0))}.mobile-main-sidebar .inner{height:100%;position:relative;width:100%}.mobile-main-sidebar .inner .bottom-icon-side-menu li,.mobile-main-sidebar .inner .icon-side-menu li{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.mobile-main-sidebar .inner .bottom-icon-side-menu li a,.mobile-main-sidebar .inner .icon-side-menu li a{display:block;opacity:1;position:relative;transform:rotate(calc(var(--transform-direction)*0));transition:all .3s}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-active>svg,.mobile-main-sidebar .inner .bottom-icon-side-menu li a:hover>svg,.mobile-main-sidebar .inner .icon-side-menu li a.is-active>svg,.mobile-main-sidebar .inner .icon-side-menu li a:hover>svg{color:var(--primary)}.mobile-main-sidebar .inner .bottom-icon-side-menu li a>svg,.mobile-main-sidebar .inner .icon-side-menu li a>svg{color:var(--title-grey);height:20px;width:20px;stroke-width:1.6px}.mobile-main-sidebar .inner .bottom-icon-side-menu li a .sidebar-icon,.mobile-main-sidebar .inner .icon-side-menu li a .sidebar-icon{align-items:center;display:flex;height:24px;justify-content:center;transition:all .3s;width:24px}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-active svg,.mobile-main-sidebar .inner .bottom-icon-side-menu li a:hover svg,.mobile-main-sidebar .inner .icon-side-menu li a.is-active svg,.mobile-main-sidebar .inner .icon-side-menu li a:hover svg{color:var(--primary)}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-opened,.mobile-main-sidebar .inner .icon-side-menu li a.is-opened{opacity:0;transform:rotate(calc(var(--transform-direction)*1turn))}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-inactive,.mobile-main-sidebar .inner .icon-side-menu li a.is-inactive{opacity:0;transform:rotate(calc(var(--transform-direction)*-1turn))}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-selected svg,.mobile-main-sidebar .inner .bottom-icon-side-menu li.is-active a svg,.mobile-main-sidebar .inner .icon-side-menu li a.is-selected svg,.mobile-main-sidebar .inner .icon-side-menu li.is-active a svg{color:var(--primary)}.mobile-main-sidebar .inner .bottom-icon-side-menu{bottom:0;inset-inline-start:0;position:absolute}.is-dark .mobile-main-sidebar{background:var(--dark-sidebar-dark-6);border-color:var(--dark-sidebar-light-1)!important}.is-dark .mobile-main-sidebar .inner .icon-side-menu li a.is-active svg{color:var(--primary)}.mobile-subsidebar{background:var(--white);border-inline-end:1px solid var(--fade-grey);border-top:1px solid var(--fade-grey);height:calc(100% - 60px);inset-inline-start:0;position:fixed;top:60px;width:280px;z-index:99}.mobile-subsidebar .inner{height:100%;margin-inline-start:60px;position:relative;width:calc(100% - 60px)}.mobile-subsidebar .inner .sidebar-title{align-items:center;display:flex;height:60px;padding:0 20px}.mobile-subsidebar .inner .sidebar-title h3{color:var(--muted-grey);font-family:var(--font-alt);font-size:1.4rem;font-weight:500}.mobile-subsidebar.is-messaging ul{height:100%;overflow:auto}.mobile-subsidebar.is-messaging li{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);border-inline-start:2px solid transparent;cursor:pointer;display:flex;height:60px;justify-content:flex-start;position:relative}.mobile-subsidebar.is-messaging li.is-active{background:var(--primary-light-51);border-inline-start-color:var(--primary)}.mobile-subsidebar.is-messaging li.is-active:focus,.mobile-subsidebar.is-messaging li.is-active:hover{background:var(--primary-light-51)}.mobile-subsidebar.is-messaging li .recent-user{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;margin-inline-start:8px;position:relative;width:100%}.mobile-subsidebar.is-messaging li .recent-user .user-container{position:relative}.mobile-subsidebar.is-messaging li .recent-user .user-container img{border-radius:var(--radius-rounded);display:block;height:32px;width:32px}.mobile-subsidebar.is-messaging li .recent-user .user-container img.is-user{min-width:32px}.mobile-subsidebar.is-messaging li .recent-user .user-container img.is-badge{border:2px solid var(--white);border-radius:var(--radius-rounded);bottom:0;display:block;height:16px;inset-inline-end:-5px;position:absolute;width:16px}.mobile-subsidebar.is-messaging li .recent-user .recipient-meta{margin:0 15px}.mobile-subsidebar.is-messaging li .recent-user .recipient-meta span{display:block}.mobile-subsidebar.is-messaging li .recent-user .recipient-meta span:first-child{color:var(--dark-text);font-size:.9rem;font-weight:500}.mobile-subsidebar.is-messaging li .recent-user .recipient-meta span:nth-child(2){color:var(--muted-grey);font-size:.75rem}.mobile-subsidebar.is-messaging li .user-group{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;margin-inline-start:8px;position:relative;width:100%}.mobile-subsidebar.is-messaging li .user-group img{border:2px solid var(--white);border-radius:var(--radius-rounded);display:block;height:32px;width:32px}.mobile-subsidebar.is-messaging li .user-group img.is-user{min-width:32px}.mobile-subsidebar.is-messaging li .user-group img:nth-child(2),.mobile-subsidebar.is-messaging li .user-group img:nth-child(3),.mobile-subsidebar.is-messaging li .user-group img:nth-child(4){margin-inline-start:-15px}.mobile-subsidebar.is-messaging li .user-group .more-indicator{align-items:center;background:var(--primary);border:2px solid var(--white);border-radius:var(--radius-rounded);display:flex;height:36px;justify-content:center;margin-inline-start:-15px;min-width:36px;width:36px}.mobile-subsidebar.is-messaging li .user-group .more-indicator span{color:var(--white);display:block;font-size:.8rem;font-weight:600}.mobile-subsidebar.is-messaging li time{color:var(--muted-grey);display:block;font-size:.75rem;inset-inline-end:20px;position:absolute;top:2px}.mobile-subsidebar.is-messaging li .group-message{color:var(--muted-grey);font-size:.75rem;margin-top:-20px;max-width:220px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.mobile-subsidebar.is-messaging li .group-message.is-unread{color:var(--dark-text);font-weight:500}.mobile-subsidebar.is-messaging li:hover{background:#fafafa}.mobile-subsidebar.is-wallet .wallet-item{align-items:center;border-bottom:1px solid var(--fade-grey);border-inline-start:2px solid transparent;cursor:pointer;display:flex;height:80px;justify-content:flex-start;opacity:.8;padding:10px;width:100%}.mobile-subsidebar.is-wallet .wallet-item.is-active{background:var(--primary-light-51);border-inline-start-color:var(--primary);opacity:1}.mobile-subsidebar.is-wallet .wallet-item.is-active.is-eth .wallet-meta small{color:var(--primary)}.mobile-subsidebar.is-wallet .wallet-item.is-active .currency-value span{color:var(--dark-text)}.mobile-subsidebar.is-wallet .wallet-item .currency-coin{height:30px;position:relative;width:30px}.mobile-subsidebar.is-wallet .wallet-item .currency-coin .eth-coin-fill,.mobile-subsidebar.is-wallet .wallet-item .currency-coin .kodr-coin-fill{height:30px;transform:scale(1);transition:all .3s;width:30px}.mobile-subsidebar.is-wallet .wallet-item .currency-coin .eth-coin-fill .st10,.mobile-subsidebar.is-wallet .wallet-item .currency-coin .eth-coin-fill .st9,.mobile-subsidebar.is-wallet .wallet-item .currency-coin .kodr-coin-fill .st10,.mobile-subsidebar.is-wallet .wallet-item .currency-coin .kodr-coin-fill .st9{fill:var(--muted-grey)}.mobile-subsidebar.is-wallet .wallet-item .wallet-meta{margin-inline-start:10px}.mobile-subsidebar.is-wallet .wallet-item .wallet-meta span{color:var(--muted-grey);display:block;font-size:1rem}.mobile-subsidebar.is-wallet .wallet-item .wallet-meta span small{font-size:.9rem;font-weight:500;text-transform:uppercase}.mobile-subsidebar.is-wallet .wallet-item .wallet-meta .currency-value span{color:var(--muted-grey)!important;font-size:.75rem;font-weight:500}.mobile-subsidebar.is-wallet .wallet-item .button{border-radius:var(--radius);height:32px;padding:0;width:32px}.mobile-subsidebar.is-wallet .buy-wrap{padding:16px}.mobile-subsidebar.is-wallet .buy-wrap .button .kodr-coin-fill{height:24px;margin-inline-end:5px;margin-inline-start:-5px;width:24px}.mobile-subsidebar.is-wallet .buy-wrap .button .kodr-coin-fill .path{fill:var(--smoke-white)}.mobile-subsidebar.is-wallet .request-payout{width:100%}.mobile-subsidebar.is-wallet .request-payout .button{height:40px!important;padding:0 26px}.mobile-subsidebar.is-wallet .request-payout .button:focus svg,.mobile-subsidebar.is-wallet .request-payout .button:hover svg{fill:var(--white)}.mobile-subsidebar.is-wallet .request-payout .button svg{height:24px;width:24px;fill:var(--primary);margin-inline-end:5px;margin-inline-start:-12px;transition:all .3s}.is-dark .mobile-subsidebar{background:var(--dark-sidebar-light-2);border-color:var(--dark-sidebar-light-4)}.is-dark .mobile-subsidebar .submenu li.is-active a{color:var(--primary)!important}.is-dark .mobile-subsidebar .submenu li.has-children.active .collapse-wrap>a{color:var(--smoke-white)}.is-dark .mobile-subsidebar.is-messaging ul li.is-active{background:var(--dark-sidebar-dark-4);border-inline-start-color:var(--primary)!important}.is-dark .mobile-subsidebar.is-messaging ul li .recipient-meta span.is-unread,.is-dark .mobile-subsidebar.is-messaging ul li .recipient-meta span:first-child{color:var(--primary-grey)!important}.is-dark .mobile-subsidebar.is-messaging ul li .user-group img,.is-dark .mobile-subsidebar.is-messaging ul li .user-group span{border-color:var(--dark-sidebar-light-2)!important}