.wsui-image{display:block;max-width:100%;height:auto;object-fit:contain}
.wsui-image-slider,.wsui-image-lightbox-contract,.wsui-image-lightbox-modal{--wsui-image-control-size:44px;--wsui-image-dot-hit-size:32px;--wsui-image-dot-size:8px;--wsui-image-dot-active-size:10px;--wsui-image-dot-color:color-mix(in srgb,var(--wsui-muted,#7f8a96) 72%,transparent);--wsui-image-dot-active-color:var(--wsui-accent,#d8b11f);--wsui-image-control-background:color-mix(in srgb,var(--wsui-surface,#171d24) 82%,transparent);--wsui-image-control-hover-background:color-mix(in srgb,var(--wsui-surface-alt,var(--wsui-surface,#171d24)) 94%,transparent);--wsui-image-control-color:var(--wsui-text,#eef2f6)}
.wsui-image-dots{display:flex;align-items:center;justify-content:center;gap:.125rem;min-width:0}
.wsui-image-dots>.wsui-image-dot{appearance:none;position:relative;display:inline-grid;place-items:center;flex:0 0 var(--wsui-image-dot-hit-size);inline-size:var(--wsui-image-dot-hit-size);block-size:var(--wsui-image-dot-hit-size);width:var(--wsui-image-dot-hit-size);height:var(--wsui-image-dot-hit-size);min-width:var(--wsui-image-dot-hit-size);min-height:var(--wsui-image-dot-hit-size);margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;box-shadow:none;font:inherit;line-height:1;cursor:pointer;transition:background-color .16s ease,opacity .16s ease,transform .16s ease}
.wsui-image-dots>.wsui-image-dot::before{content:"";display:block;inline-size:var(--wsui-image-dot-size);block-size:var(--wsui-image-dot-size);border-radius:50%;background:var(--wsui-image-dot-color);transition:inline-size .16s ease,block-size .16s ease,background-color .16s ease,transform .16s ease}
.wsui-image-dots>.wsui-image-dot:hover{background:color-mix(in srgb,var(--wsui-image-dot-active-color) 10%,transparent)}
.wsui-image-dots>.wsui-image-dot:hover::before{background:color-mix(in srgb,var(--wsui-image-dot-active-color) 68%,var(--wsui-image-dot-color))}
.wsui-image-dots>.wsui-image-dot[aria-current="true"]::before{inline-size:var(--wsui-image-dot-active-size);block-size:var(--wsui-image-dot-active-size);background:var(--wsui-image-dot-active-color)}
.wsui-image-dots[data-variant="thumbnail"]{gap:.5rem;justify-content:flex-start}
.wsui-image-dots>.wsui-image-dot.is-thumbnail{inline-size:56px;block-size:44px;width:56px;height:44px;min-width:56px;min-height:44px;border-radius:8px;overflow:hidden;background:var(--wsui-surface-alt,var(--wsui-surface,#171d24));opacity:.66}
.wsui-image-dots>.wsui-image-dot.is-thumbnail::before{display:none}
.wsui-image-dots>.wsui-image-dot.is-thumbnail[aria-current="true"]{opacity:1;box-shadow:0 0 0 2px var(--wsui-image-dot-active-color)}
.wsui-image-dot-thumbnail{display:block;width:100%;height:100%;object-fit:cover}
.wsui-image-slider-arrow,.wsui-image-lightbox-arrow,.wsui-image-lightbox-close,.wsui-image-lightbox-trigger,.wsui-image-slider-open{appearance:none;box-sizing:border-box;margin:0;padding:0;min-width:0;min-height:0;border:0;box-shadow:none;font:inherit}
.wsui-image-dot:focus-visible,.wsui-image-slider-arrow:focus-visible,.wsui-image-lightbox-arrow:focus-visible,.wsui-image-lightbox-trigger:focus-visible,.wsui-image-slider-open:focus-visible,.wsui-image-lightbox-close:focus-visible{outline:3px solid var(--wsui-focus,Highlight);outline-offset:3px}
.wsui-image-counter{font-variant-numeric:tabular-nums;color:var(--wsui-muted,#7f8a96);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.wsui-image-slider-track,.wsui-image-dot,.wsui-image-dot::before,.wsui-image-slider-arrow,.wsui-image-lightbox-arrow,.wsui-image-lightbox-close{transition:none}}
