.orchard-shop-look{display:block;position:relative;isolation:isolate}.orchard-shop-look>.orchard-picture img{width:100%;height:auto;aspect-ratio:var(--look-mobile-ratio);object-fit:contain}.orchard-hotspot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.orchard-hotspot[open]{z-index:2}.orchard-hotspot:not([open])>.orchard-hotspot__card{display:none}.orchard-hotspot__trigger{position:absolute;left:clamp(22px,var(--hotspot-mobile-x),calc(100% - 22px));top:clamp(22px,var(--hotspot-mobile-y),calc(100% - 22px));transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;list-style:none;cursor:pointer;pointer-events:auto}.orchard-hotspot__trigger::-webkit-details-marker{display:none}.orchard-hotspot__pin{display:grid;place-items:center;width:26px;height:26px;line-height:1;border:1px solid var(--hotspot-line, rgba(var(--color-foreground), var(--color-foreground-alpha, 1)));border-radius:50%;background:var(--hotspot-fill, rgb(var(--color-background)));color:var(--hotspot-line, rgb(var(--color-foreground)));font-size:18px}.orchard-hotspot[open] .orchard-hotspot__pin{transform:rotate(45deg)}.orchard-hotspot__card{position:absolute;top:var(--popover-top, 8px);left:var(--popover-left, 8px);width:min(34rem,calc(100% - 16px));max-height:calc(100% - 16px);overflow:auto;overscroll-behavior:contain;pointer-events:auto;display:flex;align-items:start;gap:1.6rem;padding:4.4rem 1.6rem 1.6rem;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--media-radius);background:rgb(var(--color-background));color:rgba(var(--color-foreground),var(--color-foreground-alpha, 1))}.orchard-hotspot__card .button{min-width:0;max-width:100%;align-self:start}.orchard-hotspot__content{min-width:0;--content-gap: .8rem}.orchard-hotspot__image{flex:0 0 64px}.orchard-hotspot__close{position:absolute;top:0;right:0;display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;padding:12px;background:transparent;color:inherit;cursor:pointer}orchard-shop-look:defined .orchard-hotspot__close{display:inline-flex}.orchard-hotspot__trigger:focus-visible,.orchard-hotspot__close:focus-visible{outline:2px solid var(--orchard-focus-color, currentColor);outline-offset:-2px}@media(min-width:750px){.orchard-shop-look>.orchard-picture img{aspect-ratio:var(--look-ratio)}.orchard-hotspot__trigger{left:clamp(22px,var(--hotspot-x),calc(100% - 22px));top:clamp(22px,var(--hotspot-y),calc(100% - 22px))}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/orchard-shop-look.css.map */