.sidebar::before,.sidebar__activity-btn::before,.sidebar__vip-block::before{padding:1px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}#sidebar{display:flex}.sidebar{overflow-y:auto;z-index:1000;flex-direction:column;border-radius:11px;position:fixed;width:361px;box-shadow:3px 4px 8px 0 #161213;display:flex;transition:right .3s;right:-100%;overflow-x:hidden;max-height:100svh;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(180deg,#382e30 0,#433739 100%);top:0}.sidebar__activities-col{gap:3px;width:100%;display:flex;position:relative;flex-direction:column}.sidebar__activities-row .sidebar__activity-label{color:#fffFFFA3}.sidebar__activities-row--large .sidebar__activity-label{text-align:left}.sidebar__activities-row--large .sidebar__activity-btn{border-radius:9px;overflow:hidden;height:98px}.sidebar__activities-row--small .sidebar__activity-btn{height:82px;overflow:hidden;border-radius:7px}.sidebar__vip-header::after,.sidebar__vip-item::after{pointer-events:none;right:0;background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);bottom:0;position:absolute;content:'';left:0;height:1px}.sidebar::before{content:'';position:absolute;-webkit-mask-composite:xor;border-radius:11px;background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);mask-composite:exclude;pointer-events:none}.sidebar.is-open{right:0}.sidebar::-webkit-scrollbar{width:0;display:none}.sidebar__header{align-items:center;gap:8px;display:flex;padding:24px 24px 16px}.sidebar__title{font-weight:500;color:#fff;margin:0;flex:1;line-height:1.33;letter-spacing:-.5%;font-size:26px}.sidebar__close{cursor:pointer;border-radius:8px;display:flex;border:1px solid transparent;justify-content:center;align-items:center;padding:6px;transition:opacity .3s;background:0 0}.sidebar__close:hover{opacity:.7}.sidebar__close-icon,.sidebar__vip-icon{width:19px;height:19px}.sidebar__content{gap:23px;flex-direction:column;display:flex;padding:0 16px 16px}.sidebar__vip-block{background:linear-gradient(180deg,#4f4043 0,#5a494c 100%);flex-direction:column;display:flex;position:relative;border-radius:11px}.sidebar__vip-block::before{-webkit-mask-composite:xor;content:'';position:absolute;border-radius:12px;pointer-events:none;background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);mask-composite:exclude}.sidebar__vip-header{position:relative;align-items:center;padding:16px;gap:10px;display:flex}.sidebar__vip-title{font-weight:600;font-size:17px;flex:1;margin:0;line-height:1.25;color:#fff;height:20px}.sidebar__vip-item{padding:12px;gap:5px;align-items:center;display:flex;position:relative}.sidebar__vip-item:last-child::after{display:none}.sidebar__vip-image{object-fit:cover;flex-shrink:0;height:40px;width:43px}.sidebar__vip-content{display:flex;gap:10px;flex:1;padding-right:6px;flex-direction:column}.sidebar__vip-text{display:flex;gap:2px;flex-direction:column}.sidebar__vip-name{margin:0;color:#fff;line-height:1.43;font-size:13px;font-weight:600}.sidebar__vip-description{margin:0;font-size:11px;line-height:1.33;color:rgba(255,255,255,.64);font-weight:500}.sidebar__vip-progress{position:relative;height:3px;width:100%}.sidebar__vip-progress-bg{border-top:1px solid rgba(255,255,255,.1);width:100%;height:0;top:1.5px;left:0;position:absolute}.sidebar__vip-progress-bar{top:0;background:linear-gradient(11deg,#fff 0,#fff 99%,rgba(255,255,255,0) 100%);transition:width .3s,box-shadow .3s;box-shadow:1.72px -.82px 5.31px 0 rgba(255,255,255,.24),7.56px -3.63px 10.99px 0 rgba(255,255,255,.39),18.56px -8.9px 21.92px 0 rgba(255,255,255,.5),35.75px -17.15px 42.96px 0 rgba(255,255,255,.6),60.15px -28.86px 78.99px 0 rgba(255,255,255,.75),92.8px -44.52px 134.87px 0 rgba(255,255,255,.99);position:absolute;height:3px;left:0}.sidebar__vip-progress-point{border-radius:50%;height:6px;width:6px;position:absolute;transition:left .3s;left:calc(var(--progress,0%) - 4px);top:-2.5px;background:#fff}.sidebar__activity-btn,.sidebar__other-item{transition:background .3s;display:flex;text-decoration:none;cursor:pointer}.sidebar__vip-item:hover .sidebar__vip-progress-bar{box-shadow:1.72px -.82px 5.31px 0 rgba(255,255,255,.3),7.56px -3.63px 10.99px 0 rgba(255,255,255,.45),18.56px -8.9px 21.92px 0 rgba(255,255,255,.6),35.75px -17.15px 42.96px 0 rgba(255,255,255,.7),60.15px -28.86px 78.99px 0 rgba(255,255,255,.85),92.8px -44.52px 134.87px 0 #fff}.sidebar__section{gap:8px;display:flex;flex-direction:column}.sidebar__section-title{font-weight:600;line-height:1.25;margin:0;font-size:15px;color:#fff}.sidebar__activities{flex-direction:column;display:flex;gap:13px}.sidebar__activities-row{display:flex;gap:11px}.sidebar__activities-row--small{gap:8px}.sidebar__activity-btn{flex-direction:column;background:linear-gradient(180deg,#4f4043 0,#5a494c 100%);padding:11px 8px;position:relative;gap:6px;border-radius:13px;align-items:center}.sidebar__activity-btn::before{background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);content:'';pointer-events:none;position:absolute;border-radius:13px;mask-composite:exclude;-webkit-mask-composite:xor}.sidebar__activity-btn:hover{background:linear-gradient(180deg,#5a494c 0,#645356 100%)}.sidebar__activity-icon{transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.sidebar__activity-label{color:#fff;line-height:1.43;font-size:13px;margin:0;text-align:center;font-weight:600}.sidebar__activity-btn--small .sidebar__activity-label{font-size:13px;line-height:1.33}.sidebar__activity-counter{height:21px;top:0;min-width:22px;font-size:11px;align-items:center;right:0;color:#fff;display:flex;padding:0 6px;border-radius:2px;justify-content:center;line-height:1;font-weight:700;background:linear-gradient(135deg,#f75274 0,#d53692 100%);position:absolute}.sidebar__other-list{flex-direction:column;display:flex;gap:0}.sidebar__other-item{border-radius:12px;border:none;background:0 0;justify-content:stretch;padding:0 8px;align-items:stretch}.sidebar__other-item:hover{background:rgba(255,255,255,.08)}.sidebar__other-link{width:100%;justify-content:center;height:46px;display:flex;text-decoration:none;color:inherit;align-items:center;gap:2px}.sidebar__other-content{flex:1;padding:0 4px;align-items:center;display:flex;gap:8px;justify-content:space-between}.sidebar__other-text{font-size:16px;text-align:center;line-height:1.25;color:#fff;margin:0;font-weight:600}.sidebar__other-icon{height:24px;flex-shrink:0;width:22px}.sidebar__apps{display:flex;gap:13px}.sidebar__apps .app-btn{flex:1}.sidebar-overlay{visibility:hidden;height:100svh;opacity:0;background:rgba(0,0,0,.5);z-index:999;transition:opacity .3s,visibility .3s;top:0;position:fixed;width:100%;left:0}.sidebar-overlay.is-active{opacity:1;visibility:visible}@media (max-width:601px){.sidebar{left:auto;right:-100%;border-radius:0;height:100svh;width:100svw;max-height:100svh}.sidebar::before{display:none}.sidebar.is-open{right:0}.sidebar__header{padding:18px 16px 12px}.sidebar__title{font-size:18px}.sidebar__content{padding:0 12px 12px}.sidebar__apps{flex-direction:column}.sidebar__apps .app-btn{width:100%}}