.cse{--cse-gutter:clamp(20px,4vw,72px);--cse-gap:clamp(12px,1vw,20px);padding:80px 0 48px;color:#111;background:#fafafa;overflow:hidden}html[data-csm-screen=squad] .cse{display:none}.cse,.cse *{box-sizing:border-box}.cse__intro{position:relative;max-width:1200px;margin:0 auto 52px;padding:0 24px;text-align:center}.cse__eyebrow{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.18em}.cse .cse__title{margin:0;font-family:Jost,var(--font-heading-family,sans-serif);font-size:clamp(54px,7.6vw,132px);font-weight:700;line-height:.98;letter-spacing:-.055em;color:#111}.cse__title span{display:block}.cse__description{margin:22px 0 0;font-size:clamp(15px,1.2vw,19px);line-height:1.5;color:#727272}.cse__viewport{position:relative}.cse__rail{display:flex;gap:var(--cse-gap);margin:0;padding:8px var(--cse-gutter) 22px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--cse-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.cse__rail::-webkit-scrollbar{display:none}.cse__item{flex:0 0 clamp(300px,29vw,520px);min-width:0;scroll-snap-align:start}.cse__card{display:block;position:relative;width:100%;aspect-ratio:.79;overflow:hidden;isolation:isolate;border-radius:clamp(24px,2vw,38px);background:#e9e8e5;color:#fff;text-decoration:none;box-shadow:0 5px 12px #0000000b;-webkit-user-drag:none}.cse__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cse__card:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent 35%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.72))}.cse__tag{position:absolute;z-index:1;top:20px;left:20px;padding:7px 12px;border:1px solid #ffffff40;border-radius:99px;background:#ffffff25;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:11px;line-height:1.3;letter-spacing:.08em;font-weight:500}.cse__copy{position:absolute;z-index:1;inset:auto 24px 26px;padding-right:70px}.cse__author{display:block;font-size:11px;line-height:1.4;opacity:.8;margin-bottom:7px}.cse__caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:clamp(19px,1.65vw,29px);font-weight:600;letter-spacing:-.025em;line-height:1.15}.cse__read{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;font-weight:500;line-height:1.4;color:#fff;--csm-arrow-size:22px;--csm-arrow-bg:#fff;--csm-arrow-fg:#111}.cse__card:is(:hover,:focus-visible) .cse__read .csm-cta-arrow:before{transform:translate(170%,-170%)}.cse__card:is(:hover,:focus-visible) .cse__read .csm-cta-arrow:after{transform:none}#cs-chinaside-editorial .cse__card,#cs-chinaside-editorial .cse__tag,#cs-chinaside-editorial .cse__author,#cs-chinaside-editorial .cse__caption{color:#fff}.cse__products{position:absolute;z-index:2;right:20px;bottom:28px;width:64px;height:72px;pointer-events:none}.cse__product{position:absolute;width:52px;height:66px;right:0;bottom:0;object-fit:contain;background:#fff;border:3px solid #ffffffde;border-radius:12px;transform:rotate(8deg);box-shadow:0 2px 8px #0002}.cse__product:nth-child(2){right:15px;bottom:3px;transform:rotate(-12deg);z-index:-1}.cse__nav{display:flex;align-items:center;gap:8px;padding:0 var(--cse-gutter)}.cse__all{margin-right:auto;color:#111;text-decoration:none;font-size:15px;font-weight:500;padding:10px 0}.cse__count{font-size:12px;color:#777;margin-right:10px;font-variant-numeric:tabular-nums}.cse__arrow{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid #e4e4e4;border-radius:50%;background:#ffffffb3;color:#111;cursor:pointer;transition:background .2s,opacity .2s,transform .2s}.cse__arrow svg{display:block;width:18px!important;height:18px!important;min-width:18px;max-width:18px;min-height:18px;max-height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.cse__arrow:disabled{opacity:.3;cursor:default}.cse__arrow:active:not(:disabled){transform:scale(.94)}.cse :is(a,button):focus-visible{outline:3px solid #777;outline-offset:4px}.cse__card:focus-visible{outline-offset:-5px}.cse__rail.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.cse__rail.is-dragging a{cursor:grabbing}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cse__card:hover .cse__cover{transform:scale(1.035)}.cse__arrow:hover:not(:disabled){background:#eee}.cse__all:hover{text-decoration:underline;text-underline-offset:4px}}@media(max-width:767px){.cse{padding:48px 0 32px}.cse__intro{margin-bottom:28px;padding:0 20px}.cse__eyebrow{font-size:10px;margin-bottom:15px}.cse .cse__title{font-size:clamp(44px,12vw,84px)}.cse__description{max-width:270px;margin:16px auto 0;font-size:14px}.cse__item{flex-basis:82vw}.cse__card{aspect-ratio:.76;border-radius:26px}.cse__copy{inset:auto 20px 23px;padding-right:58px}.cse__caption{font-size:22px}.cse__products{right:17px;bottom:25px;width:55px}.cse__product{width:45px;height:58px;border-radius:10px}.cse__tag{top:16px;left:16px;font-size:10px}.cse__all{font-size:13px}.cse__arrow{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.cse *,.cse *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){.cse__tag{background:#333;backdrop-filter:none;-webkit-backdrop-filter:none}}.cse .cse__rail{padding-inline-start:var(--cse-gutter)}.cse .cse__nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:12px}.cse .cse__all{grid-column:2;grid-row:1;justify-self:center;margin:0}.cse .cse__ctl{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:8px}.cse .cse__ctl .cse__count{margin-right:2px}@media(max-width:749px){.cse .cse__nav{grid-template-columns:1fr;row-gap:12px}.cse .cse__all,.cse .cse__ctl{grid-column:1;justify-self:center}.cse .cse__ctl{grid-row:2}}.cse .cse__nav{margin-top:36px}.cse__item{position:relative}#cs-chinaside-editorial .cse__src{position:absolute;z-index:3;right:20px;bottom:15px;display:flex;align-items:center;height:44px;padding:0;box-sizing:border-box;border-radius:99px;background:#fff0;color:#111;text-decoration:none;-webkit-user-drag:none;transition:background-color .3s ease,padding .45s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}#cs-chinaside-editorial .cse__src-badge{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;box-shadow:0 4px 14px #00000038;transition:transform .3s cubic-bezier(.22,1,.36,1)}#cs-chinaside-editorial .cse__src-badge svg{width:22px;height:22px}#cs-chinaside-editorial .cse__src--pinterest .cse__src-badge{background:#e60023}#cs-chinaside-editorial .cse__src--pinterest .cse__src-badge svg{width:21px;height:28px;transform:translate(.5px,1px)}#cs-chinaside-editorial .cse__src--instagram .cse__src-badge{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}#cs-chinaside-editorial .cse__src--tiktok .cse__src-badge{background:#000}#cs-chinaside-editorial .cse__src--tiktok .cse__src-badge svg{width:24px;height:26px}#cs-chinaside-editorial .cse__src-label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;font-size:12.5px;font-weight:500;line-height:1;letter-spacing:.01em;transition:max-width .45s cubic-bezier(.22,1,.36,1),margin .45s cubic-bezier(.22,1,.36,1),opacity .2s ease}#cs-chinaside-editorial .cse__src:is(:hover,:focus-visible){background:#fff;padding-inline-start:16px;box-shadow:0 8px 24px #00000038}#cs-chinaside-editorial .cse__src:is(:hover,:focus-visible) .cse__src-label{max-width:240px;margin-inline-end:10px;opacity:1;transition-delay:0s,0s,.08s}#cs-chinaside-editorial .cse__src:is(:hover,:focus-visible) .cse__src-badge{box-shadow:none}#cs-chinaside-editorial .cse__src:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cse__item:has(.cse__src:hover) .cse__cover{transform:scale(1.035)}#cs-chinaside-editorial .cse__src:hover .cse__src-badge{transform:scale(1.04)}}@media(max-width:767px){#cs-chinaside-editorial .cse__src{right:17px;bottom:14px;height:40px}#cs-chinaside-editorial .cse__src-badge{width:40px;height:40px}#cs-chinaside-editorial .cse__src-badge svg{width:20px;height:20px}#cs-chinaside-editorial .cse__src--pinterest .cse__src-badge svg{width:19px;height:25px}#cs-chinaside-editorial .cse__src--tiktok .cse__src-badge svg{width:22px;height:24px}}#cs-chinaside-editorial .cse__stars{display:inline-flex;gap:1px;margin-inline-end:8px;vertical-align:-1px}#cs-chinaside-editorial .cse__stars i{display:block;width:12px;height:12px}#cs-chinaside-editorial .cse__stars svg{display:block;width:100%;height:100%;fill:#fff}#cs-chinaside-editorial .cse__stars i.is-off svg{fill:#ffffff59}.cse{--cse-gap:clamp(6px,.55vw,10px)}.cse__rail.is-marquee{scroll-snap-type:none}html[dir=rtl] .cse__rail{direction:ltr}html[dir=rtl] .cse__rail>.cse__item{direction:rtl}
/*# sourceMappingURL=/cdn/shop/t/67/assets/cs-chinaside-editorial.css.map */
