@font-face {
  font-family: "Pangea";
  src: url("../fonts/Pangea-BoldWeb.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Pangea";
  src: url("../fonts/Pangea-RegularWeb.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Pangea";
  src: url("../fonts/Pangea-MediumWeb.woff2") format("woff2");
  font-weight: 500;
}

@property --inline-size-col0 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}
@property --inline-size-col1 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}
@property --inline-size-col2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}
@property --inline-size-col3 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}
@property --inline-size-col4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}

@property --4to5range {
  syntax: "<length>";
  initial-value: 0px;
  inherits: false;
}

@property --4to6range {
  syntax: "<length>";
  initial-value: 0px;
  inherits: false;
}

@property --5to7range {
  syntax: "<length>";
  initial-value: 0px;
  inherits: false;
}

@property --4to7range {
  syntax: "<length>";
  initial-value: 0px;
  inherits: false;
}

@view-transition {
  navigation: auto;
}

@property --_opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}