.sponsorship-page-content{background-color:#222327;flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.sponsorship-page-content>h1{color:#fff;justify-content:center;align-items:center;gap:4px;padding-block:12px 10px;font-size:20px;font-weight:700;line-height:135%;display:flex}.sponsorship-page-content>h1.webview{padding-top:24px}.sponsorship-page-content>h1>img{width:24px;height:24px}.sponsorship-page-content>.content{overflow:auto}@supports (scrollbar-width:none){.sponsorship-page-content>.content{scrollbar-width:none}}@supports selector(::-webkit-scrollbar){.sponsorship-page-content>.content::-webkit-scrollbar{display:none}}.sponsorship-page-content>.content>.gripper-info{align-items:center;gap:10px;padding-inline:18px;display:flex}.sponsorship-page-content>.content>.gripper-info>.info{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.sponsorship-page-content>.content>.gripper-info>.info>span{color:#fff;font-size:14px;font-weight:400;line-height:135%}.sponsorship-page-content>.content>.gripper-info>.info>button{color:#fff;font-size:16px;font-weight:400}.sponsorship-page-content>.content>.gripper-info>.info>button.no-rank{color:#aeaeb2}.sponsorship-page-content>.content>.gripper-info>.info>button>svg{color:#9a9a9e;width:16px;height:16px}.sponsorship-page-content>.content>.progress{margin-inline:18px;background-color:#17181a;border-radius:8px;align-items:center;gap:14px;margin-top:20px;padding:16px 24px 16px 18px;display:flex}.sponsorship-page-content>.content>.progress>img{width:44px;height:44px}.sponsorship-page-content>.content>.progress>.info{flex-direction:column;flex-grow:1;display:flex}.sponsorship-page-content>.content>.progress>.info>span{color:#dfe0e6;font-size:15px;font-weight:600}.sponsorship-page-content>.content>.progress>.info>.bar{background-color:#313137;height:4px;margin-top:10px}.sponsorship-page-content>.content>.progress>.info>.bar>div{background-color:#eb2b51}.sponsorship-page-content>.content>.progress>.info>.label{justify-content:space-between;margin-top:5px;font-size:14px;display:flex}.sponsorship-page-content>.content>.progress>.info>.label>span:first-of-type{color:#eb2b51;font-weight:600}.sponsorship-page-content>.content>.progress>.info>.label>span:last-of-type{color:#9a9a9e;font-weight:500}.sponsorship-page-content>.content>.empty{color:#5d5e66;justify-content:center;padding-block:30px 50px;font-size:16px;font-weight:400;line-height:135%;display:flex}.sponsorship-page-content>.content>.giver-list{margin-top:24px;padding:0 18px 18px}.sponsorship-page-content>.content>.giver-list>span{color:#fff;font-size:16px;font-weight:500}.sponsorship-page-content>.content>.giver-list>.list{background-color:#313137;border-radius:8px;flex-direction:column;gap:18px;margin-top:12px;padding:16px 20px 16px 18px;display:flex}.sponsorship-page-content>.content>.giver-list>.list>.item{align-items:center;display:flex}.sponsorship-page-content>.content>.giver-list>.list>.item>img{width:23px;height:30px;margin-right:6px}.sponsorship-page-content>.content>.giver-list>.list>.item>.rank{color:#fff;font-variant-numeric:tabular-nums;text-align:center;min-width:23px;margin-right:6px;font-size:16px;font-weight:600}.sponsorship-page-content>.content>.giver-list>.list>.item>.name{color:#fff;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;margin-left:10px;font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden}.sponsorship-page-content>.content>.giver-list>.list>.item>.amount{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:flex}.sponsorship-page-content>.content>.giver-list>.list>.item>.amount>img{width:16px;height:16px}.sponsorship-page-content>.content>.giver-list>.list>.item>.amount>span{color:#fff;font-size:15px;font-weight:600}.sponsorship-page-content>.my-rank{padding:18px;padding-bottom:calc(18px + var(--safe-area-inset-bottom,0px));background-color:#222327;border-top:1px solid #313137;align-items:center;width:100%;margin-top:auto;display:flex;position:sticky;bottom:0}.sponsorship-page-content>.my-rank>.info{flex-direction:column;gap:4px;padding-inline:6px 8px;display:flex}.sponsorship-page-content>.my-rank>.info>span.no-rank{color:#aeaeb2}.sponsorship-page-content>.my-rank>.info>span:first-of-type{color:#dfe0e6;font-size:13px;font-weight:400}.sponsorship-page-content>.my-rank>.info>span:last-of-type{color:#fff;font-size:16px;font-weight:600}.sponsorship-page-content>.my-rank>button{color:#fff;background-color:#eb2b51;border-radius:8px;gap:6px;height:50px;margin-left:auto;padding-inline:24px;font-size:16px;font-weight:600;line-height:135%}