:root {
    --Red: rgb(255, 69, 58);
    --Red-vibrant: #ff4f44;
    --Red-default_IC: #ff6961;
    --Red-vibrant_IC: #ff4136;
    --Orange: #ff9f0a;
    --Orange-vibrant: #ffa914;
    --Orange-default_IC: #ffb340;
    --Orange-vibrant_IC: #e6aa54;
    --Yellow: #ffd60a;
    --Yellow-vibrant: #ffe014;
    --Yellow-default_IC: #ffd426;
    --Yellow-vibrant_IC: #ccac45;
    --Green: rgba(50, 215, 75, 0.68);
    --Green-vibrant: #3ce155;
    --Green-default_IC: #31de4b;
    --Green-vibrant_IC: #31de4b;
    --Mint: #63e6e2;
    --Mint-vibrant: #6ce0db;
    --Mint-default_IC: #63e6e2;
    --Mint-vibrant_IC: #63e6e2;
    --Teal: #6ac4dc;
    --Teal-vibrant: #44d4ed;
    --Teal-default_IC: #5de6ff;
    --Teal-vibrant_IC: #5de6ff;
    --Cyan: #5ac8f5;
    --Cyan-vibrant: #5acdfa;
    --Cyan-default_IC: #70d7ff;
    --Cyan-vibrant_IC: #70d7ff;
    --Blue: #0a84ff;
    --Blue-vibrant: #148eff;
    --Blue-default_IC: #409cff;
    --Blue-vibrant_IC: #409cff;
    --Blue-rollover: #47c1ff;
    --Blue-pressed: #38b2ff;
    --Blue-deepPressed: #47c1ff;
    --Blue-disabled: rgba(10, 132, 255, 0.5);
    --Indigo: #5e5ce6;
    --Indigo-vibrant: #6361f2;
    --Indigo-default_IC: #7d7aff;
    --Indigo-vibrant_IC: #7d7aff;
    --Purple: #bf5af2;
    --Purple-vibrant: #cc65ff;
    --Purple-default_IC: #da8fff;
    --Purple-vibrant_IC: #da8fff;
    --Pink: #ff375f;
    --Pink-vibrant: #ff4169;
    --Pink-default_IC: #ff6482;
    --Pink-vibrant_IC: #ff3a5f;
    --Brown: #ac8e68;
    --Brown-vibrant: #b69872;
    --Brown-default_IC: #b59469;
    --Brown-vibrant_IC: #b59469;
    --Gray: #98989d;
    --Gray-vibrant: #a2a2a7;
    --Gray-default_IC: #98989d;
    --Gray-vibrant_IC: #98989d;
    --Navbar: #0d0d0d;
    --Navbar-hover: rgba(40, 40, 42, 0.96);
    --Background: #121212;
    --Background1: rgba(34, 34, 36);
    --Background-hover: rgb(66, 66, 66);
    --White: #f5f5f7;
    --Primary: rgba(255, 255, 255, 0.92);
    --Primary-vibrant: #f5f5f7;
    --Primary-onDark: rgba(255, 255, 255, 0.92);
    --Secondary: rgba(255, 255, 255, 0.64);
    --Secondary-vibrant: #a1a1a6;
    --Secondary-onDark: rgba(255, 255, 255, 0.64);
    --Tertiary: rgba(255, 255, 255, 0.4);
    --Tertiary-vibrant: #6e6e73;
    --Tertiary-onDark: rgba(255, 255, 255, 0.4);
    --MainIconColor: #7f7f7f;
    --labelDivider: rgba(255, 255, 255, 0.1);
    --SecondaryBackground: rgba(0, 0, 0, 0.3);
    --SecondaryBackground-vibrant: rgba(40, 40, 42, 0.7);
    --Outline-color-primary-disabled: hsla(0, 0%, 100%, .04);

    --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="white"] {
    --Navbar: #f4f3f7;
    --Background: #ffffff;
    --Background1: rgba(34, 34, 36);
    --Primary: rgba(0, 0, 0, 0.92);
    --Secondary: rgba(0, 0, 0, 0.64);
    --Tertiary: rgba(0, 0, 0, 0.4);
    --SecondaryBackground: #f4f3f7;
    --Navbar-hover: rgba(215, 215, 215, 0.96);
    --Background-hover: rgba(215, 215, 215, 0.96);
    --labelDivider: rgba(0, 0, 0, 0.1);
    --SecondaryBackground-vibrant: rgba(215, 215, 215, 0.7);
}


.relative {
    position: relative;
}

.d-center {
    display: flex;
    align-items: center;
}

.w-100 {
    width: 100% !important;
}

.mt-10 {
    margin-top: 10px;
}

.mw-60 {
    max-width: 60% !important;
}

.w-35 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.mt-0 {
    margin-top: 0 !important;
}

.w-45 {
    width: 45% !important;
}

.w-90 {
    width: 90%;
}

.mr-5 {
    margin-right: 5px;
}

.g-5 {
    gap: 5px;
}

.g-10 {
    gap: 10px;
}

.c-white {
    color: var(--Primary);
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.c-secondary {
    color: var(--Secondary);
}

.ta-end {
    text-align: center;
}

.w-mc {
    width: max-content;
}

.mt-30 {
    margin-top: 30px;
}

.mt-25 {
    margin-top: 25px;
}

swiper-slide {
    flex-shrink: 1 !important;
}

.mat-25:not(:first-of-type) {
  margin-top: 25px; /* отступ для всех, кроме первого элемента с таким классом */
}

.mat-20:first-of-type {
  margin-top: 0; /* без отступа у первого элемента с классом */
}