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