.wkit-wb-Widget_2zxqro25 .wkit-masked-image-stack,
.wkit-masked-image-stack-inner {
    --movement: 0.72;
    --transition: 0.18;
    --size: 70px;
    --column: 40px;
    --border: 8px;
    --offset: -3;
    --ease: ease-out;
    --bd: 2;
    --primary: light-dark(hsl(0 0% 0% / 0.4), hsl(0 0% 90%));
    --bg: linear-gradient(var(--primary) 0 100%);}.wkit-wb-Widget_2zxqro25 .wkit-masked-image-stack-inner {
    display: flex;
    align-items: center;
    gap: calc(var(--size) * 0.5);
    height: calc(var(--size) + (var(--size) * 0.5));
    padding-inline: calc(var(--size) * 0.25);
    border-radius: calc(var(--size) * 2);
    position: relative;}.wkit-wb-Widget_2zxqro25 .wkit-masked-stack-list {
    align-content: end;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--column);
    height: var(--column);
    list-style-type: none;
    margin: 0;
    padding: 0;
    translate: calc((var(--size) - var(--column)) * 0.5) 0;}.wkit-wb-Widget_2zxqro25 .wkit-stack-item {
    align-content: end;
    aspect-ratio: 1 / 3;
    display: grid;
    position: relative;
    width: var(--size);
    translate: calc((var(--size) - var(--column)) * -0.5) calc((var(--size) - var(--column)) * 0.5);
    pointer-events: none;}.wkit-wb-Widget_2zxqro25 .wkit-stack-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1;
    pointer-events: auto;}.wkit-wb-Widget_2zxqro25 .wkit-masked-image-stack .wkit-stack-tooltip {
    transition-property: filter, opacity, translate;
    transition-timing-function: var(--ease);
    transition-duration: calc(var(--transition) * 1s);
    text-align: center;
    font-weight: 400;
    font-family: monospace;
    position: absolute;
    left: 50%;
    filter: blur(4px);
    opacity: 0;
    bottom: calc(var(--size) * (1 + var(--movement)));
    translate: -50% 100%;}[data-tooltip="ring"] .wkit-stack-tooltip {
    width: var(--size);
    aspect-ratio: 1;
    border-radius: 50%;
    bottom: 0;
    translate: -50% calc(var(--movement) * -100%);}.wkit-wb-Widget_2zxqro25 .wkit-stack-item:hover .wkit-stack-tooltip {
    filter: blur(0px);
    opacity: 1;}[data-tooltip="normal"] .wkit-stack-item:hover .wkit-stack-tooltip {
    translate: -50% -50%;}[data-tooltip="ring"] .wkit-stack-tooltip span {
    offset-path: border-box;
    offset-distance: calc((var(--offset) + var(--i)) * 1ch);
    offset-anchor: 50% 150%;
    position: absolute;
    transition: translate calc(var(--transition) * 1s) var(--ease);
    translate: 0 100%;}[data-tooltip="ring"] .wkit-stack-tooltip span {
    translate: 0 0;}.wkit-wb-Widget_2zxqro25 .wkit-stack-avatar-wrap {
    position: absolute;
    inset: 0;
    align-content: end;
    display: grid;}.wkit-wb-Widget_2zxqro25 .wkit-stack-avatar-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    pointer-events: all;
    text-decoration: none;
    outline: none;
    color: inherit;
    pointer-events: auto;
    transition: translate calc(var(--transition) * 1s) var(--ease);}.wkit-wb-Widget_2zxqro25 .wkit-avatar-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: color-mix(in hsl, canvas, canvasText);}.wkit-wb-Widget_2zxqro25 .wkit-stack-item:hover .wkit-stack-avatar-inner {
    translate: 0 calc(var(--movement) * -100%);}.wkit-wb-Widget_2zxqro25 .wkit-stack-avatar-inner:hover + .wkit-stack-tooltip,
.wkit-stack-avatar-inner:hover ~ .wkit-stack-tooltip {
    filter: blur(0px);
    opacity: 1;}[data-direction="ltr"] li:not(:first-of-type) .wkit-stack-avatar-wrap {
    --rad-x: calc(var(--circle) - var(--column) - var(--border));}[data-direction="rtl"] ul li:not(:last-of-type) .wkit-stack-avatar-wrap {
    --rad-x: calc(var(--circle) + var(--column) - var(--border));}[data-direction="ltr"] li:not(:first-of-type) .wkit-stack-avatar-wrap,
[data-direction="rtl"] ul li:not(:last-of-type) .wkit-stack-avatar-wrap {
    --circle: var(--mask-radius, calc(((var(--border) * 2) + var(--size)) * 0.5));

    mask-image: radial-gradient(var(--circle) var(--circle) at var(--rad-x, 0) 50%,
            #0000 calc(var(--circle) - 0.5px),
            #fff var(--circle));
    mask-size: 100% 100%;
    mask-position: 0 var(--size);
    transition: mask-position calc(var(--transition) * 1s) var(--ease);}[data-direction="ltr"] ul li:hover+li .wkit-stack-avatar-wrap,
[data-direction="rtl"] ul li:has(+ li:hover) .wkit-stack-avatar-wrap {
    mask-position: 0 0;
    mask-position: 0 calc(var(--size) * (1 - var(--movement)));}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack {
    --img-width: 150px;
    --img-height: 200px;
    --gap: 14px;}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-masked-image-stack-inner {
    display: flex;
    align-items: center;
    gap: var(--gap);
    height: auto;
    padding-inline: 0;
    border-radius: 0;}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-masked-stack-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--gap);
    grid-auto-flow: unset;
    grid-auto-columns: unset;
    height: auto;
    translate: 0 0;
    margin: 0;
    padding: 0;
    position: relative;}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-stack-item {
    width: var(--img-width);
    height: var(--img-height);
    aspect-ratio: auto;
    translate: 0 0;
    align-content: stretch;
    margin-left: 0px;
    display: block;
    position: relative;}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-stack-item:first-child {
    margin-left: 0;}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-stack-tooltip {
    display: none;}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-stack-avatar-wrap {
    position: relative;
    inset: auto;
    display: block;
    align-content: stretch;
    mask: none !important;
    -webkit-mask: none !important;}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-stack-avatar-inner {
    position: relative;
    display: block;
    width: var(--img-width);
    height: var(--img-height);
    aspect-ratio: auto;
    border-radius: 0;
    overflow: hidden;
    pointer-events: all;
    translate: 0 0;
    --img-rotate: 0deg;
    transform: rotate(var(--img-rotate));
    transition: transform 0.35s ease;}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-stack-item:hover .wkit-stack-avatar-inner {
    translate: 0 0;
    --img-hover-rotate: 10deg;
    transform: rotate(var(--img-hover-rotate));}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack .wkit-avatar-image {
    position: static;
    inset: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: color-mix(in hsl, canvas, canvasText);}.wkit-wb-Widget_2zxqro25 .wkit-style-two.wkit-masked-image-stack [data-direction="ltr"] li:not(:first-of-type) .wkit-stack-avatar-wrap,
.wkit-style-two.wkit-masked-image-stack [data-direction="rtl"] ul li:not(:last-of-type) .wkit-stack-avatar-wrap {
    mask-image: none !important;
    mask-size: auto;
    mask-position: 0 0;}