.nxp-motion{--mo-gap: 10px;display:block;padding:28px 0 26px;background:var(--nxp-ivory)}.nxp-motion__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 var(--nxp-pad)}.nxp-motion__nav{display:none;gap:8px}.nxp-motion__btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--nxp-ink);border-radius:0;background:transparent;color:var(--nxp-ink);cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.nxp-motion__btn .nxp-icon{width:8px;height:14px}.nxp-motion__btn:hover:not([disabled]){background:var(--nxp-ink);color:var(--nxp-ivory)}.nxp-motion__btn[disabled]{opacity:.25;cursor:default}.nxp-motion__btn:focus-visible{outline:2px solid var(--nxp-ink);outline-offset:2px}.nxp-motion__track{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:var(--mo-gap);margin:16px 0 0;padding:0 var(--nxp-pad);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--nxp-pad);scrollbar-width:none}.nxp-motion__track::-webkit-scrollbar{display:none}.nxp-motion__track:focus-visible{outline:2px solid var(--nxp-ink);outline-offset:-2px}.nxp-motion__card{min-width:0;scroll-snap-align:start}.nxp-motion__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#1c1d1f;color:#f4f2ee}.nxp-motion__frame:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(to top,#10111273,#10111200);pointer-events:none}.nxp-motion__img,.nxp-motion__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.nxp-motion__img{transition:transform .6s ease,opacity .3s ease}.nxp-motion__video{opacity:0;transition:opacity .25s ease}.nxp-motion__frame.is-started .nxp-motion__video{opacity:1}.nxp-motion__frame.is-started .nxp-motion__img{opacity:0}@media(hover:hover){.nxp-motion__frame:hover .nxp-motion__img{transform:scale(1.03)}}.nxp-motion__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.nxp-motion__hit:focus-visible{outline:2px solid #f4f2ee;outline-offset:-4px}.nxp-motion__play{position:absolute;top:50%;left:50%;z-index:3;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;border:1px solid rgba(244,242,238,.7);border-radius:50%;background:#10111280;color:#f4f2ee;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.nxp-motion__i-play{margin-left:3px}.nxp-motion__i-pause,.nxp-motion__frame.is-playing .nxp-motion__i-play{display:none}.nxp-motion__frame.is-playing .nxp-motion__i-pause{display:block}@media(hover:hover){.nxp-motion__frame:hover .nxp-motion__play{background:#101112b8;transform:scale(1.06)}}.nxp-motion__hit:focus-visible~.nxp-motion__play{background:#101112b8}.nxp-motion__badge{position:absolute;left:10px;bottom:12px;z-index:3;padding:5px 7px;background:#1011128c;font-size:11px;letter-spacing:.12em;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .2s ease}.nxp-motion__frame.is-playing .nxp-motion__play,.nxp-motion__frame.is-playing .nxp-motion__badge{opacity:0}.nxp-motion__frame.is-playing:has(:focus-visible) .nxp-motion__play,.nxp-motion__frame.is-playing:has(:focus-visible) .nxp-motion__badge{opacity:1}@media(hover:hover){.nxp-motion__frame.is-playing:hover .nxp-motion__play,.nxp-motion__frame.is-playing:hover .nxp-motion__badge{opacity:1}}.nxp-motion__sound{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#1011128c;color:#f4f2ee;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nxp-motion__sound[hidden]{display:none}.nxp-motion__sound:focus-visible{outline:2px solid #f4f2ee;outline-offset:2px}.nxp-motion__i-sound,.nxp-motion__sound[aria-pressed=true] .nxp-motion__i-muted{display:none}.nxp-motion__sound[aria-pressed=true] .nxp-motion__i-sound{display:block}.nxp-motion__progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:2px;background:#f4f2ee47;opacity:0;transition:opacity .2s ease}.nxp-motion__frame.is-started .nxp-motion__progress{opacity:1}.nxp-motion__progress i{display:block;width:100%;height:100%;background:#f4f2ee;transform:scaleX(0);transform-origin:left center}.nxp-motion__scroller{position:relative;height:2px;margin:18px var(--nxp-pad) 0;background:var(--nxp-rule);overflow:hidden}.nxp-motion__scroller[hidden]{display:none}.nxp-motion__scroller i{position:absolute;top:0;bottom:0;left:0;background:var(--nxp-ink);transition:transform .15s linear}@media screen and (min-width:750px){.nxp-motion{--mo-gap: 15px;padding:calc(17 * var(--u)) 0 calc(17 * var(--u))}.nxp-motion__nav:not([hidden]){display:flex}.nxp-motion__track{grid-auto-columns:calc((100% - 2 * var(--mo-gap)) / 3);margin:calc(10 * var(--u)) var(--nxp-pad) 0;padding:0;scroll-padding-inline:0}.nxp-motion__badge{left:12px;bottom:14px}.nxp-motion__play{width:64px;height:64px;margin:-32px 0 0 -32px}}@media screen and (min-width:1200px){.nxp-motion__track{grid-auto-columns:calc((100% - 3 * var(--mo-gap)) / 4)}}@media(prefers-reduced-motion:reduce){.nxp-motion__track{scroll-behavior:auto}.nxp-motion__img,.nxp-motion__video,.nxp-motion__scroller i{transition:none}.nxp-motion__frame:hover .nxp-motion__img,.nxp-motion__frame:hover .nxp-motion__play{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/nxp-motion.css.map */