:root {
  --flip-card-pad: 36px;
  --flip-card-radius: 8px;
}
@media (min-width: 1024px) {
  :root {
    --flip-card-pad: 48px;
  }
}
@media (min-width: 1200px) {
  :root {
    --flip-card-pad: 80px;
  }
}
:root .t-teme-temp2 {
  --flip-card-radius: 0px;
}
:root .t-teme-temp3 {
  --flip-card-radius: 10px;
}

.c-flip-card__inner {
  display: grid;
  transition-duration: 0.6s;
  transition-timing-function: ease-in-out;
  transform-style: preserve-3d;
  text-align: center;
  min-height: 100%;
}

.c-flip-card__front,
.c-flip-card__back {
  grid-row: 1/2;
  grid-column: 1/2;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: var(--flip-card-pad);
  border-radius: var(--flip-card-radius);
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-flip-card__front > *,
.c-flip-card__back > * {
  width: 100%;
}

.c-flip-card__front {
  transform: rotateY(0deg);
}

.c-flip-card__back {
  transform: rotateY(-180deg);
}

.c-flip-card__icon {
  width: 4.0625rem;
  height: 4.0625rem;
  display: inline-block;
}
.c-flip-card__icon svg {
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .c-flip-card__icon {
    width: 6.5625rem;
    height: 6.5625rem;
  }
}

.c-flip-card {
  perspective: 1000px;
  width: 100%;
  min-height: 100%;
}
.c-flip-card.color-mode--dark * {
  color: #fff !important;
  fill: #fff !important;
}
.c-flip-card .c-flip-card__inner {
  display: grid;
  transition-duration: 0.6s;
  transition-timing-function: ease-in-out;
  transform-style: preserve-3d;
  text-align: center;
  min-height: 100%;
}
.c-flip-card:hover .c-flip-card__inner {
  transform: rotateY(-180deg);
}
.c-flip-card.c-flip-card--background-size__contain .c-flip-card__front {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.c-flip-card.c-flip-card--background-size__cover .c-flip-card__front {
  background-size: cover;
}
.c-flip-card .c-flip-card__front {
  transform: rotateY(0deg);
}
.c-flip-card .c-flip-card__back {
  transform: rotateY(-180deg);
}
.c-flip-card .c-flip-card__icon {
  width: 4.0625rem;
  height: 4.0625rem;
  display: inline-block;
}
.c-flip-card .c-flip-card__icon svg {
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .c-flip-card .c-flip-card__icon {
    width: 6.5625rem;
    height: 6.5625rem;
  }
}
.c-flip-card[class*=c-flip-card--background-color__primary1] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__primary1] .c-flip-card__back {
  background-color: var(--tme-color-primary-1);
}
.c-flip-card[class*=c-flip-card--text-color__primary1] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__primary1] .c-flip-card__back {
  color: var(--tme-color-primary-1);
}
.c-flip-card[class*=c-flip-card--icon-color__primary1] svg path {
  fill: var(--tme-color-primary-1);
}
.c-flip-card[class*=c-flip-card--background-color__primary2] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__primary2] .c-flip-card__back {
  background-color: var(--tme-color-primary-2);
}
.c-flip-card[class*=c-flip-card--text-color__primary2] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__primary2] .c-flip-card__back {
  color: var(--tme-color-primary-2);
}
.c-flip-card[class*=c-flip-card--icon-color__primary2] svg path {
  fill: var(--tme-color-primary-2);
}
.c-flip-card[class*=c-flip-card--background-color__primary3] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__primary3] .c-flip-card__back {
  background-color: var(--tme-color-primary-3);
}
.c-flip-card[class*=c-flip-card--text-color__primary3] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__primary3] .c-flip-card__back {
  color: var(--tme-color-primary-3);
}
.c-flip-card[class*=c-flip-card--icon-color__primary3] svg path {
  fill: var(--tme-color-primary-3);
}
.c-flip-card[class*=c-flip-card--background-color__primary-1] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__primary-1] .c-flip-card__back {
  background-color: var(--tme-color-primary-1);
}
.c-flip-card[class*=c-flip-card--text-color__primary-1] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__primary-1] .c-flip-card__back {
  color: var(--tme-color-primary-1);
}
.c-flip-card[class*=c-flip-card--icon-color__primary-1] svg path {
  fill: var(--tme-color-primary-1);
}
.c-flip-card[class*=c-flip-card--background-color__primary-2] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__primary-2] .c-flip-card__back {
  background-color: var(--tme-color-primary-2);
}
.c-flip-card[class*=c-flip-card--text-color__primary-2] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__primary-2] .c-flip-card__back {
  color: var(--tme-color-primary-2);
}
.c-flip-card[class*=c-flip-card--icon-color__primary-2] svg path {
  fill: var(--tme-color-primary-2);
}
.c-flip-card[class*=c-flip-card--background-color__primary-3] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__primary-3] .c-flip-card__back {
  background-color: var(--tme-color-primary-3);
}
.c-flip-card[class*=c-flip-card--text-color__primary-3] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__primary-3] .c-flip-card__back {
  color: var(--tme-color-primary-3);
}
.c-flip-card[class*=c-flip-card--icon-color__primary-3] svg path {
  fill: var(--tme-color-primary-3);
}
.c-flip-card[class*=c-flip-card--background-color__secondary1] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__secondary1] .c-flip-card__back {
  background-color: var(--tme-color-secondary-1);
}
.c-flip-card[class*=c-flip-card--text-color__secondary1] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__secondary1] .c-flip-card__back {
  color: var(--tme-color-secondary-1);
}
.c-flip-card[class*=c-flip-card--icon-color__secondary1] svg path {
  fill: var(--tme-color-secondary-1);
}
.c-flip-card[class*=c-flip-card--background-color__secondary2] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__secondary2] .c-flip-card__back {
  background-color: var(--tme-color-secondary-2);
}
.c-flip-card[class*=c-flip-card--text-color__secondary2] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__secondary2] .c-flip-card__back {
  color: var(--tme-color-secondary-2);
}
.c-flip-card[class*=c-flip-card--icon-color__secondary2] svg path {
  fill: var(--tme-color-secondary-2);
}
.c-flip-card[class*=c-flip-card--background-color__secondary3] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__secondary3] .c-flip-card__back {
  background-color: var(--tme-color-secondary-3);
}
.c-flip-card[class*=c-flip-card--text-color__secondary3] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__secondary3] .c-flip-card__back {
  color: var(--tme-color-secondary-3);
}
.c-flip-card[class*=c-flip-card--icon-color__secondary3] svg path {
  fill: var(--tme-color-secondary-3);
}
.c-flip-card[class*=c-flip-card--background-color__secondary-1] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__secondary-1] .c-flip-card__back {
  background-color: var(--tme-color-secondary-1);
}
.c-flip-card[class*=c-flip-card--text-color__secondary-1] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__secondary-1] .c-flip-card__back {
  color: var(--tme-color-secondary-1);
}
.c-flip-card[class*=c-flip-card--icon-color__secondary-1] svg path {
  fill: var(--tme-color-secondary-1);
}
.c-flip-card[class*=c-flip-card--background-color__secondary-2] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__secondary-2] .c-flip-card__back {
  background-color: var(--tme-color-secondary-2);
}
.c-flip-card[class*=c-flip-card--text-color__secondary-2] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__secondary-2] .c-flip-card__back {
  color: var(--tme-color-secondary-2);
}
.c-flip-card[class*=c-flip-card--icon-color__secondary-2] svg path {
  fill: var(--tme-color-secondary-2);
}
.c-flip-card[class*=c-flip-card--background-color__secondary-3] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__secondary-3] .c-flip-card__back {
  background-color: var(--tme-color-secondary-3);
}
.c-flip-card[class*=c-flip-card--text-color__secondary-3] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__secondary-3] .c-flip-card__back {
  color: var(--tme-color-secondary-3);
}
.c-flip-card[class*=c-flip-card--icon-color__secondary-3] svg path {
  fill: var(--tme-color-secondary-3);
}
.c-flip-card[class*=c-flip-card--background-color__danger] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__danger] .c-flip-card__back {
  background-color: var(--tme-color-danger);
}
.c-flip-card[class*=c-flip-card--text-color__danger] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__danger] .c-flip-card__back {
  color: var(--tme-color-danger);
}
.c-flip-card[class*=c-flip-card--icon-color__danger] svg path {
  fill: var(--tme-color-danger);
}
.c-flip-card[class*=c-flip-card--background-color__warning] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__warning] .c-flip-card__back {
  background-color: var(--tme-color-warning);
}
.c-flip-card[class*=c-flip-card--text-color__warning] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__warning] .c-flip-card__back {
  color: var(--tme-color-warning);
}
.c-flip-card[class*=c-flip-card--icon-color__warning] svg path {
  fill: var(--tme-color-warning);
}
.c-flip-card[class*=c-flip-card--background-color__success] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__success] .c-flip-card__back {
  background-color: var(--tme-color-success);
}
.c-flip-card[class*=c-flip-card--text-color__success] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__success] .c-flip-card__back {
  color: var(--tme-color-success);
}
.c-flip-card[class*=c-flip-card--icon-color__success] svg path {
  fill: var(--tme-color-success);
}
.c-flip-card[class*=c-flip-card--background-color__info] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__info] .c-flip-card__back {
  background-color: var(--tme-color-info);
}
.c-flip-card[class*=c-flip-card--text-color__info] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__info] .c-flip-card__back {
  color: var(--tme-color-info);
}
.c-flip-card[class*=c-flip-card--icon-color__info] svg path {
  fill: var(--tme-color-info);
}
.c-flip-card[class*=c-flip-card--background-color__black] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__black] .c-flip-card__back {
  background-color: var(--tme-color-black);
}
.c-flip-card[class*=c-flip-card--text-color__black] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__black] .c-flip-card__back {
  color: var(--tme-color-black);
}
.c-flip-card[class*=c-flip-card--icon-color__black] svg path {
  fill: var(--tme-color-black);
}
.c-flip-card[class*=c-flip-card--background-color__white] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__white] .c-flip-card__back {
  background-color: var(--tme-color-white);
}
.c-flip-card[class*=c-flip-card--text-color__white] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__white] .c-flip-card__back {
  color: var(--tme-color-white);
}
.c-flip-card[class*=c-flip-card--icon-color__white] svg path {
  fill: var(--tme-color-white);
}
.c-flip-card[class*=c-flip-card--background-color__silver] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__silver] .c-flip-card__back {
  background-color: var(--tme-color-silver);
}
.c-flip-card[class*=c-flip-card--text-color__silver] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__silver] .c-flip-card__back {
  color: var(--tme-color-silver);
}
.c-flip-card[class*=c-flip-card--icon-color__silver] svg path {
  fill: var(--tme-color-silver);
}
.c-flip-card[class*=c-flip-card--background-color__gray] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__gray] .c-flip-card__back {
  background-color: var(--tme-color-gray-500);
}
.c-flip-card[class*=c-flip-card--text-color__gray] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__gray] .c-flip-card__back {
  color: var(--tme-color-gray-500);
}
.c-flip-card[class*=c-flip-card--icon-color__gray] svg path {
  fill: var(--tme-color-gray-500);
}
.c-flip-card[class*=c-flip-card--background-color__light] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__light] .c-flip-card__back {
  background-color: var(--tme-color-light);
}
.c-flip-card[class*=c-flip-card--text-color__light] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__light] .c-flip-card__back {
  color: var(--tme-color-light);
}
.c-flip-card[class*=c-flip-card--icon-color__light] svg path {
  fill: var(--tme-color-light);
}
.c-flip-card[class*=c-flip-card--background-color__dark] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__dark] .c-flip-card__back {
  background-color: var(--tme-color-dark);
}
.c-flip-card[class*=c-flip-card--text-color__dark] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__dark] .c-flip-card__back {
  color: var(--tme-color-dark);
}
.c-flip-card[class*=c-flip-card--icon-color__dark] svg path {
  fill: var(--tme-color-dark);
}
.c-flip-card[class*=c-flip-card--background-color__none] .c-flip-card__front, .c-flip-card[class*=c-flip-card--background-color__none] .c-flip-card__back {
  background-color: transparent;
}
.c-flip-card[class*=c-flip-card--text-color__none] .c-flip-card__front, .c-flip-card[class*=c-flip-card--text-color__none] .c-flip-card__back {
  color: transparent;
}
.c-flip-card[class*=c-flip-card--icon-color__none] svg path {
  fill: transparent;
}

.t-teme-temp3 .c-flip-card__inner {
  text-align: left;
}
.t-teme-temp3 .c-flip-card__front,
.t-teme-temp3 .c-flip-card__back {
  box-shadow: 0rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.16);
}
.t-teme-temp3 .c-flip-card__front {
  display: block;
}
.t-teme-temp3 .c-flip-card__front-text {
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-weight: 500;
  margin-top: 1.5rem;
}
.t-teme-temp3 .c-flip-card__back * {
  font-size: var(--tme-fs-body-18);
  line-height: var(--tme-lh-body-18);
}
.t-teme-temp3 .c-flip-card__icon {
  width: 1.5rem;
  height: 1.5rem;
}
@media (min-width: 1024px) {
  .t-teme-temp3 .c-flip-card__icon {
    width: 3rem;
    height: 3rem;
  }
}
.t-teme-temp3 .c-flip-card:hover .c-flip-card__front,
.t-teme-temp3 .c-flip-card:hover .c-flip-card__back, .t-teme-temp3 .c-flip-card:focus .c-flip-card__front,
.t-teme-temp3 .c-flip-card:focus .c-flip-card__back {
  box-shadow: 0rem 1.25rem 1.25rem rgba(0, 0, 0, 0.16);
}