:export{pageHeaderHeight:56px;dialogHeaderHeight:56px;accentChatBooster300:#df005d;accentChatBooster200:#8314c8;accentChatBooster100:#1254b1;accentChatBooster50:#07b6dc;accentChatBooster20:#06b22b;accentChatBooster10:#4d4d4d}.live-booster-drawer{background-color:#191919;border-radius:12px 12px 0 0;color:#fff;font-style:normal;font-weight:500;height:calc(var(--vh, 1vh)*100 - 30%);line-height:normal;padding:26px 15px 16px 16px;width:100%}.live-booster-drawer .header{align-items:center;color:#fff;display:flex;flex-direction:row;height:auto;justify-content:space-between;margin-bottom:16px}.live-booster-drawer .header .title{display:flex;font-size:18px;font-weight:700;letter-spacing:-.5px}.live-booster-drawer .header .title .seller-name{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-booster-drawer .header .title .total{color:#999;font-size:16px;font-weight:400;letter-spacing:-.4px;margin-left:5px}.live-booster-drawer .header .close-btn{cursor:pointer;margin-bottom:auto;margin-top:auto}.live-booster-drawer .content{display:flex;flex-direction:column;overflow-y:auto}@supports(scrollbar-width:none){.live-booster-drawer .content{scrollbar-width:none}}@supports selector(::-webkit-scrollbar){.live-booster-drawer .content::-webkit-scrollbar{display:none}}.live-booster-drawer .content .ranking-list{align-items:center;display:flex;flex-direction:row;gap:8px;min-height:87px;padding:13px 0 18px}.live-booster-drawer .content .ranking-list .ranking-item{background:#282828;border-radius:33px;cursor:pointer;display:flex;flex-direction:row;gap:8px;padding:8px;position:relative;width:138px}.live-booster-drawer .content .ranking-list .ranking-item--skeleton{border-radius:33px;height:56px;width:138px}.live-booster-drawer .content .ranking-list .ranking-item .ranking-badge{height:28px;left:-2px;position:absolute;top:-8px;width:28px;z-index:1}.live-booster-drawer .content .ranking-list .ranking-item .ranking-content{display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:3px;justify-content:center;overflow:hidden}.live-booster-drawer .content .ranking-list .ranking-item .ranking-content .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-booster-drawer .content .ranking-list .ranking-item .ranking-content .total-booster-wrapper{align-items:center;display:flex;flex-direction:row}.live-booster-drawer .content .ranking-list .ranking-item .ranking-content .total-booster-wrapper .total-booster{color:#c2c2c2;font-size:12px;font-weight:400;letter-spacing:-.3px;margin-left:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-booster-drawer .content .ranking-list .more-botton{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:50%;display:flex;height:56px;justify-content:center;margin-left:8px;margin-right:40px;min-width:0;min-width:auto;width:56px}.live-booster-drawer .content .ranking-list .more-botton:hover{background-color:hsla(0,0%,100%,.1)}.live-booster-drawer .content .booster-list{padding-bottom:20px}.live-booster-drawer .content .booster-list .booster-item{display:flex;flex-direction:row;gap:10px;padding:20px 0 20px 2px}.live-booster-drawer .content .booster-list .booster-item .booster-image{height:40px;width:40px}.live-booster-drawer .content .booster-list .booster-item .booster-image--skeleton{border-radius:8px;flex-shrink:0;height:40px;min-height:40px;min-width:40px;-o-object-fit:cover;object-fit:cover;width:40px}.live-booster-drawer .content .booster-list .booster-item .booster-content .username{display:flex;font-size:14px;font-weight:700;margin-bottom:5px}.live-booster-drawer .content .booster-list .booster-item .booster-content .username .length-limit{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-booster-drawer .content .booster-list .booster-item .booster-content .username--skeleton{border-radius:8px;height:14px;margin-bottom:10px;width:200px}.live-booster-drawer .content .booster-list .booster-item .booster-content .username--suffix{font-weight:500}.live-booster-drawer .content .booster-list .booster-item .booster-content .subcontent{align-items:center;display:flex;flex-direction:row;gap:5px}.live-booster-drawer .content .booster-list .booster-item .booster-content .subcontent--skeleton{border-radius:8px;height:14px;width:150px}.live-booster-drawer .content .booster-list .booster-item .booster-content .subcontent .time{color:#999;font-size:14px;font-weight:400}.live-booster-drawer .content .booster-list .booster-item .booster-content .message{color:#c2c2c2;font-size:15px;margin-top:15px;text-shadow:0 .8px .8px rgba(0,0,0,.2)}