/**
 *
 * Copyright (c) 2023-2024 Analog Devices, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */

:root {
    --swiper-navigation-size: 13px !important;
    --carousel-swiper-size: 19.2rem;
    --carousel-image-width: var(--carousel-swiper-size);
    --carousel-image-height: calc(var(--carousel-image-width) * 9 / 16);
    --carousel-space-between: 16px;
    --swiper-pagination-color: var(--vscode-foreground);
    --swiper-pagination-bullet-inactive-color: var(--vscode-foreground);
    --swiper-navigation-color: var(--vscode-foreground);
}

.carousel {
    width: 100%;
}

.swiper-button-prev, .swiper-button-next {
    position: relative !important;
    margin-top: 0 !important;
}

.swiper-slide {
    display: flex;
    align-items: left;
    justify-content: left;
    width: var(--carousel-swiper-size);
    max-width: var(--carousel-swiper-size);
    font-size: 13px;
    text-align: left;
}

.swiper {
    margin-right: auto;
    margin-left: auto;
}

.swiper-nav-buttons {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
}
