.shein-banner{--sb-radius: 12px;--sb-panel-w: 19%;--sb-panel-frac: .19;--sb-min-h: 260px;--sb-card-gap: 14px;--sb-card-ratio: 3 / 4;--sb-card-inset: 48px;--sb-gutter: 1.5rem;--sb-price-color: #111111;--sb-slide-dur: .32s;--sb-slide-ease: cubic-bezier(.22, 1, .36, 1);--sb-enter-dur: .4s;--sb-stagger: 45ms;position:relative;max-width:var(--page-width, 1200px);margin:0 auto;padding:16px var(--sb-gutter)}.shein-banner *{box-sizing:border-box}.shein-banner__inner{position:relative;border-radius:var(--sb-radius);overflow:hidden}.shein-banner__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 100% at 12% 50%,rgba(255,255,255,.4),transparent 60%);pointer-events:none;z-index:0}.shein-banner__viewport{position:relative;z-index:1;overflow:hidden}.shein-banner__track{display:flex;transition:transform var(--sb-slide-dur) var(--sb-slide-ease);will-change:transform}.shein-banner--no-motion .shein-banner__track{transition:none}.shein-banner__slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:var(--sb-panel-w) minmax(0,1fr);align-items:center;min-height:var(--sb-min-h)}.shein-banner__panel{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px 24px 30px 36px;color:var(--sb-slide-fg, #ffffff);background-color:var(--sb-slide-solid);background-image:var(--sb-slide-bg);text-decoration:none;border-radius:0 22% 22% 0/0 50% 50% 0;background-size:cover;background-position:center}.shein-banner__panel-logo{display:block;width:auto;max-width:62%;height:auto}.shein-banner__panel-heading{margin:0;min-width:0;max-width:100%;font-family:var(--font-heading-family);font-size:clamp(1.5rem,1.7vw,2rem);font-weight:800;line-height:1.1;letter-spacing:-.01em;overflow-wrap:anywhere}.shein-banner__panel-sub{margin:0;font-size:1.4rem;line-height:1.35;opacity:.92}.shein-banner__products{display:grid;grid-template-columns:repeat(var(--sb-cols, 4),minmax(0,1fr));gap:var(--sb-card-gap);align-items:center;padding:0 var(--sb-card-inset);margin:0;list-style:none}.shein-banner__card{position:relative;display:block;text-decoration:none;color:inherit}.shein-banner__frame{display:block;background:#fff;padding:0;border-radius:4px;aspect-ratio:var(--sb-card-ratio);overflow:hidden;box-shadow:0 4px 14px #3c1e782e;transition:transform .25s ease,box-shadow .25s ease}.shein-banner__card:hover .shein-banner__frame{transform:translateY(-4px);box-shadow:0 10px 24px #3c1e784d}.shein-banner__frame img{width:100%;height:100%;object-fit:cover;display:block}.shein-banner__placeholder{width:100%;height:100%;display:grid;place-items:center;background:#f1f1f1;color:#9a9a9a;font-size:1.2rem;text-align:center;padding:8px}.shein-banner__price{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:inline-flex;align-items:baseline;gap:2px;background:#fff;border-radius:999px;padding:3px 11px;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;line-height:1.3;color:var(--sb-price-color);white-space:nowrap;box-shadow:0 2px 8px #3c1e7838}.shein-banner__price-currency{font-size:.68em;font-weight:600}.shein-banner__card-title{display:-webkit-box;margin:8px 0 0;font-size:1.2rem;line-height:1.35;text-align:center;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.shein-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffd9;color:#333;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s var(--sb-slide-ease);z-index:2}.shein-banner__arrow:hover,.shein-banner__arrow:focus-visible{background:#fff;color:#111;transform:translateY(-50%) scale(1.1)}.shein-banner__arrow:active{transform:translateY(-50%) scale(.9)}.shein-banner__arrow svg{width:11px;height:11px}.shein-banner__arrow--prev{left:calc(var(--sb-gutter) + (100% - 2 * var(--sb-gutter)) * var(--sb-panel-frac) + 16px)}.shein-banner__arrow--next{right:calc(var(--sb-gutter) + 16px)}.shein-banner__dots{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:6px;z-index:2}.shein-banner__dot{position:relative;width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#ffffffa6;cursor:pointer;transition:width var(--sb-slide-dur) var(--sb-slide-ease),background .2s ease}.shein-banner__dot:before{content:"";position:absolute;top:-9px;right:-3px;bottom:-9px;left:-3px}.shein-banner__dot[aria-current=true]{width:22px;background:#fff}@media(prefers-reduced-motion:no-preference){.shein-banner__slide[aria-hidden=false] .shein-banner__panel-logo,.shein-banner__slide[aria-hidden=false] .shein-banner__panel-heading,.shein-banner__slide[aria-hidden=false] .shein-banner__panel-sub{animation:sb-enter-text var(--sb-enter-dur) var(--sb-slide-ease) both}.shein-banner__slide[aria-hidden=false] .shein-banner__panel-heading{animation-delay:40ms}.shein-banner__slide[aria-hidden=false] .shein-banner__panel-sub{animation-delay:80ms}.shein-banner__slide[aria-hidden=false] .shein-banner__products>li{animation:sb-enter-card var(--sb-enter-dur) var(--sb-slide-ease) both}.shein-banner__slide[aria-hidden=false] .shein-banner__products>li:nth-child(1){animation-delay:calc(var(--sb-stagger) * 1)}.shein-banner__slide[aria-hidden=false] .shein-banner__products>li:nth-child(2){animation-delay:calc(var(--sb-stagger) * 2)}.shein-banner__slide[aria-hidden=false] .shein-banner__products>li:nth-child(3){animation-delay:calc(var(--sb-stagger) * 3)}.shein-banner__slide[aria-hidden=false] .shein-banner__products>li:nth-child(4){animation-delay:calc(var(--sb-stagger) * 4)}.shein-banner__slide[aria-hidden=false] .shein-banner__products>li:nth-child(5){animation-delay:calc(var(--sb-stagger) * 5)}.shein-banner__slide[aria-hidden=false] .shein-banner__products>li:nth-child(6){animation-delay:calc(var(--sb-stagger) * 6)}}@keyframes sb-enter-text{0%{opacity:0;transform:translate3d(-14px,0,0)}}@keyframes sb-enter-card{0%{opacity:0;transform:translate3d(0,12px,0) scale(.92)}}@media screen and (max-width:1200px){.shein-banner{--sb-card-gap: 12px;--sb-card-inset: 36px;--sb-min-h: 250px}}@media screen and (max-width:989px){.shein-banner{--sb-card-gap: 10px;--sb-card-inset: 20px;--sb-min-h: 210px;--sb-gutter: 1.2rem}.shein-banner__panel{padding:20px 16px 20px 22px;gap:8px}.shein-banner__panel-sub{font-size:1.2rem}.shein-banner__price{font-size:1.35rem;padding:3px 11px;bottom:10px}.shein-banner__arrow{width:26px;height:26px}}@media screen and (max-width:749px){.shein-banner{--sb-radius: 12px;--sb-min-h: 112px;--sb-card-ratio: 1 / 1;--sb-gutter: 12px;padding:10px var(--sb-gutter)}.shein-banner__inner:before{display:none}.shein-banner__slide{display:flex;align-items:center;gap:8px;padding:12px 40px 16px;background-color:var(--sb-slide-solid);background-image:var(--sb-slide-bg);background-size:cover;background-position:center;color:var(--sb-slide-fg, #ffffff)}.shein-banner__panel{flex:1 1 auto;min-width:0;align-self:center;background:none;border-radius:0;padding:0;gap:7px;align-items:flex-start;color:inherit}.shein-banner__panel-logo{max-width:96px}.shein-banner__panel-heading{font-size:1.9rem;line-height:1.15;letter-spacing:-.02em}.shein-banner__panel-sub{font-size:1.15rem;font-weight:500;line-height:1.3;opacity:.95}.shein-banner__products{flex:0 0 auto;display:flex;gap:4px;padding:5px;margin:0;background:#ffffff40;border-radius:10px}.shein-banner__products>li{flex:0 0 40px}.shein-banner__products>li:nth-child(n+4){display:none}.shein-banner__frame{border-radius:6px;box-shadow:none;background:#fff}.shein-banner__card:hover .shein-banner__frame{transform:none}.shein-banner__price,.shein-banner__card-title{display:none}.shein-banner__arrow{width:26px;height:26px;background:#ffffff73;color:#222}.shein-banner__arrow:hover,.shein-banner__arrow:focus-visible{background:#ffffffad;color:#000}.shein-banner__arrow svg{width:9px;height:9px}.shein-banner__arrow--prev{left:18px}.shein-banner__arrow--next{right:18px}.shein-banner__dots{bottom:6px;gap:5px}.shein-banner__dot{width:6px;height:6px}.shein-banner__dot[aria-current=true]{width:18px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-shein-banner.css.map */