.k4u-demostrip{background:var(--k4u-gd, #1D1D1F);color:#fff;padding-block:var(--k4u-section-y, clamp(72px, 11vw, 136px))}.k4u .k4u-demostrip__wrap{box-sizing:border-box;max-width:calc(var(--k4u-wrap, 1120px) + 2 * var(--k4u-gutter, 20px));padding-inline:var(--k4u-gutter, 20px);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(32px,5vw,56px);text-align:center}.k4u-demostrip__text{display:grid;gap:12px;justify-items:center;max-width:760px}.k4u-demostrip h2{margin:0;font-size:var(--k4u-t-head, clamp(32px, 4vw, 48px));line-height:1.08;font-weight:600;letter-spacing:var(--k4u-t-head-ls, -.03em);text-wrap:balance;color:#fff}.k4u-demostrip__sub{margin:0;font-size:var(--k4u-t-lede, clamp(19px, 2.1vw, 26px));line-height:1.32;letter-spacing:-.015em;color:#fffc;text-wrap:pretty}html:lang(zh-CN) .k4u-demostrip h2,html:lang(zh-CN) .k4u-demostrip__sub{letter-spacing:0;line-height:1.3}.k4u-demostrip__video{position:relative;display:block;width:min(100%,405px);aspect-ratio:9 / 16;padding:0;border:0;border-radius:var(--k4u-card-r, 28px);overflow:hidden;background:#2a2a2d;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s var(--k4u-ease, ease)}.k4u-demostrip__video:focus-visible{outline:2px solid var(--k4u-water, #0F6FB8);outline-offset:4px}.k4u-demostrip__poster,.k4u-demostrip__loop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.k4u-demostrip__loop{opacity:0;transition:opacity .5s var(--k4u-ease-io, ease-in-out);pointer-events:none}.k4u-demostrip__loop.is-on{opacity:1}.k4u-demostrip__pill{position:absolute;inset-inline:0;bottom:20px;inline-size:fit-content;margin-inline:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px 0 16px;border-radius:980px;background:#1e1e20b8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#fff;font:500 17px/1 var(--k4u-font);letter-spacing:-.022em;transition:background-color .25s var(--k4u-ease, ease),transform .1s ease}html:lang(zh-CN) .k4u-demostrip__pill{letter-spacing:0}.k4u-demostrip__pill svg{flex:none}@media(hover:hover){.k4u-demostrip__video:hover .k4u-demostrip__pill{background:#1e1e20db}}.k4u-demostrip__video:active .k4u-demostrip__pill{transform:scale(.97)}@media(prefers-reduced-transparency:reduce){.k4u-demostrip__pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1e1e20}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/k4u-a-pdp-demo.css.map */