.stl-breaker{position:relative;grid-column:1 / -1;grid-row:var(--stl-row-mobile, auto)}@media screen and (min-width:990px){.stl-breaker{grid-row:var(--stl-row-desktop, auto)}}.stl-breaker__columns{display:grid}@media screen and (min-width:750px){.stl-breaker--2col .stl-breaker__columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.stl-breaker__media{position:relative}.stl-breaker__media>img,.stl-breaker__media video{display:block;width:100%;height:100%;object-fit:cover}.stl-breaker__media video{height:auto}.stl-breaker:not(.stl-breaker--2col) .stl-breaker__media{position:static}.stl-breaker:not(.stl-breaker--2col) .stl-breaker__media>img,.stl-breaker:not(.stl-breaker--2col) .stl-breaker__media video{width:auto;max-width:100%;height:auto;max-height:100vh;max-height:100svh;margin:0 auto}.stl-breaker__badge{position:absolute;z-index:2;top:1rem;left:1rem;padding:.6rem 1rem;font-family:var(--font-heading-family);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:13px;line-height:1;text-transform:uppercase;letter-spacing:.05em}.stl-breaker__thumbs-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;pointer-events:none}.stl-breaker__thumbs{position:sticky;bottom:0;display:flex;max-width:100%;margin:0;padding:10px;list-style:none;pointer-events:auto}.stl-breaker__thumb{position:relative;display:block;height:128px;aspect-ratio:2/3;padding:0;border:none;background:rgb(var(--color-background));cursor:pointer;overflow:hidden}.stl-breaker__thumb-plus{position:absolute;bottom:5px;left:5px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff;color:#000}.stl-breaker__thumb-plus svg{width:8px;height:8px;display:block}.stl-breaker__thumb img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.stl-breaker__badge{top:15px;left:15px}.stl-breaker__thumb-plus{opacity:0;transition:opacity .15s ease}.stl-breaker__thumb:hover .stl-breaker__thumb-plus,.stl-breaker__thumb:focus-visible .stl-breaker__thumb-plus{opacity:1}}@media screen and (max-width:749px){.grid__item.stl-breaker{display:block}.stl-breaker--strip-span .stl-breaker__media{position:static}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-shop-the-look-breaker.css.map */