.wac-carousel {
    --el-opacity:            1;
    --el-visible-ratio:      1;
    --el-visible-ratio-cube: 1;
    --el-position-x:         0%;
}

.wac-carousel {
    --carousel-col-num: 3;
    --item-width:       calc((100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right) - (var(--wp--style--block-gap, 1.5rem) * (var(--carousel-col-num)))) / (max(var(--carousel-col-num), 3) - 1.5));
    --nav-button-width: calc((var(--item-width)) * 0.25 + var(--wp--style--block-gap, 1.5rem) / 2);
}

.wac-carousel {
    font-size:       var(--wp--preset--font-size--small);
    /* margin-left:          calc(-1 * (var(--wp--preset--spacing--30, 1.5rem) + var(--safe-area-inset-left))) !important; */
    /* margin-right: calc(-1 * (var(--wp--preset--spacing--30, 1.5rem) + var(--safe-area-inset-right))) !important; */
    margin-left:     calc(-1 * var(--wp--style--root--padding-left)) !important;
    margin-right:    calc(-1 * var(--wp--style--root--padding-right)) !important;
    width:           unset;
    max-width:       none;
    position:        relative;
}

.wac-carousel .wp-block-gallery {
    --scrollbar-color:          203, 196, 174;
    --scrollbar-color-thumb:    rgba(var(--scrollbar-color), 1);
    --scrollbar-color-track:    rgba(var(--scrollbar-color), 0.5);
    --scrollbar-width-fallback: thin;
    --scrollbar-width:          3px;
}

@supports (color: color-mix(in srgb, var(--scrollbar-color) 50%, var(--wp--preset--color--base))) {
    .wac-carousel .wp-block-gallery {
        color:                   rgba(var(--wp--preset--color--yellowish-gray-rgb), .5);
        --scrollbar-color:       currentcolor;
        --scrollbar-color-thumb: color-mix(in srgb, var(--scrollbar-color) 50%, var(--wp--preset--color--base));
        --scrollbar-color-track: color-mix(in srgb, var(--scrollbar-color) 25%, var(--wp--preset--color--base));
        transition:              color 0.3s var(--transition-timing) 0s;
    }

    .wac-carousel .wp-block-gallery:hover {
        color: var(--wp--preset--color--yellowish-gray);
    }

    .wac-carousel .wp-block-gallery>* {
        color: initial;
    }
}

.wac-carousel .wp-block-gallery {
    opacity: calc(var(--el-opacity) * 1.1);
}

.wac-carousel .wp-block-gallery {
    width:                 100%;
    display:               flex;
    flex-wrap:             nowrap;
    gap:                   var(--wp--style--block-gap, 1.5rem);
    align-items:           stretch;
    justify-content:       stretch;
    justify-items:         stretch;
    padding-top:           3px;
    padding-bottom:        1rem;
    overflow-x:            scroll;
    overscroll-behavior-x: contain;
    scroll-snap-type:      x mandatory;
    scroll-snap-stop:      normal;
    scroll-behavior:       smooth;
}

.wac-carousel .wp-block-gallery figure figcaption {
    font-family: var(--wp--preset--font-family--noto-sans);
    text-align:  start;
}

.wac-carousel .wp-block-gallery figure figcaption .amount,
.wac-carousel .wp-block-gallery figure figcaption .price {
    font-family: var(--wp--preset--font-family--noto-serif);
    font-size:   var(--wp--preset--font-size--x-small);
    font-weight: 500;
    line-height: 1;
    padding:     0.25em 0;
}

/* .wac-carousel .wp-block-gallery figure figcaption .price {
    display:         flex;
    justify-content: space-between;
    align-content:   stretch;
    align-items:     center;
    gap:             1em;
}

.wac-carousel .wp-block-gallery figure figcaption .price::after {
    content:         "Purchase";
    display:         inline-flex;
    font-size:       inherit;
    font-weight:     400;
    border:          var(--em-1px) solid;
    border-radius:   calc(5 * var(--em-1px));
    padding:         0.15em 0.45em;
    justify-content: center;
    color:           var(--wp--preset--color--primary);
} */

.wac-carousel .wp-block-gallery figure figcaption .artist {
    font-family:     var(--wp--preset--font-family--noto-sans);
    font-size:       var(--wp--preset--font-size--small);
    font-weight:     700;
    line-height:     1.5;
    display:         flex;
    flex-direction:  row;
    order:           -1;
    grid-column:     1/2;
    flex-wrap:       wrap;
    gap:             0.25em;
    align-items:     center;
    overflow:        hidden;
    text-overflow:   ellipsis;
    justify-content: start;
    justify-items:   start;
}

.wac-carousel .wp-block-gallery figure figcaption .artist a {
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    font-size:     inherit;
    line-height:   inherit;
    max-width:     fit-content;
    width:         auto;
}

.wac-carousel .wp-block-gallery figure figcaption .artist a:hover {
    text-decoration: none;
}

.wac-carousel .wp-block-gallery figure figcaption .artist span {
    width:          100%;
    max-width:      100%;
    flex:           0 0 min-content;
    display:        inline-flex;
    flex-direction: row;
    font-size:      inherit;
    line-height:    inherit;
    padding:        0;
    margin:         0;
}

.wac-carousel .wp-block-gallery figure figcaption .artist span:first-of-type::before {
    content:           "";
    display:           inline-flex;
    height:            0.0625rem;
    width:             1em;
    margin-inline-end: 0.25em;
    background-color:  currentcolor;
    align-self:        center;
    flex:              0 0 1em;
}

.wac-carousel .wp-block-gallery figure figcaption .artist span:not(:last-of-type)::after {
    content: ",";
    display: inline;
}

.wac-carousel .wp-block-gallery figure figcaption .lot-number {
    color:       var(--wp--preset--color--contrast-75);
    font-size:   var(--wp--preset--font-size--x-small);
    font-weight: 400;
}

.wac-carousel .wp-block-gallery figure figcaption .post-tax-term-info {
    font-size: var(--wp--preset--font-size--x-small);
    margin:    0;
    opacity:   1;
    color:     var(--wp--preset--color--contrast-75);
}

.wac-carousel .wp-block-gallery figure figcaption .estimated-value {
    font-size:   var(--wp--preset--font-size--x-small);
    font-weight: 300;
    line-height: 1;
    padding:     0.25em 0;

}

.wac-carousel .wp-block-gallery figure figcaption .estimated-value .estimate-title {
    font-weight: 500;
}

/* .wac-carousel .wp-block-gallery figure figcaption .estimated-value :is(.min, .max) {} */

.wac-carousel .wp-block-gallery figure figcaption .title {
    font-family: var(--wp--preset--font-family--noto-serif);
    font-size:   var(--wp--preset--font-size--medium);
}

.wac-carousel .wp-block-gallery figure figcaption .total-bids {
    font-size: 0.875em;
}

.wac-carousel .wp-block-gallery figure figcaption .year {
    font-family:  var(--wp--preset--font-family--noto-serif);
    font-style:   normal;
    font-weight:  400;
    font-variant: all-petite-caps;
}

.wac-carousel .wp-block-gallery figure figcaption cite {
    font-family: var(--wp--preset--font-family--noto-serif);
}

.wac-carousel .wp-block-gallery figure figcaption p {
    display: block;
    margin:  0;
    padding: 0;
}

.wac-carousel .wp-block-gallery figure.wp-block-image {
    position: relative;

    flex:                  1 0 var(--item-width);
    display:               grid;
    grid-template-rows:    var(--item-width) 1fr;
    grid-template-columns: auto;
    row-gap:               0.75em;

    align-items:       end;
    justify-content:   center;
    scroll-snap-align: center;
    margin:            0;
    padding:           1em 0 0;

    width:           100%;
    inline-size:     100%;
    max-width:       var(--item-width);
    max-inline-size: var(--item-width);

    -webkit-transform: none;
    transform:         none;
}

.wac-carousel .wp-block-gallery figure.wp-block-image {
    opacity: clamp(0, calc(var(--el-visible-ratio) * 1.1), 1);
}

.wac-carousel .wp-block-gallery figure.wp-block-image figcaption {
    grid-row:     2/3;
    grid-column:  1/-1;
    align-self:   start;
    justify-self: stretch;
    display:      block;
    max-width:    100%;
    margin:       0;
    width:        auto;
    text-shadow:  unset;
}

.wac-carousel .wp-block-gallery figure.wp-block-image img {
    filter: saturate(clamp(0, var(--el-visible-ratio-cube), 1));
}

.wac-carousel .wp-block-gallery figure.wp-block-image img {
    width:              100%;
    height:             auto;
    max-height:         var(--item-width);
    max-width:          var(--item-width);
    object-fit:         cover;
    object-position:    center top;
    vertical-align:     unset;
    border-radius:      5px;
    box-shadow:         0 0 3px -2px rgba(var(--wp--preset--color--contrast-rgb), 0.15), 0 0 2px -1px rgba(var(--wp--preset--color--contrast-rgb), 0.15), 0 0 1px 0 rgba(var(--wp--preset--color--contrast-rgb), 0.15);
    -webkit-transition: var(--transition-global);
    transition:         var(--transition-global);
}

.wac-carousel .wp-block-gallery figure.wp-block-image img:hover,
.wac-carousel .wp-block-gallery figure.wp-block-image>a:hover img {
    box-shadow:        0 5px 5px -4px rgba(var(--wp--preset--color--contrast-rgb), 0.1), 0 4px 5px -4px rgba(var(--wp--preset--color--contrast-rgb), 0.1), 0 3px 1.25em -4px rgba(var(--wp--preset--color--contrast-rgb), 0.1);
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform:         matrix(1.05, 0, 0, 1.05, 0, 0);
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a {
    display:         block;
    width:           100%;
    text-decoration: none;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a img {
    grid-row:    1/2;
    grid-column: 1/-1;
    align-self:  end;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a::after {
    content:  "";
    display:  block;
    position: absolute;
    inset:    0;
    z-index:  111;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a:is(:focus-visible) img {
    outline: auto;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a:is(:focus, :focus-visible) {
    outline: 0 !important;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a:is(:focus, :focus-visible),
.wac-carousel .wp-block-gallery figure.wp-block-image:hover img {
    object-position: center bottom;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a[style*="aspect-ratio"] {
    max-width:       var(--item-width) !important;
    max-height:      var(--item-width) !important;
    display:         grid;
    justify-content: center;
    justify-items:   center;
    justify-self:    center;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a[style*="aspect-ratio"]:has(img.landscape) {
    width:  var(--item-width);
    height: auto;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a[style*="aspect-ratio"]>img.landscape {
    display: grid;
    width:   var(--item-width);
    height:  auto;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a[style*="aspect-ratio"]:has(img.square) {
    width:  var(--item-width);
    height: var(--item-width);
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a[style*="aspect-ratio"]>img.square {
    width:  var(--item-width);
    height: auto;
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a[style*="aspect-ratio"]:has(img.portrait) {
    width:  auto;
    height: var(--item-width);
}

.wac-carousel .wp-block-gallery figure.wp-block-image>a[style*="aspect-ratio"]>img.portrait {
    display: grid;
    width:   auto;
    height:  var(--item-width);
}

.wac-carousel .wp-block-gallery::after {
    padding-inline-start:    calc(var(--nav-button-width) + var(--safe-area-inset-right));
    /* padding-inline-start: var(--nav-button-width); */
}

.wac-carousel .wp-block-gallery::before {
    padding-inline-start:    calc(var(--nav-button-width) + var(--safe-area-inset-left));
    /* padding-inline-start: var(--nav-button-width); */
}

.wac-carousel .wp-block-gallery::before,
.wac-carousel .wp-block-gallery::after {
    content:    "";
    min-height: 1px;
    min-width:  1px;
}

.wac-carousel .wp-block-gallery:not(:has(figure.wp-block-image:nth-child(n + 4))) figure.wp-block-image {
    width:     100% !important;
    max-width: var(--item-width) !important;
}

.wac-carousel .wp-block-gallery figure figcaption .in-auction {
    display: inline-flex;
}

.wac-carousel .wp-block-gallery figure figcaption .in-auction a {
    color:            var(--wp--preset--color--primary);
    background-color: transparent;
    padding:          0.25em 0.5em;
    border:           unset;
    box-shadow:       0 0 0 1px var(--wp--preset--color--primary);
}

.wac-carousel .wp-block-gallery figure figcaption .in-auction a {
    font-size:        var(--wp--preset--font-size--x-small);
    display:          inline-flex;
    font-weight:      500;
    color:            var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--primary);
    padding:          0.25em 0.5em;
    border:           1px solid rgba(var(--wp--preset--color--primary-rgb), 0.5);
    box-shadow:       0 0 2px var(--wp--preset--color--primary);
    border-radius:    4px;
    line-height:      1;
    text-decoration:  none;
}

.wac-carousel .wp-block-gallery figure figcaption .in-auction a:hover {
    opacity: 0.75;
}

.wac-carousel ul.wac-carousel-nav {
    list-style:         none;
    position:           absolute;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    z-index:            200;
    pointer-events:     none;
    display:            flex;
    justify-content:    space-between;
    margin-block-start: 0;
    padding:            0;
}

.wac-carousel ul.wac-carousel-nav .wac-carousel-arrow {
    --h:     2px;
    --w:     70%;
    --angle: 60deg;
}

.wac-carousel ul.wac-carousel-nav .wac-carousel-arrow-prev {
    rotate: 180deg;
}

.wac-carousel ul.wac-carousel-nav .wac-carousel-arrow::after {
    bottom:           calc(50%);
    transform-origin: bottom right;
    rotate:           calc(-1 * var(--angle));
}

.wac-carousel ul.wac-carousel-nav .wac-carousel-arrow::before {
    top:              calc(50%);
    transform-origin: top right;
    rotate:           var(--angle);
}

.wac-carousel ul.wac-carousel-nav .wac-carousel-arrow::before,
.wac-carousel ul.wac-carousel-nav .wac-carousel-arrow::after {
    content:          "";
    position:         absolute;
    /* right:                                                                            calc(var(--wp--preset--spacing--30, 1.5rem) + var(--safe-area-inset-right)) !important; */
    right:            var(--wp--style--root--padding-right) !important;
    width:            var(--w);
    transform:        scaleX(calc(cos(var(--angle))));
    height:           var(--h);
    background-color: var(--wp--preset--color--contrast);
}

.wac-carousel ul.wac-carousel-nav button.wac-carousel-arrow {
    -webkit-appearance: none;
    appearance:         none;
    font-family:        inherit;
    position:           relative;
    display:            block;
    pointer-events:     all;
    border:             unset;
    background-color:   transparent;
    background-image:   unset;
    padding:            unset;
    margin:             unset;
    cursor:             pointer;
    transition:         var(--transition-global);
}

.wac-carousel ul.wac-carousel-nav li {
    width:     100%;
    max-width: var(--nav-button-width);
    display:   grid;
    position:  relative;
}

.wac-carousel ul.wac-carousel-nav li button {
    opacity: 0.25;
}

.wac-carousel ul.wac-carousel-nav li button:hover {
    opacity: 1;
}

.wac-carousel ul.wac-carousel-nav li.disabled button {
    opacity:        0;
    pointer-events: none;
    touch-action:   none;
}

.wac-carousel ul.wac-carousel-nav li.next {
    max-width: calc(var(--nav-button-width) + var(--safe-area-inset-right));
}

.wac-carousel ul.wac-carousel-nav li.prev {
    max-width: calc(var(--nav-button-width) + var(--safe-area-inset-left));
}

@media only screen and (max-width: 599px) {
    .wac-carousel ul.wac-carousel-nav li {
        opacity: 0;
    }
}

@media only screen and (min-width: 567px) and (max-width: 1025px) and (orientation: landscape) {
    .wac-carousel {
        --carousel-col-num: 5;
    }
}

@media only screen and (min-width: 600px) {
    .wac-carousel .wp-block-gallery {
        gap: var(--wp--style--block-gap, 1.5rem);
    }
}

@media only screen and (min-width: 600px) {
    .wac-carousel {
        --carousel-col-num: 3;
    }
}

@media only screen and (min-width: 782px) {
    .wac-carousel {
        --carousel-col-num: 5;
    }
}

@media only screen and (min-width: 982px) {
    .wac-carousel {
        --carousel-col-num: 5;
    }
}

@media only screen and (min-width: 1200px) {
    .wac-carousel {
        --carousel-col-num: 7;
    }
}

@supports (not selector(::-webkit-scrollbar)) and (scrollbar-color: auto) {
    .wac-carousel .wp-block-gallery {
        scrollbar-color: var(--scrollbar-color-thumb) transparent;
        scrollbar-width: var(--scrollbar-width-fallback);
    }
}

@supports selector(::-webkit-scrollbar) {
    .wac-carousel .wp-block-gallery::-webkit-scrollbar {
        width:            var(--scrollbar-width);
        height:           var(--scrollbar-width);
        max-width:        10px;
        max-height:       10px;
        background-color: transparent;
        background-image: linear-gradient(to bottom, transparent calc(50% - 0.5px), var(--scrollbar-color-track), transparent calc(50% + 0.5px));
        border-inline:    var(--wp--style--block-gap, 1.5rem) solid var(--wp--preset--color--base);
    }

    .wac-carousel .wp-block-gallery::-webkit-scrollbar-track {
        background-color: transparent;
        background-image: unset;
    }

    .wac-carousel .wp-block-gallery::-webkit-scrollbar-thumb {
        width:            33vw;
        height:           var(--scrollbar-width);
        background-color: transparent;
        background-image: linear-gradient(to right, transparent var(--wp--style--block-gap, 1.5rem), var(--scrollbar-color-thumb) var(--wp--style--block-gap, 1.5rem), var(--scrollbar-color-thumb) calc(100% - var(--wp--style--block-gap, 1.5rem)), transparent calc(100% - var(--wp--style--block-gap, 1.5rem)));
    }

    .wac-carousel .wp-block-gallery::-webkit-scrollbar:not(:enabled) {
        opacity: 0;
    }
}

aside:has(.wac-carousel) .wp-block-heading+p {
    white-space: nowrap;
    align-self:  end;
}