:root {
    --brand-main-color: 178.23deg 100% 50.72%; /* Изменено */
    --brand-secondary-color: 0 0% 93.7%;
    --brand-tertiary-color: 0 0% 46.3%;
    --brand-background: 0 0% 93.7%;
    --white: 0 0% 100%;
    --black: 0 0% 0%;
    --black-alpha-0: 0 0% 0%/0;
    --black-alpha-1: 0 0% 0%/0.1;
    --black-alpha-2: 0 0% 0%/0.2;
    --black-alpha-5: 0 0% 0%/0.5;
    --gray-1: 0 0% 91%;
    --gray-2: 0 0% 76.9%;
    --gray-3: 0 0% 65.5%;
    --gray-4: 0 0% 55.7%;
    --gray-5: 0 0% 43.9%;
    --gray-calculator: 0 0% 46%;
    --purple: 242 82% 62%;
    --red: 356 95% 46%;
    --accessibility-focus-background-color: 0 0% 94.5%;
    --accessibility-focus-color: 198.7 64.9% 36.9%;
    --body-color: 0 0% 13.3%;
    --primary-btn-color: var(--brand-main-color);
    --secondary-btn-color: var(--brand-secondary-color);
    --tertiary-btn-color: var(--brand-tertiary-color);
    --category-background: 226.8 100% 50%;
    --right-sidebar-divider-color: 357.7 84.6% 51.8%;
    --table-border: 0 0% 94.1%;
    --bar-height: 0px;
    --nav-padding: 0px;
    --nav-height: 67px;
    --container-width: 100%;
    --section-padding-block: 2rem;
  }
  
@media (min-width: 601px) {
  :root {
    --nav-padding: 60px;
  }
}
@media (min-width: 992px) {
  :root {
    --nav-padding: 82px;
  }
}
@media (min-width: 1200px) {
  :root {
    --nav-padding: 88px;
  }
}
@media (min-width: 992px) {
  :root {
    --nav-height: 86px;
  }
}
@media (min-width: 1200px) {
  :root {
    --nav-height: 92px;
  }
}
@media (min-width: 601px) {
  :root {
    --container-width: 540px;
  }
}
@media (min-width: 768px) {
  :root {
    --container-width: 720px;
  }
}
@media (min-width: 992px) {
  :root {
    --container-width: 940px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-width: 1140px;
  }
}
@media (min-width: 768px) {
  :root {
    --section-padding-block: 4rem;
  }
}
@media (min-width: 992px) {
  :root {
    --section-padding-block: 6rem;
  }
}
.admin-bar {
  --bar-height: 46px;
}
@media (min-width: 783px) {
  .admin-bar {
    --bar-height: 32px;
  }
}
.stripes-component .container {
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  .stripes-component .container {
    gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .stripes-component .container {
    gap: 4rem;
  }
}
.stripes-component .container .title-wrapper .title.line {
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .stripes-component .container .stripes-wrapper {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }
}
.stripes-component .container .stripes-wrapper .stripe {
  padding: 2rem 1.5rem;
  background-color: hsl(var(--brand-background));
  border-radius: 18px;
  margin-right: 1rem;
  margin-left: 1rem;
}
@media (min-width: 992px) {
  .stripes-component .container .stripes-wrapper .stripe {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .stripes-component .container .stripes-wrapper .stripe.text {
    flex: 1 0 35%;
    transition: all 0.3s ease;
  }
}
@media (min-width: 992px) {
  .stripes-component .container .stripes-wrapper .stripe.text:hover {
    background-color: hsl(var(--brand-main-color));
  }
  .stripes-component
    .container
    .stripes-wrapper
    .stripe.text:hover
    .stripe-inner
    .title.line:after {
    background-color: hsl(var(--white));
  }
}
@media (min-width: 992px) {
  .stripes-component .container .stripes-wrapper .stripe.media {
    display: flex;
    align-items: center;
    flex: 0 0 20%;
  }
}
.stripes-component .container .stripes-wrapper .stripe .stripe-inner {
  display: grid;
  align-content: flex-start;
  gap: 1rem;
}
.stripes-component .container .stripes-wrapper .stripe .stripe-inner .title {
  font-size: 18px;
  font-weight: 600;
}
.stripes-component
  .container
  .stripes-wrapper
  .stripe
  .stripe-inner
  .title.line {
  position: relative;
}
.stripes-component
  .container
  .stripes-wrapper
  .stripe
  .stripe-inner
  .title.line:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 2px;
  background-color: hsl(var(--brand-main-color));
  left: 0;
  transition: all 0.3s ease;
}
html[dir="rtl"]
  .stripes-component
  .container
  .stripes-wrapper
  .stripe
  .stripe-inner
  .title.line:after {
  left: unset;
  right: 0;
}
.stripes-component
  .container
  .stripes-wrapper
  .stripe
  .stripe-inner
  .title.line.above {
  padding-top: 1rem;
}
.stripes-component
  .container
  .stripes-wrapper
  .stripe
  .stripe-inner
  .title.line.above:after {
  top: 0;
}
.stripes-component
  .container
  .stripes-wrapper
  .stripe
  .stripe-inner
  .title.line.below {
  padding-bottom: 1rem;
}
.stripes-component
  .container
  .stripes-wrapper
  .stripe
  .stripe-inner
  .title.line.below:after {
  bottom: 0;
}
.stripes-component .container .stripes-footer {
  display: grid;
  gap: 2rem;
  justify-items: center;
}
/*# sourceMappingURL=stripes.css.map */