.skeleton *:empty {
  background: #f6f7f8;
  background-position: -500px 0;
  animation: skeletonShine 1s linear 0s infinite normal forwards;
  background-image: linear-gradient(135deg, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 1000px 100%;
}

.skeleton__section+.skeleton__section {
  margin-top: 16px;
}

.skeleton__section--actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 16px;
}

.skeleton__section--card {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 24px;
}

.skeleton__section--calendar {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 16px;
}

.skeleton__header {
  margin-bottom: 6px;
  height: 32px;
  width: 200px;
  max-width: 35%;
}

.skeleton__header--long {
  width: 300px;
  max-width: 85%;
}

.skeleton__hr {
  height: 2px;
  width: 100%;
  margin-bottom: 16px;
}

.skeleton__p {
  height: 16px;
  width: 100%;
  margin-bottom: 8px;
}

.skeleton__p:last-child {
  width: 45%;
}

.skeleton__p--short {
  max-width: 120px;
}

.skeleton__button {
  height: 24px;
  width: 56px;
  margin-bottom: 8px;
}

.skeleton__button:nth-child(2n) {
  width: 72px;
}

.skeleton__button:nth-child(3n + 1) {
  width: 48px;
}

.skeleton__input {
  height: 32px;
  width: 100%;
  margin-bottom: 8px;
}

.skeleton__input--half {
  width: 50%;
}

.skeleton__tr {
  display: flex;
  gap: 12px;
}

.header_tab:first-child .skeleton__td {
  height: 34px;
  margin-bottom: 12px;
}

.skeleton__td {
  flex: 1 1 100%;
  height: 20px;
  margin: 4px 0;
}

.skeleton__img {
  height: 64px;
  width: 64px;
  border-radius: 8px;
}

.skeleton__icon {
  height: 24px;
  width: 24px;
  border-radius: 4px;
}

.skeleton__block {
  height: 56px;
  width: 100%;
  margin-bottom: 12px;
}

.skeleton__block--empty {
  background: none !important;
}

.skeleton__block--xs {
  height: 12px;
}

.skeleton__block--s {
  height: 24px;
}

.skeleton__block--l {
  height: 92px;
}

.skeleton__block--xl {
  height: 128px;
}

.skeleton__group {
  height: 24px;
  width: 200px;
  max-width: 35%;
  margin-top: 16px;
  margin-bottom: 12px;
}

.skeleton__tree {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
}

.skeleton__tree * {
  margin: 0;
}

.skeleton__tree .skeleton__p {
  width: 100%;
  max-width: none;
}

.skeleton__tree--0 {
  padding-left: 0;
}

.skeleton__tree--1 {
  padding-left: 16px;
}

.skeleton__tree--2 {
  padding-left: 24px;
}


.condi .skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.condi .header_tab .skeleton__td {
  height: 34px;
  margin-bottom: 12px;
}

.faq .skeleton__tr {
  flex-wrap: wrap;
}

.faq .skeleton__td {
  /* margin:0 1rem; */
  height: 33px;
}

.faq .imgfaq {
  height: 300px;
}

.faq .skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.how_it .skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.how_it .imghowit .skeleton__td {
  height: 150px;
}

.how_it .header_tab .skeleton__td {
  height: 34px;
  margin-bottom: 12px;
}

.how_it .skeleton__td {
  height: 10px;
}

.asseen .skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.asseen .imgasseen {
  height: 50px;
}

.codvs .skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.codvs .imgcodvs {
  height: 400px;
}

.review .skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.review .imgreview {
  height: 50px;
}

@media (min-width:992px) {
  .w-md-50 {
    max-width: calc(50% - 6px) !important;
  }

  .w-md-25 {
    max-width: calc(25% - 6px) !important;
  }

  .w-md-75 {
    max-width: calc(75% - 6px) !important;
  }
}

@keyframes skeletonShine {
  to {
    background-position: 500px 0;
  }
}