.omt-logo-slider {
    --omt-logo-slider__arrow: var(--wp--preset--font-size--h-3, 40px);
    --omt-logo-slider__space-pagination: var(--wp--preset--spacing--50, 40px);
    display: flex;
    flex-direction: column;
    padding: var(--wp--preset--spacing--80, 64px) 0;
}

.omt-logo-slider__header {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: var(--wp--preset--spacing--50, 40px);
}

.omt-logo-slider__subtitle {
    margin-bottom: var(--gap);
}

.omt-logo-slider__subtitle p {
    font-size: var(--wp--preset--font-size--x-large, 24px);
    margin: 0px;
}

.omt-logo-slider__body {
    display: block;
    position: relative;
}

.omt-logo-slider__swiper {
    width: calc(100% - calc(var(--omt-logo-slider__arrow) + var(--omt-logo-slider__arrow) + var(--gap)));
    height: 100%;
    margin-bottom: 0;
}

.omt-logo-slider__content {
    margin-left: var(--gap);
    margin-right: var(--gap);
}

.omt-logo-slider__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.omt-logo-slider__figure {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.omt-logo-slider__box .omt-logo-slider__figure {
    min-height: 60px;
    height: 60px;
    object-fit: contain;
}

.omt-logo-slider__figure-icon {
    display: block;
    mask-image: url("./assets/icon-image.svg");
    background-color: var(--wp--preset--color--neutral-300, #CCCCCC);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: var(--wp--preset--font-size--h-1, 80px);
    width: 100%;
    height: 100%;
}

.omt-logo-slider__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.omt-logo-slider__header-logo {
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.omt-logo-slider__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.omt-logo-slider__box .omt-logo-slider__slide {
    border: 1px solid var(--wp--preset--color--neutral-300, #CCCCCC);
    height: 200px;
    justify-content: center;
    padding: 10px;
}

.omt-logo-slider__main::before {
    content: '';
    height: 100%;
    width: 120px;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 93.33%);
    display: block;
    position: absolute;
    left: 0;
    z-index: 9;
}

.omt-logo-slider__main::after {
    content: '';
    height: 100%;
    width: 120px;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 93.33%);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.omt-logo-slider__text {
    margin: var(--wp--preset--spacing--10, 12px) 0px 0px 0px;
    text-align: center;
}

.omt-logo-slider__hr {
    width: 100%;
    margin: 2px;
    border: 1px solid transparent;
    background-color: var(--wp--preset--color--neutral-300, #CCCCCC);
}

.omt-logo-slider__pagination.swiper-pagination-bullets {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: -40px;
}

.omt-logo-slider__arrow.swiper-button-prev {
    left: 20px;
}

.omt-logo-slider__arrow.swiper-button-next {
    right: 20px;
}

.omt-logo-slider__arrow {
    width: var(--omt-logo-slider__arrow);
    top: 50%;
    background: transparent;
}

.omt-logo-slider__arrow::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    mask-size: 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: currentColor;
    color: var(--wp--preset--color--primary-500, #0099CD);
}

.omt-logo-slider__arrow::after {
    content: '' !important;
}

.omt-logo-slider__arrow-next {
    right: 0%;
}

.omt-logo-slider__arrow-next::before {
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/%3E%3C/svg%3E');
}

.omt-logo-slider__arrow-prev::before {
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/%3E%3C/svg%3E');
}

.omt-logo-slider__swiper.omt-logo-slider__auto-slide {
    width: 100%;
    margin-bottom: 0px;
}

@media (min-width: 1100px) {
    .omt-logo-slider__figure-icon {
        mask-size: var(--wp--preset--font-size--h-1, 80px);
    }
}

@media (max-width: 767px) {
    .omt-logo-slider {
        padding: 30px 0;
    }
}