.frame-child {
  height: 7.75rem;
  width: 120rem;
  position: relative;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.warstwa-1-icon {
  height: 3.313rem;
  width: 8.563rem;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
  z-index: 2;
}
.gale {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  min-width: 2.375rem;
  cursor: pointer;
  z-index: 2;
}
.bilety {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  min-width: 2.75rem;
  cursor: pointer;
  z-index: 2;
}
.wideo {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  min-width: 2.938rem;
  cursor: pointer;
  z-index: 2;
}
.aktualnoci {
  width: 5.813rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 5.813rem;
  cursor: pointer;
  z-index: 2;
}
.zawodnicy {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  min-width: 5.063rem;
  cursor: pointer;
  z-index: 2;
}
.rankingi {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  min-width: 3.938rem;
  cursor: pointer;
  z-index: 2;
}
.zasady-ksw {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 5.688rem;
  white-space: nowrap;
  z-index: 2;
}
.sklep {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  min-width: 2.688rem;
  z-index: 2;
}
.rodo {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  min-width: 2.5rem;
  cursor: pointer;
  z-index: 2;
}
.kontakt {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: inherit;
  display: inline-block;
  min-width: 3.875rem;
  cursor: pointer;
  z-index: 2;
}
.gale-parent {
  margin: 0;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  color: #000;
  font-family: Aeonik;
}
.frame-wrapper {
  margin: 0;
  width: 53.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.125rem 0rem 0rem;
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-parent {
  align-self: stretch;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 2.25rem 1.25rem 2.187rem;
  box-sizing: border-box;
  gap: 38.937rem;
  max-width: 100%;
  z-index: 1;
}
.hero-image-icon {
  position: absolute;
  top: 90.188rem;
  left: 8.813rem;
  border-radius: 20px;
  width: 101.375rem;
  height: 15.625rem;
  object-fit: cover;
}
.event-image-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 0px 0px 0px 20px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.inne-nadchodzce-gale {
  width: 13.063rem;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.event-logo-image {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.ksw-92 {
  flex: 1;
  position: relative;
  z-index: 1;
}
.ksw92 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.625rem 0.625rem 0.687rem;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.ksw93-child {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.ksw-93 {
  flex: 1;
  position: relative;
  z-index: 1;
}
.ksw93 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.625rem 0.625rem 0.687rem;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.ksw92-parent {
  width: 14.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  text-align: center;
  font-size: 1.063rem;
}
.event-image-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 36.187rem 3rem 2.5rem;
  box-sizing: border-box;
  position: relative;
  gap: 1rem;
  min-width: 44.375rem;
  max-width: 100%;
  overflow: hidden;
}
.frame-item {
  width: 32.938rem;
  height: 43.75rem;
  position: relative;
  border-radius: 0px 0px 30px 0px;
  background-color: #000;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.ksw-interim-lightweight {
  height: 1.5rem;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.ksw-interim-lightweight-title-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0rem 3.312rem 0rem 3.25rem;
  box-sizing: border-box;
  max-width: 100%;
}
.mircea {
  margin: 0;
  height: 6rem;
  flex: 1;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
}
.mircea-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 0.812rem 0rem 0.75rem;
}
.vs {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 0.938rem;
  z-index: 2;
}
.vs-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0rem 1.312rem 0rem 1.25rem;
}
.brichta {
  margin: 0;
  align-self: stretch;
  height: 6rem;
  position: relative;
  font-size: 5rem;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
  margin-top: -0.375rem;
}
.frame-parent1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: -0.063rem;
  font-size: 0.938rem;
}
.frame-div {
  width: 15.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0rem 0rem 0rem 0.062rem;
  font-size: 5rem;
  font-family: Knockout;
}
.location-separator {
  width: 7.688rem;
  position: relative;
  font-weight: 700;
  display: inline-block;
  min-width: 7.688rem;
  z-index: 1;
}
.location-separator-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 3.687rem 0rem 3.562rem;
}
.home-credit-arena {
  align-self: stretch;
  position: relative;
  font-size: 1.25rem;
  font-weight: 300;
  z-index: 1;
}
.frame-parent2 {
  width: 14.938rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.187rem;
}
.frame-wrapper1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0rem 0rem 1.062rem 0.125rem;
  font-size: 1.563rem;
}
.date-separators {
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 2.188rem;
  max-width: 6.688rem;
  z-index: 1;
}
.date-separators1 {
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 2.188rem;
  max-width: 6.688rem;
  z-index: 2;
}
.date-separators2 {
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 2.188rem;
  max-width: 6.75rem;
  z-index: 3;
}
.date-separators3 {
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 2.188rem;
  max-width: 6.688rem;
  z-index: 4;
}
.date-separators-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
}
.dni {
  position: relative;
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  min-width: 1.563rem;
  z-index: 2;
}
.dni-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 2.437rem;
  font-size: 0.875rem;
  font-family: Aeonik;
}
.frame-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 3.125rem;
  font-family: Knockout;
}
.frame-inner {
  height: 2.563rem;
  width: 7.688rem;
  position: relative;
  border-radius: 5px;
  background-color: #c70b0b;
  display: none;
}
.kup-ppv {
  position: relative;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 700;
  font-family: Aeonik;
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 5.313rem;
  z-index: 1;
}
.rectangle-container {
  cursor: pointer;
  border: none;
  padding: 0.5rem 1.187rem 0.562rem;
  background-color: #c70b0b;
  position: absolute;
  top: 4.188rem;
  left: 12.125rem;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
  z-index: 1;
}
.rectangle-container:hover {
  background-color: #ed3030;
}
.godzin {
  position: absolute;
  top: 0rem;
  left: 5.188rem;
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  min-width: 3.375rem;
  z-index: 3;
}
.minut {
  position: absolute;
  top: 0rem;
  left: 12.25rem;
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  min-width: 2.563rem;
  z-index: 4;
}
.sekund {
  position: absolute;
  top: 0rem;
  left: 18.625rem;
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
  min-width: 3.25rem;
  z-index: 5;
}
.call-to-action-button {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  background-color: #c70b0b;
}
.kup-bilet1 {
  position: relative;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 700;
  font-family: Aeonik;
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 6.063rem;
  white-space: nowrap;
  z-index: 1;
}
.kup-bilet {
  cursor: pointer;
  border: none;
  padding: 0.5rem 1.187rem 0.562rem;
  background-color: transparent;
  position: absolute;
  top: 4.188rem;
  left: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
  z-index: 1;
}
.dowiedz-si-wicej-child {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.dowiedz-si-wicej1 {
  flex: 1;
  position: relative;
  z-index: 1;
}
.dowiedz-si-wicej {
  position: absolute;
  top: 8.625rem;
  left: 4.625rem;
  width: 11.125rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.625rem 0.812rem 0.687rem;
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  font-size: 1.063rem;
}
.konfa-epic-1200x628-2-icon {
  height: 16.875rem;
  width: 0.063rem;
  position: relative;
  object-fit: cover;
  display: none;
  z-index: 0;
}
.watch-live-button-image {
  height: 100%;
  width: 3.75rem;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  border-radius: 20px 0px 0px 20px;
  background-color: #c70b0b;
  z-index: 1;
}
.odldaj-na-ywo {
  margin: 0;
  width: 14.563rem;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  transform: rotate(-90deg);
  z-index: 2;
}
.ogldaj-na-ywo {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 1.125rem 0.937rem 1.187rem;
  box-sizing: border-box;
  z-index: 6;
  font-size: 1.563rem;
}
.frame-parent4 {
  width: 36rem;
  height: 16.875rem;
  position: absolute;
  margin: 0 !important;
  right: -9.375rem;
  bottom: -3.187rem;
  font-size: 0.875rem;
}
.rectangle-group {
  width: 32.938rem;
  border-radius: 0px 0px 30px 0px;
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 3.312rem 3.062rem 12.625rem;
  box-sizing: border-box;
  position: relative;
  gap: 1.375rem;
  min-width: 32.938rem;
  max-width: 100%;
  text-align: center;
  color: #fff;
}
.frame-group {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 0.062rem 0rem 0rem;
  box-sizing: border-box;
  row-gap: 20px;
  max-width: 100%;
}
.terminarz {
  margin: 0;
  width: 13.313rem;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.strzaka-cienka-icon {
  height: 1.563rem;
  width: 1.563rem;
  position: relative;
  object-fit: contain;
  min-height: 1.563rem;
}
.strzaka-cienka-icon1 {
  height: 1.563rem;
  width: 1.563rem;
  position: relative;
  min-height: 1.563rem;
}
.strzaka-cienka-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}
.frame-wrapper2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.062rem 0rem 0rem;
}
.terminarz-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0rem 0.062rem 0rem 0rem;
  gap: 1.25rem;
}
.event-card-image {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.xtb-ksw-89 {
  align-self: stretch;
  height: 2.25rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.event-button {
  position: relative;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 300;
  font-family: Aeonik;
  display: inline-block;
  min-width: 3.938rem;
}
.event-card-info {
  width: 9.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1.25rem 0rem 0rem;
  box-sizing: border-box;
}
.event-card-image-parent {
  height: 28.313rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
  max-width: 100%;
}
.rectangle-icon {
  align-self: stretch;
  height: 24.375rem;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.xtb-ksw-90 {
  align-self: stretch;
  height: 2.25rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.div {
  position: relative;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 300;
  font-family: Aeonik;
  display: inline-block;
  min-width: 3.938rem;
}
.xtb-ksw-90-parent {
  width: 8.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.event-button-image {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  background-color: #000;
}
.sprawd {
  align-self: stretch;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 1;
}
.event-button-image-parent {
  align-self: stretch;
  height: 2.563rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.562rem 1.187rem 0.5rem;
  box-sizing: border-box;
  position: relative;
  opacity: 0;
}
.frame-wrapper3 {
  width: 8.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0rem 0rem 0.187rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.25rem;
  color: #fff;
  font-family: Aeonik;
}
.frame-parent6 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
}
.group-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
  max-width: 100%;
}
.empty-event-card-image {
  height: 24.375rem;
  flex: 1;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.empty-event-card-image-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 0rem 0rem 0.062rem;
  box-sizing: border-box;
  max-width: 100%;
}
.xtb-ksw-92 {
  align-self: stretch;
  height: 2.25rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.empty-event-card {
  position: relative;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 300;
  font-family: Aeonik;
  display: inline-block;
  min-width: 3.375rem;
}
.xtb-ksw-92-parent {
  width: 9.438rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1.25rem 0rem 0rem;
  box-sizing: border-box;
}
.frame-parent7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
  max-width: 100%;
}
.frame-child1 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.xtb-ksw-epic {
  margin: 0;
  align-self: stretch;
  height: 2.25rem;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  white-space: nowrap;
}
.div1 {
  position: relative;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 300;
  font-family: Aeonik;
  display: inline-block;
  min-width: 3.938rem;
}
.xtb-ksw-epic-parent {
  width: 10.813rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1.25rem 0rem 0rem;
  box-sizing: border-box;
}
.rectangle-parent1 {
  height: 28.313rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
  max-width: 100%;
}
.gale1 {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
  grid-template-columns: repeat(4, minmax(293px, 1fr));
  font-size: 1.875rem;
}
.frame-parent5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.875rem;
  max-width: 100%;
  font-size: 3.125rem;
  font-family: Knockout;
}
.frame-parent {
  position: absolute;
  top: 0rem;
  left: 8.875rem;
  width: 101.313rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6.25rem;
  max-width: 100%;
}
.rectangle-div {
  position: absolute;
  top: 40.563rem;
  left: 0rem;
  background-color: #d9d9d9;
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
}
.hero-image-parent {
  height: 105.813rem;
  flex: 1;
  position: relative;
  max-width: 100%;
}
.lp-inner {
  width: 111.188rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 0.5rem 6.25rem;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: 1.25rem;
  color: #000;
  font-family: Aeonik;
}
.ksw-91 {
  height: 3.75rem;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.ksw-91-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0rem 3.312rem 0rem 3.437rem;
}
.fight-card-location {
  width: 7.688rem;
  position: relative;
  font-weight: 700;
  display: inline-block;
  min-width: 7.688rem;
}
.fight-card-location-separator-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 3.687rem 0rem 3.562rem;
}
.home-credit-arena1 {
  align-self: stretch;
  position: relative;
  font-size: 1.25rem;
  font-weight: 300;
}
.frame-parent11 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.187rem;
  font-size: 1.563rem;
  font-family: Aeonik;
}
.frame-parent10 {
  width: 14.938rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.625rem;
}
.frame-wrapper4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0rem 1.312rem 0rem 1.25rem;
}
.fighter-one-info-child {
  height: 23.125rem;
  width: 50rem;
  position: relative;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.fighter-one-image {
  align-self: stretch;
  height: 21.875rem;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.fighter-one-image-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem 0rem 0rem;
  box-sizing: border-box;
  min-width: 10.938rem;
}
.frame-child2 {
  height: 1.625rem;
  width: 1.625rem;
  position: relative;
  background-color: #c70b0b;
  display: none;
}
.fighter-one-weight {
  width: 1.125rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 1.125rem;
  z-index: 1;
}
.rectangle-parent2 {
  background-color: #c70b0b;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.25rem;
  z-index: 1;
}
.fighter-one-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8.625rem 0rem 0rem;
}
.pas-1-icon {
  height: 3.25rem;
  width: 3.438rem;
  position: relative;
  object-fit: contain;
  z-index: 1;
}
.main-event-top-fighter-details {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1.75rem 0.5rem;
}
.kg-155 {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 7rem;
  z-index: 1;
}
.main-event-top-fighter-belt-we {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 0rem 1.125rem;
  font-family: Aeonik;
}
.mircea1 {
  margin: 0;
  position: absolute;
  top: 1.188rem;
  left: 0rem;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  z-index: 1;
}
.top-fighter-avatar {
  position: absolute;
  top: 0rem;
  left: 2.188rem;
  width: 1.875rem;
  height: 1.25rem;
  object-fit: contain;
  z-index: 2;
}
.main-event-top-fighter-name {
  height: 3.813rem;
  flex: 1;
  position: relative;
}
.main-event-top-fighter-avatar {
  width: 6.875rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 0.312rem 0.25rem;
  box-sizing: border-box;
  font-size: 2.188rem;
}
.vs1 {
  flex: 1;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}
.main-event-fighters-divider {
  width: 6.938rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 3.062rem;
  box-sizing: border-box;
}
.bottom-fighter-avatar {
  width: 1.875rem;
  height: 1.25rem;
  position: absolute;
  margin: 0 !important;
  bottom: 0rem;
  left: 2.5rem;
  object-fit: contain;
  z-index: 1;
}
.brichta1 {
  margin: 0;
  width: 6.938rem;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
}
.frame-child3 {
  height: 1.625rem;
  width: 1.625rem;
  position: relative;
  background-color: #c70b0b;
  display: none;
}
.champion-star {
  width: 1.063rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 1.063rem;
  z-index: 1;
}
.rectangle-parent3 {
  background-color: #c70b0b;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.25rem 0.25rem 0.25rem 0.312rem;
  z-index: 1;
}
.bottom-fighter-champion-mark {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.75rem 0rem 0rem;
  font-size: 0.938rem;
  color: #fff;
}
.main-event-bottom-fighter-name {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.687rem;
  font-size: 2.188rem;
}
.main-event-top-fighter-contain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 0rem 1.625rem;
  position: relative;
  gap: 0.125rem;
}
.main-event-top-fighter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.437rem 0.5rem 0rem 0rem;
  color: #000;
}
.bottom-fighter-champion-belt {
  height: 21.875rem;
  width: 15.813rem;
  position: relative;
  object-fit: contain;
  min-height: 21.875rem;
  z-index: 1;
}
.fighter-one-info {
  flex: 1;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 1.25rem 0.625rem 0rem;
  box-sizing: border-box;
  gap: 1.25rem;
  min-width: 32.5rem;
  max-width: 100%;
}
.fighter-one-info-item {
  height: 23.125rem;
  width: 50rem;
  position: relative;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.fighter-one-info-inner {
  align-self: stretch;
  width: 15.813rem;
  position: relative;
  max-height: 100%;
  object-fit: contain;
  min-height: 21.875rem;
  z-index: 1;
}
.kg-185 {
  width: 7.063rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 7.063rem;
  z-index: 1;
}
.kg-185-lb-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0rem 2.25rem 0.875rem 2.312rem;
  font-family: Aeonik;
}
.humburger {
  margin: 0;
  position: absolute;
  top: 1.188rem;
  left: 0rem;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  z-index: 1;
}
.fighter-one-name-image-backgro {
  position: absolute;
  top: 0rem;
  left: 4.125rem;
  width: 1.875rem;
  height: 1.25rem;
  object-fit: contain;
  z-index: 2;
}
.humburger-parent {
  height: 3.813rem;
  flex: 1;
  position: relative;
}
.fighter-one-name-and-image {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0rem 0.687rem 0rem 0.75rem;
  font-size: 2.188rem;
}
.vs2 {
  width: 0.813rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  z-index: 1;
}
.vs-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0rem 1.25rem 0rem 1.312rem;
}
.odzimkowski {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  z-index: 1;
}
.odzimkowski-champion-belt {
  height: 1.25rem;
  width: 1.875rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.odzimkowski-image {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 4.875rem;
}
.odzimkowski-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.375rem;
  font-size: 2.188rem;
}
.fighter-two-name-and-image {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.125rem;
}
.frame-parent12 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.375rem;
}
.fighter-one-info-inner1 {
  width: 11.625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4.312rem 0rem 0rem;
  box-sizing: border-box;
}
.fighter-one-info-child1 {
  align-self: stretch;
  width: 15.813rem;
  position: relative;
  max-height: 100%;
  object-fit: contain;
  min-height: 21.875rem;
  z-index: 1;
}
.fighter-one-info1 {
  flex: 1;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 1.25rem 0.625rem 0rem;
  box-sizing: border-box;
  gap: 2.75rem;
  min-width: 32.5rem;
  max-width: 100%;
  color: #000;
}
.fighter-one-info-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 1.25rem;
  max-width: 100%;
  font-size: 0.938rem;
  color: #fff;
}
.main-event-button-background {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.zobacz-kart-walk1 {
  flex: 1;
  position: relative;
  font-size: 1.063rem;
  font-family: Aeonik;
  color: #000;
  text-align: center;
  z-index: 1;
}
.zobacz-kart-walk {
  cursor: pointer;
  border: none;
  padding: 0.625rem 0.812rem 0.687rem;
  background-color: transparent;
  width: 11.125rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
}
.main-event-button-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0rem 1.25rem;
}
.frame-parent9 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3rem;
  max-width: 100%;
  text-align: center;
}
.ranking-navigation-child {
  width: 24.375rem;
  height: 53.75rem;
  position: relative;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.rankingi1 {
  margin: 0;
  width: 11.125rem;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
}
.strzaka-cienka-icon2 {
  width: 1.563rem;
  height: 1.563rem;
  position: relative;
  z-index: 1;
}
.strzaka-cienka-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.062rem 0rem 0rem;
}
.ranking-title-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.ranking-breadcrumb {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0rem 0.25rem 0rem 0.375rem;
  box-sizing: border-box;
  max-width: 100%;
}
.kategoria-prednia {
  width: 12.25rem;
  position: relative;
  font-weight: 700;
  display: inline-block;
  z-index: 1;
}
.ranking-weight-class-breadcrum-child {
  height: 2.375rem;
  width: 22.5rem;
  position: relative;
  border-radius: 19px;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}
.strzaka-cienka-icon3 {
  height: 0.813rem;
  width: 0.813rem;
  position: relative;
  object-fit: contain;
  min-height: 0.813rem;
  z-index: 3;
}
.strzaka-cienka-icon4 {
  height: 0.813rem;
  width: 0.813rem;
  position: relative;
  min-height: 0.813rem;
  z-index: 3;
}
.strzaka-cienka-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.937rem;
}
.ranking-weight-class-breadcrum-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.312rem 0rem 0rem;
}
.ranking-weight-class-breadcrum {
  align-self: stretch;
  border-radius: 19px;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.312rem 1.062rem 0.312rem 0.937rem;
  max-width: 100%;
  gap: 1.25rem;
  z-index: 2;
}
.frame-child4 {
  height: 1.5rem;
  width: 5.688rem;
  position: relative;
  background-color: #c70b0b;
  display: none;
}
.champion {
  flex: 1;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}
.rectangle-parent4 {
  flex: 1;
  background-color: #c70b0b;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 0.375rem;
  z-index: 1;
}
.champion-image-icon {
  align-self: stretch;
  width: 2.25rem;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  min-height: 1.5rem;
  z-index: 1;
}
.champion-details {
  width: 8.688rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.adrian {
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  min-width: 3.294rem;
  z-index: 2;
}
.bartosiski {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: 1.875rem;
  text-transform: uppercase;
  font-weight: 400;
  font-family: Knockout;
  z-index: 1;
  margin-top: -0.188rem;
}
.champion-name {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.938rem;
  color: #000;
  font-family: Aeonik;
}
.champion-info {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.062rem;
}
.champion-row {
  width: 9.188rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem 0rem 0rem;
  box-sizing: border-box;
  min-width: 9.188rem;
}
.first-fighter-image {
  height: 8.625rem;
  width: 11.563rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.champion-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
  max-width: 100%;
}
.fighter-rows-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 2;
}
.andrzej-grzebyk {
  position: relative;
  display: inline-block;
  min-width: 7.625rem;
  z-index: 1;
}
.fighter-avatars-icon {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-images {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.fighter-rows {
  width: 21.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.fighter-rows-icon1 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.artur-szczepaniak {
  position: relative;
  z-index: 1;
}
.frame-child5 {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-rows-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.fighter-rows1 {
  width: 21.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.fighter-rows-icon2 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.igor-michaliszyn {
  position: relative;
  display: inline-block;
  min-width: 7.625rem;
  z-index: 1;
}
.frame-child6 {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-rows-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.fighter-rows2 {
  width: 21.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.fighter-rows-icon3 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.brian-hooi {
  position: relative;
  display: inline-block;
  min-width: 5.313rem;
  z-index: 1;
}
.brian-hooi-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.frame-child7 {
  height: 1.25rem;
  width: 0.125rem;
  position: relative;
  background-color: #c70b0b;
  z-index: 1;
}
.placeholder-avatar {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 0.813rem;
  z-index: 1;
}
.placeholder-fighter-avatars {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.rectangle-parent5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 11.687rem 0rem 0rem;
  gap: 0.125rem;
  color: #c70b0b;
  font-family: Knockout;
}
.champion-placeholders-icon {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.champion-placeholder-avatars {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.125rem 0rem 0rem;
}
.fighter-rows3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.875rem;
  max-width: 100%;
}
.fighter-rows-icon4 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.madars-fleminas {
  position: relative;
  display: inline-block;
  min-width: 8.063rem;
  z-index: 1;
}
.madars-fleminas-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.frame-child8 {
  height: 1.25rem;
  width: 0.125rem;
  position: relative;
  background-color: #5ec639;
  z-index: 1;
}
.div2 {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  min-width: 0.688rem;
  z-index: 1;
}
.wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.rectangle-parent6 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 8.125rem 0rem 0rem;
  gap: 0.312rem;
  color: #5ec639;
  font-family: Knockout;
}
.frame-child9 {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-rows-inner1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.125rem 0rem 0rem;
}
.fighter-rows4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
}
.fighter-rows-icon5 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.marcin-krakowiak {
  position: relative;
  z-index: 1;
}
.frame-child10 {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-rows-inner2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.fighter-rows5 {
  width: 21.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.fighter-rows-icon6 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.micha-pietrzak {
  position: relative;
  display: inline-block;
  min-width: 7.25rem;
  z-index: 1;
}
.frame-child11 {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-rows-inner3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.fighter-rows6 {
  width: 21.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.fighter-rows-icon7 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.emil-weber-meek {
  position: relative;
  z-index: 1;
}
.frame-child12 {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-rows-inner4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.fighter-rows7 {
  width: 21.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.fighter-rows-icon8 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.wiktor-zalewski {
  position: relative;
  display: inline-block;
  min-width: 7.563rem;
  z-index: 1;
}
.frame-child13 {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-rows-inner5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.fighter-rows8 {
  width: 21.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.fighter-rows-icon9 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.henry-fadipe {
  position: relative;
  display: inline-block;
  min-width: 6.813rem;
  z-index: 1;
}
.frame-child14 {
  width: 1.438rem;
  height: 1rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fighter-rows-inner6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.062rem 0rem 0rem;
}
.fighter-rows9 {
  width: 21.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: 1.25rem;
}
.fighter-list {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.831rem;
  max-width: 100%;
  font-size: 0.938rem;
  color: #000;
  font-family: Aeonik;
}
.ranking-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.ranking-list-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0rem 0.25rem 0rem 0.375rem;
  box-sizing: border-box;
  max-width: 100%;
  color: #fff;
  font-family: Knockout;
}
.ranking-weight-class-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0rem 0rem 2.312rem;
  box-sizing: border-box;
  gap: 1.25rem;
  max-width: 100%;
  font-size: 1.25rem;
  font-family: Aeonik;
}
.view-all-button-background {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  background-color: #c70b0b;
}
.wszystkie-rankingi1 {
  flex: 1;
  position: relative;
  font-size: 1.063rem;
  font-family: Aeonik;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.wszystkie-rankingi {
  cursor: pointer;
  border: none;
  padding: 0.625rem 0.812rem 0.687rem;
  background-color: transparent;
  width: 11.375rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.ranking-view-all-button-contai {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0rem 1.25rem 0rem 1.375rem;
}
.ranking-navigation {
  align-self: stretch;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0.937rem 1rem 2.437rem 0.875rem;
  box-sizing: border-box;
  gap: 0.812rem;
  max-width: 100%;
}
.placeholder-background-icon {
  align-self: stretch;
  flex: 1;
  overflow: hidden;
  object-fit: contain;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  transform: scale(1.161);
}
.wrapper-placeholder-background {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lorem-ipsum-dolor {
  margin: 0;
}
.consectetuer-elit {
  margin: 0;
}
.lorem-ipsum-dolor-container {
  position: relative;
}
.wrapper-placeholder-background-parent {
  align-self: stretch;
  height: 19.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.937rem;
  font-size: 1.25rem;
  font-family: Aeonik;
}
.ranking-container {
  width: 24.375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
}
.aktualnoci1 {
  margin: 0;
  width: 15.875rem;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.news-view-all-button-backgroun {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.czytaj-wicej1 {
  flex: 1;
  position: relative;
  font-size: 1.063rem;
  font-family: Aeonik;
  color: #000;
  text-align: center;
  z-index: 1;
}
.czytaj-wicej {
  cursor: pointer;
  border: none;
  padding: 0.625rem 0.875rem 0.687rem;
  background-color: transparent;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  white-space: nowrap;
}
.news-view-all-button-container {
  width: 8.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.625rem 0rem 0rem;
  box-sizing: border-box;
}
.news-navigation {
  width: 74.375rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  max-width: 100%;
}
.news-image-icon {
  height: 26.438rem;
  flex: 1;
  position: relative;
  border-radius: 20px 0px 0px 20px;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  min-width: 27.75rem;
  min-height: 26.438rem;
  z-index: 1;
}
.news-description-child {
  width: 32.938rem;
  height: 26.438rem;
  position: relative;
  border-radius: 0px 20px 20px 0px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.lorem-ipsum-dolor1 {
  display: block;
}
.consectetuer-adipiscing-elit {
  display: block;
}
.lorem-ipsum-dolor-container1 {
  margin: 0;
  align-self: stretch;
  height: 6rem;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.lorem-ipsum-dolor2 {
  display: block;
}
.blank-line {
  display: block;
}
.donec-nec-justo {
  display: block;
}
.lorem-ipsum-dolor-container2 {
  margin: 0;
  align-self: stretch;
  height: 7.875rem;
  position: relative;
  font-size: 0.938rem;
  line-height: 1.125rem;
  font-family: Aeonik;
  display: inline-block;
  min-height: 7.875rem;
  z-index: 1;
}
.lorem-ipsum-dolor-sit-amet-co-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}
.stycznia-2024 {
  width: 7.188rem;
  position: relative;
  font-size: 0.938rem;
  font-family: Aeonik;
  color: #595959;
  display: inline-block;
  z-index: 1;
}
.news-description {
  width: 32.938rem;
  border-radius: 0px 20px 20px 0px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.5rem 3rem 3.437rem 3.062rem;
  box-sizing: border-box;
  gap: 3.25rem;
  min-width: 32.938rem;
  max-width: 100%;
}
.news-article {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
  max-width: 100%;
}
.news-item-images {
  align-self: stretch;
  flex: 1;
  overflow: hidden;
  object-fit: contain;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  transform: scale(1.128);
}
.wrapper-news-item-images {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-rectangle-79-child {
  align-self: stretch;
  flex: 1;
  overflow: hidden;
  object-fit: contain;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  transform: scale(1.161);
}
.wrapper-rectangle-79 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lorem-ipsum-dolor3 {
  margin: 0;
}
.consectetuer-elit1 {
  margin: 0;
}
.lorem-ipsum-dolor-container3 {
  position: relative;
}
.news-item-descriptions {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.937rem;
}
.news-items {
  align-self: stretch;
  width: 24.375rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}
.wrapper-rectangle-46-child {
  align-self: stretch;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  transform: scale(1.161);
}
.wrapper-rectangle-46 {
  align-self: stretch;
  height: 15.563rem;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lorem-ipsum-dolor4 {
  margin: 0;
}
.consectetuer-elit2 {
  margin: 0;
}
.lorem-ipsum-dolor-container4 {
  position: relative;
}
.news-item-placeholders {
  align-self: stretch;
  flex: 1;
  overflow: hidden;
  object-fit: contain;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  transform: scale(1.161);
}
.wrapper-news-item-placeholders {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lorem-ipsum-dolor5 {
  margin: 0;
}
.consectetuer-elit3 {
  margin: 0;
}
.lorem-ipsum-dolor-container5 {
  position: relative;
}
.wrapper-news-item-placeholders-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.937rem;
}
.lorem-ipsum-dolor-sit-amet-co-group {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}
.news-items1 {
  align-self: stretch;
  width: 24.375rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.937rem;
}
.wrapper-rectangle-47-child {
  align-self: stretch;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  transform: scale(1.161);
}
.wrapper-rectangle-47 {
  align-self: stretch;
  height: 15.563rem;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lorem-ipsum-dolor6 {
  margin: 0;
}
.consectetuer-elit4 {
  margin: 0;
}
.lorem-ipsum-dolor-container6 {
  position: relative;
}
.wrapper-rectangle-81-child {
  align-self: stretch;
  flex: 1;
  overflow: hidden;
  object-fit: contain;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 100%;
  transform: scale(1.161);
}
.wrapper-rectangle-81 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lorem-ipsum-dolor7 {
  margin: 0;
}
.consectetuer-elit5 {
  margin: 0;
}
.lorem-ipsum-dolor-container7 {
  position: relative;
}
.wrapper-rectangle-81-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.937rem;
}
.lorem-ipsum-dolor-sit-amet-co-container {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}
.news-items2 {
  align-self: stretch;
  width: 24.375rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.937rem;
}
.news-list {
  width: 75.625rem;
  height: 40.25rem;
  overflow-x: auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
  font-size: 1.25rem;
  font-family: Aeonik;
}
.news-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
  font-size: 2.5rem;
}
.news-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1.875rem;
  max-width: 100%;
}
.news-container-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.937rem 0rem 0rem;
  box-sizing: border-box;
  min-width: 49.125rem;
  max-width: 100%;
}
.ranking-container-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
}
.fight-card-header-images {
  align-self: stretch;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.wideo1 {
  margin: 0;
  width: 7.5rem;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.video-view-all-background {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 5px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.zobacz-wicej1 {
  flex: 1;
  position: relative;
  z-index: 1;
}
.zobacz-wicej {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.625rem 1rem 0.687rem;
  position: relative;
  white-space: nowrap;
}
.video-view-all-container {
  width: 9.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.562rem 0rem 0rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.063rem;
  font-family: Aeonik;
}
.video-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}
.video-item-icon {
  align-self: stretch;
  height: 38.313rem;
  position: relative;
  border-radius: 20px 20px 0px 0px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.video-item-child {
  height: 11.688rem;
  width: 50rem;
  position: relative;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.lorem-ipsum-dolor8 {
  display: block;
}
.consectetuer-adipiscing-elit1 {
  display: block;
}
.lorem-ipsum-dolor-container8 {
  margin: 0;
  height: 7.5rem;
  position: relative;
  display: inline-block;
  max-width: 100%;
  z-index: 2;
}
.video-item-item {
  width: 3.875rem;
  height: 3.875rem;
  position: relative;
  z-index: 2;
}
.video-item1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.812rem 0rem 0rem;
}
.video-item {
  align-self: stretch;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2.125rem 2.5rem 2.062rem 3rem;
  box-sizing: border-box;
  max-width: 100%;
  gap: 1.25rem;
  z-index: 1;
}
.video-block {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 32.5rem;
  max-width: 100%;
}
.play-icon {
  align-self: stretch;
  height: 18.688rem;
  position: relative;
  border-radius: 20px 20px 0px 0px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.video-description-block-child {
  height: 5.688rem;
  width: 24.375rem;
  position: relative;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.lorem-ipsum-dolor9 {
  display: block;
}
.consectetuer-adipiscing-elit2 {
  display: block;
}
.lorem-ipsum-dolor-container9 {
  margin: 0;
  position: relative;
  font-weight: 700;
  z-index: 1;
}
.read-more-button-child {
  width: 2.125rem;
  height: 2.125rem;
  position: relative;
  z-index: 1;
}
.read-more-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.437rem 0rem 0rem;
}
.video-description-block {
  align-self: stretch;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.375rem 1.25rem 1.312rem 1.562rem;
  box-sizing: border-box;
  gap: 2.812rem;
  max-width: 100%;
}
.video-title {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 15.813rem;
  max-width: 100%;
}
.play-icon1 {
  align-self: stretch;
  height: 18.688rem;
  position: relative;
  border-radius: 20px 20px 0px 0px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.video-description-block-item {
  height: 5.688rem;
  width: 24.375rem;
  position: relative;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.lorem-ipsum-dolor10 {
  display: block;
}
.consectetuer-adipiscing-elit3 {
  display: block;
}
.lorem-ipsum-dolor-container10 {
  margin: 0;
  position: relative;
  font-weight: 700;
  z-index: 1;
}
.read-more-button-item {
  width: 2.125rem;
  height: 2.125rem;
  position: relative;
  z-index: 1;
}
.read-more-button1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.437rem 0rem 0rem;
}
.video-description-block1 {
  align-self: stretch;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.375rem 1.25rem 1.312rem 1.562rem;
  box-sizing: border-box;
  gap: 2.812rem;
  max-width: 100%;
}
.video-title1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 15.813rem;
  max-width: 100%;
}
.video-title-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
}
.play-icon2 {
  align-self: stretch;
  height: 18.688rem;
  position: relative;
  border-radius: 20px 20px 0px 0px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.video-description-block-inner {
  height: 5.688rem;
  width: 24.375rem;
  position: relative;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.lorem-ipsum-dolor11 {
  display: block;
}
.consectetuer-adipiscing-elit4 {
  display: block;
}
.lorem-ipsum-dolor-container11 {
  margin: 0;
  position: relative;
  font-weight: 700;
  z-index: 1;
}
.read-more-button-inner {
  width: 2.125rem;
  height: 2.125rem;
  position: relative;
  z-index: 1;
}
.read-more-button2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.437rem 0rem 0rem;
}
.video-description-block2 {
  align-self: stretch;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.375rem 1.25rem 1.312rem 1.562rem;
  box-sizing: border-box;
  gap: 2.812rem;
  max-width: 100%;
}
.play-icon-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 15.813rem;
  max-width: 100%;
}
.frame-child15 {
  align-self: stretch;
  height: 18.688rem;
  position: relative;
  border-radius: 20px 20px 0px 0px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.video-description-block-child1 {
  height: 5.688rem;
  width: 24.375rem;
  position: relative;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: none;
  max-width: 100%;
}
.lorem-ipsum-dolor12 {
  display: block;
}
.consectetuer-adipiscing-elit5 {
  display: block;
}
.lorem-ipsum-dolor-container12 {
  margin: 0;
  position: relative;
  font-weight: 700;
  z-index: 1;
}
.group-icon {
  width: 2.125rem;
  height: 2.125rem;
  position: relative;
  z-index: 1;
}
.read-more-button3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.437rem 0rem 0rem;
}
.video-description-block3 {
  align-self: stretch;
  border-radius: 0px 0px 20px 20px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.375rem 1.25rem 1.312rem 1.562rem;
  box-sizing: border-box;
  gap: 2.812rem;
  max-width: 100%;
}
.rectangle-parent7 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 15.813rem;
  max-width: 100%;
}
.frame-parent13 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
}
.video-block1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  min-width: 32.5rem;
  max-width: 100%;
  font-size: 1.25rem;
  font-family: Aeonik;
}
.video-content {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  max-width: 100%;
}
.video-container-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.875rem;
  max-width: 100%;
}
.fight-card-header-images1 {
  align-self: stretch;
  position: relative;
  border-radius: 20px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.frame-parent8 {
  width: 101.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6.25rem;
  max-width: 100%;
}
.lp-child {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0rem 1.25rem 6.25rem;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: 3.125rem;
  color: #000;
  font-family: Knockout;
}
.footer-background {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  background-color: #000;
}
.footer-content-child {
  height: 4.438rem;
  width: 11.5rem;
  position: relative;
  z-index: 1;
}
.ksw-w-social {
  position: relative;
  text-transform: uppercase;
  flex-shrink: 0;
  debug_commit: bf4bc93;
  white-space: nowrap;
}
.vector-icon {
  height: 1.688rem;
  width: 1.75rem;
  position: relative;
  min-height: 1.688rem;
}
.frame-child16 {
  height: 1.694rem;
  width: 1.694rem;
  position: relative;
  min-height: 1.688rem;
}
.vector-icon1 {
  width: 1.688rem;
  height: 1.25rem;
  position: relative;
}
.instagram-icon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0rem 0rem 0.193rem;
}
.vector-icon2 {
  height: 1.688rem;
  width: 1.5rem;
  position: relative;
  min-height: 1.688rem;
}
.vector-icon3 {
  height: 1.688rem;
  width: 1.75rem;
  position: relative;
  min-height: 1.688rem;
}
.vector-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  flex-shrink: 0;
  debug_commit: bf4bc93;
  gap: 1.25rem;
}
.ksw-w-social-media-parent {
  align-self: stretch;
  height: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0rem 0rem 2.625rem;
  box-sizing: border-box;
  gap: 0.937rem;
  z-index: 1;
}
.social-media-title-block {
  width: 13.875rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.312rem 0rem 0rem;
  box-sizing: border-box;
}
.footer-content {
  width: 101.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  max-width: 100%;
}
.placeholder-icon {
  width: 101.25rem;
  position: relative;
  max-height: 100%;
  max-width: 100%;
  z-index: 1;
}
.e-biurokswmmacom {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  z-index: 1;
}
.t-48-22 {
  width: 8.625rem;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  z-index: 1;
}
.federacja-ksw {
  margin: 0;
}
.ul-stpiska-39 {
  margin: 0;
}
.warszawa {
  margin: 0;
}
.federacja-ksw-ul-container {
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}
.contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}
.oficjalny-serwis-internetowy-f {
  display: block;
}
.wszelkie-prawa-zastrzeone {
  display: block;
}
.polityka-prywatnoci1 {
  text-decoration: underline;
}
.polityka-prywatnoci {
  display: block;
}
.oficjalny-serwis-internetowy-container {
  margin: 0;
  position: relative;
  font-size: 0.625rem;
  z-index: 1;
}
.contact-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12rem;
  min-width: 21.438rem;
  max-width: 100%;
}
.lorem-ipsum-dolor13 {
  position: relative;
  z-index: 1;
}
.lorem-ipsum-dolor14 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor15 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor16 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.footer-links-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.625rem;
  min-width: 8.188rem;
  margin-left: -0.063rem;
}
.footer-contact-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
  max-width: 100%;
}
.lorem-ipsum-dolor17 {
  position: relative;
  z-index: 1;
}
.lorem-ipsum-dolor18 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor19 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor20 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor21 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.footer-links-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.625rem;
}
.lorem-ipsum-dolor22 {
  position: relative;
  z-index: 1;
}
.lorem-ipsum-dolor23 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor24 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor25 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.footer-links-column1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.625rem;
}
.lorem-ipsum-dolor26 {
  position: relative;
  z-index: 1;
}
.lorem-ipsum-dolor27 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor28 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor29 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor30 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.footer-links-column2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.625rem;
}
.lorem-ipsum-dolor31 {
  position: relative;
  z-index: 1;
}
.lorem-ipsum-dolor32 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor33 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.lorem-ipsum-dolor34 {
  position: relative;
  display: inline-block;
  min-width: 7.813rem;
  z-index: 1;
}
.footer-links-column3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.625rem;
}
.footer-links {
  width: 50.063rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0rem 3.437rem 0rem 0rem;
  box-sizing: border-box;
  max-width: 100%;
  gap: 1.25rem;
}
.designed-by {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  min-width: 6rem;
  white-space: nowrap;
}
.frame-child17 {
  align-self: stretch;
  width: 5.875rem;
  position: relative;
  max-height: 100%;
  min-height: 1.188rem;
}
.designed-by-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  z-index: 1;
}
.design-credit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20.125rem 0rem 0rem;
  text-align: right;
}
.footer-contact {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4.625rem;
  max-width: 100%;
  text-align: left;
}
.stopka {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 2.5rem 1.25rem 3.125rem;
  box-sizing: border-box;
  position: relative;
  gap: 2.468rem;
  max-width: 100%;
  text-align: right;
  font-size: 0.938rem;
  color: #fff;
  font-family: Aeonik;
}
.lp {
  width: 100%;
  position: relative;
  background-color: #f9f9f9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: normal;
  letter-spacing: normal;
}

@media screen and (max-width: 1575px) {
  .rectangle-group {
    flex: 1;
  }

  .frame-group {
    flex-wrap: wrap;
  }

  .hero-image-parent {
    height: auto;
    min-height: 1693;
  }

  .footer-contact {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1275px) {
  .rectangle-parent {
    gap: 19.438rem;
  }

  .gale1 {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(293px, 508px));
  }

  .lp-inner {
    padding-bottom: 2.625rem;
    box-sizing: border-box;
  }

  .news-description {
    flex: 1;
  }

  .news-article {
    flex-wrap: wrap;
  }

  .news-container-wrapper {
    min-width: 100%;
  }

  .lp-child {
    padding-bottom: 1.688rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 825px) {
  .rectangle-parent {
    gap: 9.75rem;
  }

  .event-image-parent {
    min-width: 100%;
  }

  .mircea {
    font-size: 2.5rem;
  }

  .brichta {
    font-size: 2.5rem;
  }

  .date-separators {
    font-size: 2.5rem;
  }

  .date-separators1 {
    font-size: 2.5rem;
  }

  .date-separators2 {
    font-size: 2.5rem;
  }

  .date-separators3 {
    font-size: 2.5rem;
  }

  .rectangle-group {
    min-width: 100%;
  }

  .terminarz {
    font-size: 2.5rem;
  }

  .xtb-ksw-89 {
    font-size: 1.5rem;
  }

  .xtb-ksw-90 {
    font-size: 1.5rem;
  }

  .xtb-ksw-92 {
    font-size: 1.5rem;
  }

  .xtb-ksw-epic {
    font-size: 1.5rem;
  }

  .gale1 {
    grid-template-columns: minmax(293px, 1fr);
  }

  .ksw-91 {
    font-size: 2.5rem;
  }

  .mircea1 {
    font-size: 1.75rem;
  }

  .brichta1 {
    font-size: 1.75rem;
  }

  .fighter-one-info {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .humburger {
    font-size: 1.75rem;
  }

  .odzimkowski {
    font-size: 1.75rem;
  }

  .fighter-one-info1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .frame-parent9 {
    gap: 1.5rem;
  }

  .rankingi1 {
    font-size: 2.5rem;
  }

  .bartosiski {
    font-size: 1.5rem;
  }

  .ranking-navigation {
    padding-top: 1.25rem;
    padding-bottom: 1.563rem;
    box-sizing: border-box;
  }

  .aktualnoci1 {
    font-size: 2.5rem;
  }

  .news-image-icon {
    min-width: 100%;
  }

  .lorem-ipsum-dolor-container1 {
    font-size: 2rem;
  }

  .news-description {
    gap: 1.625rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
    min-width: 100%;
  }

  .wideo1 {
    font-size: 2.5rem;
  }

  .lorem-ipsum-dolor-container8 {
    font-size: 2.5rem;
  }

  .video-item {
    flex-wrap: wrap;
    padding-left: 1.5rem;
    box-sizing: border-box;
  }

  .video-block {
    min-width: 100%;
  }

  .video-title-parent {
    flex-wrap: wrap;
  }

  .frame-parent13 {
    flex-wrap: wrap;
  }

  .video-block1 {
    min-width: 100%;
  }

  .frame-parent8 {
    gap: 3.125rem;
  }

  .lp-child {
    padding-bottom: 1.25rem;
    box-sizing: border-box;
  }

  .footer-content {
    flex-wrap: wrap;
    justify-content: center;
  }

  .contact-details {
    flex: 1;
  }

  .footer-links-block {
    flex: 1;
  }

  .footer-contact-content {
    flex-wrap: wrap;
  }

  .footer-links {
    flex-wrap: wrap;
    padding-right: 1.688rem;
    box-sizing: border-box;
  }

  .footer-contact {
    gap: 2.313rem;
  }

  .stopka {
    gap: 1.25rem;
    padding-top: 1.625rem;
    padding-bottom: 2rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .rectangle-parent {
    gap: 4.875rem;
  }

  .inne-nadchodzce-gale {
    font-size: 1rem;
  }

  .ksw-interim-lightweight {
    font-size: 1rem;
  }

  .mircea {
    font-size: 1.5rem;
  }

  .brichta {
    font-size: 1.5rem;
  }

  .location-separator {
    font-size: 1.25rem;
  }

  .home-credit-arena {
    font-size: 1rem;
  }

  .date-separators {
    font-size: 1.875rem;
  }

  .date-separators1 {
    font-size: 1.875rem;
  }

  .date-separators2 {
    font-size: 1.875rem;
  }

  .date-separators3 {
    font-size: 1.875rem;
  }

  .date-separators-parent {
    flex-wrap: wrap;
  }

  .odldaj-na-ywo {
    font-size: 1.25rem;
  }

  .terminarz {
    font-size: 1.875rem;
  }

  .terminarz-parent {
    flex-wrap: wrap;
  }

  .xtb-ksw-89 {
    font-size: 1.125rem;
  }

  .xtb-ksw-90 {
    font-size: 1.125rem;
  }

  .sprawd {
    font-size: 1rem;
  }

  .frame-parent6 {
    flex-wrap: wrap;
  }

  .xtb-ksw-92 {
    font-size: 1.125rem;
  }

  .xtb-ksw-epic {
    font-size: 1.125rem;
  }

  .lp-inner {
    padding-bottom: 1.688rem;
    box-sizing: border-box;
  }

  .ksw-91 {
    font-size: 1.875rem;
  }

  .fight-card-location {
    font-size: 1.25rem;
  }

  .home-credit-arena1 {
    font-size: 1rem;
  }

  .mircea1 {
    font-size: 1.313rem;
  }

  .brichta1 {
    font-size: 1.313rem;
  }

  .humburger {
    font-size: 1.313rem;
  }

  .odzimkowski {
    font-size: 1.313rem;
  }

  .fighter-one-info1 {
    gap: 1.375rem;
  }

  .rankingi1 {
    font-size: 1.875rem;
  }

  .kategoria-prednia {
    font-size: 1rem;
  }

  .ranking-weight-class-breadcrum {
    flex-wrap: wrap;
  }

  .champion {
    font-size: 1rem;
  }

  .bartosiski {
    font-size: 1.125rem;
  }

  .champion-row {
    flex: 1;
  }

  .first-fighter-image {
    flex: 1;
  }

  .champion-container {
    flex-wrap: wrap;
  }

  .fighter-rows3 {
    flex-wrap: wrap;
  }

  .fighter-rows4 {
    flex-wrap: wrap;
  }

  .ranking-navigation {
    padding-bottom: 1.25rem;
    box-sizing: border-box;
  }

  .lorem-ipsum-dolor-container {
    font-size: 1rem;
  }

  .aktualnoci1 {
    font-size: 1.875rem;
  }

  .news-navigation {
    flex-wrap: wrap;
  }

  .lorem-ipsum-dolor-container1 {
    font-size: 1.5rem;
  }

  .news-description {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    box-sizing: border-box;
  }

  .lorem-ipsum-dolor-container3 {
    font-size: 1rem;
  }

  .lorem-ipsum-dolor-container4 {
    font-size: 1rem;
  }

  .lorem-ipsum-dolor-container5 {
    font-size: 1rem;
  }

  .lorem-ipsum-dolor-container6 {
    font-size: 1rem;
  }

  .lorem-ipsum-dolor-container7 {
    font-size: 1rem;
  }

  .wideo1 {
    font-size: 1.875rem;
  }

  .video-container {
    flex-wrap: wrap;
  }

  .lorem-ipsum-dolor-container8 {
    font-size: 1.875rem;
  }

  .lorem-ipsum-dolor-container9 {
    font-size: 1rem;
  }

  .video-description-block {
    flex-wrap: wrap;
    gap: 1.375rem;
  }

  .lorem-ipsum-dolor-container10 {
    font-size: 1rem;
  }

  .video-description-block1 {
    flex-wrap: wrap;
    gap: 1.375rem;
  }

  .lorem-ipsum-dolor-container11 {
    font-size: 1rem;
  }

  .video-description-block2 {
    flex-wrap: wrap;
    gap: 1.375rem;
  }

  .lorem-ipsum-dolor-container12 {
    font-size: 1rem;
  }

  .video-description-block3 {
    flex-wrap: wrap;
    gap: 1.375rem;
  }

  .frame-parent8 {
    gap: 1.563rem;
  }

  .contact-details {
    gap: 6rem;
    min-width: 100%;
  }

  .footer-links-block {
    margin-left: 0;
  }

  .footer-contact {
    gap: 1.125rem;
  }
}