.wp-block-plan-gallery--track {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    height: 100%;
    justify-content: flex-start;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.wp-block-plan-gallery--track::-webkit-scrollbar {
    display: none;
}

.wp-block-plan-gallery-image {
    box-sizing: border-box;
    height: 100%;
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    scroll-snap-align: start;
    width: 100%;
}

.wp-block-acf-plan-gallery > a {
    display: block;
    height: 100%;
}

.wp-block-plan-gallery-image--floorplan {
    object-fit: contain;
}

.wp-block-plan-gallery-image--loaded {
    cursor: pointer;
}

.wp-block-plan-gallery-overlay {
    background-color: transparent;
    border-width: 0;
    box-sizing: border-box;
    margin: auto !important;
    padding: var(--wp--preset--spacing--60);
    scrollbar-color: var(--wp--preset--color--primary) transparent;
    scrollbar-width: thin;
}

.wp-block-plan-gallery-overlay::backdrop {
    backdrop-filter: blur(1rem);
    background-color: rgba(255, 255, 255, 0.75);
}

.wp-block-plan-gallery-overlay-close {
    appearance: none;
    aspect-ratio: 1;
    background-color: var(--wp--preset--color--base);
    border-radius: 50%;
    border-width: 0;
    cursor: pointer;
    height: 2rem;
    left: 1rem;
    position: fixed;
    top: 1rem;
    width: 2rem;
}

.wp-block-plan-gallery-overlay-close::after,
.wp-block-plan-gallery-overlay-close::before {
    background-color: var(--wp--preset--color--dark);
    content: '';
    height: 1px;
    position: absolute;
    width: 1rem;
}

.wp-block-plan-gallery-overlay-close::before {
    transform: translateX(-0.5rem) rotate(45deg);
}

.wp-block-plan-gallery-overlay-close::after {
    transform: translateX(-0.5rem) rotate(-45deg);
}

.wp-block-plan-gallery-overlay-background {
    overflow-x: hidden;
    width: 100%;
}

.wp-block-plan-gallery-overlay-image {
    height: auto;
    margin-block: 1rem;
    width: 100%;
}

.wp-block-plan-gallery::after {
    aspect-ratio: 1/1;
    background-color: var(--wp--preset--color--dark);
    background-image: url('../../assets/icons/expand.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 50%;
    content: '';
    height: 2rem;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 1rem;
    transition: transform 0.25s ease-out;
    width: 2rem;
}

.wp-block-plan-gallery:hover::after {
    transform: scale(1.125);
}

.wp-block-plan-gallery-slider-controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.wp-block-plan-gallery-slider-controls--arrow {
    background-color: #54555da6;
    border: none;
    border-radius: 50vw;
    color: var(--wp--preset--color--base);
    cursor: pointer;
    font-size: var(--wp--preset--font-size--small);
    line-height: 0;
    padding: 0.25rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color 0.3s ease;
}

.wp-block-plan-gallery-slider-controls--arrow-prev {
    left: 0;
}

.wp-block-plan-gallery-slider-controls--arrow-next {
    right: 0;
}

.wp-block-plan-gallery-slider-controls--arrow:hover,
.wp-block-plan-gallery-slider-controls--arrow:focus {
    background-color: #54555dde;
}

.wp-block-plan-gallery-slider-controls--arrow:disabled {
    display: none;
}

.wp-block-plan-gallery-slider-controls--arrow::after {
    background-color: currentcolor;
    content: '';
    display: block;
    height: 2em;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='35' focusable='false'%3E%3Cpath d='M24.3611 12.3525C25.0786 11.6094 26.266 11.599 26.9964 12.3294L35.5842 20.9172C36.1822 21.5152 36.1822 22.4848 35.5842 23.0828L26.9964 31.6706C26.266 32.401 25.0786 32.3906 24.3611 31.6475C23.6613 30.9226 23.6714 29.7706 24.3839 29.0581L28.827 24.615C29.1154 24.3265 28.9111 23.8333 28.5032 23.8333L9.16699 23.8333C8.15447 23.8333 7.33366 23.0125 7.33366 22C7.33366 20.9875 8.15447 20.1667 9.16699 20.1667L28.5032 20.1667C28.9111 20.1667 29.1154 19.6735 28.827 19.385L24.3839 14.9419C23.6714 14.2294 23.6613 13.0774 24.3611 12.3525Z'%3E%3C/path%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 2em;
}

.wp-block-plan-gallery-slider-controls--arrow-prev::after {
    transform: rotateY(180deg);
}