@keyframes PwaNotification-module-scss-module__ISeE5q__slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.PwaNotification-module-scss-module__ISeE5q__container{z-index:9999;color:#313037;cursor:pointer;background-color:#fff;border-radius:16px;justify-content:space-between;align-items:center;width:calc(100% - 30px);min-height:66px;margin:0 15px;padding:8px;animation:.5s forwards PwaNotification-module-scss-module__ISeE5q__slide-down;display:flex;position:fixed;top:5px;box-shadow:0 0 10px #00000040}@media (min-width:1024px){.PwaNotification-module-scss-module__ISeE5q__container{min-width:700px;max-width:768px}}.PwaNotification-module-scss-module__ISeE5q__wrapperAvatar{text-align:center;justify-content:center;align-items:center;margin-right:8px;display:flex}.PwaNotification-module-scss-module__ISeE5q__avatar{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative;overflow:hidden}.PwaNotification-module-scss-module__ISeE5q__message{text-align:left;width:100%;font-size:13px;font-weight:700}.PwaNotification-module-scss-module__ISeE5q__arrow{text-align:center;justify-content:center;align-items:center;display:flex}.PwaNotification-module-scss-module__ISeE5q__avatarImage{object-fit:cover;width:100%;height:100%}
.modal-ranking__content{max-height:calc(100dvh - 168px);padding:0;overflow-y:auto}.modal-ranking .sub-header{background:0 0;top:0;left:0;transform:none;position:relative!important}.modal-ranking .sub-header__list{box-shadow:none;background:0 0;border-radius:8px;margin:0;padding:0;list-style:none;display:flex}.modal-ranking .sub-header__list.three .sub-header__item{color:#a196a4;flex:1;font-size:13px;font-weight:600;position:relative}.modal-ranking .sub-header__list.three .sub-header__item:before{content:"";background:linear-gradient(359deg,#7700ed,#ec018c);width:0;height:2px;transition:width .2s ease-in-out;position:absolute;bottom:0;left:0}.modal-ranking .sub-header__list.three .sub-header__item.is_active:before{width:100%}.modal-ranking .sub-header__list.three .is_active{color:#313037}.modal-ranking .sub-header__item{text-align:center;cursor:pointer;color:#666;background:0 0;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .2s}.modal-ranking .loading-spinner{text-align:center;color:#666;padding:40px 20px;font-size:14px}.modal-ranking .top-ranking{justify-content:center;align-items:flex-end;min-height:366px;padding:20px;display:flex;position:relative}.modal-ranking .top-ranking__background{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.modal-ranking .top-ranking .ranking-info{flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.modal-ranking .top-ranking .ranking-info .user-region,.modal-ranking .top-ranking .ranking-info .user-age{color:#d2ccd8;padding-left:4px;font-weight:400}.modal-ranking .top-ranking .ranking-top{color:#fff;cursor:pointer;flex-direction:column;align-items:center;margin:0 10px;display:flex;position:relative}.modal-ranking .top-ranking .ranking-top .ranking-top-container{position:relative}.modal-ranking .top-ranking .ranking-top .container-rank{z-index:15;width:30px;position:absolute;top:-20px}.modal-ranking .top-ranking .ranking-top .rank-icon{width:30px;height:auto}.modal-ranking .top-ranking .ranking-top .rank-badge{z-index:15;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-18px;right:-10px}.modal-ranking .top-ranking .ranking-top .rank-1{background:linear-gradient(#fc0 0%,#e59c00 100%)}.modal-ranking .top-ranking .ranking-top .rank-2{background:linear-gradient(#cfd8dc 0%,#90a4ae 100%)}.modal-ranking .top-ranking .ranking-top .rank-3{background:linear-gradient(#ff8a65 0%,#d84315 100%)}.modal-ranking .top-ranking .ranking-top.top-rank-1{order:2;position:absolute;top:16px}.modal-ranking .top-ranking .ranking-top.top-rank-1 .container-rank{right:2px}.modal-ranking .top-ranking .ranking-top.top-rank-2{flex:1;order:1}.modal-ranking .top-ranking .ranking-top.top-rank-2 .container-rank{right:-12px}.modal-ranking .top-ranking .ranking-top.top-rank-3{flex:1;order:3;top:auto}.modal-ranking .top-ranking .ranking-top.top-rank-3 .container-rank{right:-12px}.modal-ranking .top-ranking .ranking-top .user-pic{z-index:1;width:100%;height:100%;position:relative}.modal-ranking .top-ranking .ranking-top .user-pic.waiting{border-radius:inherit;width:calc(100% - 8px);height:calc(100% - 8px);margin:4px}.modal-ranking .list-ranking{background-color:#000634;flex-direction:column;margin-top:-1px;padding:16px;display:flex}.modal-ranking .ranking-divider{width:100%;height:16px}.modal-ranking .ranking-item{cursor:pointer;border-radius:16px;align-items:center;height:107px;padding:12px 0;display:flex;background:linear-gradient(90deg,#ffffffb3 0%,#fffffff2 100%)!important}.modal-ranking .ranking-item .ranking-number{text-align:center;color:#313037;justify-content:center;align-items:center;width:62px;height:100%;font-size:7px;font-weight:800;display:flex;position:relative}.modal-ranking .ranking-item .ranking-number .rank-icon-wrapper{justify-content:center;align-items:center;width:30px;display:flex}.modal-ranking .ranking-item .ranking-number .rank-icon{width:30px;height:auto}.modal-ranking .ranking-item .ranking-number strong{font-size:20px}.modal-ranking .ranking-item .ranking-number .ranking-text-number{margin-top:10px;margin-left:2px}.modal-ranking .ranking-item .ranking-number .container-rank{justify-content:center;align-items:center;width:30px;height:auto;line-height:0;display:flex;right:0;position:relative!important}.modal-ranking .ranking-item .user-img-wrapper,.modal-ranking .ranking-item .user-img{position:relative}.modal-ranking .ranking-item .user-img,.modal-ranking .ranking-item .img-avatar{width:91px;height:91px;border-radius:25%!important}.modal-ranking .ranking-item .user-img img,.modal-ranking .ranking-item .user-img>*,.modal-ranking .ranking-item .img-avatar img,.modal-ranking .ranking-item .img-avatar>*{z-index:1;position:relative;border-radius:25%!important}.modal-ranking .ranking-item .user-info{flex:1;margin-left:16px;font-size:12px}.modal-ranking .ranking-item .user-info .user-region,.modal-ranking .ranking-item .user-info .user-age{color:#a196a4;padding-left:4px;font-weight:400}.modal-ranking .ranking-item .user-info .info{color:#313037;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}