.shop-look{--shop-look-panel-width: min(430px, calc(100vw - 48px) );--shop-look-dot-size: 34px;--shop-look-label-gap: 28px;--shop-look-panel-gap: 46px;--shop-look-ease: cubic-bezier(.22, 1, .36, 1);min-width:0;background:var(--bg);color:var(--fg)}.shop-look__header{width:min(var(--max-w),100%);margin-left:auto;margin-right:auto;align-items:flex-end}.shop-look__header>.theme-content-stack{min-width:0;max-width:100%}.shop-look__text{max-width:620px;margin-top:12px;color:var(--muted)}.shop-look__header .theme-content-stack--desktop-center .shop-look__text{margin-inline:auto}.shop-look__header .theme-content-stack--desktop-right .shop-look__text{margin-inline-start:auto}.shop-look__frame{position:relative;width:min(var(--max-w),calc(100% - (var(--page-gutter) * 2)));max-width:var(--max-w);min-width:0;margin:0 auto;overflow:hidden;border-radius:var(--shop-look-radius, var(--radius));background:var(--surface);isolation:isolate}.shop-look__image{position:relative;aspect-ratio:var(--shop-look-ratio-desktop, 2 / 1)}.shop-look__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(0,0,0,.12) 78%),linear-gradient(180deg,#00000014,#0000002e);pointer-events:none}.shop-look__image img,.shop-look__image svg,.shop-look__placeholder{display:block;width:100%;height:100%;object-fit:cover}.shop-look__hotspots,.shop-look__panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.shop-look__panels{z-index:4}.shop-look__hotspot{position:absolute;left:var(--shop-look-x);top:var(--shop-look-y);z-index:3;width:var(--shop-look-dot-size);height:var(--shop-look-dot-size);margin-top:var(--block-spacing-top-desktop, 0);margin-bottom:var(--block-spacing-bottom-desktop, 0);transform:translate(-50%,-50%);pointer-events:auto}.shop-look__target,.shop-look__label{-webkit-appearance:none;appearance:none;border:0;font:inherit;cursor:pointer}.shop-look__target{position:relative;z-index:4;display:grid;width:var(--shop-look-dot-size);height:var(--shop-look-dot-size);padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--shop-look-hotspot-color, #fff) 88%,transparent);border-radius:999px;background:color-mix(in srgb,var(--shop-look-hotspot-color, #fff) 18%,transparent);color:var(--shop-look-hotspot-color, #fff);box-shadow:0 14px 34px #00000038;transition:transform .36s var(--shop-look-ease),background-color .26s ease,border-color .26s ease}.shop-look__target:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid color-mix(in srgb,currentColor 70%,transparent);border-radius:inherit;opacity:0;transform:scale(.74);animation:shop-look-hotspot-pulse 2.4s ease infinite}.shop-look__target-ring{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:inherit;background:color-mix(in srgb,currentColor 18%,transparent)}.shop-look__target-dot{position:relative;z-index:1;width:12px;height:12px;border-radius:999px;background:currentColor;transition:transform .36s var(--shop-look-ease)}.shop-look__line{position:absolute;z-index:2;display:block;background:color-mix(in srgb,var(--shop-look-hotspot-color, #fff) 92%,transparent);pointer-events:none;transform-origin:center;transition:opacity .26s ease,transform .36s var(--shop-look-ease)}.shop-look__label{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:max-content;max-width:min(260px,42vw);padding:10px 14px;border-radius:calc(var(--shop-look-radius, var(--radius)) * .7);background:var(--shop-look-card-bg, var(--bg));color:var(--fg);box-shadow:0 18px 45px #00000029;line-height:1.15;text-align:left;white-space:nowrap;pointer-events:auto;transition:opacity .24s ease,transform .36s var(--shop-look-ease),color .24s ease}.shop-look__label svg{flex:0 0 auto;transition:transform .3s var(--shop-look-ease)}.shop-look__label:hover svg,.shop-look__label:focus-visible svg{transform:translate(3px)}.shop-look__label-card{position:absolute;z-index:3;min-width:max-content;width:max-content;max-width:min(300px,42vw);border:1px solid color-mix(in srgb,var(--border) 58%,transparent);border-radius:calc(var(--shop-look-radius, var(--radius)) * .7);background:var(--shop-look-card-bg, var(--bg));color:var(--fg);box-shadow:0 18px 45px #00000029;overflow:hidden;pointer-events:auto;transition:opacity .24s ease,visibility .24s ease,transform .36s var(--shop-look-ease),color .24s ease,box-shadow .36s var(--shop-look-ease)}.shop-look__label-card .shop-look__label{position:relative;inset:auto;width:100%;max-width:none;min-width:0;justify-content:space-between;gap:8px;border-radius:0;background:transparent;box-shadow:none;white-space:normal;transform:none}.shop-look__label-content{max-height:0;overflow:hidden;opacity:0;visibility:hidden;padding:0 14px;color:var(--fg);pointer-events:none;transition:max-height .42s var(--shop-look-ease),opacity .22s ease,visibility .22s ease,padding .42s var(--shop-look-ease)}.shop-look__label-price{font-size:14px}.shop-look__label-summary{margin:7px 0 0;color:color-mix(in srgb,var(--fg) 70%,transparent);font-size:12px;line-height:1.25}.shop-look__label-actions{display:grid;gap:8px;margin-top:12px}.shop-look__label-quick-buy{width:100%;justify-content:center;--button-padding-y: 9px;--button-padding-x: 16px;--button-font-size: 10px}.shop-look__label-details-link{display:inline-flex;width:fit-content;align-items:center;gap:5px;color:color-mix(in srgb,var(--fg) 82%,transparent);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.shop-look__label-details-link svg{transition:transform .24s var(--shop-look-ease)}.shop-look__label-details-link:hover svg,.shop-look__label-details-link:focus-visible svg{transform:translate(3px)}.shop-look__hotspot.is-active .shop-look__label-card{box-shadow:0 24px 70px #00000038}.shop-look__hotspot.is-active .shop-look__label-content{max-height:240px;opacity:1;visibility:visible;padding:0 14px 14px;pointer-events:auto}.shop-look__hotspot--label-right .shop-look__line,.shop-look__hotspot--label-left .shop-look__line{top:50%;width:var(--shop-look-label-gap);height:1px}.shop-look__hotspot--label-right .shop-look__line{left:calc(100% - 1px);transform:translateY(-50%) scaleX(1)}.shop-look__hotspot--label-left .shop-look__line{right:calc(100% - 1px);transform:translateY(-50%) scaleX(1)}.shop-look__hotspot--label-top .shop-look__line,.shop-look__hotspot--label-bottom .shop-look__line{left:50%;width:1px;height:var(--shop-look-label-gap)}.shop-look__hotspot--label-top .shop-look__line{bottom:calc(100% - 1px);transform:translate(-50%) scaleY(1)}.shop-look__hotspot--label-bottom .shop-look__line{top:calc(100% - 1px);transform:translate(-50%) scaleY(1)}.shop-look__hotspot--label-right .shop-look__label,.shop-look__hotspot--label-right .shop-look__label-card{left:calc(100% + var(--shop-look-label-gap));top:50%;transform:translateY(-50%)}.shop-look__hotspot--label-left .shop-look__label,.shop-look__hotspot--label-left .shop-look__label-card{right:calc(100% + var(--shop-look-label-gap));top:50%;transform:translateY(-50%)}.shop-look__hotspot--label-top .shop-look__label,.shop-look__hotspot--label-top .shop-look__label-card{left:50%;bottom:calc(100% + var(--shop-look-label-gap));transform:translate(-50%)}.shop-look__hotspot--label-bottom .shop-look__label,.shop-look__hotspot--label-bottom .shop-look__label-card{left:50%;top:calc(100% + var(--shop-look-label-gap));transform:translate(-50%)}.shop-look__hotspot .shop-look__label-card .shop-look__label{position:relative;inset:auto;transform:none}.shop-look__hotspot:hover .shop-look__target,.shop-look__hotspot:focus-within .shop-look__target,.shop-look__hotspot.is-active .shop-look__target{transform:scale(1.16);background:color-mix(in srgb,var(--shop-look-hotspot-color, #fff) 28%,transparent)}.shop-look__hotspot:hover .shop-look__target-dot,.shop-look__hotspot:focus-within .shop-look__target-dot,.shop-look__hotspot.is-active .shop-look__target-dot{transform:scale(.78)}.shop-look__hotspot:hover .shop-look__line,.shop-look__hotspot:focus-within .shop-look__line{transform:var(--shop-look-line-hover-transform, scale(1.2))}.shop-look__hotspot--label-right:hover .shop-look__line,.shop-look__hotspot--label-right:focus-within .shop-look__line{transform:translateY(-50%) scaleX(1.18)}.shop-look__hotspot--label-left:hover .shop-look__line,.shop-look__hotspot--label-left:focus-within .shop-look__line{transform:translateY(-50%) scaleX(1.18)}.shop-look__hotspot--label-top:hover .shop-look__line,.shop-look__hotspot--label-top:focus-within .shop-look__line,.shop-look__hotspot--label-bottom:hover .shop-look__line,.shop-look__hotspot--label-bottom:focus-within .shop-look__line{transform:translate(-50%) scaleY(1.18)}.shop-look--thumbnail_panel .shop-look__hotspot.is-active .shop-look__label,.shop-look--thumbnail_panel .shop-look__hotspot.is-active .shop-look__line{opacity:0;visibility:hidden}.shop-look__panel{position:absolute;z-index:5;top:max(18px,min(calc(var(--shop-look-y) - 112px),calc(100% - 240px)));width:var(--shop-look-panel-width);min-height:188px;display:grid;grid-template-columns:minmax(132px,.88fr) minmax(0,1fr);gap:14px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:var(--shop-look-radius, var(--radius));background:var(--shop-look-card-bg, var(--bg));color:var(--fg);box-shadow:0 28px 90px #0000003d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility .26s ease,transform .36s var(--shop-look-ease)}.shop-look__panel--right{left:max(18px,min(calc(var(--shop-look-x) + var(--shop-look-panel-gap)),calc(100% - var(--shop-look-panel-width) - 18px)));transform:translate3d(18px,10px,0) scale(.96)}.shop-look__panel--left{left:max(18px,min(calc(var(--shop-look-x) - var(--shop-look-panel-width) - var(--shop-look-panel-gap)),calc(100% - var(--shop-look-panel-width) - 18px)));transform:translate3d(-18px,10px,0) scale(.96)}.shop-look__panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1)}.shop-look--label_expand .shop-look__panels{display:none}.shop-look__panel-media{min-width:0;overflow:hidden;border-radius:calc(var(--shop-look-radius, var(--radius)) * .75);background:var(--surface)}.shop-look__panel-media img,.shop-look__panel-media svg,.shop-look__panel-image{display:block;width:100%;height:100%;aspect-ratio:1 / 1.1;object-fit:cover}.shop-look__panel-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:var(--theme-content-align-desktop, left)}.shop-look__panel-title{color:var(--fg);font-family:var(--font-heading);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.05;letter-spacing:-.035em}.shop-look__panel-price{margin-top:12px;font-size:18px}.shop-look__panel-summary{margin:10px 0 0;color:color-mix(in srgb,var(--fg) 78%,transparent);font-size:15px;line-height:1.25}.shop-look__panel-actions{width:100%;display:grid;gap:10px;margin-top:auto;padding-top:18px}.shop-look__quick-buy{width:100%;justify-content:center}.shop-look__details-link{display:inline-flex;width:fit-content;align-items:center;gap:5px;color:color-mix(in srgb,var(--fg) 82%,transparent);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.shop-look__details-link svg{transition:transform .24s var(--shop-look-ease)}.shop-look__details-link:hover svg,.shop-look__details-link:focus-visible svg{transform:translate(3px)}.shop-look__empty{position:absolute;left:50%;bottom:24px;z-index:5;transform:translate(-50%);padding:10px 14px;border:1px solid var(--border);border-radius:var(--shop-look-radius, var(--radius));background:var(--bg);color:var(--muted);font-size:12px}@keyframes shop-look-hotspot-pulse{0%{opacity:.72;transform:scale(.72)}72%{opacity:0;transform:scale(1.42)}to{opacity:0;transform:scale(1.42)}}@media(max-width:989px){.shop-look{--shop-look-panel-width: min(360px, calc(100vw - 40px) );--shop-look-dot-size: 32px;--shop-look-label-gap: 22px}.shop-look__panel{grid-template-columns:112px minmax(0,1fr);min-height:150px}.shop-look__panel-title{font-size:19px}}@media(max-width:767px){.shop-look{min-width:0}.shop-look__header{margin-bottom:18px}.shop-look__header>.theme-content-stack{width:100%}.shop-look__header .theme-content-stack--mobile-center .shop-look__text{margin-inline:auto}.shop-look__header .theme-content-stack--mobile-right .shop-look__text{margin-inline-start:auto}.shop-look__image{aspect-ratio:var(--shop-look-ratio-mobile, 4 / 5)}.shop-look__hotspot{left:var(--shop-look-x-mobile);top:var(--shop-look-y-mobile);margin-top:var(--block-spacing-top-mobile, 0);margin-bottom:var(--block-spacing-bottom-mobile, 0)}.shop-look__label,.shop-look__line{display:none}.shop-look--label_expand .shop-look__panels{display:block}.shop-look__label-card,.shop-look__label-content{display:none}.shop-look__panel{left:14px;right:14px;bottom:14px;top:auto;width:auto;min-height:0;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:10px;text-align:var(--theme-content-align-mobile, var(--theme-content-align-desktop, left));transform:translate3d(0,18px,0) scale(.98)}.shop-look__panel.is-active{transform:translateZ(0) scale(1)}.shop-look__panel-content{text-align:var(--theme-content-align-mobile, var(--theme-content-align-desktop, left))}.shop-look__panel-title{font-size:17px;line-height:1.1}.shop-look__panel-price{margin-top:8px;font-size:14px}.shop-look__panel-summary{margin-top:6px;font-size:12px}.shop-look__panel-actions{gap:7px;padding-top:10px}.shop-look__quick-buy{--button-padding-y: 9px;--button-padding-x: 16px;--button-font-size: 10px}.shop-look__details-link{font-size:10px}}@media(prefers-reduced-motion:reduce){.shop-look__target:before{animation:none}.shop-look__target,.shop-look__target-dot,.shop-look__line,.shop-look__label,.shop-look__label-card,.shop-look__label-content,.shop-look__panel,.shop-look__details-link svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3404/assets/section-shop-the-look.css.map */