/* Variables */
[data-tpo-theme],
.tpo_modal-background {
    --placeholder_color: #6f767e;
    --helpText-color: #6f767e;
    --urlViewMore-color: #262626;
    /* Option Color */
    --option-label-color: #000000;
    --option-value-color: #000000;
    --option-selectedValue-color: #000000;

    /* Tooltip */
    --tooltip-color: #FFFFFF;
    --tooltip-bg: #121212;

    /* Info */
    --default-info-color: #6f767e;
    --default-info-bg: #FFFFFF;

    /* Input */
    --default-input-placeholder: #6F767E;
    --default-input-enteredValue: #000000;
    --default-input-border: #1212128c;
    --default-input-activeBorder: #000000;
    --default-input-bg: #FFFFFF;
    --default-input-activeBg: #FFFFFF;

    /* Dimension input */
    --dimension-unit-bg: #e9ecef;

    /* General Dropdown */
    --list-menu-arrow: #000000;
    --list-menu-border: #000000;
    --list-menu-bg: #FFFFFF;
    --list-item-hoverBg: #F3F3F3;
    --list-item-text: #121212;
    --list-icon: #757575;
    --list-item-border: #E6E6E6;

    /* Dropdown  */
    --dropdownMenu-border: #7D7D7D;
    --dropdownMenu-activeBorder: #000000;
    --dropdownMenu-placeholder: #121212;

    /* Switch */
    --switch-bg: #CCCCCC;
    --switch-activeBg: #2196f3;
    --switch-roller-bg: #FFFFFF;
    --switch-roller-activeBg: #FFFFFF;

    /* Swatches */
    --swatches-border: #1212128c;
    --swatches-activeBorder: #000000;
    --default-imageSwatches-hoverBg: #1f1f21;

    /* Total Additional Price */
    --total-additional-price-border: #000000;

    /* Buttons */
    --default-button-text: #121212;
    --default-button-activeText: 255, 255, 255;
    --default-button-border: #121212;
    --default-button-activeBorder: 18, 18, 18;
    --default-button-bg: #FFFFFF;
    --default-button-changeSize-wrapper: #FFFFFF;
    --default-button-changeSize-wrapperBorder: #E6E6E6;
    --default-button-changeSize-color: #1E1E1E;
    --default-button-changeSize-activeColor: #F5F5F5;
    --default-button-changeSize-bg: #F5F5F5;
    --default-button-changeSize-activeBg: #121212;
    --default-button-activeBg: 18, 18, 18;

    /* File Upload  */
    --fileUpload-loaderIcon: #000000;
    --fileUpload-bg: #FFFFFF;
    --fileUpload-border: #999999;
    --fileUpload-hover-bg: #F5F5F5;
    --fileUpload-hover-border: #757575;
    --fileUpload-dragOver-border: #2C6ECB;
    --fileUpload-dragOver-bg: #F2F7FE;
    --fileUpload-dragOver-text: #2C6ECB;
    --fileUpload-error-border: #FD5749;
    --fileUpload-error-bg: #FFF4F4;
    --fileUpload-error-text: #D72C0D;
    --fileUploadButton_border: #E6E6E6;
    --fileUploadButton_background: #efefef;
    --fileUploadItem_border: #1E1E1E;
    --fileUploadButton_text: #121212bf;

    /* Quantity Selector */
    --quantitySelector-signHoverBg: #F5F5F5;
    --quantitySelector-border: #E6E6E6;
    --quantitySelector-activeBorder: #000000;
    --quantitySelector-text: #D9D9D9;
    --quantitySelector-activeText: #121212;
    --quantitySelector-bg: #FFFFFF;

    /* Radio Buttons */
    --default-radio-border: #000000;
    --default-radio-activeBorder: #2C6ECB;
    --default-radio-bg: #FFFFFF;
    --default-radio-activeBg: #FFFFFF;
    --default-radio-activeMark: #2C6ECB;

    /* Checkboxes */
    --default-checkbox-border: #000000;
    --default-checkbox-activeBorder: #2C6ECB;
    --default-checkbox-bg: #FFFFFF;
    --default-checkbox-activeBg: #2C6ECB;
    --default-checkbox-activeMark: #FFFFFF;

    /* Popup modal button */
    --popupModal-btn-border: #E6E6E6;
    --popupModal-btn-activeBorder: #E6E6E6;
    --popupModal-btn-text: #595959;
    --popupModal-btn-activeText: #121212;
    --popupModal-btn-background: #FFFFFF;
    --popupModal-btn-backgroundHover: #F5F5F5;
    --popupModal-primaryBtn-bg: #121212;
    --popupModal-primaryBtn-text: #F5F5F5;
    --popupModal-secondaryBtn-bg: #F5F5F5;
    --popupModal-secondaryBtn-text: #1E1E1E;

    /* Live Preview */
    --liveChat-text-color: #727272;
    --liveChat-link-color: #5070f9;

    /* Dots & Arrows Slider */
    --default-arrows-bg: #F5F5F5;
    --disabled-arrows: #B3B3B3;
    --default-arrows: #1E1E1E;
    --default-bullets: #D9D9D9;
    --active-bullets: #1E1E1E;


    /* Product List*/
    --tpo_product_list-wraper_hover: #F5F5F5;

    /* Color picker    */
    --color-picker-icon: #000000;
    --color-picker-border: #E6E6E6;
    --color-picker-bg: #FFFFFF;
    --color-picker-hoverBg: #F5F5F5;
    --color-picker-text: #595959;
    --color-picker-activeText: #121212;


    /*Option value description*/
    --description_color: #595959;
    --description_color_in_tooltip: #d9d9d9;

    /*Custom scroll bar*/
    --scroll-bar-background: #e9e9e9;
    --scroll-bar-thumb-background: #a6a6a6;


    /* Heading */
    --default-heading-color: #000000;

    /*Pricing box*/
    --default-pricing-box-color: #000000;
}

[data-tpo-theme="modern"],
[data-tpo-theme="modern"] .tpo_modal-background {
    --placeholder_color: #B3B3B3;
    --helpText-color: #6e6e6e;
    --additional-price-swatches: #595959;
    --additional-price-swatches-active: #F5F5F5;
    /* Option Color */
    --option-label-color: #121212;
    --option-value-color: #121212;
    --option-selectedValue-color: #444444;

    /* Tooltip */
    --tooltip-color: #121212;
    --tooltip-icon-fill: #757575;
    --tooltip-bg: #E6E6E6;

    /* Info */
    --default-info-color: #757575;
    --default-info-bg: #FFFFFF;

    /* Input */
    --default-input-placeholder: #B3B3B3;
    --default-input-enteredValue: #121212;
    --default-input-border: #E6E6E6;
    --default-input-activeBorder: #1E1E1E;
    --default-input-bg: #FFFFFF;
    --default-input-activeBg: #FFFFFF;

    /* Dimension input */
    --dimension-unit-bg: #F5F5F5;

    /* General Dropdown */
    --list-menu-arrow: #757575;
    --list-menu-border: #E6E6E6;
    --list-menu-scrollbarThumb: #1E1E1E;
    --list-menu-scrollbarTrack: #E6E6E6;
    --list-menu-bg: #FFFFFF;
    --list-item-hoverBg: #F5F5F5;
    --list-item-text: #121212;
    --list-icon: #757575;
    --list-item-border: #E6E6E6;

    /* Font Selector */
    --list-fonts-icon-search: #757575;


    /* Buttons */
    --default-button-text: #121212;
    --default-button-activeText: 245, 245, 245;
    --default-button-border: #E6E6E6;
    --default-button-activeBorder: 18, 18, 18;
    --default-button-bg: #FFFFFF;
    --default-button-changeSize-wrapper: #FFFFFF;
    --default-button-changeSize-wrapperBorder: #E6E6E6;
    --default-button-changeSize-color: #1E1E1E;
    --default-button-changeSize-activeColor: #F5F5F5;
    --default-button-changeSize-bg: #F5F5F5;
    --default-button-changeSize-activeBg: #121212;
    --default-button-activeBg: 18, 18, 18;
    --default-button-hover-bg: #E6E6E6;

    /* Switch */
    --switch-bg: #FFFFFF;
    --switch-activeBg: #2C2C2C;
    --switch-border: #757575;
    --switch-activeBorder: #2C2C2C;
    --switch-roller-bg: #757575;
    --switch-roller-activeBg: #F5F5F5;

    /* File Upload  */
    --fileUpload-bg: #FFFFFF;
    --fileUpload-border: #E6E6E6;
    --fileUpload-hover-bg: #F5F5F5;
    --fileUpload-hover-border: #757575;
    --fileUploadButton_border: #E6E6E6;
    --fileUploadButton_background: #FFFFFF;
    --fileUploadItem_border: #1E1E1E;
    --fileUploadButton_text: #121212;

    /* Swatches */
    --swatches-border: #E6E6E6;
    --swatches-activeBorder: #1E1E1E;
    --default-imageSwatches-hoverBg: #E6E6E6;

    /* Dropdown  */
    --dropdownMenu-border: #E6E6E6;
    --dropdownMenu-activeBorder: #1E1E1E;
    --dropdownMenu-placeholder: #121212;

    /* Radio Buttons */
    --default-radio-border: #757575;
    --default-radio-activeBorder: #121212;
    --default-radio-bg: #FFFFFF;
    --default-radio-activeBg: #FFFFFF;
    --default-radio-activeMark: #1E1E1E;

    /* Checkboxes */
    --default-checkbox-border: #757575;
    --default-checkbox-activeBorder: #121212;
    --default-checkbox-bg: #FFFFFF;
    --default-checkbox-activeBg: #121212;
    --default-checkbox-activeMark: #FCFCFC;

    /* Total Additional Price */
    --total-additional-price-border: #1E1E1E;

    /*Option value description*/
    --description_color_in_tooltip: #595959;

    /*  Price  */
    --price-color: #6e6e6e;
    --price-color-hover: #121212;

}

[data-tpo-mode="dark"],
.tpo_modal-background.in-dark-mode {
    --main-pdp-background: #1F1F1F;
    --main-pdp-textColor: #FFFFFFF2;
    --urlViewMore-color: #FFFFFFF2;

    --helpText-color: #FFFFFFB2;
    --additional-price-swatches: #FFFFFFB2;
    --additional-price-swatches-active: #1E1E1E;
    /* Option Color */
    --option-label-color: #FFFFFFF2;
    --option-value-color: #FFFFFFF2;
    --option-selectedValue-color: #FFFFFFB2;

    /* Tooltip */
    --tooltip-color: #FFFFFFF2;
    --tooltip-bg: #595959;
    --tooltip-icon-fill: #FFFFFFB2;

    /* Info */
    --default-info-color: #FFFFFFB2;
    --default-info-bg: #1F1F1F;

    /* Input */
    --default-input-placeholder: #FFFFFFB2;
    --default-input-enteredValue: #FFFFFFF2;
    --default-input-border: #444444;
    --default-input-activeBorder: #F5F5F5;
    --default-input-bg: #2C2C2C;
    --default-input-activeBg: #2C2C2C;

    /* Dimension input */
    --dimension-unit-bg: #2C2C2C;

    /* General Dropdown && Option Value List */
    --list-menu-arrow: #FFFFFF;
    --list-menu-border: #444444;
    --list-menu-scrollbarThumb: #FFFFFF;
    --list-menu-scrollbarTrack: #444444;
    --list-menu-bg: #2C2C2C;
    --list-item-hoverBg: #383838;
    --list-item-text: #FFFFFFF2;
    --list-icon: #757575;

    /* Font Selector */
    --list-fonts-icon-search: #FFFFFFB2;


    /* Buttons */
    --default-button-text: #FFFFFFF2;
    --default-button-activeText: 44, 44, 44;
    --default-button-border: #444444;
    --default-button-activeBorder: 252, 252, 252;
    --default-button-bg: #2C2C2C;
    --default-button-changeSize-wrapper: #262626;
    --default-button-changeSize-wrapperBorder: #333333;
    --default-button-changeSize-color: #FFFFFF;
    --default-button-changeSize-activeColor: #2C2C2C;
    --default-button-changeSize-bg: #444444;
    --default-button-changeSize-activeBg: #FCFCFC;
    --default-button-activeBg: 252, 252, 252;
    --default-button-hover-bg: #595959;

    /* Switch */
    --switch-bg: #2C2C2C;
    --switch-activeBg: #FFFFFF;
    --switch-border: #B3B3B3;
    --switch-activeBorder: #2C2C2C;
    --switch-roller-bg: #B3B3B3;
    --switch-roller-activeBg: #1E1E1E;

    /* File Upload  */
    --fileUpload-loaderIcon: #FFFFFF;
    --fileUpload-bg: #262626;
    --fileUpload-border: #333333;
    --fileUpload-dragOver-border: #2C6ECB;
    --fileUpload-dragOver-bg: #F2F7FE;
    --fileUpload-dragOver-text: #2C6ECB;
    --fileUpload-hover-bg: #333333;
    --fileUpload-hover-border: #B3B3B3;
    --fileUploadButton_border: #757575;
    --fileUploadButton_background: #262626;
    --fileUploadItem_border: #333333;
    --fileUploadButton_text: #FFFFFFF2;

    /* Swatches */
    --swatches-border: #444444;
    --swatches-activeBorder: #F5F5F5;
    --default-imageSwatches-hoverBg: #595959;

    /* Dropdown  */
    --dropdownMenu-border: #444444;
    --dropdownMenu-activeBorder: #F5F5F5;
    --dropdownMenu-placeholder: #FFFFFFF2;

    /* Radio Buttons */
    --default-radio-border: #B3B3B3;
    --default-radio-activeBorder: #F5F5F5;
    --default-radio-bg: #2C2C2C;
    --default-radio-activeBg: #2C2C2C;
    --default-radio-activeMark: #F5F5F5;

    /* Checkboxes */
    --default-checkbox-border: #B3B3B3;
    --default-checkbox-activeBorder: #FCFCFC;
    --default-checkbox-bg: #1F1F1F;
    --default-checkbox-activeBg: #FCFCFC;
    --default-checkbox-activeMark: #1F1F1F;

    /* Quantity Selector */
    --quantitySelector-signHoverBg: #333333;
    --quantitySelector-border: #444444;
    --quantitySelector-activeBorder: #F5F5F5;
    --quantitySelector-text: #FFFFFF1A;
    --quantitySelector-activeText: #FFFFFFF2;
    --quantitySelector-bg: #2C2C2C;

    /* Total Additional Price */
    --total-additional-price-border: #F5F5F5;

    /* Live Preview */
    --liveChat-text-color: #FFFFFFF2;
    --liveChat-link-color: #FFFFFF;

    /* Popup modal button */
    --popupModal-btn-border: #444444;
    --popupModal-btn-activeBorder: #FFFFFF;
    --popupModal-btn-text: #FFFFFFCC;
    --popupModal-btn-activeText: #FFFFFFF2;
    --popupModal-btn-background: #2C2C2C;
    --popupModal-btn-backgroundHover: #333333;
    --popupModal-primaryBtn-bg: #FCFCFC;
    --popupModal-primaryBtn-text: #1E1E1E;
    --popupModal-secondaryBtn-bg: #444444;
    --popupModal-secondaryBtn-text: #F5F5F5;

    /* Dots & Arrows Slider */
    --default-arrows-bg: #2C2C2C;
    --disabled-arrows: #FFFFFF66;
    --default-arrows: #FFFFFF;
    --default-bullets: #FFFFFF33;
    --active-bullets: #FFFFFF;

    /* Product List*/
    --tpo_product_list-wraper_hover: #333333;

    /* Color picker    */
    --color-picker-icon: #FFFFFF;
    --color-picker-border: #333333;
    --color-picker-bg: #262626;
    --color-picker-hoverBg: #333333;
    --color-picker-text: #FFFFFF;
    --color-picker-activeText: #FFFFFFF2;


    /*Option value description*/
    --description_color: rgba(255, 255, 255, 0.7);
    --description_color_in_tooltip: #d9d9d9;

    /*Custom scroll bar*/
    --scroll-bar-background: #e9e9e9;
    --scroll-bar-thumb-background: #a6a6a6;

    /* Heading */
    --default-heading-color: #FFFFFF;

    /*Pricing box*/
    --default-pricing-box-color: #FFFFFF;
}

.tpo_wholesale_table {
    /* Tiered wholesale pricing */
    --default-wholesaleTable-border: #121212D9;
    --default-wholesaleTextTitle-color: #121212BF;
    --default-wholesaleTextColumnHeaders-color: #FFFFFF;
    --default-wholesaleTextCellContents-color: #121212BF;
    --default-wholesaleHeaderRows-bg: #121212D9;
    --default-wholesaleOddRows-bg: #FFFFFF;
    --default-wholesaleEvenRows-bg: #F4F4F4;
}

.tpo_wholesale_table.in-dark-mode {
    /* Tiered wholesale pricing */
    --default-wholesaleTable-border: #F5F5F5;
    --default-wholesaleTextTitle-color: #FFFFFF;
    --default-wholesaleTextColumnHeaders-color: #121212;
    --default-wholesaleTextCellContents-color: #FFFFFF;
    --default-wholesaleHeaderRows-bg: #F5F5F5;
    --default-wholesaleOddRows-bg: #1F1F1F;
    --default-wholesaleEvenRows-bg: #2C2C2C;
}

/* Keyframes */
@keyframes slideFromTop {
    from {
        transform: translate(-50%, -100%);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

@keyframes imageSwatchesTooltipSlide {
    from {
        bottom: 70%;
        visibility: hidden;
    }
    to {
        bottom: calc(100% + 6px);
        visibility: visible;
    }
}

@keyframes button-loading-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Some global styles */

.tpo_option-set-wrapper[data-tpo-theme],
.preview-card-container[data-tpo-mode] {
    font-family: var(--tpo-font-body-family), sans-serif;
}

.preview-card-container[data-tpo-mode='dark'] {
    padding: 4px 16px;
    background-color: #1f1f1f;
}

.preview-card-container[data-tpo-theme] .price,
.preview-card-container[data-tpo-mode] .product__title h1 {
    color: var(--main-pdp-textColor);
}


.using_swatches_slider {
    display: flex !important;
}

.using_swatches_slider_type_3 {
    position: relative;
}

.tpo-swiper.under-swatches .swiper-navigation {
    bottom: 0;
}

.tpo_option-label:has(.tpo_quantity_selector_total-wrapper) .tpo-swiper.under-swatches .swiper-navigation {
    bottom: 36px;
}

.tpo-swiper.under-swatches .swiper-navigation.swiper-navigation-center {
    left: 50%;
    right: unset;
    transform: translateX(-50%);
}

.tpo-swiper.under-swatches .swiper-navigation.swiper-navigation-left {
    left: 0;
    right: unset;
}

.tpo-swiper.above-swatches .swiper-navigation {
    top: -8px;
}


.tpo-swiper .swiper-wrapper {
    align-items: flex-start;
}

.tpo-swiper-navigation {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    gap: 8px;

    .swiper-button-next, .swiper-button-prev {
        position: unset;
        margin-top: 0;
        width: 28px;
        height: 28px;

        svg {
            width: 8px;
            height: 14px;
        }

        svg path {
            fill: var(--default-arrows);
        }
    }

    .swiper-button-next[aria-disabled='true'],
    .swiper-button-prev[aria-disabled='true'] {
        opacity: 1;

        svg path {
            fill: var(--disabled-arrows);
        }
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        display: none;
    }
}

.swiper-grid-column > .swiper-wrapper {
    display: block;
}


.swiper-style-1 {
    &.under-swatches {
        padding-bottom: 36px;
    }

    &.above-swatches .swiper-navigation {
        top: 0;
    }
}

.swiper-style-2 {
    &.under-swatches {
        padding-bottom: 48px;
    }

    &.above-swatches .swiper-navigation {
        top: 0;
    }

    .swiper-button-next, .swiper-button-prev {
        background-color: var(--default-arrows-bg);
        width: 28px;
        height: 28px;
    }
}

.swiper-style-3 {
    width: 80%;
    margin: 0 auto;

    .swiper-navigation {
        top: 50%;
        transform: translateY(-50%);
        left: -4px;
        right: -4px;
        justify-content: space-between;
    }

    .swiper-pagination {
        bottom: unset;

        .swiper-pagination-bullet {
            width: 6px;
            height: 6px;
            background-color: var(--default-bullets);
            opacity: 1;
        }

        .swiper-pagination-bullet-active {
            background-color: var(--active-bullets);
        }
    }

}

.tpo_option-type-image-swatches-wrapper.using_swatches_slider_type_3 {
    .swiper-style-3 {
        width: 90%;

        .swiper-navigation {
            left: -8px;
            right: -8px;
        }
    }
}

body[data-tpo-custom-style] {
    --calendar-main-bg: #ffffff;
    --calendar-main-border: #E6E6E6;
    --calendar-main-text: #595959;
    --calendar-today-border: #1E1E1E;
    --calendar-active-text: #F5F5F5;
    --calendar-active-bg: #1E1E1E;
    --calendar-active-border: #1E1E1E;
    --calendar-range-bg: #F5F5F5;

    .rio-media-gallery,
    .product__column-sticky {
        z-index: unset !important;
    }

    .flatpickr-calendar {
        &::after,
        &::before {
            display: none;
        }

        font-family: var(--tpo-font-body-family), sans-serif;
        box-shadow: none;
        border-radius: 0;
        border: 1px solid var(--calendar-main-border);
        background-color: var(--calendar-main-bg);

        .flatpickr-months {
            & > span {
                width: 40px;
                height: 40px;

                svg {
                    fill: var(--calendar-main-text);
                }
            }

            .flatpickr-month {
                color: var(--calendar-main-text);
                height: 40px;
            }

            .flatpickr-month .flatpickr-current-month {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 40px;
                padding: 0;

                .flatpickr-monthDropdown-months {
                    appearance: none;
                    text-align: center;
                    width: fit-content;
                    padding: 0;
                }
            }
        }

        .flatpickr-weekdays {
            margin-top: 10px;

            .flatpickr-weekday {
                font-size: 14px;
                line-height: 20px;
                font-weight: 500;
                color: var(--calendar-main-text);
            }
        }

        .flatpickr-days {
            .flatpickr-day:not(.flatpickr-disabled) {
                color: var(--calendar-main-text);
            }

            .flatpickr-day.today:not(.flatpickr-disabled) {
                border-color: var(--calendar-today-border);
            }


            .flatpickr-day.inRange {
                background-color: var(--calendar-range-bg);
                box-shadow: -5px 0 0 var(--calendar-range-bg), 5px 0 0 var(--calendar-range-bg);
                border: none;
            }


            .flatpickr-day.flatpickr-disabled,
            .flatpickr-day.flatpickr-disabled:hover,
            .flatpickr-day.today.flatpickr-disabled:hover, .flatpickr-day.flatpickr-disabled.today:focus,
            .flatpickr-day.endRange.flatpickr-disabled, .flatpickr-day.startRange.flatpickr-disabled {
                background-color: transparent;
                border-color: transparent;
            }

            .flatpickr-day:hover,
            .flatpickr-day.selected,
            .flatpickr-day.today:hover, .flatpickr-day.today:focus,
            .flatpickr-day.endRange, .flatpickr-day.startRange {
                border-color: var(--calendar-active-border);
                color: var(--calendar-active-text);
                background-color: var(--calendar-active-bg);
            }

            .flatpickr-day.endRange, .flatpickr-day.startRange {
                border-radius: 50%;
            }
        }

        .flatpickr-time {
            background-color: var(--calendar-main-bg);
            border-color: var(--calendar-main-border);
        }

        .flatpickr-time input.flatpickr-hour,
        .flatpickr-time input.flatpickr-minute,
        .flatpickr-time .flatpickr-am-pm {
            font-family: inherit;
            font-weight: normal;
            font-size: 16px;
            color: var(--calendar-main-text);
            background-color: transparent !important;
        }

        .flatpickr-time input.flatpickr-hour:hover,
        .flatpickr-time input.flatpickr-minute:hover,
        .flatpickr-time .flatpickr-am-pm:hover {
            background-color: var(--calendar-ampm-hoverBg) !important;
        }

        .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
            color: var(--calendar-main-text);
            font-size: 16px;
        }

        .flatpickr-time .numInputWrapper span {
            border: solid var(--calendar-main-text);
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            height: 6px;
            width: 6px;
            right: 12px;
        }

        .flatpickr-time .numInputWrapper span.arrowUp {
            top: 10px;
            transform: rotate(-135deg);
        }

        .flatpickr-time .numInputWrapper span.arrowDown {
            top: unset;
            bottom: 10px;
            transform: rotate(45deg);
        }

        .flatpickr-time .numInputWrapper span.arrowUp:after,
        .flatpickr-time .numInputWrapper span.arrowDown:after {
            display: none;
        }


        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
            box-shadow: -5px 0 0 var(--calendar-range-bg), 5px 0 0 var(--calendar-range-bg);
        }
    }
}

body[data-tpo-custom-style][data-tpo-dark-mode] {
    --calendar-main-bg: #2C2C2C;
    --calendar-main-border: #595959;
    --calendar-main-text: #FFFFFFB2;
    --calendar-today-border: #F5F5F5;
    --calendar-active-text: #1E1E1E;
    --calendar-active-bg: #FCFCFC;
    --calendar-active-border: #FCFCFC;
    --calendar-range-bg: #383838;

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.today.flatpickr-disabled:hover, .flatpickr-day.flatpickr-disabled.today:focus,
    .flatpickr-day.endRange.flatpickr-disabled, .flatpickr-day.startRange.flatpickr-disabled {
        background-color: transparent;
        border-color: transparent;
        color: #666666;
    }
}