@media screen and (max-width: 767.8px) {
    .smi-display-settings.smi-display-desktop {
        display: none !important
    }
}

@media screen and (min-width: 768px) {
    .smi-display-settings.smi-display-mobile {
        display: none !important
    }
}

.smi-component-settings-icon-setting {
    display: inline-flex
}

.smi-component-settings-icon-setting svg {
    stroke: rgb(var(--color-foreground))
}

.smi-component-settings-icon-setting svg path {
    fill: rgb(var(--color-foreground))
}

.smi-countdown-timer-container {
    white-space: nowrap;
    justify-content: var(--content-alignment)
}

.smi-countdown-timer-container .smi-mgs-noti {
    white-space: normal;
    text-align: var(--content-alignment);
    padding: 0px !important
}

.smi-countdown-timer-container .smi-mgs-noti p {
    white-space: nowrap
}

.smi-countdown-timer-container.smi-countdown-timer-container-style-text .smi-countdown-style-main {
    padding: 4px 12px
}

@media screen and (max-width: 768px) {
    .smi-countdown-timer-container.smi-countdown-timer-container-style-text .smi-countdown-style-main {
        padding: 2px 4px;
        column-gap: 4px
    }

    .smi-countdown-timer-container.smi-countdown-timer-container-style-text .smi-countdown-style-main .smi-num-size {
        font-size: clamp(var(--font-heading-scale)*.75*var(--unit-size-min), 2.5cqw, var(--font-heading-scale)*.7*var(--unit-size)*1px)
    }

    .smi-countdown-timer-container.smi-countdown-timer-container-style-text .smi-countdown-style-main .smi-num-size-body {
        font-size: calc(var(--font-body-scale)*16px)
    }
}

.smi-countdown-timer-container.smi-countdown-timer-container-style-text .smi-inner-countdown {
    column-gap: 2px
}

.smi-countdown-timer-container.smi-countdown-timer-container-style-text .smi-inner-countdown .smi-num {
    min-width: var(--min-width-num);
    text-align: center
}

.smi-countdown-timer-container.smi-countdown-timer-container-style-text .smi-button-wrapper {
    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
}

.smi-countdown-timer-container .smi-inner-circular {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px !important;
    height: 140px !important;
    width: var(--circle-size) !important;
    height: var(--circle-size) !important
}

.smi-countdown-timer-container .smi-inner-circular.smi-h1-size {
    --circle-size: 140px
}

.smi-countdown-timer-container .smi-inner-circular.smi-h2-size {
    --circle-size: 130px
}

.smi-countdown-timer-container .smi-inner-circular.smi-h3-size {
    --circle-size: 120px
}

.smi-countdown-timer-container .smi-inner-circular.smi-h4-size {
    --circle-size: 110px
}

.smi-countdown-timer-container .smi-inner-circular.smi-text-md-size {
    --circle-size: 90px
}

@media screen and (max-width: 992px) {
    .smi-countdown-timer-container .smi-inner-circular.smi-h1-size {
        --circle-size: 98px
    }

    .smi-countdown-timer-container .smi-inner-circular.smi-h2-size {
        --circle-size: 91px
    }

    .smi-countdown-timer-container .smi-inner-circular.smi-h3-size {
        --circle-size: 84px
    }

    .smi-countdown-timer-container .smi-inner-circular.smi-h4-size {
        --circle-size: 77px
    }

    .smi-countdown-timer-container .smi-inner-circular.smi-text-md-size {
        --circle-size: 77px
    }
}

@media screen and (max-width: 576px) {
    .smi-countdown-timer-container .smi-inner-circular.smi-h1-size {
        --circle-size: 84px
    }

    .smi-countdown-timer-container .smi-inner-circular.smi-h2-size {
        --circle-size: 78px
    }

    .smi-countdown-timer-container .smi-inner-circular.smi-h3-size {
        --circle-size: 72px
    }

    .smi-countdown-timer-container .smi-inner-circular.smi-h4-size {
        --circle-size: 66px
    }

    .smi-countdown-timer-container .smi-inner-circular.smi-text-md-size {
        --circle-size: 70px
    }
}

.smi-countdown-timer-container .smi-inner-circular .smi-inner-countdown {
    position: relative !important
}

.smi-countdown-timer-container .smi-inner-circular .smi-inner-countdown .smi-num-size {
    line-height: 1 !important
}

.smi-countdown-timer-container .smi-inner-circular .circle {
    max-width: unset;
    --scale: clamp(0.8, 1, 1.2);
    transform: rotate(-90deg) scale(var(--scale));
    position: absolute
}

@media screen and (max-width: 992px) {
    .smi-countdown-timer-container .smi-inner-circular .circle {
        --scale: clamp(0.6, 0.7, 1)
    }
}

@media screen and (max-width: 576px) {
    .smi-countdown-timer-container .smi-inner-circular .circle {
        --scale: clamp(0.4, 0.6, 0.8)
    }
}

.smi-countdown-timer-container .smi-inner-circular.smi-text-md-size .circle {
    --scale: 1.05
}

@media screen and (max-width: 992px) {
    .smi-countdown-timer-container .smi-inner-circular.smi-text-md-size .circle {
        --scale: clamp(0.6, 0.9, 1)
    }
}

@media screen and (max-width: 576px) {
    .smi-countdown-timer-container .smi-inner-circular.smi-text-md-size .circle {
        --scale: clamp(0.6, 0.8, 1)
    }
}

.smi-countdown-timer-container .smi-inner-circular circle {
    fill: none;
    stroke-width: 8
}

.smi-countdown-timer-container .smi-inner-circular.smi-text-md-size circle {
    stroke-width: 6 !important
}

.smi-countdown-timer-container .smi-inner-circular circle.bg {
    stroke: rgba(var(--color-foreground), 0.2)
}

.smi-countdown-timer-container .smi-inner-circular circle.progress {
    stroke: rgba(var(--color-foreground), 1);
    stroke-dasharray: var(--pir);
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear
}

.smi-countdown-timer-container .smi-inner-circular .pronon {
    transition: none !important
}

.smi-countdown-timer-container .smi-inner-circular .smi-inner-countdown {
    position: absolute
}

.smi-countdown-timer-container .smi-countdown-style-solid_1_radius.smi-countdown-main-size-smi-h1 .smi-num,
.smi-countdown-timer-container .smi-countdown-style-solid_1.smi-countdown-main-size-smi-h1 .smi-num {
    width: clamp(var(--font-heading-scale)*50px, 6vw, var(--font-heading-scale)*100px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_1_radius.smi-countdown-main-size-smi-h2 .smi-num,
.smi-countdown-timer-container .smi-countdown-style-solid_1.smi-countdown-main-size-smi-h2 .smi-num {
    width: clamp(var(--font-heading-scale)*45px, 6vw, var(--font-heading-scale)*80px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_1_radius.smi-countdown-main-size-smi-h3 .smi-num,
.smi-countdown-timer-container .smi-countdown-style-solid_1.smi-countdown-main-size-smi-h3 .smi-num {
    width: clamp(var(--font-heading-scale)*40px, 6vw, var(--font-heading-scale)*70px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_1_radius.smi-countdown-main-size-smi-h4 .smi-num,
.smi-countdown-timer-container .smi-countdown-style-solid_1.smi-countdown-main-size-smi-h4 .smi-num {
    width: clamp(var(--font-heading-scale)*35px, 6vw, var(--font-heading-scale)*60px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_1_radius.smi-countdown-main-size-smi-text-md .smi-num,
.smi-countdown-timer-container .smi-countdown-style-solid_1.smi-countdown-main-size-smi-text-md .smi-num {
    width: calc(var(--font-body-scale)*40px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_2_radius .smi-num-unit,
.smi-countdown-timer-container .smi-countdown-style-solid_2 .smi-num-unit {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.smi-countdown-timer-container .smi-countdown-style-solid_2_radius.smi-countdown-main-size-smi-h1 .smi-num-unit,
.smi-countdown-timer-container .smi-countdown-style-solid_2.smi-countdown-main-size-smi-h1 .smi-num-unit {
    width: clamp(var(--font-heading-scale)*26px, 6vw, var(--font-heading-scale)*48px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_2_radius.smi-countdown-main-size-smi-h2 .smi-num-unit,
.smi-countdown-timer-container .smi-countdown-style-solid_2.smi-countdown-main-size-smi-h2 .smi-num-unit {
    width: clamp(var(--font-heading-scale)*24px, 6vw, var(--font-heading-scale)*40px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_2_radius.smi-countdown-main-size-smi-h3 .smi-num-unit,
.smi-countdown-timer-container .smi-countdown-style-solid_2.smi-countdown-main-size-smi-h3 .smi-num-unit {
    width: clamp(var(--font-heading-scale)*22px, 6vw, var(--font-heading-scale)*36px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_2_radius.smi-countdown-main-size-smi-h4 .smi-num-unit,
.smi-countdown-timer-container .smi-countdown-style-solid_2.smi-countdown-main-size-smi-h4 .smi-num-unit {
    width: clamp(var(--font-heading-scale)*20px, 6vw, var(--font-heading-scale)*32px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_2_radius.smi-countdown-main-size-smi-text-md .smi-num-unit,
.smi-countdown-timer-container .smi-countdown-style-solid_2.smi-countdown-main-size-smi-text-md .smi-num-unit {
    width: calc(var(--font-body-scale)*26px);
    height: calc(var(--font-body-scale)*30px);
    display: flex;
    align-items: center;
    justify-content: center
}

.smi-countdown-timer-container .smi-num-size {
    font-size: clamp(var(--font-heading-scale)*var(--unit-size-min), 2.5cqw, var(--font-heading-scale)*var(--unit-size)*1px);
    line-height: clamp((1 + .6/(var(--font-heading-scale)*var(--unit-line-height-min)/16))*var(--heading-line-height-scale, 1), 5cqw, (1 + .6/(var(--font-heading-scale)*var(--unit-line-height)/16))*var(--heading-line-height-scale, 1))
}

.smi-countdown-timer-container .smi-num-size-body {
    font-size: calc(var(--font-body-scale)*16px);
    line-height: calc(var(--font-body-scale)*22px)
}

.smi-countdown-timer-container .smi-inner {
    width: fit-content;
    text-align: center
}

.smi-countdown-timer-container .smi-inner .smi-text-md {
    font-size: clamp(var(--font-body-scale)*12px, 1.5cqw, var(--font-body-scale)*16px);
    line-height: clamp((1 + .6/(var(--font-body-scale)*12/16))*var(--body-line-height-scale, 1), 2cqw, (1 + .6/(var(--font-body-scale)*16/16))*var(--body-line-height-scale, 1))
}

.smi-countdown-timer-container .smi-inner .smi-unit {
    width: clamp(50px, 5cqw, 65px)
}

.smi-countdown-timer-container .smi-px-lg {
    padding-left: clamp(12px, 2cqw, 24px);
    padding-right: clamp(12px, 2cqw, 24px)
}

.smi-countdown-timer-container .smi-px-xs {
    padding-left: clamp(4px, 1.5cqw, 8px);
    padding-right: clamp(4px, 1.5cqw, 8px)
}

.smi-countdown-timer-container .smi-py-xxs {
    padding-top: clamp(1px, 1cqw, 4px);
    padding-bottom: clamp(1px, 1cqw, 4px)
}

.smi-countdown-timer-container .smi-column-gap-lg {
    column-gap: clamp(12px, 2cqw, 24px)
}

.smi-countdown-timer-container .smi-column-gap-md {
    column-gap: clamp(4px, 1cqw, 16px)
}

.smi-countdown-timer-container .smi-column-gap-xxs {
    column-gap: clamp(1px, .5cqw, 4px)
}

.smi-countdown-timer-container .smi-countdown-style-main {
    width: fit-content
}

.smi-countdown-timer-container .smi-countdown-style-main .smi-num,
.smi-countdown-timer-container .smi-countdown-style-main .smi-colon {
    font-family: var(--number-font) !important;
    font-weight: var(--number-font-weight) !important;
    font-style: var(--number-font-style) !important
}

.smi-countdown-timer-container .smi-countdown-style-main.smi-countdown-style-text .smi-inner-countdown,
.smi-countdown-timer-container .smi-countdown-style-main.smi-countdown-style-text .smi-colon {
    font-family: var(--number-font) !important;
    font-weight: var(--number-font-weight) !important;
    font-style: var(--number-font-style) !important
}

.smi-countdown-timer-container .smi-countdown-style-main.smi-button--solid.smi-custom-countdown-style-false {
    border-color: rgb(var(--color-button)) !important
}

.smi-countdown-timer-container .smi-countdown-style-classic_2 .smi-colon,
.smi-countdown-timer-container .smi-countdown-style-border .smi-colon,
.smi-countdown-timer-container .smi-countdown-style-border_radius .smi-colon {
    font-size: .1px;
    color: rgba(0, 0, 0, 0);
    height: auto;
    background: rgba(var(--color-foreground), 0.2);
    width: 1px
}

.smi-countdown-timer-container .smi-countdown-style-classic_2:not(.smi-countdown-style-classic_2),
.smi-countdown-timer-container .smi-countdown-style-border:not(.smi-countdown-style-classic_2),
.smi-countdown-timer-container .smi-countdown-style-border_radius:not(.smi-countdown-style-classic_2) {
    border: 1px solid rgba(var(--color-foreground), 0.2)
}

.smi-countdown-timer-container .smi-countdown-style-classic_2:not(.smi-countdown-style-classic_2) .smi-px-lg,
.smi-countdown-timer-container .smi-countdown-style-border:not(.smi-countdown-style-classic_2) .smi-px-lg,
.smi-countdown-timer-container .smi-countdown-style-border_radius:not(.smi-countdown-style-classic_2) .smi-px-lg {
    padding-left: clamp(10px, 2cqw, 22px);
    padding-right: clamp(10px, 2cqw, 22px)
}

.smi-countdown-timer-container .smi-countdown-style-classic_2:not(.smi-countdown-style-classic_2) .smi-py-xs,
.smi-countdown-timer-container .smi-countdown-style-border:not(.smi-countdown-style-classic_2) .smi-py-xs,
.smi-countdown-timer-container .smi-countdown-style-border_radius:not(.smi-countdown-style-classic_2) .smi-py-xs {
    padding-top: clamp(4px, 1cqw, 8px);
    padding-bottom: clamp(4px, 1cqw, 8px)
}

.smi-countdown-timer-container .smi-countdown-style-classic_2:not(.smi-countdown-style-classic_2):not(.smi-countdown-style-border),
.smi-countdown-timer-container .smi-countdown-style-border:not(.smi-countdown-style-classic_2):not(.smi-countdown-style-border),
.smi-countdown-timer-container .smi-countdown-style-border_radius:not(.smi-countdown-style-classic_2):not(.smi-countdown-style-border) {
    border-radius: 10px
}

.smi-countdown-timer-container .smi-countdown-style-solid_1 .smi-px-md,
.smi-countdown-timer-container .smi-countdown-style-solid_1_radius .smi-px-md {
    padding-left: clamp(6px, 2cqw, 16px);
    padding-right: clamp(6px, 2cqw, 16px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_1 .smi-py-sm,
.smi-countdown-timer-container .smi-countdown-style-solid_1_radius .smi-py-sm {
    padding-top: clamp(4px, 1cqw, 12px);
    padding-bottom: clamp(4px, 1cqw, 12px)
}

.smi-countdown-timer-container .smi-countdown-style-solid_1 .smi-num,
.smi-countdown-timer-container .smi-countdown-style-solid_1_radius .smi-num {
    color: rgba(var(--color-button-text), 1);
    background: rgba(var(--color-button))
}

.smi-countdown-timer-container .smi-countdown-style-solid_1_radius:not(.smi-countdown-style-border) .smi-num {
    border-radius: 10px
}

.smi-countdown-timer-container .smi-num-unit {
    color: rgba(var(--color-button-text), 1);
    background: rgba(var(--color-button))
}

.smi-countdown-timer-container .smi-num-unit__border {
    border-radius: 10px
}

.smi-countdown-timer-container .smi-hide-op-im {
    display: none !important
}

.smi-announcement-bar-3.sticky_announcement-bar {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 10
}

@media screen and (max-width: 767.98px) {
    .smi-announcement-bar-3 .smi-show-countdown-mobile-false {
        display: none
    }
}

.smi-announcement-bar-3 .smi-swiper {
    max-width: calc(100% - 40px*var(--icon-scale, 1))
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper {
    display: flex;
    align-items: stretch !important;
    transition-delay: 0ms !important
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    opacity: 0 !important
}

@media screen and (max-width: 767px) {
    .smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide {
        flex-direction: column;
        gap: 4px
    }
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-countdown-style-main.smi-button-wrapper {
    background: var(--gradient-background-countdown, rgb(var(--color-button)))
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-mgs-noti {
    padding-top: 0px !important
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement {
    transition: all .3s linear
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide.smi-swiper-slide-active {
    opacity: 1 !important
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide.smi-swiper-slide-active .smi-component-blocks-announcement {
    transform: unset !important
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement {
    height: 100%;
    position: relative;
    transition: all .3s linear;
    justify-content: end;
    display: flex
}

@media screen and (max-width: 767px) {
    .smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement {
        height: fit-content
    }
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement__content {
    height: 100%
}

@media screen and (max-width: 767px) {
    .smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement__content {
        height: fit-content
    }
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement__content>* {
    color: rgba(var(--color-foreground))
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement__content p {
    text-align: unset
}

@media screen and (max-width: 767px) {
    .smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement__content p {
        text-align: center
    }
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide .smi-component-blocks-announcement__content p strong {
    color: var(--color-heightlight, rgba(var(--color-foreground)));
    font-weight: 600
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide.swiper-slide-prev .smi-component-blocks-announcement {
    transform: translateY(40px) !important;
    transition: all .3s linear
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide.swiper-slide-next .smi-component-blocks-announcement {
    transform: translateY(-40px) !important;
    transition: all .3s linear
}

.smi-announcement-bar-3 .smi-swiper .smi-swiper-wrapper .smi-swiper-slide.swiper-slide-active .smi-component-blocks-announcement {
    margin-top: 0px;
    transform: unset !important
}

.smi-announcement-bar-3 .smi-swiper-navigation {
    transform: unset !important
}

.smi-announcement-bar-3 .smi-component-buttons-link {
    max-width: fit-content;
    width: 100%
}

.smi-section-annoucement-bar-3 {
    background-color: var(--gradient-background) !important;
    background: var(--gradient-background) !important;
    overflow-x: hidden;
    color: rgba(var(--color-foreground))
}

.smi-section-annoucement-bar-3 .smi-announcement-wrapper {
    overflow-x: hidden !important;
    overflow-y: hidden;
}

.smi-section-annoucement-bar-3 .smi-content-announcement-wrapper {
    width: 100%;
    max-width: var(--content-max-width);
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 767.98px) {
    .smi-section-annoucement-bar-3 .smi-content-announcement-wrapper .swiper-slide {
        padding-left: 30px;
        padding-right: 30px
    }
}

.smi-section-annoucement-bar-3 .smi-content-announcement-wrapper .swiper-slide div[class^=smi-component-settings-icon-setting] span {
    display: flex
}

.smi-section-annoucement-bar-3 .smi-content-announcement-wrapper a {
    text-decoration: underline
}

.smi-section-annoucement-bar-3 .smi-content-announcement-wrapper .arrow-icon {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    cursor: pointer
}

.smi-section-annoucement-bar-3 .smi-content-announcement-wrapper .arrow-icon.arrow-slider-left {
    left: -30px
}

@media screen and (max-width: 767.98px) {
    .smi-section-annoucement-bar-3 .smi-content-announcement-wrapper .arrow-icon.arrow-slider-left {
        left: 0px
    }
}

.smi-section-annoucement-bar-3 .smi-content-announcement-wrapper .arrow-icon.arrow-slider-right {
    right: -30px
}

@media screen and (max-width: 767.98px) {
    .smi-section-annoucement-bar-3 .smi-content-announcement-wrapper .arrow-icon.arrow-slider-right {
        right: 0px
    }
}

.smi-section-annoucement-bar-3 .smi-content-announcement-wrapper .arrow-icon.swiper-button-disabled {
    color: rgba(var(--color-foreground), 0.75)
}

.smi-section-annoucement-bar-3 .smi-component-arrow-slider .arrow-slider-content .arrow-icon svg:hover path,
.smi-section-annoucement-bar-3 .smi-component-arrow-slider .arrow-slider-content .arrow-icon svg:active path {
    fill: rgb(var(--color-foreground), 0.7)
}

.smi-section-annoucement-bar-3 .smi-component-arrow-slider .arrow-slider-content .swiper-button-disabled svg path {
    fill: rgb(var(--color-foreground), 0.7)
}