.cmx-hl{--cmx-hl-cols:7;--cmx-hl-rows:2;--cmx-hl-tile:96px;--cmx-hl-h:44px;--cmx-hl-gap:12px;padding-bottom:64px}.cmx-hl *{box-sizing:border-box}.cmx-hl-panel{display:grid;gap:36px;padding:clamp(28px,3.6vw,52px);border-radius:28px;background:var(--hig-grouped,#f5f5f7);border:1px solid #e9e9ee}.cmx-hl-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:start}.cmx-hl .cmx-hl-kicker{grid-column:1;margin:0 0 16px;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--cm-muted,#5a6068)}.cmx-hl .cmx-hl-head h2{grid-column:1/-1;margin:0;max-width:21em;font-size:clamp(27px,2.55vw,38px);line-height:1.12;font-weight:620;color:var(--cm-ink,#141719)}.cmx-hl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cmx-hl-cols),minmax(0,1fr));grid-auto-rows:var(--cmx-hl-tile);gap:var(--cmx-hl-gap)}.cmx-hl-item{display:grid;place-items:center;min-width:0;padding:0 16px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #3c3c4312,0 1px 2px #0f172a0a,0 12px 26px -20px #0f172a38}.cmx-hl-item img{display:block;height:var(--cmx-hl-h);width:auto;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.cmx-hl.is-live .cmx-hl-list{grid-template-rows:repeat(var(--cmx-hl-rows),var(--cmx-hl-tile));grid-auto-rows:0}.cmx-hl.is-live .cmx-hl-item:not(.is-base){background:none;box-shadow:none}.cmx-hl.is-live .cmx-hl-item img{opacity:0;transform:translate3d(0,9px,0) scale(.97);filter:blur(5px);transition:opacity .55s ease,transform .55s ease,filter .55s ease}.cmx-hl.is-live .cmx-hl-item.is-out img{transform:translate3d(0,-9px,0) scale(.97)}.cmx-hl.is-live .cmx-hl-item.is-on img{opacity:1;transform:none;filter:none;transition:opacity .8s ease .18s,transform 1s var(--hig-smooth,cubic-bezier(.22,1,.36,1)) .18s,filter .8s ease .18s}.cmx-hl.is-live.is-setup .cmx-hl-item img{transition:none}.cmx-hl-pause{-webkit-appearance:none;appearance:none;grid-column:2;grid-row:1;position:relative;display:grid;place-items:center;width:36px;height:36px;margin:-10px 0;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #3c3c4317,0 1px 2px #0f172a0d;color:var(--hig-label-2,#6e6e73);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease,transform .3s ease}.cmx-hl-pause[hidden]{display:none}.cmx-hl-pause:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.cmx-hl-pause:hover{color:var(--hig-label,#1d1d1f)}.cmx-hl-pause:active{transform:scale(.94)}.cmx-hl-pause svg{fill:currentColor;grid-area:1/1}.cmx-hl-pause .cmx-hl-ico-play{display:none;margin-left:1px}.cmx-hl-pause[aria-pressed=true] .cmx-hl-ico-play{display:block}.cmx-hl-pause[aria-pressed=true] .cmx-hl-ico-pause{display:none}.cmx-hl-pause:focus-visible{outline:3px solid var(--cm-blue,#174fe4);outline-offset:3px}@media(min-width:1100px){.cmx-hl.is-live{--cmx-hl-cols:4;--cmx-hl-rows:3;--cmx-hl-tile:104px;--cmx-hl-h:48px}.cmx-hl.is-live .cmx-hl-panel{grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:clamp(36px,4.4vw,72px);align-items:stretch}.cmx-hl.is-live .cmx-hl-head{display:flex;flex-direction:column;align-items:flex-start;padding:6px 0 2px}.cmx-hl.is-live .cmx-hl-head h2{max-width:13em;font-size:clamp(30px,2.75vw,40px)}.cmx-hl.is-live .cmx-hl-pause{margin:auto 0 0}}@media(max-width:1099px){.cmx-hl{--cmx-hl-cols:4;--cmx-hl-rows:3;--cmx-hl-tile:92px;--cmx-hl-h:42px;padding-bottom:56px}.cmx-hl-panel{gap:30px}}@media(max-width:860px){.cmx-hl{--cmx-hl-cols:3;--cmx-hl-rows:4}}@media(max-width:700px){.cmx-hl{--cmx-hl-cols:2;--cmx-hl-rows:4;--cmx-hl-tile:80px;--cmx-hl-h:38px;--cmx-hl-gap:10px;padding-bottom:46px}.cmx-hl-panel{gap:24px;padding:26px 18px 18px;border-radius:22px}.cmx-hl-head{padding:0 4px}.cmx-hl .cmx-hl-kicker{font-size:10px;margin-bottom:12px}.cmx-hl .cmx-hl-head h2{font-size:25px;line-height:1.15}.cmx-hl-item{padding:0 12px;border-radius:15px}}@media(prefers-reduced-motion:reduce){.cmx-hl .cmx-hl-item img,.cmx-hl-pause{transition:none!important}}@media print{.cmx-hl-pause{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cm-x-home-logos.css.map */