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