stl-scenes.shop-the-look{--stl-text: #215654;display:grid;position:relative;grid-template:auto minmax(0,1fr) auto / minmax(0,2fr) minmax(0,1fr);column-gap:30px;color:var(--stl-text)}stl-scenes [hidden]{display:none!important}stl-scenes .stl-scenes__scene,stl-scenes .stl-scenes__shopping{display:contents}stl-scenes .stl-scenes__heading{grid-area:1 / 2;margin-block-end:16px}stl-scenes .stl-scenes__heading .title-wrapper{margin:0;text-align:left;align-items:flex-start}stl-scenes .stl-scenes__heading .heading{color:var(--stl-accent);font-size:36px;line-height:1.1}stl-scenes .stl-scenes__image{grid-area:1 / 1 / 3 / 2;align-self:start;position:relative;min-width:0;overflow:hidden;border-radius:var(--rounded-block);touch-action:pan-y pinch-zoom}stl-scenes .stl-scenes__photo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}stl-scenes .stl-scenes__hotspot{position:absolute;z-index:1;left:var(--stl-x);top:var(--stl-y);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer}stl-scenes .stl-scenes__hotspot span{display:block;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:var(--stl-accent);box-shadow:0 0 0 7px #00bfb247,0 2px 6px #0000001f}stl-scenes .stl-scenes__hotspot[aria-current=true] span{box-shadow:0 0 0 8px #00bfb273,0 2px 6px #0000001f}stl-scenes .stl-scenes__products{grid-area:2 / 2;min-width:0;touch-action:pan-y pinch-zoom}stl-scenes [data-stl-product]{height:100%}stl-scenes .product-card__media{flex-shrink:0}stl-scenes .stl-scene-card__variant{margin:8px 0 0;font-size:12px;line-height:1.4;opacity:.75}stl-scenes .stl-scene-card__fallback{display:block;padding-top:8px;text-decoration:underline}stl-scenes .stl-scenes__empty{padding:24px;background:#fafafa;border-radius:var(--card-radius)}stl-scenes .stl-scenes__scene-nav{grid-area:3 / 1}stl-scenes .stl-scenes__product-nav{grid-area:3 / 2}stl-scenes .stl-scenes__scene-nav,stl-scenes .stl-scenes__product-nav{display:flex;justify-content:center;align-items:center;margin-block-start:12px}stl-scenes .stl-scenes__scene-choices,stl-scenes .stl-scenes__product-dots{display:flex;justify-content:center;align-items:center}stl-scenes .stl-scenes__scene-choice,stl-scenes .stl-scenes__product-dot{display:grid;place-items:center;width:24px;height:44px;flex:0 0 24px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;font:inherit;cursor:pointer}stl-scenes .stl-scenes__scene-dot,stl-scenes .stl-scenes__product-dot span{display:block;width:8px;height:8px;border-radius:50%;background:var(--stl-accent)}stl-scenes [aria-pressed=true] .stl-scenes__scene-dot,stl-scenes .stl-scenes__product-dot[aria-pressed=true] span{background:transparent;box-shadow:0 0 0 2px var(--stl-accent)}stl-scenes .stl-scenes__autoplay{grid-area:1 / 1 / 3 / 2;position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffffd1;color:var(--stl-text);cursor:pointer}stl-scenes .stl-scenes__autoplay:hover:not(:disabled){background:#fff}stl-scenes button:disabled{cursor:default}stl-scenes .stl-scenes__autoplay:disabled{opacity:.4}stl-scenes button:focus-visible,stl-scenes a:focus-visible,stl-scenes [data-stl-image]:focus-visible{outline:2px solid var(--stl-text);outline-offset:4px}@media(min-width:1024px){@supports (container-type: size) and (width: 1cqw){stl-scenes .stl-scenes__products{contain:size;min-height:0}stl-scenes .stl-scene-card{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:0}stl-scenes .stl-scene-card>.product-card__media{display:grid;place-items:center;align-self:stretch;min-width:0;min-height:0;container-type:size}stl-scenes .stl-scene-card>.product-card__media>.media--square{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}}}@media(max-width:1023px){stl-scenes.shop-the-look{grid-template:auto auto auto auto auto / minmax(0,1fr)}stl-scenes .stl-scenes__heading{grid-area:1 / 1}stl-scenes .stl-scenes__heading .heading{font-size:24px}stl-scenes .stl-scenes__image{grid-area:2 / 1}stl-scenes .stl-scenes__autoplay{grid-area:2 / 1}stl-scenes .stl-scenes__scene-nav{grid-area:3 / 1}stl-scenes .stl-scenes__products{grid-area:4 / 1;margin-block-start:16px}stl-scenes .stl-scenes__product-nav{grid-area:5 / 1}stl-scenes .product-card{margin-inline-end:0}}@media(pointer:coarse){stl-scenes .stl-scenes__scene-choice,stl-scenes .stl-scenes__product-dot{width:44px;flex-basis:44px}}@media(prefers-reduced-motion:reduce){stl-scenes *,stl-scenes *:before,stl-scenes *:after{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/shop-the-look-scenes.css.map */