.shop-the-scene{--shop-the-scene-gap: var(--gap-md, 16px)}.shop-the-scene__layout{display:grid;gap:var(--shop-the-scene-gap)}.shop-the-scene__tile{position:relative;min-height:0;border-radius:var(--border-radius-sm, 0);overflow:hidden}.shop-the-scene__empty{margin:0;padding:var(--padding-lg);text-align:center;opacity:var(--opacity-70)}.shop-the-scene-tile{display:grid;grid-template-rows:1fr;min-height:0;height:100%;position:relative}.shop-the-scene-tile__media{position:relative;min-height:0;height:100%;overflow:hidden}.shop-the-scene-tile__image,.shop-the-scene-tile__image--placeholder{display:block;width:100%;height:100%;min-height:0;object-fit:cover}.shop-the-scene-tile__video{display:block;width:100%;height:100%;min-height:0}.shop-the-scene-tile__video.deferred-media{position:relative}.shop-the-scene-tile__video .deferred-media__poster-image{width:100%;height:100%;object-fit:cover}.shop-the-scene-tile__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-flat, 1);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--gap-sm);padding:var(--padding-lg);pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / 45%),transparent 55%)}.shop-the-scene-tile__copy{color:rgb(var(--color-background))}.shop-the-scene-tile__disclaimer{margin:0;color:rgb(var(--color-background));font-size:var(--font-size--xs);opacity:var(--opacity-80, .8)}.shop-the-scene-tile__button{pointer-events:auto;width:fit-content}.shop-the-scene-tile__product-pill{position:absolute;z-index:var(--layer-raised, 2);inset-inline:var(--padding-md, 16px);inset-block-end:var(--padding-md, 16px);max-width:min(calc(100% - 2 * var(--padding-md, 16px)),360px);pointer-events:auto}.shop-the-scene-tile__product-pill-link{display:block;text-decoration:none;color:inherit}.shop-the-scene-tile__product-pill--compact .product-card-compact{width:100%}.shop-the-scene-tile__product-pill--strip{right:25px;left:auto;bottom:25px}.shop-the-scene-tile__product-strip-disclosure{--strip-thumb-size: 52px;--strip-gap: 8px;--strip-stagger-step: 60ms;--strip-reveal-duration: .28s;position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:var(--strip-gap);width:fit-content;margin-inline:auto;padding:10px;border-radius:12px;transition:background-color .2s ease,padding .2s ease}.shop-the-scene-tile__product-strip-toggle{position:relative;flex:0 0 var(--strip-thumb-size);width:var(--strip-thumb-size);height:var(--strip-thumb-size);display:flex;align-items:center;justify-content:center;padding:0;background:var(--color-primary);color:var(--color-background);cursor:pointer;list-style:none;border:none;border-radius:4px;transition:transform .2s ease}.shop-the-scene-tile__product-strip-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:140%;height:140%;transform:translate(-15%,-15%);background:#0000004d;border-radius:12px;opacity:0;transition:opacity .2s ease,transform .2s ease}@media(hover:hover){.shop-the-scene-tile__product-strip-disclosure:not(:hover):not(:focus-within) .shop-the-scene-tile__product-strip-toggle:before{opacity:1}.shop-the-scene-tile__product-strip-disclosure:hover .shop-the-scene-tile__product-strip-toggle:before,.shop-the-scene-tile__product-strip-disclosure:focus-within .shop-the-scene-tile__product-strip-toggle:before{opacity:0}}@media(hover:hover){.shop-the-scene-tile__product-strip-toggle:hover{outline:none;border:none;box-shadow:none;transform:scale(1.04)}}.shop-the-scene-tile__product-strip-toggle-icon{display:flex;align-items:center;justify-content:center}.shop-the-scene-tile__product-strip-toggle-icon .svg-wrapper{margin:0}.shop-the-scene-tile__product-strip-panel{flex:0 1 auto;max-width:0;overflow:hidden;pointer-events:none;transition:max-width var(--strip-reveal-duration) var(--animation-easing, ease)}@media(hover:hover){.shop-the-scene-tile__product-strip-disclosure:hover .shop-the-scene-tile__product-strip-panel,.shop-the-scene-tile__product-strip-disclosure:focus-within .shop-the-scene-tile__product-strip-panel{max-width:calc(3 * var(--strip-thumb-size) + 2 * var(--strip-gap));pointer-events:auto}.shop-the-scene-tile__product-strip-disclosure:hover .shop-the-scene-tile__product-strip li,.shop-the-scene-tile__product-strip-disclosure:focus-within .shop-the-scene-tile__product-strip li{max-width:var(--strip-thumb-size);opacity:1}.shop-the-scene-tile__product-strip-disclosure:hover .shop-the-scene-tile__product-strip li:nth-last-child(1),.shop-the-scene-tile__product-strip-disclosure:focus-within .shop-the-scene-tile__product-strip li:nth-last-child(1){transition-delay:0ms}.shop-the-scene-tile__product-strip-disclosure:hover .shop-the-scene-tile__product-strip li:nth-last-child(2),.shop-the-scene-tile__product-strip-disclosure:focus-within .shop-the-scene-tile__product-strip li:nth-last-child(2){transition-delay:var(--strip-stagger-step)}.shop-the-scene-tile__product-strip-disclosure:hover .shop-the-scene-tile__product-strip li:nth-last-child(3),.shop-the-scene-tile__product-strip-disclosure:focus-within .shop-the-scene-tile__product-strip li:nth-last-child(3){transition-delay:calc(var(--strip-stagger-step) * 2)}.shop-the-scene-tile__product-strip-disclosure:hover,.shop-the-scene-tile__product-strip-disclosure:focus-within{background:#0006}}.shop-the-scene-tile__product-strip{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--strip-gap);list-style:none;margin:0;padding:0}.shop-the-scene-tile__product-strip li{flex:0 0 auto;max-width:0;opacity:0;overflow:hidden;transition:max-width var(--strip-reveal-duration) var(--animation-easing, ease),opacity .2s var(--animation-easing, ease)}.shop-the-scene-tile__product-thumb{display:flex;align-items:center;justify-content:center;width:var(--strip-thumb-size);height:var(--strip-thumb-size);border-radius:4px;background:rgb(var(--color-background));overflow:hidden;text-decoration:none}.shop-the-scene-tile__product-thumb-image{display:block;width:100%;height:100%;object-fit:cover}.shop-the-scene-tile__product-thumb-image.placeholder-svg{padding:var(--padding-2xs)}@media screen and (max-width:749px),(hover:none){.shop-the-scene-tile__product-strip-disclosure{--strip-thumb-size: 40px;padding:0;bottom:10px;right:10px;background:transparent}.shop-the-scene-tile__product-pill--strip{inset-inline-end:5px;inset-block-end:5px;inset-inline-start:auto}.shop-the-scene-tile__product-strip-panel{display:none}.shop-the-scene-tile__product-strip-toggle{display:flex}.shop-the-scene-tile__product-strip-toggle:before{opacity:1}}@media(prefers-reduced-motion:reduce){.shop-the-scene-tile__product-strip-toggle,.shop-the-scene-tile__product-strip-panel,.shop-the-scene-tile__product-strip li{transition:none}}.shop-the-scene__tile--story{display:flex;flex-direction:column;min-height:0;background:rgb(var(--color-background))}.shop-the-scene-story{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--gap-md, 16px);width:100%;height:100%;min-height:inherit;padding:var(--padding-xl, 32px);color:rgb(var(--color-foreground-rgb, 0 0 0))}.shop-the-scene-story__badge{margin:0;font-size:var(--font-size--2xs, .75rem);letter-spacing:.12em;text-transform:uppercase;opacity:var(--opacity-70, .7)}.shop-the-scene-story__heading{margin:0}.shop-the-scene-story__phrase{margin:0;font-size:var(--font-size--md, 1rem);opacity:var(--opacity-80, .8)}.shop-the-scene-story__description :is(p,h1,h2,h3,h4,h5,h6){margin:0}.shop-the-scene-story__button{width:fit-content}.shop-the-scene-story__empty{margin:0;padding:var(--padding-lg);opacity:var(--opacity-70)}.shop-the-scene[data-layout=grid_3x2] .shop-the-scene__layout--grid-3x2{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-the-scene[data-layout=equal_quad] .shop-the-scene__layout--equal{grid-template-columns:minmax(0,1fr)}@media screen and (max-width:749px){.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__layout--mosaic{grid-template-columns:minmax(0,1fr)}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__featured{grid-column:1}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__featured .shop-the-scene-tile{aspect-ratio:1 / 2;height:auto}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--shop-the-scene-gap)}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic .shop-the-scene__tile{aspect-ratio:1 / 1}.shop-the-scene-tile__product-pill{max-width:calc(100% - 1.5rem)}}@media screen and (min-width:750px){.shop-the-scene[data-layout=grid_3x2] .shop-the-scene__layout--grid-3x2{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;min-height:var(--shop-the-scene-grid-min-height, 850px)}.shop-the-scene[data-layout=grid_3x2] .shop-the-scene__layout--grid-3x2 .shop-the-scene__tile,.shop-the-scene[data-layout=grid_3x2] .shop-the-scene__layout--grid-3x2 .shop-the-scene-tile{min-height:100%;height:100%}.shop-the-scene[data-layout=equal_quad] .shop-the-scene__layout--equal{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);align-items:stretch}.shop-the-scene[data-layout=equal_quad] .shop-the-scene__layout--equal .shop-the-scene__tile,.shop-the-scene[data-layout=equal_quad] .shop-the-scene__layout--equal .shop-the-scene__tile--story{aspect-ratio:695 / 420}.shop-the-scene[data-layout=equal_quad] .shop-the-scene__layout--equal .shop-the-scene-tile{height:100%}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__layout--mosaic{grid-template-columns:1fr 1fr 1fr;align-items:center}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__featured{grid-column:1;min-height:0;height:auto;align-self:center}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__featured.shop-the-scene__tile--featured{min-height:0}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__featured .shop-the-scene-tile{width:100%;height:auto;min-height:0;aspect-ratio:1 / 2}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__featured .shop-the-scene-tile__media{min-height:0;height:100%}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__featured .shop-the-scene-tile__image,.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__featured .shop-the-scene-tile__image--placeholder{min-height:0}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:var(--shop-the-scene-gap);min-height:0;height:fit-content;align-self:center}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic .shop-the-scene__tile{min-height:0;width:100%;aspect-ratio:1 / 1}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic .shop-the-scene__tile--story{aspect-ratio:1 / 1}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic .shop-the-scene-tile{width:100%;height:100%;min-height:0;aspect-ratio:inherit}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic .shop-the-scene-tile__media{min-height:0;height:100%;aspect-ratio:inherit}.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic .shop-the-scene-tile__image,.shop-the-scene[data-layout=featured_mosaic] .shop-the-scene__mosaic .shop-the-scene-tile__image--placeholder{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/shop-the-scene.css.map */