.content-image-card{width:100%;height:100%;display:block;overflow:hidden}.content-image-card img{object-fit:cover;width:100%;height:100%;margin:0 auto;display:block}
.content-video-card{white-space:nowrap;flex-direction:column;gap:10px;width:100%;display:flex}.content-video-card .content-video-card-video{aspect-ratio:183/300;cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:clip}.content-video-card .content-video-card-video .video-filter{aspect-ratio:183/300;pointer-events:none;z-index:2;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.content-video-card .content-video-card-video .video-filter.hls{background-image:linear-gradient(#00000059,#0000 30%),linear-gradient(#0000 70%,#00000073)}.content-video-card .content-video-card-video .video-empty{aspect-ratio:183/300;z-index:0;background:linear-gradient(#212121,#212121),linear-gradient(#0000 58.02%,#000),linear-gradient(#000000b8 9.73%,#0000 31.44%);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-video-card .content-video-card-video .video-poster{aspect-ratio:183/300;object-fit:cover;opacity:1;z-index:2;background-position:50%;background-size:cover;border-radius:8px;width:100%;height:100%;transition:opacity .5s linear;position:absolute;top:0;left:0}.content-video-card .content-video-card-video .video-poster[data-visibility=hidden]{opacity:0}.content-video-card .content-video-card-video .video-wrap{aspect-ratio:183/300;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.content-video-card .content-video-card-video .video-wrap>.video{object-fit:cover;opacity:1;background-color:#0e1011;border-radius:8px;width:100%;height:100%;transition:opacity .5s linear}.content-video-card .content-video-card-video .video-wrap>.video[data-visibility=hidden]{opacity:0}.content-video-card .content-video-card-video .video-wrap>video{object-fit:cover;width:100%;height:100%}
.content-card-banner-swiper{aspect-ratio:183/300;border-radius:8px;gap:10px;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:hidden}.content-card-banner-swiper.swiper-wrapper{min-width:0;display:flex}.content-card-banner-swiper .swiper{width:100%;height:100%}.content-card-banner-swiper .swiper-slide{flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;width:100%!important}.content-card-banner-swiper .swiper-slide .swiper-slide-inner{justify-content:center;align-items:center;width:100%;height:100%;margin:auto;display:flex;position:absolute;inset:0}.content-card-banner-swiper .swiper-slide .img{width:100%!important;height:100%!important}.content-card-banner-swiper .banner-swiper-indicator{z-index:10;background:#0e101126;border-radius:18px;align-items:center;height:21px;padding:4px 8px;display:flex;position:absolute;bottom:10px;right:10px}.content-card-banner-swiper .banner-swiper-indicator .count{color:#fffc;text-shadow:0 0 2px #00000040;font-size:11px;font-weight:500}
.image-card{border-radius:8px;overflow:hidden}.image-card,.image-card img{width:100%;height:100%;display:block}.image-card img{object-fit:cover;margin:0 auto}
.image-top-bottom-carousel{flex-direction:column;gap:2px;width:100%;max-width:100%;display:flex}.image-top-bottom-carousel .image-top-bottom-carousel-row{padding:4px 7px;display:flex}.image-top-bottom-carousel .image-top-bottom-carousel-row .image-top-bottom-carousel-item{flex-shrink:0;margin-right:10px}
.schedule-card{border-radius:8px;flex-direction:column;gap:10px;width:160px;min-width:0;display:flex}.schedule-card .schedule-image-container{aspect-ratio:160/170;border-radius:8px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.schedule-card .schedule-image-container .schedule-gripper-container{align-items:center;gap:6px;width:100%;padding:10px 13.5px;display:flex;position:absolute;top:0;left:0}.schedule-card .schedule-image-container .schedule-gripper-container .schedule-gripper-inner{width:100%;position:relative}.schedule-card .schedule-image-container .schedule-gripper-container .schedule-gripper-inner .gripper-avatar-wrap{justify-content:center;width:44px;display:flex}.schedule-card .schedule-image-container .schedule-gripper-container .schedule-gripper-inner .gripper-name-wrap{justify-content:center;align-items:center;min-width:44px;display:flex;position:absolute;bottom:10px;left:0;transform:translateY(100%)}.schedule-card .schedule-image-container .schedule-gripper-container .schedule-gripper-inner .gripper-name-wrap .gripper-name{background:#313137cc;border-radius:12px;height:21px;padding:4px 6px}.schedule-card .schedule-image-container .schedule-gripper-container .schedule-gripper-inner .gripper-name-wrap .gripper-name .name{color:#fff;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;word-break:break-all;-webkit-box-orient:vertical;max-width:85px;font-size:11px;font-weight:400;display:-webkit-box;overflow:hidden}.schedule-card .schedule-image-container .schedule-image{object-fit:cover;width:100%;height:100%}.schedule-card .schedule-image-container .schedule-overlay{border-radius:inherit;pointer-events:none;background:linear-gradient(#00000059,#0000);position:absolute;inset:0}.schedule-card .schedule-image-container .schedule-info{background:#1d1d21cc;width:100%;height:37px;padding:10px;position:absolute;bottom:0;left:0}.schedule-card .schedule-image-container .schedule-info .schedule-text{color:#fff;flex-shrink:0;gap:4px;font-size:14px;font-weight:400;display:flex}.schedule-card .schedule-image-container .schedule-info .schedule-icon-wrapper{background:#eb2b51;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:22px;right:8px}.schedule-card .schedule-image-container .schedule-info .schedule-icon-wrapper .schedule-icon{color:#fff;width:16px;height:16px}.schedule-card .schedule-image-container .schedule-info .schedule-check-icon-wrapper{background:#5d5e66;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:22px;right:8px}.schedule-card .schedule-image-container .schedule-info .schedule-check-icon-wrapper .schedule-check-icon{color:#fff;width:16px;height:16px;position:relative;left:2px}.schedule-card .schedule-product-container{flex-direction:column;gap:5px;width:100%;display:flex}.schedule-card .schedule-product-container .product-name{color:#eff0f4;word-break:break-all;-webkit-line-clamp:2;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:400;display:-webkit-box;overflow:hidden}.schedule-card .schedule-product-container .product-info{align-items:center;gap:4px;display:flex}.schedule-card .schedule-product-container .product-info .product-benefit-text{color:#eb2b51;opacity:1;vertical-align:center;white-space:nowrap;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.5em;transition:opacity .6s;display:-webkit-box;overflow:hidden}.schedule-card .schedule-product-container .product-info .coupon-icon{border:1px solid #eb2b51;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:17px;display:flex}.schedule-card .schedule-product-container .product-info .coupon-icon .coupon-icon-text{color:#eb2b51;text-shadow:0 0 2px #00000040;font-size:10px;font-weight:400}
.top-banner-carousel{width:100%;position:relative}.top-banner-carousel .top-banner-carousel-swiper{border-radius:8px;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:hidden}.top-banner-carousel .top-banner-carousel-swiper .top-banner-carousel-slide{overflow:hidden;width:100%!important}.top-banner-carousel .top-banner-carousel-swiper .top-banner-carousel-slide .top-banner-carousel-slide-inner{width:100%}.top-banner-carousel .top-banner-carousel-swiper .top-banner-carousel-slide .banner-img{cursor:pointer;width:100%;height:auto;display:block}.top-banner-carousel .top-banner-carousel-swiper .paging{color:#fffc;z-index:10;background-color:#00000026;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;height:20px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:500;line-height:1.35;display:flex;position:absolute;bottom:5px;right:5px}