.widgets-user-compensation{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--Background-gray-bg-black-alpha-50, rgba(0, 0, 0, .5));z-index:900;display:flex;align-items:center;justify-content:center}.widgets-user-compensation__content{overflow:hidden;position:relative;display:flex;width:700px;height:430px;border-radius:24px;background:var(--Background-systemPopup, #fff);box-shadow:0 16px 32px -8px rgba(0,0,0,.12)}.widgets-user-compensation__close{position:absolute;top:24px;right:24px;cursor:pointer;z-index:10;transition:transform .3s ease;transform-origin:center}.widgets-user-compensation__close:hover{transform:rotate(90deg)}.widgets-user-compensation__skeleton{height:25px;background:linear-gradient(90deg,var(--background-system-main-background-default) 25%,var(--background-system-main-background-default) 100%,var(--background-system-main-background-default) 63%)!important;animation:user-compensation-modal-skeleton-loading 1.5s ease infinite}.widgets-user-compensation__left{width:280px;background-color:#16181c}.widgets-user-compensation__left img{width:100%}.widgets-user-compensation__right{flex:1;display:flex;flex-direction:column;padding:24px;position:relative}.widgets-user-compensation__right-icon{width:40px;height:40px;flex-shrink:0}.widgets-user-compensation__right-title{color:var(--Content-systemPrimary, #16171a);font-family:Montserrat;font-size:24px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:16px;transition:all .3s ease}.widgets-user-compensation__right-title .widgets-user-compensation__skeleton{width:80%;height:30px;margin-bottom:10px}.widgets-user-compensation__right-desc{color:var(--Content-systemSecondary, #5e616b);font-size:14px;font-style:normal;font-weight:400;line-height:20px;white-space:pre-line}.widgets-user-compensation__right-desc p{margin-bottom:12px}.widgets-user-compensation__right-desc p span{color:var(--content-collection)}.widgets-user-compensation__right-desc p a{color:var(--content-system-link, #3389ff);text-decoration-line:underline}.widgets-user-compensation__right-btn{position:absolute;bottom:24px;left:0;right:0;display:flex;height:40px;padding:8px 12px;margin:16px 24px 0;justify-content:center;align-items:center;border-radius:var(--Radius-rounded-lg, 8px);background:var(--Background-btnPrimary, #16171a);transition:all .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.04);color:var(--Content-btnPrimary, #fff);font-size:16px;font-style:normal;font-weight:600;line-height:24px;cursor:pointer}.widgets-user-compensation.mobile{padding:64px 24px}.widgets-user-compensation.mobile .widgets-user-compensation__content{flex-direction:column;width:100%;height:-moz-max-content;height:max-content;max-height:calc(100vh - 128px)}.widgets-user-compensation.mobile .widgets-user-compensation__left{width:initial}.widgets-user-compensation.mobile .widgets-user-compensation__left img{width:100%;height:100%}.widgets-user-compensation.mobile .widgets-user-compensation__right-mask{position:absolute;left:0;right:0;bottom:0;height:66px;background-color:#fff;z-index:1}.widgets-user-compensation.mobile .widgets-user-compensation__right-btn{z-index:3}.widgets-user-compensation.mobile .widgets-user-compensation__close{color:#fff}.widgets-user-compensation.mobile .widgets-user-compensation__right{padding-bottom:66px;overflow-y:scroll;position:initial}.widgets-user-compensation.mobile .widgets-user-compensation__right-title{font-size:18px}@keyframes user-compensation-modal-skeleton-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}