@import url("https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css");
:root[data-theme=red_black] {
    --accent-color-800: #97452f;
    --accent-color-900: #6c0000;
    --font-color-700: #fff;
    --font-color-800: rgb(255 255 255 / 70%);
    --font-color-900: #7b7b7b;
    --bg-color-800: #555555;
    --bg-color-700: #252525f5;
    --bg-color-900: #1d1b1a6e;
    --product-items-trans-bg-color: #555555;
}
.bodyBonus {
  background: var(--bg-color-700);
}
.body__price {
    gap: 10px;
    display: flex;
    flex-direction: column;
  padding: 10px;
}
.action {
  justify-content: space-evenly;
    display: flex;
    align-items: center;
    gap: 20px;
}
.price {
    border-radius: 0px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    width: 90px;
    text-align: center;
}
.discount {
    padding: 10px;
    border-radius: 0px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3);
    background: var(--accent-color-800);
}
/*МЕНЮ*/
.widget__img {
    width: 50px;
}

.widget__title {
    font-weight: var(--default-font-weight);
    color: var(--accent-color-800);
}

.widget__description {
    font-size: 12px;
}

.widgetWrapper--flex .boxBody {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    border-radius: 0px;
    background: var(--bg-color-700) !important;
    transition: 0.2s;
}

.widgetWrapper--flex .boxBody:hover {
    transform: translateY(-3px);
    transition: 0.2s;
}

.tg {
    padding: 15px !important;
    background-color: var(--bg-color-700) !important;
}
.ds {
    padding: 15px !important;
    background-color: var(--bg-color-700) !important;
}
.rules {
    padding: 15px !important;
    background-color: var(--bg-color-700) !important;
}
.swiper {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}
  
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: #0a0a0a87;
    display: flex;
    justify-content: center;
    align-items: center;
} 
  
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}
  
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 24px;
}

.swiper-pagination-bullet-active {
    background-color: #fff;
    transform: scale(1.4);
}
.Product-module__wrapper {
    background: var(--accent-color-800);
    position: relative;
    padding: 0px;
    cursor: pointer;
    border-radius: 2px;
    overflow: hidden;
    animation: Product-module__productAnimation .15s ease;
}
.Product-module__name {
    z-index: 6;
    transition: all .2s ease;
    transform: translateY(100%);
    width: 100%;
    padding: 10px 8px;
    bottom: 0;
    left: 0;
    background-color: var(--accent-color-800);
}

/*Мониторинг */
.boxFooter {
    background: var(--bg-color-700);
    border-radius: 0 0 2px 2px;


}
.MonitoringWidget-module__header {
    font-size: 17px;
    display: none;
}
.MonitoringWidget-module__body {
    position: relative;
    transition: all .1s ease;
    background: var(--bg-color-700);
}
.MonitoringServer-module__progressBarAnim {
    font-size: 14px !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .8;
    background: var(--accent-color-800);
    box-shadow: none;
    animation: MonitoringServer-module__monitoringAnimation 2s linear infinite;
}
.MonitoringServer-module__name {
    display: block;
    margin-bottom: 10px;
    /* color: var(--accent-color-800); */

    font-size: 20px;
}
.MonitoringServer-module__info {
    font-size: 14px;
    position: relative;
    top: -25px;
    left: 10px;


}
.MonitoringServer-module__btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.MonitoringServer-module__progressBarWrapper {
    margin-bottom: 6px;
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 20px;
    overflow: hidden;
    background-color: #242424f5;
}
.MonitoringServer-module__progressInfo {
    background-color: var(--bg-color-700);
    border: 1px solid var(--orange-color-hover);
    border-radius: 10px;
}
.MonitoringServer-module__progressBarWrapper {
    background-color: #252525;
    background-image: linear-gradient(45deg, #3a3a3a 25%, transparent 0, transparent 50%, #3a3a3a 0, #3a3a3a 75%, transparent 0, transparent);
    animation: progress-bar-stripes 1s linear infinite;
    background-size: 1rem 1rem;
}
@keyframes progress-bar-stripes {
  0% {
      background-position: 1rem 0;
  }
  100% {
      background-position: 0 0;
  }
}
.Widgets-module__widgetWrapper .boxFooter {
 display:none; 
}