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