.ui-cropped {
  position: relative;
}
.ui-cropped__content {
  height: 100%;
  overflow: hidden;
  min-height: 56px;
}
@media screen and (min-width: 768px) {
  .ui-cropped__content:not(._size-xs) {
    min-height: 70.25px;
  }
}
@media screen and (min-width: 1024px) {
  .ui-cropped__content:not(._size-xs) {
    min-height: 84px;
  }
}
@media screen and (min-width: 1440px) {
  .ui-cropped__content:not(._size-xs):not(._size-s) {
    min-height: 112px;
  }
}
.ui-cropped__content._type-outside {
  border-top-left-radius: 39px;
}
@media screen and (min-width: 768px) {
  .ui-cropped__content._type-outside:not(._size-xs) {
    border-top-left-radius: 48.925px;
  }
}
@media screen and (min-width: 1024px) {
  .ui-cropped__content._type-outside:not(._size-xs) {
    border-top-left-radius: 58.5px;
  }
}
@media screen and (min-width: 1440px) {
  .ui-cropped__content._type-outside:not(._size-xs):not(._size-s) {
    border-top-left-radius: 78px;
  }
}
.ui-cropped__content._type-inside {
  border-top-left-radius: 55px;
}
@media screen and (min-width: 768px) {
  .ui-cropped__content._type-inside:not(._size-xs) {
    border-top-left-radius: 69px;
  }
}
@media screen and (min-width: 1024px) {
  .ui-cropped__content._type-inside:not(._size-xs) {
    border-top-left-radius: 82.5px;
  }
}
@media screen and (min-width: 1440px) {
  .ui-cropped__content._type-inside:not(._size-xs):not(._size-s) {
    border-top-left-radius: 110px;
  }
}
.ui-cropped__content._bg-white {
  background-color: var(--color-white);
}
.ui-cropped__content._bg-grey {
  background-color: var(--color-grey-2);
}
.ui-cropped__content._bg-grey-dark {
  background-color: var(--color-grey-3);
}
.ui-cropped__content._bg-emerald {
  background-color: var(--color-emerald);
  color: var(--color-white);
}
.ui-cropped__content._bg-orange {
  background-color: var(--color-orange);
  color: var(--color-white);
}
.ui-cropped__content._bg-graphite {
  background-color: var(--color-graphite);
  color: var(--color-white);
}
.ui-cropped__content._border-grey {
  border: var(--border-grey-3);
}
@media screen and (min-width: 1921px) {
  .ui-cropped__content {
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
}
.ui-cropped__content._rounded {
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
@media screen and (max-width: 1023px) {
  .ui-cropped__content._rounded-m-down {
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  .ui-cropped__content._rounded-s-down-top-right {
    border-top-right-radius: 16px;
  }
}
@media screen and (min-width: 768px) {
  .ui-cropped__content._rounded-s-down-top-right {
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
}
.ui-cropped__corner {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .ui-cropped__corner:not(._size-xs) {
    width: 70.25px;
    height: 70.25px;
  }
}
@media screen and (min-width: 1024px) {
  .ui-cropped__corner:not(._size-xs) {
    width: 84px;
    height: 84px;
  }
}
@media screen and (min-width: 1440px) {
  .ui-cropped__corner:not(._size-xs):not(._size-s) {
    width: 112px;
    height: 112px;
  }
}