.content-gift-banner{background-color:#17181a4d;border-radius:100px;gap:4px;width:fit-content;height:24px;margin-top:6px;margin-left:16px;padding-inline:8px;position:relative;overflow:hidden}.content-gift-banner>.count{color:#bebfc2;text-shadow:0 0 4px #0000001a;font-size:12px;font-weight:600}.content-gift-banner>.count>mark{color:#fff}.content-gift-banner>.progress{z-index:-1;background-color:#eb2b5180;width:100%;height:100%;transition-property:transform;transition-duration:.3s;position:absolute;top:0;left:0}
.content-detail-drawer-overlay{background:linear-gradient(#0000,#000 66.45%)}.content-detail-drawer{background-color:#0000;border-top:1px solid #ffffff1a;max-height:500px;padding:24px 20px}.content-detail-drawer .close-icon{background-color:#00000080;border-radius:32px;width:32px;height:32px;padding:4px;position:absolute;bottom:100%;right:0;transform:translate(-16px,-16px)}.content-detail-drawer .header{justify-content:space-between;align-items:center;display:flex}.content-detail-drawer .header .left{align-items:center;gap:8px;display:flex}.content-detail-drawer .header .left .live-tag{width:46px;height:24px}.content-detail-drawer .header .left .replay-tag{width:67px;height:24px}.content-detail-drawer .header .left .content-detail-time{font-variant-numeric:tabular-nums;background-color:#111;border-radius:15px;justify-content:center;align-items:center;height:24px;padding:5px 9px;display:flex}.content-detail-drawer .header .left .content-detail-time .duration{font-size:12px;font-weight:700;line-height:normal}.content-detail-drawer .header .category{color:#999;letter-spacing:-.241px;align-items:center;font-size:13px;line-height:normal;display:flex}.content-detail-drawer .title{margin-top:19px;font-size:21px;font-weight:700;line-height:normal}.content-detail-drawer .tag-list{flex-wrap:wrap;gap:3px;margin-top:11px;display:flex}.content-detail-drawer .tag-list .tag{color:#999;white-space:nowrap;font-size:12px;font-weight:400;line-height:normal}.content-detail-drawer .details{background-color:#191919;border-radius:9px;flex-direction:column;margin-top:21px;padding:20px 10px;display:flex}.content-detail-drawer .details .profile{align-items:center;gap:10px;display:flex}.content-detail-drawer .details .profile .owner{letter-spacing:-.296px;font-size:15px;font-weight:700;line-height:normal}.content-detail-drawer .details .profile .owner .name-wrapper{align-items:center;gap:2px;display:flex}.content-detail-drawer .details .profile .owner .name-wrapper .name{-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-detail-drawer .details .profile .owner .follower{align-items:center;gap:4px;margin-top:1px;display:flex}.content-detail-drawer .details .profile .owner .follower .label{color:#666;letter-spacing:-.241px;font-size:12px;font-weight:400}.content-detail-drawer .details .profile .owner .follower .count{font-size:13px;font-weight:400;line-height:normal}.content-detail-drawer .details .profile .functions{flex-shrink:0;margin-left:auto}.content-detail-drawer .details .profile .functions .follow{background:linear-gradient(134deg,#fe0189 7.85%,#ff583c 91.26%);border-radius:30px;height:30px;padding:0 15px;font-size:12px;font-weight:700;line-height:normal}.content-detail-drawer .details .profile .functions .inquiry{letter-spacing:-.222px;background:0 0;border:1px solid #ffffff4d;border-radius:30px;align-items:center;height:30px;margin-left:6px;padding:0 15px;font-size:12px;font-weight:700;line-height:normal;display:inline-flex}.content-detail-drawer .details .service-quality{align-items:center;margin-top:13px;display:flex}.content-detail-drawer .details .service-quality .stats{align-items:center;display:inline-flex}.content-detail-drawer .details .service-quality .stats dt{color:#777;letter-spacing:-.241px;font-size:12px;line-height:normal}.content-detail-drawer .details .service-quality .stats dd{letter-spacing:-.241px;margin-left:3px;font-size:13px;font-weight:400;line-height:normal}.content-detail-drawer .details .service-quality .stats .separator{opacity:.3;height:10px;margin:0 8px}.content-detail-drawer .details .service-quality .help-icon{color:#666;flex-shrink:0;width:18px;height:18px;margin-left:7px}.content-detail-drawer .details .bio{color:#999;letter-spacing:-.241px;margin-top:14px;font-size:12px;font-weight:400;line-height:145%}
.content-info{flex-direction:column;width:100%;display:flex}.content-info .info-area{align-items:center;padding-top:5px;padding-left:10px;display:flex}.content-info .info-area>.avatar{margin:10px}.content-info .info-area>.avatar.live-border{margin:6px}.content-info .info-area .info{text-shadow:0 0 2px #00000040;flex-direction:column;gap:4px;display:flex}.content-info .info-area .info .owner{align-items:center;display:flex}.content-info .info-area .info .owner .rookie-tag{color:#fff;background-color:#aa8c6c;border-radius:90px;flex-shrink:0;align-items:center;height:17px;margin-right:4px;padding-inline:5px;font-size:10px;font-weight:600;display:flex}.content-info .info-area .info .owner .monthly-tag{flex-shrink:0;width:16px;height:16px;margin-right:4px}.content-info .info-area .info .owner .name{color:#fff;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.content-info .info-area .info .owner .seller-grade{width:14px;height:14px;margin-left:4px}.content-info .info-area .info .counts{align-items:center;gap:10px;display:flex}.content-info .info-area .info .counts>.follow,.content-info .info-area .info .counts>.view{align-items:center;gap:2px;display:flex}.content-info .info-area .info .counts>.follow .icon,.content-info .info-area .info .counts>.view .icon{fill:#fff;filter:drop-shadow(0 0 2px #00000040);width:14px;height:14px}.content-info .info-area .info .counts>.follow .number,.content-info .info-area .info .counts>.view .number{font-size:11px;font-weight:500}.content-info .info-area>.follow{background-color:#eb2b51;border-radius:100px;flex-shrink:0;height:25px;margin-left:6px;padding-inline:10px;position:relative}.content-info .info-area>.follow.extra-margin{margin-right:22px}.content-info .info-area>.follow .text{color:#fff;font-size:13px;font-weight:600;line-height:normal}.content-info .info-area>.follow .coupon-indicator{width:30px;height:20px;position:absolute;top:-2px;right:-22px}.content-info .content-info-title{max-width:fit-content;padding-left:16px;overflow:hidden}.content-info .content-info-title.mask{-webkit-mask-image:linear-gradient(270deg,#0000,#000 75px);mask-image:linear-gradient(270deg,#0000,#000 75px)}.content-info .content-info-title .title{color:#fff;text-overflow:clip;text-shadow:0 0 2px #00000040;white-space:nowrap;font-size:14px;font-weight:500;line-height:normal;overflow:hidden}.content-info .content-info-title .title.marquee-title{animation-name:scroll-x;animation-timing-function:linear;animation-iteration-count:1}@keyframes scroll-x{0%{width:fit-content;padding-left:100%;transform:translate(0)}to{width:fit-content;padding-left:100%;transform:translate(-100%)}}.content-info .location{align-items:center;gap:3px;margin-top:6px;padding-left:16px;display:flex}.content-info .location>.icon{width:12px;height:12px}.content-info .location>.text{color:#fff;text-shadow:0 0 2px #00000040;font-size:11px;font-weight:500}
.content-limited-events{margin-top:10px;margin-right:6px}.content-limited-events.is-first{margin-top:0}.content-limited-events>.content-time-deal{background-color:#1717194d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6.5px;width:60px;height:76px;display:flex}.content-limited-events>.content-time-deal>img{width:41px}.content-limited-events>.content-time-deal>.timer{color:#fff;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.content-limited-events>.content-time-deal>.status{color:#fff;opacity:.8;font-size:12px;font-weight:400;line-height:140%}
.live-coupon-animation{box-shadow:none;background-color:#0000;border:none;justify-content:center;align-items:center;width:260px;height:163.75px}.live-coupon-animation.animating-coupon{animation-name:zoom-in-and-down;animation-duration:5s;animation-timing-function:cubic-bezier(.9,.25,.1,.75);animation-fill-mode:forwards;translate:none}@keyframes zoom-in-and-down{0%{opacity:0;transform-origin:-25% 25%;top:56px;left:100%;transform:scale(0)translate(-50%,-50%)}15%,85%{opacity:1;top:50%;left:50%;transform:scale(1)translate(-50%,-50%)}to{opacity:0;transform-origin:-25%;top:calc(100% - 96px);left:100%;transform:scale(0)translate(-50%,-50%)}}.live-coupon-animation>.coupon{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 39px;display:flex}.live-coupon-animation>.coupon .title{color:#000;letter-spacing:-.25px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:17px;font-size:14px;font-weight:700;overflow:hidden}.live-coupon-animation>.coupon .price{color:#eb2b51;letter-spacing:-.611px;margin:4px 0 8px;font-size:33px;font-weight:800}.live-coupon-animation>.coupon .sender{color:#999;font-size:14px;font-weight:400}.live-coupon-animation>.confetti-canvas{background-position:50%;background-repeat:no-repeat;background-size:max(360px,var(--vh,1vh)*56.25);height:calc(var(--vh,1vh)*56.25*1.145);-webkit-user-select:none;user-select:none;width:25vh;min-width:360px;width:calc(var(--vh,1vh)*25);z-index:-1;width:56.25dvh;position:absolute;pointer-events:none!important}
.live-placeholder-coupon{flex-direction:column;width:76px;display:flex}.live-placeholder-coupon .coupon{background-repeat:no-repeat;background-size:contain;flex-direction:column;align-items:center;gap:1px;width:80px;height:48px;padding-top:9px;padding-right:2px;display:flex}.live-placeholder-coupon .coupon .timer-wrapper{align-items:center;gap:2px;display:flex}.live-placeholder-coupon .coupon .timer-wrapper .icon{fill:#999;width:10px;height:10px}.live-placeholder-coupon .coupon .timer-wrapper .timer{color:#999;font-size:10px;font-weight:700}.live-placeholder-coupon .coupon .price{color:#eb2b51;letter-spacing:-.5px;font-size:14px;font-weight:800}.live-placeholder-coupon .placeholder-text{text-align:right;text-wrap:balance;word-break:keep-all;width:100%;padding-right:6px;font-size:12px}
.live-coupon-info{background-color:#ffffffe6;align-items:center;gap:8px;width:fit-content;padding:30px 25px;box-shadow:0 5.5px 7.5px #0003}.live-coupon-info .description{color:#000;letter-spacing:-.327px;white-space:nowrap;font-size:17px;font-weight:700}.live-coupon-info .requirement{color:#777;letter-spacing:-.233px;white-space:nowrap;font-size:14px;font-weight:400}
.live-timer-coupon{pointer-events:auto;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:80px;height:48px;padding-bottom:3px;padding-right:2px;display:flex}.live-timer-coupon .timer-wrapper{align-items:center;gap:2px;display:flex}.live-timer-coupon .timer-wrapper .icon{fill:#999;width:10px;height:10px}.live-timer-coupon .timer-wrapper .timer{color:#999;font-size:10px;font-weight:700}.live-timer-coupon .price{color:#eb2b51;letter-spacing:-.5px;font-size:12px;font-weight:800}
.content-live-memo{color:#fff;scrollbar-width:none;text-shadow:0 0 2px #00000040;white-space:pre-line;-ms-overflow-style:none;background-color:#17181a4d;border-radius:6px;align-content:flex-start;gap:4px;width:fit-content;max-width:140px;max-height:160px;margin-top:6px;padding:5px 8px;font-size:13px;font-weight:500;line-height:135%;display:flex;position:relative;overflow-y:auto}.content-live-memo::-webkit-scrollbar{display:none}.content-live-memo.collapsed{border-radius:16px;align-items:center}.content-live-memo .message{white-space:pre-line;flex:1}.content-live-memo .message.collapsed{-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-live-memo .arrow-icon{cursor:pointer;fill:#ffffffb3;width:12px;height:12px}
.content-onboarding-live-coupon{display:flex}.content-onboarding-live-coupon .coupon{width:93px;height:80px}
.content-tips-drawer-button{width:fit-content;max-width:80px}.content-tips-drawer-button .carousel-item{justify-content:flex-end;align-items:flex-start;display:flex}