/* Loaded with Elementor's current Mobile breakpoint as the stylesheet media. */
.tooto-product-gallery {
    grid-template-columns: minmax(0, 1fr);
    --tooto-gallery-thumbs-direction: horizontal;
    --tooto-gallery-thumb-size: 78px;
    --tooto-gallery-gap: 8px;
}

.tooto-product-gallery__stage {
    grid-column: 1;
    grid-row: 1;
}

.tooto-product-gallery__thumbs {
    grid-column: 1;
    grid-row: 2;
    position: static;
    height: var(--tooto-gallery-thumb-size);
    padding-inline: 20px;
}

.tooto-product-gallery__thumbs[data-tooto-gallery-mask="both"] {
    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.tooto-product-gallery__thumbs[data-tooto-gallery-mask="left"] {
    mask-image: linear-gradient(to right, transparent 0%, black 10%);
}

.tooto-product-gallery__thumbs[data-tooto-gallery-mask="right"] {
    mask-image: linear-gradient(to right, black 90%, transparent 100%);
}

.tooto-product-gallery__dots {
    bottom: 24px;
}

.tooto-product-gallery__dot {
    min-width: 8px;
    width: 5px;
    height: 5px;
}
.tooto-product-gallery__dot[aria-pressed="true"]{
    width: 18px;
}