.o-shop-the-look{--padding-block:4rem;--content-order:1;--image-order:2;--gap:2rem 3rem;--slider-right:calc(var(--layout-site-padding)*-1);--columns:minmax(0,1fr);padding-block:var(--padding-block)}.o-shop-the-look[data-media-mobile-position=top]{--content-order:2;--image-order:1}@media screen and (min-width:768px){.o-shop-the-look{--padding-block:5rem;--slider-right:0px;--content-order:1;--image-order:2;--columns:repeat(2,minmax(0,1fr))}.o-shop-the-look[data-media-mobile-position=top]{--content-order:1;--image-order:2}.o-shop-the-look[data-media-position=left]{--content-order:2;--image-order:1}}.o-shop-the-look__grid{display:grid;gap:var(--gap);grid-template-columns:var(--columns)}.o-shop-the-look__content{order:var(--content-order)}.o-shop-the-look__image{order:var(--image-order);position:relative}.o-shop-the-look__image iframe,.o-shop-the-look__image img,.o-shop-the-look__image video{height:100%;object-fit:cover;width:100%}.o-shop-the-look__slider-wrapper{margin-right:var(--slider-right);overflow:clip;position:relative}.o-shop-the-look__header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;margin-bottom:2rem}.o-shop-the-look__heading{grid-column:1;grid-row:1;margin:0}.o-shop-the-look__text{grid-column:1;grid-row:2}.o-shop-the-look__text p{margin-bottom:0}.o-shop-the-look__slider-controls{--size:4rem;--gap:1rem;align-items:center;display:flex;gap:var(--gap);grid-column:2;grid-row:1;width:max-content}.o-shop-the-look__slider-controls>.m-swiper__arrow{background-color:rgb(var(--color-button));border-radius:50%;color:rgb(var(--color-button-label));height:var(--size);inset:0;margin:unset;padding:0;position:relative;width:var(--size)}.o-shop-the-look__slider-controls>.m-swiper__arrow:hover{background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-hover-label))}.o-shop-the-look__slider-controls>.m-swiper__arrow svg{display:block;height:1.7rem;width:1.7rem}.o-shop-the-look__slider-controls>.m-swiper__arrow path{fill:currentColor}.o-shop-the-look__slider-controls>.m-swiper__arrow:after{content:none}