split-creative-grid{display:block}split-creative-grid .section-split-creative-grid{display:grid;grid-template-columns:1fr;gap:var(--split-creative-grid-gap, 0)}.split-creative-grid__tile{position:relative;width:100%;aspect-ratio:var(--split-creative-grid-tile-aspect-ratio, 1/1);overflow:hidden;border-radius:var(--split-creative-grid-radius, 0);background-color:rgb(var(--color-background))}.split-creative-grid__media,.split-creative-grid__link{position:absolute;top:0;right:0;bottom:0;left:0}.split-creative-grid__media{z-index:0;width:100%;height:100%}.split-creative-grid__media--mobile{display:none}.split-creative-grid__media img,.split-creative-grid__media video,.split-creative-grid__media svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.split-creative-grid__media--placeholder svg{opacity:.35}.split-creative-grid__link{z-index:2}.split-creative-grid__link:focus-visible{outline:.2rem solid currentColor;outline-offset:-.4rem}.split-creative-grid__title{position:absolute;inset-inline:0;inset-block-end:2.4rem;z-index:3;padding-inline:clamp(1.6rem,4vw,5.6rem);color:rgb(var(--split-creative-grid-title-color, 255, 255, 255));font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);letter-spacing:var(--letter-spacing-medium);text-align:center;text-transform:uppercase;pointer-events:none}.split-creative-grid__controls{position:absolute;inset-inline:0;inset-block-end:0;z-index:4;display:flex;align-items:center;gap:clamp(1rem,1.6vw,2.4rem);min-height:6rem;padding:1.4rem clamp(1.6rem,5vw,6.4rem);color:rgb(var(--split-creative-grid-control-color, 255, 255, 255));background:linear-gradient(180deg,#0000,#0000003d)}.split-creative-grid__control{-webkit-appearance:none;appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:0;border:0;color:currentColor;background:transparent;cursor:pointer}.split-creative-grid__control svg{width:1.7rem;height:1.7rem}.split-creative-grid__control--forward{gap:0}.split-creative-grid__control--forward svg+svg{margin-inline-start:-.7rem}.split-creative-grid__control:focus-visible,.split-creative-grid__seek:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}.split-creative-grid__timeline{position:relative;flex:1 1 auto;height:2.8rem;min-width:4rem}.split-creative-grid__progress,.split-creative-grid__seek{position:absolute;inset-inline:0;inset-block-start:50%;width:100%;transform:translateY(-50%)}.split-creative-grid__progress{height:.2rem;border:0;background-color:rgba(var(--split-creative-grid-control-color, 255, 255, 255),.42)}.split-creative-grid__progress::-webkit-progress-bar{background-color:rgba(var(--split-creative-grid-control-color, 255, 255, 255),.42)}.split-creative-grid__progress::-webkit-progress-value{background-color:currentColor}.split-creative-grid__progress::-moz-progress-bar{background-color:currentColor}.split-creative-grid__seek{height:2.8rem;margin:0;opacity:0;cursor:pointer}.split-creative-grid__icon{display:inline-flex}.split-creative-grid__icon--play,.split-creative-grid__icon--sound{display:none}.split-creative-grid__media--local-video[data-paused=true] .split-creative-grid__icon--play{display:inline-flex}.split-creative-grid__media--local-video[data-paused=true] .split-creative-grid__icon--pause{display:none}.split-creative-grid__media--local-video[data-muted=false] .split-creative-grid__icon--sound{display:inline-flex}.split-creative-grid__media--local-video[data-muted=false] .split-creative-grid__icon--muted{display:none}@media screen and (max-width:749px){split-creative-grid .section-split-creative-grid{grid-template-columns:1fr}.split-creative-grid__tile:first-child{order:var(--split-creative-grid-block-order-mobile, initial)}.split-creative-grid__tile--hide-mobile,.split-creative-grid__media--desktop{display:none}.split-creative-grid__media--mobile{display:block}split-creative-grid .section-split-creative-grid--mobile-viewport .split-creative-grid__tile,.split-creative-grid__tile--mobile-viewport{height:100vh;min-height:100vh;height:100lvh;min-height:100lvh;aspect-ratio:auto;background-color:#000}split-creative-grid .section-split-creative-grid--mobile-viewport .split-creative-grid__media,.split-creative-grid__tile--mobile-viewport .split-creative-grid__media,split-creative-grid .section-split-creative-grid--mobile-viewport .split-creative-grid__media img,split-creative-grid .section-split-creative-grid--mobile-viewport .split-creative-grid__media video,.split-creative-grid__tile--mobile-viewport .split-creative-grid__media img,.split-creative-grid__tile--mobile-viewport .split-creative-grid__media video{height:100vh;min-height:100vh;height:100lvh;min-height:100lvh}split-creative-grid .section-split-creative-grid--mobile-viewport .split-creative-grid__media img,split-creative-grid .section-split-creative-grid--mobile-viewport .split-creative-grid__media video,.split-creative-grid__tile--mobile-viewport .split-creative-grid__media img,.split-creative-grid__tile--mobile-viewport .split-creative-grid__media video{object-fit:var(--split-creative-grid-mobile-object-fit, cover)}.split-creative-grid__controls{min-height:5.2rem;gap:.8rem;padding:1.2rem 1.4rem}.split-creative-grid__control{width:2.6rem;height:2.6rem}.split-creative-grid__control svg{width:1.5rem;height:1.5rem}.split-creative-grid__title{inset-block-end:1.8rem;padding-inline:1.6rem}}@media screen and (min-width:750px){split-creative-grid .section-split-creative-grid:not(.section-split-creative-grid--single){grid-template-columns:repeat(2,minmax(0,1fr))}split-creative-grid .section-split-creative-grid--desktop-viewport .split-creative-grid__tile,.split-creative-grid__tile--desktop-viewport{min-height:100svh;aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-split-creative-grid.css.map */