.wb-image-anchor-stack { position: relative; width: 100%; height: clamp(112px, 18vw, 240px); z-index: 20; }
.wb-image-anchor-stack[data-mode="fixed"] { width: 0; height: 0; }
.wb-image-anchor-stack--floating[hidden] { display: none !important; }
.wb-image-anchor-stack__cards { position: relative; display: block; width: calc(100% - 16px); height: calc(100% - 16px); margin: 8px 0 0 8px; will-change: transform; }
.wb-image-anchor-stack__masonry { display: contents; }
.wb-image-anchor-stack__card { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0 !important; overflow: hidden; border: 0 !important; border-radius: 0 !important; outline: 0; box-shadow: 0 3px 12px rgba(0,0,0,.24); background: #eee !important; appearance: none; cursor: pointer; transition: transform .2s ease; }
.wb-image-anchor-stack__card:focus-visible { outline: 3px solid var(--wb-ctx-primary, #727575); outline-offset: 4px; }
.wb-image-anchor-stack__card img { width: 100% !important; height: 100% !important; display: block; border-radius: 0 !important; object-fit: cover; object-position: center; }
.wb-image-anchor-stack__card:nth-child(1) { z-index: 4; transform: rotate(-3deg); }
.wb-image-anchor-stack__card:nth-child(2) { z-index: 3; transform: translate(7px,-4px) rotate(4deg); }
.wb-image-anchor-stack__card:nth-child(3) { z-index: 2; transform: translate(-6px,5px) rotate(-6deg); }
.wb-image-anchor-stack__card:nth-child(4) { z-index: 1; transform: translate(9px,7px) rotate(7deg); }
.wb-image-anchor-stack__card:nth-child(n+5) { display: none; }
.wb-image-anchor-stack__cards:hover .wb-image-anchor-stack__card:first-child { transform: rotate(0deg) scale(1.03); }
.wb-image-anchor-stack.is-fixed .wb-image-anchor-stack__cards, .wb-image-anchor-stack[data-mode="fixed"] .wb-image-anchor-stack__cards { position: fixed; z-index: 2147483000; width: 96px; height: 96px; margin: 8px; }
.wb-image-anchor-stack.is-expanded .wb-image-anchor-stack__cards, .wb-image-anchor-stack__cards.is-expanded { --wb-image-anchor-gap: clamp(10px, 2vw, 28px); position: fixed; inset: clamp(16px, 4vw, 64px); z-index: 2147482999; display: block; box-sizing: border-box; width: auto; height: auto; margin: 0; padding: var(--wb-image-anchor-gap); background: #fff; box-shadow: 0 12px 48px rgba(0,0,0,.24); overflow-y: auto; overscroll-behavior: contain; }
.wb-image-anchor-stack__cards.is-expanded .wb-image-anchor-stack__masonry { display: block; column-count: 4; column-gap: var(--wb-image-anchor-gap); }
.wb-image-anchor-stack.is-expanded .wb-image-anchor-stack__card, .wb-image-anchor-stack__cards.is-expanded .wb-image-anchor-stack__card { position: relative; inset: auto; display: block; break-inside: avoid; width: 100%; height: auto; margin: 0 0 var(--wb-image-anchor-gap); z-index: auto; transform: none; box-shadow: none !important; }
.wb-image-anchor-stack__cards.is-expanded .wb-image-anchor-stack__card img { height: auto !important; }
.wb-image-anchor-stack.is-expanded .wb-image-anchor-stack__card:hover, .wb-image-anchor-stack__cards.is-expanded .wb-image-anchor-stack__card:hover { z-index: 1; transform: scale(1.08); }
.wb-image-anchor-stack--bottom-right .wb-image-anchor-stack__cards { top: auto; left: auto; right: var(--wb-image-anchor-offset, 24px); bottom: var(--wb-image-anchor-offset, 24px); }
.wb-image-anchor-stack--bottom-left .wb-image-anchor-stack__cards { top: auto; right: auto; left: var(--wb-image-anchor-offset, 24px); bottom: var(--wb-image-anchor-offset, 24px); }
.wb-image-anchor-stack--top-right .wb-image-anchor-stack__cards { right: var(--wb-image-anchor-offset, 24px); bottom: auto; left: auto; top: var(--wb-image-anchor-offset, 24px); }
.wb-image-anchor-stack--top-left .wb-image-anchor-stack__cards { right: auto; bottom: auto; left: var(--wb-image-anchor-offset, 24px); top: var(--wb-image-anchor-offset, 24px); }
.wb-image-anchor-stack:not(.is-fixed)[data-mode="after-scroll"] .wb-image-anchor-stack__cards { inset: 0 auto auto 0; }
.wb-image-anchor-stack[data-mode="after-scroll"]:not(.is-fixed) { height: auto; }
.wb-image-anchor-stack[data-mode="after-scroll"]:not(.is-fixed) .wb-image-anchor-stack__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: row; align-items: start; gap: clamp(8px, 2vw, 24px); width: 100%; height: auto; margin: 0; }
.wb-image-anchor-stack[data-mode="after-scroll"]:not(.is-fixed) .wb-image-anchor-stack__cards.has-masonry-layout { grid-auto-rows: 1px; row-gap: 0; }
.wb-image-anchor-stack[data-mode="after-scroll"]:not(.is-fixed) .wb-image-anchor-stack__card { position: relative; inset: auto; display: block; width: 100%; height: auto; margin: 0; z-index: auto; transform: none; box-shadow: none; }
.wb-image-anchor-stack[data-mode="after-scroll"]:not(.is-fixed) .wb-image-anchor-stack__card img { height: auto !important; }
@media (max-width: 600px) { .wb-image-anchor-stack.is-fixed .wb-image-anchor-stack__cards, .wb-image-anchor-stack[data-mode="fixed"] .wb-image-anchor-stack__cards { width: 76px; height: 76px; } .wb-image-anchor-stack.is-expanded .wb-image-anchor-stack__cards, .wb-image-anchor-stack__cards.is-expanded { --wb-image-anchor-gap: 10px; inset: 16px; } .wb-image-anchor-stack__cards.is-expanded .wb-image-anchor-stack__masonry { column-count: 2; } }