@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
badge-span {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  border-radius: 8px;
  padding: 0.2rem 0.5rem;
  margin-left: 0.5rem;
}
badge-span:has(i) i {
  padding-right: 0.5rem;
}

badge-sup {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 8px;
  position: absolute;
  top: -9px;
}
badge-sup:has(i) i {
  padding-right: 0.5rem;
}

box-square {
  aspect-ratio: 1/1;
}

button-dropdown {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}
button-dropdown .button-dropdown {
  display: none;
  position: absolute;
  flex-direction: column;
  top: 110%;
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #D3D3D3;
  min-width: 8rem;
  z-index: 1100;
}
button-dropdown .button-dropdown.button-dropdown-show {
  display: flex;
}
button-dropdown .button-dropdown.button-dropdown-left {
  left: 0;
}
button-dropdown .button-dropdown.button-dropdown-right {
  right: 0;
}
button-dropdown .button-dropdown dropdown-option {
  display: inline-flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-bottom: solid 1px #D3D3D3;
  height: 2.5rem;
}
button-dropdown .button-dropdown dropdown-option:last-child {
  border-bottom: none;
}
button-dropdown .button-dropdown dropdown-option:hover {
  background-color: #E4E5E7;
  cursor: pointer;
}
button-dropdown .button-dropdown dropdown-option:has(i) i {
  padding-right: 0.5rem;
}

button-group:has(> button:only-of-type) button {
  border-radius: 8px !important;
}
button-group.button-group-column {
  display: flex;
  flex-direction: column;
}
button-group.button-group-column button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
button-group.button-group-column button:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
button-group.button-group-column button:not(:first-child) {
  margin-top: -1px;
}
button-group.button-group-column button:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
button-group.button-group-row {
  display: flex;
  justify-content: start;
  align-items: center;
}
button-group.button-group-row button:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0;
}
button-group.button-group-row button:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
button-group.button-group-row button:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 8px;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "pretendard", sans-serif;
  font-size: inherit;
  border: 1px solid #D3D3D3;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 2.5rem;
}
.button:has(i) i {
  padding-right: 0.5rem;
}
.button:has(badge-sup) {
  position: relative;
}
.button:hover {
  filter: brightness(110%);
  cursor: pointer;
}
.button.button-icon-only i {
  padding-right: 0;
}
.button.button-small {
  height: 2rem;
  font-size: 0.8333333333rem;
}
.button.button-normal {
  height: 2.5rem;
  font-size: 1rem;
}
.button.button-large {
  height: 3rem;
  font-size: 1.3333333333rem;
}
.button.button-min-width {
  min-width: 144px;
}

dialog-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1900;
}
dialog-modal.dialog-modal-show {
  display: flex;
  opacity: 1;
}
dialog-modal.dialog-modal-extra-small .dialog-modal {
  width: 320px;
}
dialog-modal.dialog-modal-small .dialog-modal {
  width: 540px;
}
dialog-modal.dialog-modal-medium .dialog-modal {
  width: 960px;
}
dialog-modal.dialog-modal-normal .dialog-modal {
  width: 960px;
}
dialog-modal.dialog-modal-large .dialog-modal {
  width: 1140px;
}
dialog-modal .dialog-modal {
  display: flex;
  flex-direction: column;
  border: 1px solid #A5A5A5;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  min-width: 240px;
  background-color: #FFFFFF;
}
dialog-modal .dialog-modal modal-head {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 1rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-size: 1rem;
  font-weight: 600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #E4E5E7;
  border-bottom: 1px solid #D3D3D3;
}
dialog-modal .dialog-modal modal-head:has(i) i {
  padding-right: 0.5rem;
}
dialog-modal .dialog-modal modal-head:has(button) {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-right: 0.5rem;
}
dialog-modal .dialog-modal modal-body {
  padding: 0.5rem;
}
dialog-modal .dialog-modal:has(modal-foot) modal-body {
  border-bottom: 1px solid #D3D3D3;
}
dialog-modal .dialog-modal:has(modal-foot) modal-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
dialog-modal .dialog-modal:has(modal-foot) modal-foot.modal-foot-start {
  justify-content: start;
}
dialog-modal .dialog-modal:has(modal-foot) modal-foot.modal-foot-between {
  justify-content: space-between;
}
dialog-modal .dialog-modal:has(modal-foot) modal-foot.modal-foot-end {
  justify-content: end;
}
dialog-modal .dialog-modal:has(modal-foot) modal-foot foot-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 43.2px;
  min-width: 96px;
  font-weight: 500;
  border-right: 1px solid #D3D3D3;
}
dialog-modal .dialog-modal:has(modal-foot) modal-foot foot-button:hover {
  background-color: #E4E5E7;
  cursor: pointer;
}
dialog-modal .dialog-modal:has(modal-foot) modal-foot foot-button:first-child {
  border-bottom-left-radius: 8px;
}
dialog-modal .dialog-modal:has(modal-foot) modal-foot foot-button:last-child {
  border-bottom-right-radius: 8px;
  border-right: none;
}

grid-data {
  display: grid;
}
grid-data data-indicator {
  display: flex;
  flex-direction: column;
}
grid-data data-indicator indicator-primary {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}
grid-data data-indicator indicator-primary .primary-head {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0.5rem;
}
grid-data data-indicator indicator-primary .primary-body {
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
}
grid-data data-indicator indicator-primary .primary-body .body-content {
  display: inline-flex;
  justify-content: end;
  font-size: 5rem;
}
grid-data data-indicator indicator-primary .primary-body .body-sub {
  display: inline-flex;
  justify-content: start;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 2rem;
}
grid-data data-indicator indicator-secondary {
  display: flex;
  justify-content: space-around;
}
grid-data data-indicator indicator-secondary secondary-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
grid-data data-indicator indicator-secondary secondary-item .item-head {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  padding: 0.5rem;
}
grid-data data-indicator indicator-secondary secondary-item .item-body {
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
}
grid-data data-indicator indicator-secondary secondary-item .item-body .body-content {
  display: inline-flex;
  justify-content: end;
  font-size: 2.5rem;
}
grid-data data-indicator indicator-secondary secondary-item .item-body .body-sub {
  display: inline-flex;
  justify-content: start;
  padding-left: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 1.5rem;
}

grid-icon {
  display: grid;
  box-sizing: border-box;
}
grid-icon.grid-icon-ellipsis .item-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
grid-icon icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  transition: transform 0.2s ease;
  cursor: move;
}
grid-icon icon-item .item-label {
  color: #000000;
  font-weight: 500;
}
grid-icon icon-item .item-image {
  margin-bottom: 0.5rem;
  border-radius: 8px;
}
grid-icon icon-item:hover {
  transform: scale(1.05);
}

grid-table {
  display: grid;
}

iframe-dialog {
  border-radius: 8px;
  box-sizing: border-box;
}
iframe-dialog dialog-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50.4px;
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 1rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-size: 1rem;
  font-weight: 600;
  background-color: #E4E5E7;
  border-bottom: 1px solid #D3D3D3;
  box-sizing: border-box;
}
iframe-dialog dialog-head:has(i) i {
  padding-right: 0.5rem;
}
iframe-dialog dialog-head:has(button) {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-right: 0.5rem;
}
iframe-dialog dialog-body {
  display: block;
  position: fixed;
  width: 100%;
  top: 50.4px;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-y: auto;
}
iframe-dialog:has(dialog-foot) dialog-body {
  bottom: 43.2px;
}
iframe-dialog:has(dialog-foot) dialog-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 43.2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFFFFF;
  border-top: 1px solid #D3D3D3;
  box-sizing: border-box;
  box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.08), 0 -1px 1px 0 rgba(0, 0, 0, 0.02);
}
iframe-dialog:has(dialog-foot) dialog-foot.dialog-foot-start {
  justify-content: start;
}
iframe-dialog:has(dialog-foot) dialog-foot.dialog-foot-between {
  justify-content: space-between;
}
iframe-dialog:has(dialog-foot) dialog-foot.dialog-foot-end {
  justify-content: end;
}
iframe-dialog:has(dialog-foot) dialog-foot foot-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-width: 96px;
  font-weight: 500;
  border-right: 1px solid #D3D3D3;
}
iframe-dialog:has(dialog-foot) dialog-foot foot-button:hover {
  background-color: #E4E5E7;
  cursor: pointer;
}
iframe-dialog:has(dialog-foot) dialog-foot foot-button:first-child {
  border-bottom-left-radius: 8px;
}
iframe-dialog:has(dialog-foot) dialog-foot foot-button:last-child {
  border-bottom-right-radius: 8px;
  border-right: none;
}

notification-toast {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  z-index: 2100;
}
notification-toast toast-item {
  min-width: 240px;
  padding: 0.5rem;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  opacity: 0;
  background: #FFFFFF;
  animation: fadeInOut 3s ease forwards;
}

notification-message {
  position: fixed;
  bottom: 32px;
  right: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  z-index: 2000;
}
notification-message message-item {
  min-width: 320px;
  opacity: 0;
  animation: fadeIn 3s ease forwards;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
  }
}
section-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #D3D3D3;
  box-sizing: border-box;
}
section-card:has(card-body) card-head {
  border-bottom: 1px solid #D3D3D3;
}
section-card:has(card-foot) card-body {
  border-bottom: 1px solid #D3D3D3;
}
section-card.section-card-full {
  border: 0 !important;
  width: 100%;
}
section-card card-head {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  background: #E4E5E7;
  padding: 0.5rem;
  font-weight: 500;
  box-sizing: border-box;
}
section-card card-head:has(i) i {
  padding-right: 0.5rem;
}
section-card card-body {
  padding: 0.5rem;
  box-sizing: border-box;
}
section-card card-foot {
  padding: 0.5rem;
  box-sizing: border-box;
}

section-tab {
  display: flex;
  flex-direction: column;
  border: 1px solid #D3D3D3;
  box-sizing: border-box;
}
section-tab.section-tab-full {
  border: none;
}
section-tab .section-tab-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #D3D3D3;
}
section-tab .section-tab-head button {
  width: 100%;
  height: 43.2px;
  border: none;
  font-family: "pretendard", sans-serif;
  font-size: inherit;
  background: #FFFFFF;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
section-tab .section-tab-head button:has(i) i {
  padding-right: 0.5rem;
}
section-tab .section-tab-head button:has(badge-sup) {
  position: relative;
}
section-tab .section-tab-head button:hover {
  background: #E4E5E7;
  cursor: pointer;
}
section-tab .section-tab-head button.button-active {
  border-bottom: 2px solid #4E80AB;
}
section-tab .section-tab-body {
  display: block;
}
section-tab tab-item.tab-item-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
section-tab tab-item.tab-item-row {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  box-sizing: border-box;
}
section-tab tab-item .item-head {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  border-bottom: 1px solid #D3D3D3;
  background: #E4E5E7;
  cursor: pointer;
}
section-tab tab-item .item-head:has(i) i {
  padding-right: 0.5rem;
}
section-tab tab-item .item-body {
  display: block;
  width: 100%;
  box-sizing: border-box;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
section-tab tab-item .item-body.item-body-active {
  border-bottom: 1px solid #D3D3D3;
}
section-tab tab-item:last-child {
  border-bottom: none;
}

table-data {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
table-data data-head {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  gap: 4px;
}
table-data data-body {
  display: flex;
}
table-data data-foot {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
table-data data-foot button-group button {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.table {
  border: 1px solid #D3D3D3;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
}
.table th {
  border: 1px solid #D3D3D3;
  background: rgba(211, 211, 211, 0.4);
  padding: 0.85rem;
  text-align: left;
  font-weight: 600;
}
.table td {
  border: 1px solid #D3D3D3;
  padding: 0.85rem;
}

.table-full {
  border: initial !important;
  border-collapse: collapse;
}
.table-full th {
  border: initial !important;
  border-bottom: 1px solid #D3D3D3 !important;
}
.table-full td {
  border: initial !important;
  border-bottom: 1px solid #D3D3D3 !important;
}

.table-lined {
  border: initial !important;
  border-collapse: collapse;
}
.table-lined th {
  border: initial !important;
  border-bottom: 1px solid #D3D3D3 !important;
}
.table-lined td {
  border: initial !important;
  border-bottom: 1px solid #D3D3D3 !important;
}

.table-striped tbody tr:nth-child(even) {
  background: rgba(228, 229, 231, 0.8);
}

.table-hover tbody tr:hover {
  background: rgba(211, 211, 211, 0.5);
  cursor: pointer;
}

.table-border-0 {
  border: none;
}
.table-border-0 th {
  border: none;
}
.table-border-0 td {
  border: none;
}

.table-text-left th {
  text-align: left;
}
.table-text-left td {
  text-align: left;
}

.table-text-center th {
  text-align: center;
}
.table-text-center td {
  text-align: center;
}

.table-text-right th {
  text-align: right;
}
.table-text-right td {
  text-align: right;
}

.table-padding-0 th {
  padding: 0rem;
}
.table-padding-0 td {
  padding: 0rem;
}

.table-padding-1 th {
  padding: 0.1666666667rem;
}
.table-padding-1 td {
  padding: 0.1666666667rem;
}

.table-padding-2 th {
  padding: 0.3333333333rem;
}
.table-padding-2 td {
  padding: 0.3333333333rem;
}

.table-padding-3 th {
  padding: 0.5rem;
}
.table-padding-3 td {
  padding: 0.5rem;
}

.table-padding-4 th {
  padding: 0.6666666667rem;
}
.table-padding-4 td {
  padding: 0.6666666667rem;
}

.table-padding-5 th {
  padding: 0.8333333333rem;
}
.table-padding-5 td {
  padding: 0.8333333333rem;
}

.table-padding-6 th {
  padding: 1rem;
}
.table-padding-6 td {
  padding: 1rem;
}

.table-padding-7 th {
  padding: 1.1666666667rem;
}
.table-padding-7 td {
  padding: 1.1666666667rem;
}

.table-padding-8 th {
  padding: 1.3333333333rem;
}
.table-padding-8 td {
  padding: 1.3333333333rem;
}

.table-padding-9 th {
  padding: 1.5rem;
}
.table-padding-9 td {
  padding: 1.5rem;
}

.table-padding-10 th {
  padding: 1.6666666667rem;
}
.table-padding-10 td {
  padding: 1.6666666667rem;
}

.table-padding-11 th {
  padding: 1.8333333333rem;
}
.table-padding-11 td {
  padding: 1.8333333333rem;
}

.table-padding-12 th {
  padding: 2rem;
}
.table-padding-12 td {
  padding: 2rem;
}

tree-node .node-items {
  padding-left: 1rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
tree-node .node-items.node-items-collapsed {
  display: none;
}
tree-node .node-item {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0.3rem 0.5rem;
  width: fit-content;
}
tree-node .node-item:has(i) i {
  padding-right: 0.5rem;
}
tree-node .node-item:has(img) img {
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  border-radius: 4px;
}
tree-node .node-item:hover {
  background: #E4E5E7;
  border-radius: 4px;
  cursor: pointer;
}
tree-node .node-item:active {
  background: #E4E5E7;
  border-radius: 4px;
  cursor: pointer;
}
tree-node .node-item.node-item-selected {
  background: #9CBB18;
  border-radius: 4px;
}
tree-node .node-item.node-item-collapsed:after {
  content: "+";
  color: #E4E5E7;
  padding-left: 0.5rem;
}

tree-menu menu-item {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 0.8rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
tree-menu menu-item:has(i) i {
  padding-right: 0.5rem;
}
tree-menu .menu-items {
  padding-left: 1.8rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

ul.ul-choose {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.ul-choose li {
  padding: 1rem 0.5rem;
  border-bottom: 1px solid #D3D3D3;
  cursor: pointer;
}
ul.ul-choose li:hover {
  background-color: #E4E5E7;
}
ul.ul-choose li:last-child {
  border-bottom: 0;
}
ul.ul-choose li:last-child:hover {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ul.ul-choose li:has(a) a {
  display: flex;
  justify-content: start;
  align-items: center;
}
ul.ul-choose li:has(a) a:hover {
  text-decoration: none;
}

ul-data {
  display: flex;
  flex-direction: column;
  border: 1px solid #D3D3D3;
  box-sizing: border-box;
}
ul-data ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul-data ul li {
  padding: 1rem 0.5rem;
  border-bottom: 1px solid #D3D3D3;
  cursor: pointer;
}
ul-data ul li:hover {
  background-color: #E4E5E7;
}
ul-data ul li:last-child {
  border-bottom: 0;
}
ul-data ul li a {
  display: flex;
  justify-content: start;
  align-items: center;
}
ul-data ul li a:hover {
  text-decoration: none;
}
ul-data ul li a .li-start {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
ul-data ul li a .li-start:has(i) i {
  font-size: 2.5rem;
}
ul-data ul li a .li-start:has(img) img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 8px;
}
ul-data ul li a .li-center {
  display: flex;
  flex-direction: column;
}
ul-data ul li a .li-center .center-title {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
}
ul-data ul li a .li-center .center-description {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  font-weight: 300;
}
ul-data ul li a .li-center:has(.center-title):has(.center-description) {
  gap: 4px;
}
ul-data ul li a .li-end {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-left: auto;
  padding: 0.5rem;
}

.image {
  border-radius: 4px;
}

.image-48 {
  width: 48px;
  height: 48px;
}

.image-72 {
  width: 72px;
  height: 72px;
}

.image-96 {
  width: 96px;
  height: 96px;
}

.image-128 {
  width: 128px;
  height: 128px;
}

.image-144 {
  width: 144px;
  height: 144px;
}

.image-192 {
  width: 192px;
  height: 192px;
}

.image-256 {
  width: 256px;
  height: 256px;
}

.image-384 {
  width: 384px;
  height: 384px;
}

.image-512 {
  width: 512px;
  height: 512px;
}

image-data .image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 8px;
}
image-data .image img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
  border-radius: 8px;
}
image-data .image .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  pointer-events: none;
}
image-data .image:has(.overlay):hover img {
  filter: brightness(70%) blur(2px);
  transform: scale(1.05);
}
image-data .image:has(.overlay):hover .overlay {
  opacity: 1;
}
image-data .caption {
  margin-top: 8px;
  font-weight: 500;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

h6 {
  font-size: 0.3333333333rem;
  font-weight: 600;
  margin: 0;
}

.h6 {
  font-size: 0.3333333333rem;
  font-weight: 600;
}

h5 {
  font-size: 0.6666666667rem;
  font-weight: 600;
  margin: 0;
}

.h5 {
  font-size: 0.6666666667rem;
  font-weight: 600;
}

h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.h4 {
  font-size: 1rem;
  font-weight: 600;
}

h3 {
  font-size: 1.3333333333rem;
  font-weight: 600;
  margin: 0;
}

.h3 {
  font-size: 1.3333333333rem;
  font-weight: 600;
}

h2 {
  font-size: 1.6666666667rem;
  font-weight: 600;
  margin: 0;
}

.h2 {
  font-size: 1.6666666667rem;
  font-weight: 600;
}

h1 {
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.h1 {
  font-size: 2rem;
  font-weight: 600;
}

p {
  line-height: 1.5rem;
}

title-1 {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 21px;
}

title-2 {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 20px;
}

title-3 {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 19px;
}

title-4 {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 18px;
}

title-5 {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 17px;
}

title-6 {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 16px;
}

description-wrap {
  display: block;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 21px;
  white-space: normal;
}

description-nowrap {
  display: block;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

example-code {
  display: flex;
  flex-direction: column;
  border: 1px solid #D3D3D3;
}
example-code code-preview {
  padding: 8px;
  border-bottom: 1px solid #D3D3D3;
}
example-code code-html {
  display: flex;
  flex-direction: column;
}
example-code code-html html-head {
  background-color: #E4E5E7;
  border-bottom: 1px solid #D3D3D3;
  padding: 8px;
  font-weight: 500;
}
example-code code-html html-body {
  padding: 8px;
}
example-code code-js {
  display: flex;
  flex-direction: column;
}
example-code code-js js-head {
  background-color: #E4E5E7;
  border-bottom: 1px solid #D3D3D3;
  padding: 8px;
  font-weight: 500;
}
example-code code-js js-body {
  padding: 8px;
}
example-code .hljs {
  font-family: "pretendard", sans-serif;
  font-size: 15px;
  line-height: 1.5rem;
  padding: 0 !important;
}
example-code pre {
  margin: 0;
  padding-left: 8px;
}

html-tag {
  color: rgba(0, 128, 0, 0.9);
  font-weight: 500;
}

html-class {
  color: rgba(128, 0, 128, 0.9);
  font-weight: 500;
}

html-style {
  color: rgba(128, 0, 128, 0.7);
  font-weight: 500;
}

html-attr {
  color: rgba(165, 42, 42, 0.9);
  font-weight: 500;
}

js-class {
  color: rgba(0, 0, 255, 0.9);
  font-weight: 500;
}

js-func {
  color: rgba(0, 0, 255, 0.7);
  font-weight: 500;
}

.fieldset {
  border: 1px solid #D3D3D3;
  border-radius: 8px;
  padding: 1rem;
}
.fieldset legend {
  padding: 0 0.5rem;
  font-weight: 500;
}

.fieldset {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 1rem;
}
.fieldset legend {
  padding: 0 0.5rem;
  font-weight: 500;
}

fieldset-group .group-item {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
}
fieldset-group .group-item group-item {
  display: flex;
  justify-content: start;
  align-items: center;
  box-sizing: border-box;
}
fieldset-group .group-item group-item .item-label {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  padding-right: 1rem;
  min-width: 30%;
}
fieldset-group .group-item group-item .item-label:has(i) i {
  padding-right: 0.5rem;
}
fieldset-group .group-item group-item:last-child {
  width: 100%;
}
fieldset-group .group-item group-item input, fieldset-group .group-item group-item input-data, fieldset-group .group-item group-item select, fieldset-group .group-item group-item select-data {
  width: 100%;
}

form-group {
  display: grid;
  gap: 8px;
  box-sizing: border-box;
  padding: 0.5rem;
}
form-group group-item {
  display: flex;
  justify-content: start;
  align-items: center;
  box-sizing: border-box;
}
form-group group-item .item-label {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  padding-right: 1rem;
  min-width: 30%;
}
form-group group-item .item-label:has(i) i {
  padding-right: 0.5rem;
}
form-group group-item:last-child {
  width: 100%;
}
form-group group-item input, form-group group-item input-data, form-group group-item select, form-group group-item select-data {
  width: 100%;
}

group-form {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  width: 100%;
}

input-check {
  display: inline-flex;
  justify-content: start;
  align-items: center;
}
input-check .check-box input {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
}
input-check .check-box span {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
}
input-check .check-box input:checked + span::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0px;
  width: 6px;
  height: 12px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
input-check .check-box.check-box-disabled span {
  background-color: #E4E5E7;
}
input-check .check-label-left {
  margin-left: 0.5rem;
}
input-check .check-label-right {
  margin-right: 0.5rem;
}

input-data {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
input-data .message {
  display: none;
  font-size: 0.8rem;
  font-weight: 400;
  color: #C23B23;
  padding-top: 4px;
}
input-data .message.message-show {
  display: flex;
}
input-data .keyboard {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #D3D3D3;
  z-index: 1100;
}
input-data .keyboard.keyboard-show {
  display: block;
}
input-data .keyboard.keyboard-language {
  width: 576px;
}
input-data .keyboard.keyboard-numeric {
  width: 240px;
}
input-data .keyboard.keyboard-enum {
  width: 240px;
}
input-data .keyboard.keyboard-option {
  width: 240px;
}
input-data .keyboard.keyboard-datetime td {
  min-width: 2.5rem;
}
input-data .keyboard.keyboard-datetime .week {
  height: 2rem !important;
}
input-data .keyboard.keyboard-datetime .day {
  height: 2rem;
}
input-data .keyboard.keyboard-datetime .day:hover {
  background-color: #E4E5E7;
  cursor: pointer;
}
input-data .keyboard.keyboard-datetime .today {
  height: 2rem;
  color: #FFFFFF;
  background-color: #74CEF7;
}
input-data .keyboard.keyboard-datetime .today:hover {
  background-color: #4E80AB;
  cursor: pointer;
}
input-data .keyboard button {
  width: 100%;
  border-radius: 0;
}
input-data .keyboard select {
  width: 100%;
  border: none;
  border-radius: 0;
  text-align: center;
}

input-radio {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
input-radio .radio-box input {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
}
input-radio .radio-box span {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  border: 1px solid #D3D3D3;
  border-radius: 50%;
}
input-radio .radio-box input:checked + span {
  background-color: #000000;
}
input-radio .radio-box input:checked + span::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 50%;
}
input-radio .radio-box.radio-box-disabled span {
  background-color: #E4E5E7;
}
input-radio .radio-label-left {
  margin-left: 0.5rem;
}
input-radio .radio-label-right {
  margin-right: 0.5rem;
}

input-toggle {
  display: inline-flex;
  justify-content: start;
  align-items: center;
}
input-toggle .toggle-box {
  display: inline-block;
  position: relative;
  width: 54px;
  height: 28.8px;
}
input-toggle .toggle-box input {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
}
input-toggle .toggle-box span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.1s;
  border-radius: 32px;
  cursor: pointer;
}
input-toggle .toggle-box span:before {
  position: absolute;
  content: "";
  left: 2px;
  bottom: 2px;
  width: 25.2px;
  height: 25.2px;
  background-color: white;
  transition: 0.1s;
  border-radius: 50%;
}
input-toggle .toggle-box input:checked + span {
  background-color: #4E80AB;
}
input-toggle .toggle-box input:checked + span:before {
  transform: translateX(25.2px);
}
input-toggle .toggle-box.toggle-box-disabled span {
  background-color: #E4E5E7;
}
input-toggle .toggle-label-left {
  margin-left: 0.5rem;
}
input-toggle .toggle-label-right {
  margin-right: 0.5rem;
}

.input {
  height: 2.5rem;
  font-family: "pretendard", sans-serif;
  font-size: inherit;
  outline: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: solid 1px #D3D3D3;
  border-radius: 8px;
  box-sizing: border-box;
}
.input[type=text]:focus {
  border-bottom-color: #4E80AB;
  border-bottom-width: 2px;
}
.input[type=password]:focus {
  border-bottom-color: #20304f;
  border-bottom-width: 2px;
}
.input[type=number]:focus {
  border-bottom-color: #FEA606;
  border-bottom-width: 2px;
}
.input[type=date]:focus {
  border-bottom-color: #784978;
  border-bottom-width: 2px;
}
.input[type=time]:focus {
  border-bottom-color: #784978;
  border-bottom-width: 2px;
}
.input[type=datetime-local]:focus {
  border-bottom-color: #784978;
  border-bottom-width: 2px;
}
.input[type=month]:focus {
  border-bottom-color: #784978;
  border-bottom-width: 2px;
}
.input[type=week]:focus {
  border-bottom-color: #784978;
  border-bottom-width: 2px;
}
.input[type=range] {
  outline: none;
  appearance: none;
  background: rgba(211, 211, 211, 0.2);
  border-radius: 8px;
  transition: 0.3s;
}
.input[type=range]:hover {
  background: rgba(211, 211, 211, 0.5);
}
.input[type=range]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10%;
  cursor: pointer;
  transition: 0.3s;
  border: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.input[type=range]::-moz-range-thumb {
  width: 1.5rem;
  height: 1.5rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10%;
  cursor: pointer;
  border: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.input[type=color] {
  border: 0;
  border-radius: none;
}
.input[type=file] {
  padding-top: 0.3rem;
}
.input.input-valid {
  border-bottom: solid 2px #9CBB18;
}
.input.input-invalid {
  border-bottom: solid 2px #C23B23;
}

select-check {
  display: block;
  position: relative;
  box-sizing: border-box;
}
select-check .input-checks {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 110%;
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #D3D3D3;
  border-radius: 8px;
  box-sizing: border-box;
  width: inherit;
  overflow-y: auto;
  z-index: 1100;
}
select-check .input-checks.input-checks-show {
  display: flex;
}
select-check .input-checks group-input {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
select-check .input-checks group-input .input-label {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: #D3D3D3;
}
select-check .input-checks group-input .input-label:has(i) i {
  padding-right: 0.5rem;
}
select-check .input-checks input-check {
  padding: 0.5rem;
}

select-data {
  display: flex;
  align-items: center;
}
select-data.select-data-optgroup input {
  display: block;
  width: 40%;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 0 !important;
}
select-data.select-data-optgroup select {
  width: 60%;
  margin-left: -1px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 8px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 8px !important;
}
select-data input {
  display: none;
}

.select {
  height: 2.5rem;
  border: solid 1px #D3D3D3;
  border-radius: 8px;
  box-sizing: border-box;
  outline: none;
  font-family: "pretendard", sans-serif;
  font-size: inherit;
  background-color: #FFFFFF;
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.5rem;
}
.select:focus {
  outline: none;
  background-color: #FDFDFB;
  text-align: left;
}
.select[size] {
  height: auto !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: initial !important;
  background-size: initial !important;
}

app-head {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  flex-wrap: wrap;
  box-sizing: border-box;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  z-index: 1010;
}
app-head bar-status {
  display: flex;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: #2E2E2E;
  color: #FFFFFF;
}
app-head bar-status status-brand {
  font-size: 15px;
  padding-left: 16px;
  padding-right: 4px;
}
app-head bar-status status-indicator {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding-right: 0.5rem;
}
app-head bar-status status-clock {
  padding-left: 4px;
  padding-right: 16px;
}
app-head bar-action {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: #282c34;
  color: #FFFFFF;
}
app-head bar-action action-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}
app-head bar-action action-icon > img {
  width: 42px;
  height: 42px;
  border-radius: 8px;
}
app-head bar-action action-title {
  font-size: 18px;
  font-weight: 500;
}
app-head bar-action action-menu {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 16px;
}
app-head bar-action action-menu .menu-button {
  color: #FFFFFF;
  background-color: transparent;
  border: 0;
}
app-head bar-action action-menu .menu-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
app-head bar-action action-menu .button-dropdown {
  color: #000000;
}

app-body {
  display: block;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1000;
}

app-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 88px;
  background-color: #FFFFFF;
  border-top: 1px solid #ced4da;
  box-sizing: border-box;
  box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.08), 0 -1px 1px 0 rgba(0, 0, 0, 0.02);
  z-index: 1002;
}
app-foot foot-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
app-foot foot-bar bar-button {
  flex: 1;
  width: 100%;
  height: 100%;
}
app-foot foot-bar bar-button button {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: initial;
  background-color: #FFFFFF;
  font-family: inherit;
  font-size: 1rem;
}
app-foot foot-bar bar-button button:hover {
  background-color: #E4E5E7;
  cursor: pointer;
}
app-foot foot-bar bar-button button i {
  display: block;
  font-size: 1.8rem;
  padding-bottom: 4px;
}
app-foot foot-bar bar-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
  height: 100%;
}
app-foot foot-bar bar-link a {
  color: inherit;
  text-align: center;
  text-decoration: none;
}
app-foot foot-bar bar-link a:hover {
  background-color: #E4E5E7;
  cursor: pointer;
}
app-foot foot-bar bar-link a:active {
  color: inherit;
}
app-foot foot-bar bar-link a:visited {
  color: inherit;
}
app-foot foot-bar bar-link a i {
  display: block;
  font-size: 1.8rem;
  padding-bottom: 4px;
}
app-foot foot-bar bar-link:hover {
  background-color: #E4E5E7;
  cursor: pointer;
}

app-drawer {
  display: flex;
  position: fixed;
  top: 88px;
  left: -320px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  overflow-x: hidden;
  overflow-y: auto;
  transition: left 0.3s ease;
  z-index: 1001;
}
app-drawer.app-drawer-open {
  left: 0px !important;
}

app-loader {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow-y: auto;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}
app-loader loader-spinner {
  width: 42px;
  height: 42px;
  border: 5px solid #E4E5E7;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  animation: app-loader-spinner 1s linear infinite;
  margin: 50px auto;
}

@keyframes app-loader-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-32px);
  }
  60% {
    transform: translateY(-16px);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-32px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-blink {
  animation: blink 1s infinite;
}

.animate-bounce {
  animation: bounce 1s infinite;
}

.animate-fadeInDown {
  opacity: 0;
  animation: fadeInDown 1s infinite;
}

.border {
  border: 1px solid #D3D3D3;
}

.border-top {
  border-top: 1px solid #D3D3D3;
}

.border-bottom {
  border-bottom: 1px solid #D3D3D3;
}

.border-left {
  border-left: 1px solid #D3D3D3;
}

.border-right {
  border-right: 1px solid #D3D3D3;
}

.border-left-right {
  border-left: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
}

.border-top-bottom {
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
}

.border-soild {
  border-style: solid;
}

.border-dotted {
  border-style: dotted;
}

.border-dashed {
  border-style: dashed;
}

.border-white {
  border-color: #FFFFFF !important;
}

.border-black {
  border-color: #000000 !important;
}

.border-black-light {
  border-color: #535254 !important;
}

.border-black-dark {
  border-color: #2E2E2E !important;
}

.border-gray {
  border-color: #D3D3D3 !important;
}

.border-gray-light {
  border-color: #E4E5E7 !important;
}

.border-gray-dark {
  border-color: #A5A5A5 !important;
}

.border-red {
  border-color: #C23B23 !important;
}

.border-red-light {
  border-color: #7E1F17 !important;
}

.border-red-dark {
  border-color: #5E1813 !important;
}

.border-orange {
  border-color: #FEA606 !important;
}

.border-orange-light {
  border-color: #F1BD78 !important;
}

.border-orange-dark {
  border-color: #E45B00 !important;
}

.border-yellow {
  border-color: #E2C446 !important;
}

.border-yellow-light {
  border-color: #FEF487 !important;
}

.border-yellow-dark {
  border-color: #E4B200 !important;
}

.border-green {
  border-color: #9CBB18 !important;
}

.border-green-light {
  border-color: #A5DE5F !important;
}

.border-green-dark {
  border-color: #3C6530 !important;
}

.border-blue {
  border-color: #4E80AB !important;
}

.border-blue-light {
  border-color: #74CEF7 !important;
}

.border-blue-dark {
  border-color: #174F6F !important;
}

.border-indigo {
  border-color: #20304f !important;
}

.border-indigo-light {
  border-color: #455b87 !important;
}

.border-indigo-dark {
  border-color: #282c34 !important;
}

.border-purple {
  border-color: #784978 !important;
}

.border-purple-light {
  border-color: #AF8FE9 !important;
}

.border-purple-dark {
  border-color: #461561 !important;
}

.border-pink {
  border-color: #D56094 !important;
}

.border-pink-light {
  border-color: #F795BE !important;
}

.border-pink-dark {
  border-color: #9a3d80 !important;
}

.border-0 {
  border: initial !important;
}

.border-top-0 {
  border-top: initial !important;
}

.border-bottom-0 {
  border-bottom: initial !important;
}

.border-left-0 {
  border-left: initial !important;
}

.border-right-0 {
  border-right: initial !important;
}

.border-radius-0 {
  border-radius: initial !important;
}

.border-1 {
  border-width: 1px;
}

.border-radius-1 {
  border-radius: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-radius-2 {
  border-radius: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-5 {
  border-width: 5px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-6 {
  border-width: 6px;
}

.border-radius-6 {
  border-radius: 6px;
}

.border-7 {
  border-width: 7px;
}

.border-radius-7 {
  border-radius: 7px;
}

.border-8 {
  border-width: 8px;
}

.border-radius-8 {
  border-radius: 8px;
}

.border-9 {
  border-width: 9px;
}

.border-radius-9 {
  border-radius: 9px;
}

.border-10 {
  border-width: 10px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-11 {
  border-width: 11px;
}

.border-radius-11 {
  border-radius: 11px;
}

.border-12 {
  border-width: 12px;
}

.border-radius-12 {
  border-radius: 12px;
}

.border-circle {
  border-radius: 50%;
}

.text-white {
  color: #FFFFFF !important;
}

.background-white {
  background-color: #FFFFFF !important;
}

.color-white {
  color: #000000;
  background-color: #FFFFFF;
}

.outline-white {
  color: #FFFFFF;
  background-color: #000000;
  border: 1px solid #FFFFFF;
}

button.color-white {
  color: #000000;
  background-color: #FFFFFF;
}
button.color-white:hover {
  background-color: #cccccc;
  cursor: pointer;
}

button.outline-white {
  color: #FFFFFF;
  background-color: transparent;
  border: 1px solid #FFFFFF;
}
button.outline-white:hover {
  color: #000000;
  background-color: #FFFFFF;
  cursor: pointer;
}

input[type=range].color-white::-webkit-slider-thumb {
  background-color: #FFFFFF !important;
}
input[type=range].color-white::-moz-range-thumb {
  background-color: #FFFFFF !important;
}
input[type=range].color-white::-ms-thumb {
  background-color: #FFFFFF !important;
}

.text-white-dark {
  color: #FDFDFB !important;
}

.background-white-dark {
  background-color: #FDFDFB !important;
}

.color-white-dark {
  color: #FFFFFF;
  background-color: #FDFDFB;
}

.outline-white-dark {
  color: #FDFDFB;
  background-color: #FFFFFF;
  border: 1px solid #FDFDFB;
}

button.color-white-dark {
  color: #FFFFFF;
  background-color: #FDFDFB;
}
button.color-white-dark:hover {
  background-color: hsl(60, 33.3333333333%, 108.8235294118%);
  cursor: pointer;
}

button.outline-white-dark {
  color: #FDFDFB;
  background-color: #FFFFFF;
  border: 1px solid #FDFDFB;
}
button.outline-white-dark:hover {
  color: #FFFFFF;
  background-color: #FDFDFB;
  cursor: pointer;
}

input[type=range].color-white-dark::-webkit-slider-thumb {
  background-color: #FDFDFB !important;
}
input[type=range].color-white-dark::-moz-range-thumb {
  background-color: #FDFDFB !important;
}
input[type=range].color-white-dark::-ms-thumb {
  background-color: #FDFDFB !important;
}

.text-white-light {
  color: #F8F8F8 !important;
}

.background-white-light {
  background-color: #F8F8F8 !important;
}

.color-white-light {
  color: #FFFFFF;
  background-color: #F8F8F8;
}

.outline-white-light {
  color: #F8F8F8;
  background-color: #FFFFFF;
  border: 1px solid #F8F8F8;
}

button.color-white-light {
  color: #FFFFFF;
  background-color: #F8F8F8;
}
button.color-white-light:hover {
  background-color: hsl(0, 0%, 107.2549019608%);
  cursor: pointer;
}

button.outline-white-light {
  color: #F8F8F8;
  background-color: #FFFFFF;
  border: 1px solid #F8F8F8;
}
button.outline-white-light:hover {
  color: #FFFFFF;
  background-color: #F8F8F8;
  cursor: pointer;
}

input[type=range].color-white-light::-webkit-slider-thumb {
  background-color: #F8F8F8 !important;
}
input[type=range].color-white-light::-moz-range-thumb {
  background-color: #F8F8F8 !important;
}
input[type=range].color-white-light::-ms-thumb {
  background-color: #F8F8F8 !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.color-black {
  color: #FFFFFF;
  background-color: #000000;
}

.outline-black {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}

button.color-black {
  color: #FFFFFF;
  background-color: #000000;
}
button.color-black:hover {
  background-color: rgb(25.5, 25.5, 25.5);
  cursor: pointer;
}

button.outline-black {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}
button.outline-black:hover {
  color: #FFFFFF;
  background-color: #000000;
  cursor: pointer;
}

input[type=range].color-black::-webkit-slider-thumb {
  background-color: #000000 !important;
}
input[type=range].color-black::-moz-range-thumb {
  background-color: #000000 !important;
}
input[type=range].color-black::-ms-thumb {
  background-color: #000000 !important;
}

.text-black-light {
  color: #535254 !important;
}

.background-black-light {
  background-color: #535254 !important;
}

.color-black-light {
  color: #FFFFFF;
  background-color: #535254;
}

.outline-black-light {
  color: #535254;
  background-color: #FFFFFF;
  border: 1px solid #535254;
}

button.color-black-light {
  color: #FFFFFF;
  background-color: #535254;
}
button.color-black-light:hover {
  background-color: rgb(108.5, 107.1927710843, 109.8072289157);
  cursor: pointer;
}

button.outline-black-light {
  color: #535254;
  background-color: #FFFFFF;
  border: 1px solid #535254;
}
button.outline-black-light:hover {
  color: #FFFFFF;
  background-color: #535254;
  cursor: pointer;
}

input[type=range].color-black-light::-webkit-slider-thumb {
  background-color: #535254 !important;
}
input[type=range].color-black-light::-moz-range-thumb {
  background-color: #535254 !important;
}
input[type=range].color-black-light::-ms-thumb {
  background-color: #535254 !important;
}

.text-black-dark {
  color: #2E2E2E !important;
}

.background-black-dark {
  background-color: #2E2E2E !important;
}

.color-black-dark {
  color: #FFFFFF;
  background-color: #2E2E2E;
}

.outline-black-dark {
  color: #2E2E2E;
  background-color: #FFFFFF;
  border: 1px solid #2E2E2E;
}

button.color-black-dark {
  color: #FFFFFF;
  background-color: #2E2E2E;
}
button.color-black-dark:hover {
  background-color: rgb(71.5, 71.5, 71.5);
  cursor: pointer;
}

button.outline-black-dark {
  color: #2E2E2E;
  background-color: #FFFFFF;
  border: 1px solid #2E2E2E;
}
button.outline-black-dark:hover {
  color: #FFFFFF;
  background-color: #2E2E2E;
  cursor: pointer;
}

input[type=range].color-black-dark::-webkit-slider-thumb {
  background-color: #2E2E2E !important;
}
input[type=range].color-black-dark::-moz-range-thumb {
  background-color: #2E2E2E !important;
}
input[type=range].color-black-dark::-ms-thumb {
  background-color: #2E2E2E !important;
}

.text-gray {
  color: #D3D3D3 !important;
}

.background-gray {
  background-color: #D3D3D3 !important;
}

.color-gray {
  color: #FFFFFF;
  background-color: #D3D3D3;
}

.outline-gray {
  color: #D3D3D3;
  background-color: #FFFFFF;
  border: 1px solid #D3D3D3;
}

button.color-gray {
  color: #FFFFFF;
  background-color: #D3D3D3;
}
button.color-gray:hover {
  background-color: rgb(236.5, 236.5, 236.5);
  cursor: pointer;
}

button.outline-gray {
  color: #D3D3D3;
  background-color: #FFFFFF;
  border: 1px solid #D3D3D3;
}
button.outline-gray:hover {
  color: #FFFFFF;
  background-color: #D3D3D3;
  cursor: pointer;
}

input[type=range].color-gray::-webkit-slider-thumb {
  background-color: #D3D3D3 !important;
}
input[type=range].color-gray::-moz-range-thumb {
  background-color: #D3D3D3 !important;
}
input[type=range].color-gray::-ms-thumb {
  background-color: #D3D3D3 !important;
}

.text-gray-light {
  color: #E4E5E7 !important;
}

.background-gray-light {
  background-color: #E4E5E7 !important;
}

.color-gray-light {
  color: #FFFFFF;
  background-color: #E4E5E7;
}

.outline-gray-light {
  color: #E4E5E7;
  background-color: #FFFFFF;
  border: 1px solid #E4E5E7;
}

button.color-gray-light {
  color: #FFFFFF;
  background-color: #E4E5E7;
}
button.color-gray-light:hover {
  background-color: white;
  cursor: pointer;
}

button.outline-gray-light {
  color: #E4E5E7;
  background-color: #FFFFFF;
  border: 1px solid #E4E5E7;
}
button.outline-gray-light:hover {
  color: #FFFFFF;
  background-color: #E4E5E7;
  cursor: pointer;
}

input[type=range].color-gray-light::-webkit-slider-thumb {
  background-color: #E4E5E7 !important;
}
input[type=range].color-gray-light::-moz-range-thumb {
  background-color: #E4E5E7 !important;
}
input[type=range].color-gray-light::-ms-thumb {
  background-color: #E4E5E7 !important;
}

.text-gray-dark {
  color: #A5A5A5 !important;
}

.background-gray-dark {
  background-color: #A5A5A5 !important;
}

.color-gray-dark {
  color: #FFFFFF;
  background-color: #A5A5A5;
}

.outline-gray-dark {
  color: #A5A5A5;
  background-color: #FFFFFF;
  border: 1px solid #A5A5A5;
}

button.color-gray-dark {
  color: #FFFFFF;
  background-color: #A5A5A5;
}
button.color-gray-dark:hover {
  background-color: rgb(190.5, 190.5, 190.5);
  cursor: pointer;
}

button.outline-gray-dark {
  color: #A5A5A5;
  background-color: #FFFFFF;
  border: 1px solid #A5A5A5;
}
button.outline-gray-dark:hover {
  color: #FFFFFF;
  background-color: #A5A5A5;
  cursor: pointer;
}

input[type=range].color-gray-dark::-webkit-slider-thumb {
  background-color: #A5A5A5 !important;
}
input[type=range].color-gray-dark::-moz-range-thumb {
  background-color: #A5A5A5 !important;
}
input[type=range].color-gray-dark::-ms-thumb {
  background-color: #A5A5A5 !important;
}

.text-red {
  color: #C23B23 !important;
}

.background-red {
  background-color: #C23B23 !important;
}

.color-red {
  color: #FFFFFF;
  background-color: #C23B23;
}

.outline-red {
  color: #C23B23;
  background-color: #FFFFFF;
  border: 1px solid #C23B23;
}

button.color-red {
  color: #FFFFFF;
  background-color: #C23B23;
}
button.color-red:hover {
  background-color: rgb(219.8471615721, 84.2576419214, 60.1528384279);
  cursor: pointer;
}

button.outline-red {
  color: #C23B23;
  background-color: #FFFFFF;
  border: 1px solid #C23B23;
}
button.outline-red:hover {
  color: #FFFFFF;
  background-color: #C23B23;
  cursor: pointer;
}

input[type=range].color-red::-webkit-slider-thumb {
  background-color: #C23B23 !important;
}
input[type=range].color-red::-moz-range-thumb {
  background-color: #C23B23 !important;
}
input[type=range].color-red::-ms-thumb {
  background-color: #C23B23 !important;
}

.text-red-light {
  color: #7E1F17 !important;
}

.background-red-light {
  background-color: #7E1F17 !important;
}

.color-red-light {
  color: #FFFFFF;
  background-color: #7E1F17;
}

.outline-red-light {
  color: #7E1F17;
  background-color: #FFFFFF;
  border: 1px solid #7E1F17;
}

button.color-red-light {
  color: #FFFFFF;
  background-color: #7E1F17;
}
button.color-red-light:hover {
  background-color: rgb(169.1275167785, 41.610738255, 30.8724832215);
  cursor: pointer;
}

button.outline-red-light {
  color: #7E1F17;
  background-color: #FFFFFF;
  border: 1px solid #7E1F17;
}
button.outline-red-light:hover {
  color: #FFFFFF;
  background-color: #7E1F17;
  cursor: pointer;
}

input[type=range].color-red-light::-webkit-slider-thumb {
  background-color: #7E1F17 !important;
}
input[type=range].color-red-light::-moz-range-thumb {
  background-color: #7E1F17 !important;
}
input[type=range].color-red-light::-ms-thumb {
  background-color: #7E1F17 !important;
}

.text-red-dark {
  color: #5E1813 !important;
}

.background-red-dark {
  background-color: #5E1813 !important;
}

.color-red-dark {
  color: #FFFFFF;
  background-color: #5E1813;
}

.outline-red-dark {
  color: #5E1813;
  background-color: #FFFFFF;
  border: 1px solid #5E1813;
}

button.color-red-dark {
  color: #FFFFFF;
  background-color: #5E1813;
}
button.color-red-dark:hover {
  background-color: rgb(136.4247787611, 34.8318584071, 27.5752212389);
  cursor: pointer;
}

button.outline-red-dark {
  color: #5E1813;
  background-color: #FFFFFF;
  border: 1px solid #5E1813;
}
button.outline-red-dark:hover {
  color: #FFFFFF;
  background-color: #5E1813;
  cursor: pointer;
}

input[type=range].color-red-dark::-webkit-slider-thumb {
  background-color: #5E1813 !important;
}
input[type=range].color-red-dark::-moz-range-thumb {
  background-color: #5E1813 !important;
}
input[type=range].color-red-dark::-ms-thumb {
  background-color: #5E1813 !important;
}

.text-orange {
  color: #FEA606 !important;
}

.background-orange {
  background-color: #FEA606 !important;
}

.color-orange {
  color: #FFFFFF;
  background-color: #FEA606;
}

.outline-orange {
  color: #FEA606;
  background-color: #FFFFFF;
  border: 1px solid #FEA606;
}

button.color-orange {
  color: #FFFFFF;
  background-color: #FEA606;
}
button.color-orange:hover {
  background-color: rgb(254.204, 184.156, 56.796);
  cursor: pointer;
}

button.outline-orange {
  color: #FEA606;
  background-color: #FFFFFF;
  border: 1px solid #FEA606;
}
button.outline-orange:hover {
  color: #FFFFFF;
  background-color: #FEA606;
  cursor: pointer;
}

input[type=range].color-orange::-webkit-slider-thumb {
  background-color: #FEA606 !important;
}
input[type=range].color-orange::-moz-range-thumb {
  background-color: #FEA606 !important;
}
input[type=range].color-orange::-ms-thumb {
  background-color: #FEA606 !important;
}

.text-orange-light {
  color: #F1BD78 !important;
}

.background-orange-light {
  background-color: #F1BD78 !important;
}

.color-orange-light {
  color: #FFFFFF;
  background-color: #F1BD78;
}

.outline-orange-light {
  color: #F1BD78;
  background-color: #FFFFFF;
  border: 1px solid #F1BD78;
}

button.color-orange-light {
  color: #FFFFFF;
  background-color: #F1BD78;
}
button.color-orange-light:hover {
  background-color: rgb(245.7919463087, 211.5906040268, 166.2080536913);
  cursor: pointer;
}

button.outline-orange-light {
  color: #F1BD78;
  background-color: #FFFFFF;
  border: 1px solid #F1BD78;
}
button.outline-orange-light:hover {
  color: #FFFFFF;
  background-color: #F1BD78;
  cursor: pointer;
}

input[type=range].color-orange-light::-webkit-slider-thumb {
  background-color: #F1BD78 !important;
}
input[type=range].color-orange-light::-moz-range-thumb {
  background-color: #F1BD78 !important;
}
input[type=range].color-orange-light::-ms-thumb {
  background-color: #F1BD78 !important;
}

.text-orange-dark {
  color: #E45B00 !important;
}

.background-orange-dark {
  background-color: #E45B00 !important;
}

.color-orange-dark {
  color: #FFFFFF;
  background-color: #E45B00;
}

.outline-orange-dark {
  color: #E45B00;
  background-color: #FFFFFF;
  border: 1px solid #E45B00;
}

button.color-orange-dark {
  color: #FFFFFF;
  background-color: #E45B00;
}
button.color-orange-dark:hover {
  background-color: rgb(255, 116.1973684211, 24);
  cursor: pointer;
}

button.outline-orange-dark {
  color: #E45B00;
  background-color: #FFFFFF;
  border: 1px solid #E45B00;
}
button.outline-orange-dark:hover {
  color: #FFFFFF;
  background-color: #E45B00;
  cursor: pointer;
}

input[type=range].color-orange-dark::-webkit-slider-thumb {
  background-color: #E45B00 !important;
}
input[type=range].color-orange-dark::-moz-range-thumb {
  background-color: #E45B00 !important;
}
input[type=range].color-orange-dark::-ms-thumb {
  background-color: #E45B00 !important;
}

.text-yellow {
  color: #E2C446 !important;
}

.background-yellow {
  background-color: #E2C446 !important;
}

.color-yellow {
  color: #FFFFFF;
  background-color: #E2C446;
}

.outline-yellow {
  color: #E2C446;
  background-color: #FFFFFF;
  border: 1px solid #E2C446;
}

button.color-yellow {
  color: #FFFFFF;
  background-color: #E2C446;
}
button.color-yellow:hover {
  background-color: rgb(232.9112149533, 210.0607476636, 114.0887850467);
  cursor: pointer;
}

button.outline-yellow {
  color: #E2C446;
  background-color: #FFFFFF;
  border: 1px solid #E2C446;
}
button.outline-yellow:hover {
  color: #FFFFFF;
  background-color: #E2C446;
  cursor: pointer;
}

input[type=range].color-yellow::-webkit-slider-thumb {
  background-color: #E2C446 !important;
}
input[type=range].color-yellow::-moz-range-thumb {
  background-color: #E2C446 !important;
}
input[type=range].color-yellow::-ms-thumb {
  background-color: #E2C446 !important;
}

.text-yellow-light {
  color: #FEF487 !important;
}

.background-yellow-light {
  background-color: #FEF487 !important;
}

.color-yellow-light {
  color: #FFFFFF;
  background-color: #FEF487;
}

.outline-yellow-light {
  color: #FEF487;
  background-color: #FFFFFF;
  border: 1px solid #FEF487;
}

button.color-yellow-light {
  color: #FFFFFF;
  background-color: #FEF487;
}
button.color-yellow-light:hover {
  background-color: rgb(254.4214876033, 248.6363636364, 185.5785123967);
  cursor: pointer;
}

button.outline-yellow-light {
  color: #FEF487;
  background-color: #FFFFFF;
  border: 1px solid #FEF487;
}
button.outline-yellow-light:hover {
  color: #FFFFFF;
  background-color: #FEF487;
  cursor: pointer;
}

input[type=range].color-yellow-light::-webkit-slider-thumb {
  background-color: #FEF487 !important;
}
input[type=range].color-yellow-light::-moz-range-thumb {
  background-color: #FEF487 !important;
}
input[type=range].color-yellow-light::-ms-thumb {
  background-color: #FEF487 !important;
}

.text-yellow-dark {
  color: #E4B200 !important;
}

.background-yellow-dark {
  background-color: #E4B200 !important;
}

.color-yellow-dark {
  color: #FFFFFF;
  background-color: #E4B200;
}

.outline-yellow-dark {
  color: #E4B200;
  background-color: #FFFFFF;
  border: 1px solid #E4B200;
}

button.color-yellow-dark {
  color: #FFFFFF;
  background-color: #E4B200;
}
button.color-yellow-dark:hover {
  background-color: rgb(255, 204.3421052632, 24);
  cursor: pointer;
}

button.outline-yellow-dark {
  color: #E4B200;
  background-color: #FFFFFF;
  border: 1px solid #E4B200;
}
button.outline-yellow-dark:hover {
  color: #FFFFFF;
  background-color: #E4B200;
  cursor: pointer;
}

input[type=range].color-yellow-dark::-webkit-slider-thumb {
  background-color: #E4B200 !important;
}
input[type=range].color-yellow-dark::-moz-range-thumb {
  background-color: #E4B200 !important;
}
input[type=range].color-yellow-dark::-ms-thumb {
  background-color: #E4B200 !important;
}

.text-green {
  color: #9CBB18 !important;
}

.background-green {
  background-color: #9CBB18 !important;
}

.color-green {
  color: #FFFFFF;
  background-color: #9CBB18;
}

.outline-green {
  color: #9CBB18;
  background-color: #FFFFFF;
  border: 1px solid #9CBB18;
}

button.color-green {
  color: #FFFFFF;
  background-color: #9CBB18;
}
button.color-green:hover {
  background-color: rgb(190.355450237, 226.7914691943, 35.2085308057);
  cursor: pointer;
}

button.outline-green {
  color: #9CBB18;
  background-color: #FFFFFF;
  border: 1px solid #9CBB18;
}
button.outline-green:hover {
  color: #FFFFFF;
  background-color: #9CBB18;
  cursor: pointer;
}

input[type=range].color-green::-webkit-slider-thumb {
  background-color: #9CBB18 !important;
}
input[type=range].color-green::-moz-range-thumb {
  background-color: #9CBB18 !important;
}
input[type=range].color-green::-ms-thumb {
  background-color: #9CBB18 !important;
}

.text-green-light {
  color: #A5DE5F !important;
}

.background-green-light {
  background-color: #A5DE5F !important;
}

.color-green-light {
  color: #FFFFFF;
  background-color: #A5DE5F;
}

.outline-green-light {
  color: #A5DE5F;
  background-color: #FFFFFF;
  border: 1px solid #A5DE5F;
}

button.color-green-light {
  color: #FFFFFF;
  background-color: #A5DE5F;
}
button.color-green-light:hover {
  background-color: rgb(188.7823834197, 230.7202072539, 137.2797927461);
  cursor: pointer;
}

button.outline-green-light {
  color: #A5DE5F;
  background-color: #FFFFFF;
  border: 1px solid #A5DE5F;
}
button.outline-green-light:hover {
  color: #FFFFFF;
  background-color: #A5DE5F;
  cursor: pointer;
}

input[type=range].color-green-light::-webkit-slider-thumb {
  background-color: #A5DE5F !important;
}
input[type=range].color-green-light::-moz-range-thumb {
  background-color: #A5DE5F !important;
}
input[type=range].color-green-light::-ms-thumb {
  background-color: #A5DE5F !important;
}

.text-green-dark {
  color: #3C6530 !important;
}

.background-green-dark {
  background-color: #3C6530 !important;
}

.color-green-dark {
  color: #FFFFFF;
  background-color: #3C6530;
}

.outline-green-dark {
  color: #3C6530;
  background-color: #FFFFFF;
  border: 1px solid #3C6530;
}

button.color-green-dark {
  color: #FFFFFF;
  background-color: #3C6530;
}
button.color-green-dark:hover {
  background-color: rgb(80.5369127517, 135.5704697987, 64.4295302013);
  cursor: pointer;
}

button.outline-green-dark {
  color: #3C6530;
  background-color: #FFFFFF;
  border: 1px solid #3C6530;
}
button.outline-green-dark:hover {
  color: #FFFFFF;
  background-color: #3C6530;
  cursor: pointer;
}

input[type=range].color-green-dark::-webkit-slider-thumb {
  background-color: #3C6530 !important;
}
input[type=range].color-green-dark::-moz-range-thumb {
  background-color: #3C6530 !important;
}
input[type=range].color-green-dark::-ms-thumb {
  background-color: #3C6530 !important;
}

.text-blue {
  color: #4E80AB !important;
}

.background-blue {
  background-color: #4E80AB !important;
}

.color-blue {
  color: #FFFFFF;
  background-color: #4E80AB;
}

.outline-blue {
  color: #4E80AB;
  background-color: #FFFFFF;
  border: 1px solid #4E80AB;
}

button.color-blue {
  color: #FFFFFF;
  background-color: #4E80AB;
}
button.color-blue:hover {
  background-color: rgb(110.7831325301, 152.9518072289, 189.2168674699);
  cursor: pointer;
}

button.outline-blue {
  color: #4E80AB;
  background-color: #FFFFFF;
  border: 1px solid #4E80AB;
}
button.outline-blue:hover {
  color: #FFFFFF;
  background-color: #4E80AB;
  cursor: pointer;
}

input[type=range].color-blue::-webkit-slider-thumb {
  background-color: #4E80AB !important;
}
input[type=range].color-blue::-moz-range-thumb {
  background-color: #4E80AB !important;
}
input[type=range].color-blue::-ms-thumb {
  background-color: #4E80AB !important;
}

.text-blue-light {
  color: #74CEF7 !important;
}

.background-blue-light {
  background-color: #74CEF7 !important;
}

.color-blue-light {
  color: #FFFFFF;
  background-color: #74CEF7;
}

.outline-blue-light {
  color: #74CEF7;
  background-color: #FFFFFF;
  border: 1px solid #74CEF7;
}

button.color-blue-light {
  color: #FFFFFF;
  background-color: #74CEF7;
}
button.color-blue-light:hover {
  background-color: rgb(164.2244897959, 223, 249.7755102041);
  cursor: pointer;
}

button.outline-blue-light {
  color: #74CEF7;
  background-color: #FFFFFF;
  border: 1px solid #74CEF7;
}
button.outline-blue-light:hover {
  color: #FFFFFF;
  background-color: #74CEF7;
  cursor: pointer;
}

input[type=range].color-blue-light::-webkit-slider-thumb {
  background-color: #74CEF7 !important;
}
input[type=range].color-blue-light::-moz-range-thumb {
  background-color: #74CEF7 !important;
}
input[type=range].color-blue-light::-ms-thumb {
  background-color: #74CEF7 !important;
}

.text-blue-dark {
  color: #174F6F !important;
}

.background-blue-dark {
  background-color: #174F6F !important;
}

.color-blue-dark {
  color: #FFFFFF;
  background-color: #174F6F;
}

.outline-blue-dark {
  color: #174F6F;
  background-color: #FFFFFF;
  border: 1px solid #174F6F;
}

button.color-blue-dark {
  color: #FFFFFF;
  background-color: #174F6F;
}
button.color-blue-dark:hover {
  background-color: rgb(31.7537313433, 109.0671641791, 153.2462686567);
  cursor: pointer;
}

button.outline-blue-dark {
  color: #174F6F;
  background-color: #FFFFFF;
  border: 1px solid #174F6F;
}
button.outline-blue-dark:hover {
  color: #FFFFFF;
  background-color: #174F6F;
  cursor: pointer;
}

input[type=range].color-blue-dark::-webkit-slider-thumb {
  background-color: #174F6F !important;
}
input[type=range].color-blue-dark::-moz-range-thumb {
  background-color: #174F6F !important;
}
input[type=range].color-blue-dark::-ms-thumb {
  background-color: #174F6F !important;
}

.text-indigo {
  color: #20304f !important;
}

.background-indigo {
  background-color: #20304f !important;
}

.color-indigo {
  color: #FFFFFF;
  background-color: #20304f;
}

.outline-indigo {
  color: #20304f;
  background-color: #FFFFFF;
  border: 1px solid #20304f;
}

button.color-indigo {
  color: #FFFFFF;
  background-color: #20304f;
}
button.color-indigo:hover {
  background-color: rgb(46.7027027027, 70.0540540541, 115.2972972973);
  cursor: pointer;
}

button.outline-indigo {
  color: #20304f;
  background-color: #FFFFFF;
  border: 1px solid #20304f;
}
button.outline-indigo:hover {
  color: #FFFFFF;
  background-color: #20304f;
  cursor: pointer;
}

input[type=range].color-indigo::-webkit-slider-thumb {
  background-color: #20304f !important;
}
input[type=range].color-indigo::-moz-range-thumb {
  background-color: #20304f !important;
}
input[type=range].color-indigo::-ms-thumb {
  background-color: #20304f !important;
}

.text-indigo-light {
  color: #455b87 !important;
}

.background-indigo-light {
  background-color: #455b87 !important;
}

.color-indigo-light {
  color: #FFFFFF;
  background-color: #455b87;
}

.outline-indigo-light {
  color: #455b87;
  background-color: #FFFFFF;
  border: 1px solid #455b87;
}

button.color-indigo-light {
  color: #FFFFFF;
  background-color: #455b87;
}
button.color-indigo-light:hover {
  background-color: rgb(86.25, 113.75, 168.75);
  cursor: pointer;
}

button.outline-indigo-light {
  color: #455b87;
  background-color: #FFFFFF;
  border: 1px solid #455b87;
}
button.outline-indigo-light:hover {
  color: #FFFFFF;
  background-color: #455b87;
  cursor: pointer;
}

input[type=range].color-indigo-light::-webkit-slider-thumb {
  background-color: #455b87 !important;
}
input[type=range].color-indigo-light::-moz-range-thumb {
  background-color: #455b87 !important;
}
input[type=range].color-indigo-light::-ms-thumb {
  background-color: #455b87 !important;
}

.text-indigo-dark {
  color: #282c34 !important;
}

.background-indigo-dark {
  background-color: #282c34 !important;
}

.color-indigo-dark {
  color: #FFFFFF;
  background-color: #282c34;
}

.outline-indigo-dark {
  color: #282c34;
  background-color: #FFFFFF;
  border: 1px solid #282c34;
}

button.color-indigo-dark {
  color: #FFFFFF;
  background-color: #282c34;
}
button.color-indigo-dark:hover {
  background-color: rgb(62.1739130435, 68.3913043478, 80.8260869565);
  cursor: pointer;
}

button.outline-indigo-dark {
  color: #282c34;
  background-color: #FFFFFF;
  border: 1px solid #282c34;
}
button.outline-indigo-dark:hover {
  color: #FFFFFF;
  background-color: #282c34;
  cursor: pointer;
}

input[type=range].color-indigo-dark::-webkit-slider-thumb {
  background-color: #282c34 !important;
}
input[type=range].color-indigo-dark::-moz-range-thumb {
  background-color: #282c34 !important;
}
input[type=range].color-indigo-dark::-ms-thumb {
  background-color: #282c34 !important;
}

.text-purple {
  color: #784978 !important;
}

.background-purple {
  background-color: #784978 !important;
}

.color-purple {
  color: #FFFFFF;
  background-color: #784978;
}

.outline-purple {
  color: #784978;
  background-color: #FFFFFF;
  border: 1px solid #784978;
}

button.color-purple {
  color: #FFFFFF;
  background-color: #784978;
}
button.color-purple:hover {
  background-color: rgb(151.7098445596, 92.2901554404, 151.7098445596);
  cursor: pointer;
}

button.outline-purple {
  color: #784978;
  background-color: #FFFFFF;
  border: 1px solid #784978;
}
button.outline-purple:hover {
  color: #FFFFFF;
  background-color: #784978;
  cursor: pointer;
}

input[type=range].color-purple::-webkit-slider-thumb {
  background-color: #784978 !important;
}
input[type=range].color-purple::-moz-range-thumb {
  background-color: #784978 !important;
}
input[type=range].color-purple::-ms-thumb {
  background-color: #784978 !important;
}

.text-purple-light {
  color: #AF8FE9 !important;
}

.background-purple-light {
  background-color: #AF8FE9 !important;
}

.color-purple-light {
  color: #FFFFFF;
  background-color: #AF8FE9;
}

.outline-purple-light {
  color: #AF8FE9;
  background-color: #FFFFFF;
  border: 1px solid #AF8FE9;
}

button.color-purple-light {
  color: #FFFFFF;
  background-color: #AF8FE9;
}
button.color-purple-light:hover {
  background-color: rgb(205.447761194, 185.6268656716, 241.3731343284);
  cursor: pointer;
}

button.outline-purple-light {
  color: #AF8FE9;
  background-color: #FFFFFF;
  border: 1px solid #AF8FE9;
}
button.outline-purple-light:hover {
  color: #FFFFFF;
  background-color: #AF8FE9;
  cursor: pointer;
}

input[type=range].color-purple-light::-webkit-slider-thumb {
  background-color: #AF8FE9 !important;
}
input[type=range].color-purple-light::-moz-range-thumb {
  background-color: #AF8FE9 !important;
}
input[type=range].color-purple-light::-ms-thumb {
  background-color: #AF8FE9 !important;
}

.text-purple-dark {
  color: #461561 !important;
}

.background-purple-dark {
  background-color: #461561 !important;
}

.color-purple-dark {
  color: #FFFFFF;
  background-color: #461561;
}

.outline-purple-dark {
  color: #461561;
  background-color: #FFFFFF;
  border: 1px solid #461561;
}

button.color-purple-dark {
  color: #FFFFFF;
  background-color: #461561;
}
button.color-purple-dark:hover {
  background-color: rgb(100.2542372881, 30.0762711864, 138.9237288136);
  cursor: pointer;
}

button.outline-purple-dark {
  color: #461561;
  background-color: #FFFFFF;
  border: 1px solid #461561;
}
button.outline-purple-dark:hover {
  color: #FFFFFF;
  background-color: #461561;
  cursor: pointer;
}

input[type=range].color-purple-dark::-webkit-slider-thumb {
  background-color: #461561 !important;
}
input[type=range].color-purple-dark::-moz-range-thumb {
  background-color: #461561 !important;
}
input[type=range].color-purple-dark::-ms-thumb {
  background-color: #461561 !important;
}

.text-pink {
  color: #D56094 !important;
}

.background-pink {
  background-color: #D56094 !important;
}

.color-pink {
  color: #FFFFFF;
  background-color: #D56094;
}

.outline-pink {
  color: #D56094;
  background-color: #FFFFFF;
  border: 1px solid #D56094;
}

button.color-pink {
  color: #FFFFFF;
  background-color: #D56094;
}
button.color-pink:hover {
  background-color: rgb(223.6567164179, 136.3432835821, 175.1492537313);
  cursor: pointer;
}

button.outline-pink {
  color: #D56094;
  background-color: #FFFFFF;
  border: 1px solid #D56094;
}
button.outline-pink:hover {
  color: #FFFFFF;
  background-color: #D56094;
  cursor: pointer;
}

input[type=range].color-pink::-webkit-slider-thumb {
  background-color: #D56094 !important;
}
input[type=range].color-pink::-moz-range-thumb {
  background-color: #D56094 !important;
}
input[type=range].color-pink::-ms-thumb {
  background-color: #D56094 !important;
}

.text-pink-light {
  color: #F795BE !important;
}

.background-pink-light {
  background-color: #F795BE !important;
}

.color-pink-light {
  color: #FFFFFF;
  background-color: #F795BE;
}

.outline-pink-light {
  color: #F795BE;
  background-color: #FFFFFF;
  border: 1px solid #F795BE;
}

button.color-pink-light {
  color: #FFFFFF;
  background-color: #F795BE;
}
button.color-pink-light:hover {
  background-color: rgb(250.5789473684, 196.4210526316, 219.0789473684);
  cursor: pointer;
}

button.outline-pink-light {
  color: #F795BE;
  background-color: #FFFFFF;
  border: 1px solid #F795BE;
}
button.outline-pink-light:hover {
  color: #FFFFFF;
  background-color: #F795BE;
  cursor: pointer;
}

input[type=range].color-pink-light::-webkit-slider-thumb {
  background-color: #F795BE !important;
}
input[type=range].color-pink-light::-moz-range-thumb {
  background-color: #F795BE !important;
}
input[type=range].color-pink-light::-ms-thumb {
  background-color: #F795BE !important;
}

.text-pink-dark {
  color: #9a3d80 !important;
}

.background-pink-dark {
  background-color: #9a3d80 !important;
}

.color-pink-dark {
  color: #FFFFFF;
  background-color: #9a3d80;
}

.outline-pink-dark {
  color: #9a3d80;
  background-color: #FFFFFF;
  border: 1px solid #9a3d80;
}

button.color-pink-dark {
  color: #FFFFFF;
  background-color: #9a3d80;
}
button.color-pink-dark:hover {
  background-color: rgb(185.7720930233, 80.2279069767, 156.2651162791);
  cursor: pointer;
}

button.outline-pink-dark {
  color: #9a3d80;
  background-color: #FFFFFF;
  border: 1px solid #9a3d80;
}
button.outline-pink-dark:hover {
  color: #FFFFFF;
  background-color: #9a3d80;
  cursor: pointer;
}

input[type=range].color-pink-dark::-webkit-slider-thumb {
  background-color: #9a3d80 !important;
}
input[type=range].color-pink-dark::-moz-range-thumb {
  background-color: #9a3d80 !important;
}
input[type=range].color-pink-dark::-ms-thumb {
  background-color: #9a3d80 !important;
}

.background-transparent {
  background-color: transparent;
}

button.color-transparent {
  border: 0;
  background-color: transparent;
}
button.color-transparent:hover {
  cursor: pointer;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

.display-inline-flex {
  display: inline-flex;
}

.display-flex {
  display: flex;
}

.display-none {
  display: none;
}

.display-hidden {
  visibility: hidden;
}

.position-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.position-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.overflow-y {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.row {
  display: flex;
  box-sizing: border-box;
}

.row-start {
  display: flex;
  justify-content: start;
  box-sizing: border-box;
}

.row-center {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.row-around {
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
}

.row-between {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.row-end {
  display: flex;
  justify-content: end;
  box-sizing: border-box;
}

.group-row {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.group-start {
  display: flex;
  flex-direction: column;
  justify-content: start;
  box-sizing: border-box;
}

.group-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.group-end {
  display: flex;
  flex-direction: column;
  justify-content: end;
  box-sizing: border-box;
}

.align-start {
  align-items: start;
}

.align-flex-start {
  align-items: flex-start;
}

.align-end {
  align-items: end;
}

.align-flex-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.column-1 {
  width: 8.3333333333% !important;
  box-sizing: border-box;
}

.column-2 {
  width: 16.6666666667% !important;
  box-sizing: border-box;
}

.column-3 {
  width: 25% !important;
  box-sizing: border-box;
}

.column-4 {
  width: 33.3333333333% !important;
  box-sizing: border-box;
}

.column-5 {
  width: 41.6666666667% !important;
  box-sizing: border-box;
}

.column-6 {
  width: 50% !important;
  box-sizing: border-box;
}

.column-7 {
  width: 58.3333333333% !important;
  box-sizing: border-box;
}

.column-8 {
  width: 66.6666666667% !important;
  box-sizing: border-box;
}

.column-9 {
  width: 75% !important;
  box-sizing: border-box;
}

.column-10 {
  width: 83.3333333333% !important;
  box-sizing: border-box;
}

.column-11 {
  width: 91.6666666667% !important;
  box-sizing: border-box;
}

.column-12 {
  width: 100% !important;
  box-sizing: border-box;
}

.flex-0 {
  flex: 0 0 0%;
}

.gap-0 {
  gap: 0px;
}

.flex-1 {
  flex: 0 0 1%;
}

.gap-1 {
  gap: 1px;
}

.flex-2 {
  flex: 0 0 2%;
}

.gap-2 {
  gap: 2px;
}

.flex-3 {
  flex: 0 0 3%;
}

.gap-3 {
  gap: 3px;
}

.flex-4 {
  flex: 0 0 4%;
}

.gap-4 {
  gap: 4px;
}

.flex-5 {
  flex: 0 0 5%;
}

.gap-5 {
  gap: 5px;
}

.flex-6 {
  flex: 0 0 6%;
}

.gap-6 {
  gap: 6px;
}

.flex-7 {
  flex: 0 0 7%;
}

.gap-7 {
  gap: 7px;
}

.flex-8 {
  flex: 0 0 8%;
}

.gap-8 {
  gap: 8px;
}

.flex-9 {
  flex: 0 0 9%;
}

.gap-9 {
  gap: 9px;
}

.flex-10 {
  flex: 0 0 10%;
}

.gap-10 {
  gap: 10px;
}

.flex-11 {
  flex: 0 0 11%;
}

.gap-11 {
  gap: 11px;
}

.flex-12 {
  flex: 0 0 12%;
}

.gap-12 {
  gap: 12px;
}

.flex-13 {
  flex: 0 0 13%;
}

.gap-13 {
  gap: 13px;
}

.flex-14 {
  flex: 0 0 14%;
}

.gap-14 {
  gap: 14px;
}

.flex-15 {
  flex: 0 0 15%;
}

.gap-15 {
  gap: 15px;
}

.flex-16 {
  flex: 0 0 16%;
}

.gap-16 {
  gap: 16px;
}

.flex-17 {
  flex: 0 0 17%;
}

.gap-17 {
  gap: 17px;
}

.flex-18 {
  flex: 0 0 18%;
}

.gap-18 {
  gap: 18px;
}

.flex-19 {
  flex: 0 0 19%;
}

.gap-19 {
  gap: 19px;
}

.flex-20 {
  flex: 0 0 20%;
}

.gap-20 {
  gap: 20px;
}

.flex-21 {
  flex: 0 0 21%;
}

.gap-21 {
  gap: 21px;
}

.flex-22 {
  flex: 0 0 22%;
}

.gap-22 {
  gap: 22px;
}

.flex-23 {
  flex: 0 0 23%;
}

.gap-23 {
  gap: 23px;
}

.flex-24 {
  flex: 0 0 24%;
}

.gap-24 {
  gap: 24px;
}

.flex-25 {
  flex: 0 0 25%;
}

.gap-25 {
  gap: 25px;
}

.flex-26 {
  flex: 0 0 26%;
}

.gap-26 {
  gap: 26px;
}

.flex-27 {
  flex: 0 0 27%;
}

.gap-27 {
  gap: 27px;
}

.flex-28 {
  flex: 0 0 28%;
}

.gap-28 {
  gap: 28px;
}

.flex-29 {
  flex: 0 0 29%;
}

.gap-29 {
  gap: 29px;
}

.flex-30 {
  flex: 0 0 30%;
}

.gap-30 {
  gap: 30px;
}

.flex-31 {
  flex: 0 0 31%;
}

.gap-31 {
  gap: 31px;
}

.flex-32 {
  flex: 0 0 32%;
}

.gap-32 {
  gap: 32px;
}

.flex-33 {
  flex: 0 0 33%;
}

.gap-33 {
  gap: 33px;
}

.flex-34 {
  flex: 0 0 34%;
}

.gap-34 {
  gap: 34px;
}

.flex-35 {
  flex: 0 0 35%;
}

.gap-35 {
  gap: 35px;
}

.flex-36 {
  flex: 0 0 36%;
}

.gap-36 {
  gap: 36px;
}

.flex-37 {
  flex: 0 0 37%;
}

.gap-37 {
  gap: 37px;
}

.flex-38 {
  flex: 0 0 38%;
}

.gap-38 {
  gap: 38px;
}

.flex-39 {
  flex: 0 0 39%;
}

.gap-39 {
  gap: 39px;
}

.flex-40 {
  flex: 0 0 40%;
}

.gap-40 {
  gap: 40px;
}

.flex-41 {
  flex: 0 0 41%;
}

.gap-41 {
  gap: 41px;
}

.flex-42 {
  flex: 0 0 42%;
}

.gap-42 {
  gap: 42px;
}

.flex-43 {
  flex: 0 0 43%;
}

.gap-43 {
  gap: 43px;
}

.flex-44 {
  flex: 0 0 44%;
}

.gap-44 {
  gap: 44px;
}

.flex-45 {
  flex: 0 0 45%;
}

.gap-45 {
  gap: 45px;
}

.flex-46 {
  flex: 0 0 46%;
}

.gap-46 {
  gap: 46px;
}

.flex-47 {
  flex: 0 0 47%;
}

.gap-47 {
  gap: 47px;
}

.flex-48 {
  flex: 0 0 48%;
}

.gap-48 {
  gap: 48px;
}

.flex-49 {
  flex: 0 0 49%;
}

.gap-49 {
  gap: 49px;
}

.flex-50 {
  flex: 0 0 50%;
}

.gap-50 {
  gap: 50px;
}

.flex-51 {
  flex: 0 0 51%;
}

.gap-51 {
  gap: 51px;
}

.flex-52 {
  flex: 0 0 52%;
}

.gap-52 {
  gap: 52px;
}

.flex-53 {
  flex: 0 0 53%;
}

.gap-53 {
  gap: 53px;
}

.flex-54 {
  flex: 0 0 54%;
}

.gap-54 {
  gap: 54px;
}

.flex-55 {
  flex: 0 0 55%;
}

.gap-55 {
  gap: 55px;
}

.flex-56 {
  flex: 0 0 56%;
}

.gap-56 {
  gap: 56px;
}

.flex-57 {
  flex: 0 0 57%;
}

.gap-57 {
  gap: 57px;
}

.flex-58 {
  flex: 0 0 58%;
}

.gap-58 {
  gap: 58px;
}

.flex-59 {
  flex: 0 0 59%;
}

.gap-59 {
  gap: 59px;
}

.flex-60 {
  flex: 0 0 60%;
}

.gap-60 {
  gap: 60px;
}

.flex-61 {
  flex: 0 0 61%;
}

.gap-61 {
  gap: 61px;
}

.flex-62 {
  flex: 0 0 62%;
}

.gap-62 {
  gap: 62px;
}

.flex-63 {
  flex: 0 0 63%;
}

.gap-63 {
  gap: 63px;
}

.flex-64 {
  flex: 0 0 64%;
}

.gap-64 {
  gap: 64px;
}

.flex-65 {
  flex: 0 0 65%;
}

.gap-65 {
  gap: 65px;
}

.flex-66 {
  flex: 0 0 66%;
}

.gap-66 {
  gap: 66px;
}

.flex-67 {
  flex: 0 0 67%;
}

.gap-67 {
  gap: 67px;
}

.flex-68 {
  flex: 0 0 68%;
}

.gap-68 {
  gap: 68px;
}

.flex-69 {
  flex: 0 0 69%;
}

.gap-69 {
  gap: 69px;
}

.flex-70 {
  flex: 0 0 70%;
}

.gap-70 {
  gap: 70px;
}

.flex-71 {
  flex: 0 0 71%;
}

.gap-71 {
  gap: 71px;
}

.flex-72 {
  flex: 0 0 72%;
}

.gap-72 {
  gap: 72px;
}

.flex-73 {
  flex: 0 0 73%;
}

.gap-73 {
  gap: 73px;
}

.flex-74 {
  flex: 0 0 74%;
}

.gap-74 {
  gap: 74px;
}

.flex-75 {
  flex: 0 0 75%;
}

.gap-75 {
  gap: 75px;
}

.flex-76 {
  flex: 0 0 76%;
}

.gap-76 {
  gap: 76px;
}

.flex-77 {
  flex: 0 0 77%;
}

.gap-77 {
  gap: 77px;
}

.flex-78 {
  flex: 0 0 78%;
}

.gap-78 {
  gap: 78px;
}

.flex-79 {
  flex: 0 0 79%;
}

.gap-79 {
  gap: 79px;
}

.flex-80 {
  flex: 0 0 80%;
}

.gap-80 {
  gap: 80px;
}

.flex-81 {
  flex: 0 0 81%;
}

.gap-81 {
  gap: 81px;
}

.flex-82 {
  flex: 0 0 82%;
}

.gap-82 {
  gap: 82px;
}

.flex-83 {
  flex: 0 0 83%;
}

.gap-83 {
  gap: 83px;
}

.flex-84 {
  flex: 0 0 84%;
}

.gap-84 {
  gap: 84px;
}

.flex-85 {
  flex: 0 0 85%;
}

.gap-85 {
  gap: 85px;
}

.flex-86 {
  flex: 0 0 86%;
}

.gap-86 {
  gap: 86px;
}

.flex-87 {
  flex: 0 0 87%;
}

.gap-87 {
  gap: 87px;
}

.flex-88 {
  flex: 0 0 88%;
}

.gap-88 {
  gap: 88px;
}

.flex-89 {
  flex: 0 0 89%;
}

.gap-89 {
  gap: 89px;
}

.flex-90 {
  flex: 0 0 90%;
}

.gap-90 {
  gap: 90px;
}

.flex-91 {
  flex: 0 0 91%;
}

.gap-91 {
  gap: 91px;
}

.flex-92 {
  flex: 0 0 92%;
}

.gap-92 {
  gap: 92px;
}

.flex-93 {
  flex: 0 0 93%;
}

.gap-93 {
  gap: 93px;
}

.flex-94 {
  flex: 0 0 94%;
}

.gap-94 {
  gap: 94px;
}

.flex-95 {
  flex: 0 0 95%;
}

.gap-95 {
  gap: 95px;
}

.flex-96 {
  flex: 0 0 96%;
}

.gap-96 {
  gap: 96px;
}

.flex-97 {
  flex: 0 0 97%;
}

.gap-97 {
  gap: 97px;
}

.flex-98 {
  flex: 0 0 98%;
}

.gap-98 {
  gap: 98px;
}

.flex-99 {
  flex: 0 0 99%;
}

.gap-99 {
  gap: 99px;
}

.flex-100 {
  flex: 0 0 100%;
}

.gap-100 {
  gap: 100px;
}

a {
  text-decoration: none;
  color: inherit;
}
a:visited {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
  color: inherit;
}
a:active {
  text-decoration: none;
  color: inherit;
}

.margin-top-auto {
  margin-top: auto !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-bottom-auto {
  margin-bottom: auto !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-0 {
  margin: 0rem !important;
}

.margin-top-0 {
  margin-top: 0rem !important;
}

.margin-left-0 {
  margin-left: 0rem !important;
}

.margin-bottom-0 {
  margin-bottom: 0rem !important;
}

.margin-right-0 {
  margin-right: 0rem !important;
}

.margin-left-right-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.margin-top-bottom-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.margin-1 {
  margin: 0.1666666667rem !important;
}

.margin-top-1 {
  margin-top: 0.1666666667rem !important;
}

.margin-left-1 {
  margin-left: 0.1666666667rem !important;
}

.margin-bottom-1 {
  margin-bottom: 0.1666666667rem !important;
}

.margin-right-1 {
  margin-right: 0.1666666667rem !important;
}

.margin-left-right-1 {
  margin-left: 0.1666666667rem !important;
  margin-right: 0.1666666667rem !important;
}

.margin-top-bottom-1 {
  margin-top: 0.1666666667rem !important;
  margin-bottom: 0.1666666667rem !important;
}

.margin-2 {
  margin: 0.3333333333rem !important;
}

.margin-top-2 {
  margin-top: 0.3333333333rem !important;
}

.margin-left-2 {
  margin-left: 0.3333333333rem !important;
}

.margin-bottom-2 {
  margin-bottom: 0.3333333333rem !important;
}

.margin-right-2 {
  margin-right: 0.3333333333rem !important;
}

.margin-left-right-2 {
  margin-left: 0.3333333333rem !important;
  margin-right: 0.3333333333rem !important;
}

.margin-top-bottom-2 {
  margin-top: 0.3333333333rem !important;
  margin-bottom: 0.3333333333rem !important;
}

.margin-3 {
  margin: 0.5rem !important;
}

.margin-top-3 {
  margin-top: 0.5rem !important;
}

.margin-left-3 {
  margin-left: 0.5rem !important;
}

.margin-bottom-3 {
  margin-bottom: 0.5rem !important;
}

.margin-right-3 {
  margin-right: 0.5rem !important;
}

.margin-left-right-3 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.margin-top-bottom-3 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.margin-4 {
  margin: 0.6666666667rem !important;
}

.margin-top-4 {
  margin-top: 0.6666666667rem !important;
}

.margin-left-4 {
  margin-left: 0.6666666667rem !important;
}

.margin-bottom-4 {
  margin-bottom: 0.6666666667rem !important;
}

.margin-right-4 {
  margin-right: 0.6666666667rem !important;
}

.margin-left-right-4 {
  margin-left: 0.6666666667rem !important;
  margin-right: 0.6666666667rem !important;
}

.margin-top-bottom-4 {
  margin-top: 0.6666666667rem !important;
  margin-bottom: 0.6666666667rem !important;
}

.margin-5 {
  margin: 0.8333333333rem !important;
}

.margin-top-5 {
  margin-top: 0.8333333333rem !important;
}

.margin-left-5 {
  margin-left: 0.8333333333rem !important;
}

.margin-bottom-5 {
  margin-bottom: 0.8333333333rem !important;
}

.margin-right-5 {
  margin-right: 0.8333333333rem !important;
}

.margin-left-right-5 {
  margin-left: 0.8333333333rem !important;
  margin-right: 0.8333333333rem !important;
}

.margin-top-bottom-5 {
  margin-top: 0.8333333333rem !important;
  margin-bottom: 0.8333333333rem !important;
}

.margin-6 {
  margin: 1rem !important;
}

.margin-top-6 {
  margin-top: 1rem !important;
}

.margin-left-6 {
  margin-left: 1rem !important;
}

.margin-bottom-6 {
  margin-bottom: 1rem !important;
}

.margin-right-6 {
  margin-right: 1rem !important;
}

.margin-left-right-6 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.margin-top-bottom-6 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.margin-7 {
  margin: 1.1666666667rem !important;
}

.margin-top-7 {
  margin-top: 1.1666666667rem !important;
}

.margin-left-7 {
  margin-left: 1.1666666667rem !important;
}

.margin-bottom-7 {
  margin-bottom: 1.1666666667rem !important;
}

.margin-right-7 {
  margin-right: 1.1666666667rem !important;
}

.margin-left-right-7 {
  margin-left: 1.1666666667rem !important;
  margin-right: 1.1666666667rem !important;
}

.margin-top-bottom-7 {
  margin-top: 1.1666666667rem !important;
  margin-bottom: 1.1666666667rem !important;
}

.margin-8 {
  margin: 1.3333333333rem !important;
}

.margin-top-8 {
  margin-top: 1.3333333333rem !important;
}

.margin-left-8 {
  margin-left: 1.3333333333rem !important;
}

.margin-bottom-8 {
  margin-bottom: 1.3333333333rem !important;
}

.margin-right-8 {
  margin-right: 1.3333333333rem !important;
}

.margin-left-right-8 {
  margin-left: 1.3333333333rem !important;
  margin-right: 1.3333333333rem !important;
}

.margin-top-bottom-8 {
  margin-top: 1.3333333333rem !important;
  margin-bottom: 1.3333333333rem !important;
}

.margin-9 {
  margin: 1.5rem !important;
}

.margin-top-9 {
  margin-top: 1.5rem !important;
}

.margin-left-9 {
  margin-left: 1.5rem !important;
}

.margin-bottom-9 {
  margin-bottom: 1.5rem !important;
}

.margin-right-9 {
  margin-right: 1.5rem !important;
}

.margin-left-right-9 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.margin-top-bottom-9 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.margin-10 {
  margin: 1.6666666667rem !important;
}

.margin-top-10 {
  margin-top: 1.6666666667rem !important;
}

.margin-left-10 {
  margin-left: 1.6666666667rem !important;
}

.margin-bottom-10 {
  margin-bottom: 1.6666666667rem !important;
}

.margin-right-10 {
  margin-right: 1.6666666667rem !important;
}

.margin-left-right-10 {
  margin-left: 1.6666666667rem !important;
  margin-right: 1.6666666667rem !important;
}

.margin-top-bottom-10 {
  margin-top: 1.6666666667rem !important;
  margin-bottom: 1.6666666667rem !important;
}

.margin-11 {
  margin: 1.8333333333rem !important;
}

.margin-top-11 {
  margin-top: 1.8333333333rem !important;
}

.margin-left-11 {
  margin-left: 1.8333333333rem !important;
}

.margin-bottom-11 {
  margin-bottom: 1.8333333333rem !important;
}

.margin-right-11 {
  margin-right: 1.8333333333rem !important;
}

.margin-left-right-11 {
  margin-left: 1.8333333333rem !important;
  margin-right: 1.8333333333rem !important;
}

.margin-top-bottom-11 {
  margin-top: 1.8333333333rem !important;
  margin-bottom: 1.8333333333rem !important;
}

.margin-12 {
  margin: 2rem !important;
}

.margin-top-12 {
  margin-top: 2rem !important;
}

.margin-left-12 {
  margin-left: 2rem !important;
}

.margin-bottom-12 {
  margin-bottom: 2rem !important;
}

.margin-right-12 {
  margin-right: 2rem !important;
}

.margin-left-right-12 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.margin-top-bottom-12 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.padding-0 {
  padding: 0rem !important;
}

.padding-top-0 {
  padding-top: 0rem !important;
}

.padding-left-0 {
  padding-left: 0rem !important;
}

.padding-bottom-0 {
  padding-bottom: 0rem !important;
}

.padding-right-0 {
  padding-right: 0rem !important;
}

.padding-left-right-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.padding-top-bottom-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.padding-1 {
  padding: 0.1666666667rem !important;
}

.padding-top-1 {
  padding-top: 0.1666666667rem !important;
}

.padding-left-1 {
  padding-left: 0.1666666667rem !important;
}

.padding-bottom-1 {
  padding-bottom: 0.1666666667rem !important;
}

.padding-right-1 {
  padding-right: 0.1666666667rem !important;
}

.padding-left-right-1 {
  padding-left: 0.1666666667rem !important;
  padding-right: 0.1666666667rem !important;
}

.padding-top-bottom-1 {
  padding-top: 0.1666666667rem !important;
  padding-bottom: 0.1666666667rem !important;
}

.padding-2 {
  padding: 0.3333333333rem !important;
}

.padding-top-2 {
  padding-top: 0.3333333333rem !important;
}

.padding-left-2 {
  padding-left: 0.3333333333rem !important;
}

.padding-bottom-2 {
  padding-bottom: 0.3333333333rem !important;
}

.padding-right-2 {
  padding-right: 0.3333333333rem !important;
}

.padding-left-right-2 {
  padding-left: 0.3333333333rem !important;
  padding-right: 0.3333333333rem !important;
}

.padding-top-bottom-2 {
  padding-top: 0.3333333333rem !important;
  padding-bottom: 0.3333333333rem !important;
}

.padding-3 {
  padding: 0.5rem !important;
}

.padding-top-3 {
  padding-top: 0.5rem !important;
}

.padding-left-3 {
  padding-left: 0.5rem !important;
}

.padding-bottom-3 {
  padding-bottom: 0.5rem !important;
}

.padding-right-3 {
  padding-right: 0.5rem !important;
}

.padding-left-right-3 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.padding-top-bottom-3 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.padding-4 {
  padding: 0.6666666667rem !important;
}

.padding-top-4 {
  padding-top: 0.6666666667rem !important;
}

.padding-left-4 {
  padding-left: 0.6666666667rem !important;
}

.padding-bottom-4 {
  padding-bottom: 0.6666666667rem !important;
}

.padding-right-4 {
  padding-right: 0.6666666667rem !important;
}

.padding-left-right-4 {
  padding-left: 0.6666666667rem !important;
  padding-right: 0.6666666667rem !important;
}

.padding-top-bottom-4 {
  padding-top: 0.6666666667rem !important;
  padding-bottom: 0.6666666667rem !important;
}

.padding-5 {
  padding: 0.8333333333rem !important;
}

.padding-top-5 {
  padding-top: 0.8333333333rem !important;
}

.padding-left-5 {
  padding-left: 0.8333333333rem !important;
}

.padding-bottom-5 {
  padding-bottom: 0.8333333333rem !important;
}

.padding-right-5 {
  padding-right: 0.8333333333rem !important;
}

.padding-left-right-5 {
  padding-left: 0.8333333333rem !important;
  padding-right: 0.8333333333rem !important;
}

.padding-top-bottom-5 {
  padding-top: 0.8333333333rem !important;
  padding-bottom: 0.8333333333rem !important;
}

.padding-6 {
  padding: 1rem !important;
}

.padding-top-6 {
  padding-top: 1rem !important;
}

.padding-left-6 {
  padding-left: 1rem !important;
}

.padding-bottom-6 {
  padding-bottom: 1rem !important;
}

.padding-right-6 {
  padding-right: 1rem !important;
}

.padding-left-right-6 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.padding-top-bottom-6 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.padding-7 {
  padding: 1.1666666667rem !important;
}

.padding-top-7 {
  padding-top: 1.1666666667rem !important;
}

.padding-left-7 {
  padding-left: 1.1666666667rem !important;
}

.padding-bottom-7 {
  padding-bottom: 1.1666666667rem !important;
}

.padding-right-7 {
  padding-right: 1.1666666667rem !important;
}

.padding-left-right-7 {
  padding-left: 1.1666666667rem !important;
  padding-right: 1.1666666667rem !important;
}

.padding-top-bottom-7 {
  padding-top: 1.1666666667rem !important;
  padding-bottom: 1.1666666667rem !important;
}

.padding-8 {
  padding: 1.3333333333rem !important;
}

.padding-top-8 {
  padding-top: 1.3333333333rem !important;
}

.padding-left-8 {
  padding-left: 1.3333333333rem !important;
}

.padding-bottom-8 {
  padding-bottom: 1.3333333333rem !important;
}

.padding-right-8 {
  padding-right: 1.3333333333rem !important;
}

.padding-left-right-8 {
  padding-left: 1.3333333333rem !important;
  padding-right: 1.3333333333rem !important;
}

.padding-top-bottom-8 {
  padding-top: 1.3333333333rem !important;
  padding-bottom: 1.3333333333rem !important;
}

.padding-9 {
  padding: 1.5rem !important;
}

.padding-top-9 {
  padding-top: 1.5rem !important;
}

.padding-left-9 {
  padding-left: 1.5rem !important;
}

.padding-bottom-9 {
  padding-bottom: 1.5rem !important;
}

.padding-right-9 {
  padding-right: 1.5rem !important;
}

.padding-left-right-9 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.padding-top-bottom-9 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.padding-10 {
  padding: 1.6666666667rem !important;
}

.padding-top-10 {
  padding-top: 1.6666666667rem !important;
}

.padding-left-10 {
  padding-left: 1.6666666667rem !important;
}

.padding-bottom-10 {
  padding-bottom: 1.6666666667rem !important;
}

.padding-right-10 {
  padding-right: 1.6666666667rem !important;
}

.padding-left-right-10 {
  padding-left: 1.6666666667rem !important;
  padding-right: 1.6666666667rem !important;
}

.padding-top-bottom-10 {
  padding-top: 1.6666666667rem !important;
  padding-bottom: 1.6666666667rem !important;
}

.padding-11 {
  padding: 1.8333333333rem !important;
}

.padding-top-11 {
  padding-top: 1.8333333333rem !important;
}

.padding-left-11 {
  padding-left: 1.8333333333rem !important;
}

.padding-bottom-11 {
  padding-bottom: 1.8333333333rem !important;
}

.padding-right-11 {
  padding-right: 1.8333333333rem !important;
}

.padding-left-right-11 {
  padding-left: 1.8333333333rem !important;
  padding-right: 1.8333333333rem !important;
}

.padding-top-bottom-11 {
  padding-top: 1.8333333333rem !important;
  padding-bottom: 1.8333333333rem !important;
}

.padding-12 {
  padding: 2rem !important;
}

.padding-top-12 {
  padding-top: 2rem !important;
}

.padding-left-12 {
  padding-left: 2rem !important;
}

.padding-bottom-12 {
  padding-bottom: 2rem !important;
}

.padding-right-12 {
  padding-right: 2rem !important;
}

.padding-left-right-12 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.padding-top-bottom-12 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

group-row {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

row-start {
  display: flex;
  justify-content: start;
  align-items: center;
  box-sizing: border-box;
}

row-end {
  display: flex;
  justify-content: end;
  align-items: center;
  box-sizing: border-box;
}

row-center {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

row-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

row-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;
}

row-equal {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
row-equal > * {
  flex: 1;
}

row-column {
  display: flex;
  box-sizing: border-box;
}

column-1 {
  width: 8.3333333333%;
  box-sizing: border-box;
}

column-2 {
  width: 16.6666666667%;
  box-sizing: border-box;
}

column-3 {
  width: 25%;
  box-sizing: border-box;
}

column-4 {
  width: 33.3333333333%;
  box-sizing: border-box;
}

column-5 {
  width: 41.6666666667%;
  box-sizing: border-box;
}

column-6 {
  width: 50%;
  box-sizing: border-box;
}

column-7 {
  width: 58.3333333333%;
  box-sizing: border-box;
}

column-8 {
  width: 66.6666666667%;
  box-sizing: border-box;
}

column-9 {
  width: 75%;
  box-sizing: border-box;
}

column-10 {
  width: 83.3333333333%;
  box-sizing: border-box;
}

column-11 {
  width: 91.6666666667%;
  box-sizing: border-box;
}

column-12 {
  width: 100%;
  box-sizing: border-box;
}

.width-auto {
  width: auto !important;
}

.height-auto {
  height: auto !important;
}

.width-0 {
  width: 0% !important;
}

.width-max-0 {
  max-width: 0% !important;
}

.width-min-0 {
  min-width: 0% !important;
}

.height-0 {
  height: 0% !important;
}

.height-max-0 {
  max-height: 0% !important;
}

.height-min-0 {
  min-height: 0% !important;
}

.width-1 {
  width: 1% !important;
}

.width-max-1 {
  max-width: 1% !important;
}

.width-min-1 {
  min-width: 1% !important;
}

.height-1 {
  height: 1% !important;
}

.height-max-1 {
  max-height: 1% !important;
}

.height-min-1 {
  min-height: 1% !important;
}

.width-2 {
  width: 2% !important;
}

.width-max-2 {
  max-width: 2% !important;
}

.width-min-2 {
  min-width: 2% !important;
}

.height-2 {
  height: 2% !important;
}

.height-max-2 {
  max-height: 2% !important;
}

.height-min-2 {
  min-height: 2% !important;
}

.width-3 {
  width: 3% !important;
}

.width-max-3 {
  max-width: 3% !important;
}

.width-min-3 {
  min-width: 3% !important;
}

.height-3 {
  height: 3% !important;
}

.height-max-3 {
  max-height: 3% !important;
}

.height-min-3 {
  min-height: 3% !important;
}

.width-4 {
  width: 4% !important;
}

.width-max-4 {
  max-width: 4% !important;
}

.width-min-4 {
  min-width: 4% !important;
}

.height-4 {
  height: 4% !important;
}

.height-max-4 {
  max-height: 4% !important;
}

.height-min-4 {
  min-height: 4% !important;
}

.width-5 {
  width: 5% !important;
}

.width-max-5 {
  max-width: 5% !important;
}

.width-min-5 {
  min-width: 5% !important;
}

.height-5 {
  height: 5% !important;
}

.height-max-5 {
  max-height: 5% !important;
}

.height-min-5 {
  min-height: 5% !important;
}

.width-6 {
  width: 6% !important;
}

.width-max-6 {
  max-width: 6% !important;
}

.width-min-6 {
  min-width: 6% !important;
}

.height-6 {
  height: 6% !important;
}

.height-max-6 {
  max-height: 6% !important;
}

.height-min-6 {
  min-height: 6% !important;
}

.width-7 {
  width: 7% !important;
}

.width-max-7 {
  max-width: 7% !important;
}

.width-min-7 {
  min-width: 7% !important;
}

.height-7 {
  height: 7% !important;
}

.height-max-7 {
  max-height: 7% !important;
}

.height-min-7 {
  min-height: 7% !important;
}

.width-8 {
  width: 8% !important;
}

.width-max-8 {
  max-width: 8% !important;
}

.width-min-8 {
  min-width: 8% !important;
}

.height-8 {
  height: 8% !important;
}

.height-max-8 {
  max-height: 8% !important;
}

.height-min-8 {
  min-height: 8% !important;
}

.width-9 {
  width: 9% !important;
}

.width-max-9 {
  max-width: 9% !important;
}

.width-min-9 {
  min-width: 9% !important;
}

.height-9 {
  height: 9% !important;
}

.height-max-9 {
  max-height: 9% !important;
}

.height-min-9 {
  min-height: 9% !important;
}

.width-10 {
  width: 10% !important;
}

.width-max-10 {
  max-width: 10% !important;
}

.width-min-10 {
  min-width: 10% !important;
}

.height-10 {
  height: 10% !important;
}

.height-max-10 {
  max-height: 10% !important;
}

.height-min-10 {
  min-height: 10% !important;
}

.width-11 {
  width: 11% !important;
}

.width-max-11 {
  max-width: 11% !important;
}

.width-min-11 {
  min-width: 11% !important;
}

.height-11 {
  height: 11% !important;
}

.height-max-11 {
  max-height: 11% !important;
}

.height-min-11 {
  min-height: 11% !important;
}

.width-12 {
  width: 12% !important;
}

.width-max-12 {
  max-width: 12% !important;
}

.width-min-12 {
  min-width: 12% !important;
}

.height-12 {
  height: 12% !important;
}

.height-max-12 {
  max-height: 12% !important;
}

.height-min-12 {
  min-height: 12% !important;
}

.width-13 {
  width: 13% !important;
}

.width-max-13 {
  max-width: 13% !important;
}

.width-min-13 {
  min-width: 13% !important;
}

.height-13 {
  height: 13% !important;
}

.height-max-13 {
  max-height: 13% !important;
}

.height-min-13 {
  min-height: 13% !important;
}

.width-14 {
  width: 14% !important;
}

.width-max-14 {
  max-width: 14% !important;
}

.width-min-14 {
  min-width: 14% !important;
}

.height-14 {
  height: 14% !important;
}

.height-max-14 {
  max-height: 14% !important;
}

.height-min-14 {
  min-height: 14% !important;
}

.width-15 {
  width: 15% !important;
}

.width-max-15 {
  max-width: 15% !important;
}

.width-min-15 {
  min-width: 15% !important;
}

.height-15 {
  height: 15% !important;
}

.height-max-15 {
  max-height: 15% !important;
}

.height-min-15 {
  min-height: 15% !important;
}

.width-16 {
  width: 16% !important;
}

.width-max-16 {
  max-width: 16% !important;
}

.width-min-16 {
  min-width: 16% !important;
}

.height-16 {
  height: 16% !important;
}

.height-max-16 {
  max-height: 16% !important;
}

.height-min-16 {
  min-height: 16% !important;
}

.width-17 {
  width: 17% !important;
}

.width-max-17 {
  max-width: 17% !important;
}

.width-min-17 {
  min-width: 17% !important;
}

.height-17 {
  height: 17% !important;
}

.height-max-17 {
  max-height: 17% !important;
}

.height-min-17 {
  min-height: 17% !important;
}

.width-18 {
  width: 18% !important;
}

.width-max-18 {
  max-width: 18% !important;
}

.width-min-18 {
  min-width: 18% !important;
}

.height-18 {
  height: 18% !important;
}

.height-max-18 {
  max-height: 18% !important;
}

.height-min-18 {
  min-height: 18% !important;
}

.width-19 {
  width: 19% !important;
}

.width-max-19 {
  max-width: 19% !important;
}

.width-min-19 {
  min-width: 19% !important;
}

.height-19 {
  height: 19% !important;
}

.height-max-19 {
  max-height: 19% !important;
}

.height-min-19 {
  min-height: 19% !important;
}

.width-20 {
  width: 20% !important;
}

.width-max-20 {
  max-width: 20% !important;
}

.width-min-20 {
  min-width: 20% !important;
}

.height-20 {
  height: 20% !important;
}

.height-max-20 {
  max-height: 20% !important;
}

.height-min-20 {
  min-height: 20% !important;
}

.width-21 {
  width: 21% !important;
}

.width-max-21 {
  max-width: 21% !important;
}

.width-min-21 {
  min-width: 21% !important;
}

.height-21 {
  height: 21% !important;
}

.height-max-21 {
  max-height: 21% !important;
}

.height-min-21 {
  min-height: 21% !important;
}

.width-22 {
  width: 22% !important;
}

.width-max-22 {
  max-width: 22% !important;
}

.width-min-22 {
  min-width: 22% !important;
}

.height-22 {
  height: 22% !important;
}

.height-max-22 {
  max-height: 22% !important;
}

.height-min-22 {
  min-height: 22% !important;
}

.width-23 {
  width: 23% !important;
}

.width-max-23 {
  max-width: 23% !important;
}

.width-min-23 {
  min-width: 23% !important;
}

.height-23 {
  height: 23% !important;
}

.height-max-23 {
  max-height: 23% !important;
}

.height-min-23 {
  min-height: 23% !important;
}

.width-24 {
  width: 24% !important;
}

.width-max-24 {
  max-width: 24% !important;
}

.width-min-24 {
  min-width: 24% !important;
}

.height-24 {
  height: 24% !important;
}

.height-max-24 {
  max-height: 24% !important;
}

.height-min-24 {
  min-height: 24% !important;
}

.width-25 {
  width: 25% !important;
}

.width-max-25 {
  max-width: 25% !important;
}

.width-min-25 {
  min-width: 25% !important;
}

.height-25 {
  height: 25% !important;
}

.height-max-25 {
  max-height: 25% !important;
}

.height-min-25 {
  min-height: 25% !important;
}

.width-26 {
  width: 26% !important;
}

.width-max-26 {
  max-width: 26% !important;
}

.width-min-26 {
  min-width: 26% !important;
}

.height-26 {
  height: 26% !important;
}

.height-max-26 {
  max-height: 26% !important;
}

.height-min-26 {
  min-height: 26% !important;
}

.width-27 {
  width: 27% !important;
}

.width-max-27 {
  max-width: 27% !important;
}

.width-min-27 {
  min-width: 27% !important;
}

.height-27 {
  height: 27% !important;
}

.height-max-27 {
  max-height: 27% !important;
}

.height-min-27 {
  min-height: 27% !important;
}

.width-28 {
  width: 28% !important;
}

.width-max-28 {
  max-width: 28% !important;
}

.width-min-28 {
  min-width: 28% !important;
}

.height-28 {
  height: 28% !important;
}

.height-max-28 {
  max-height: 28% !important;
}

.height-min-28 {
  min-height: 28% !important;
}

.width-29 {
  width: 29% !important;
}

.width-max-29 {
  max-width: 29% !important;
}

.width-min-29 {
  min-width: 29% !important;
}

.height-29 {
  height: 29% !important;
}

.height-max-29 {
  max-height: 29% !important;
}

.height-min-29 {
  min-height: 29% !important;
}

.width-30 {
  width: 30% !important;
}

.width-max-30 {
  max-width: 30% !important;
}

.width-min-30 {
  min-width: 30% !important;
}

.height-30 {
  height: 30% !important;
}

.height-max-30 {
  max-height: 30% !important;
}

.height-min-30 {
  min-height: 30% !important;
}

.width-31 {
  width: 31% !important;
}

.width-max-31 {
  max-width: 31% !important;
}

.width-min-31 {
  min-width: 31% !important;
}

.height-31 {
  height: 31% !important;
}

.height-max-31 {
  max-height: 31% !important;
}

.height-min-31 {
  min-height: 31% !important;
}

.width-32 {
  width: 32% !important;
}

.width-max-32 {
  max-width: 32% !important;
}

.width-min-32 {
  min-width: 32% !important;
}

.height-32 {
  height: 32% !important;
}

.height-max-32 {
  max-height: 32% !important;
}

.height-min-32 {
  min-height: 32% !important;
}

.width-33 {
  width: 33% !important;
}

.width-max-33 {
  max-width: 33% !important;
}

.width-min-33 {
  min-width: 33% !important;
}

.height-33 {
  height: 33% !important;
}

.height-max-33 {
  max-height: 33% !important;
}

.height-min-33 {
  min-height: 33% !important;
}

.width-34 {
  width: 34% !important;
}

.width-max-34 {
  max-width: 34% !important;
}

.width-min-34 {
  min-width: 34% !important;
}

.height-34 {
  height: 34% !important;
}

.height-max-34 {
  max-height: 34% !important;
}

.height-min-34 {
  min-height: 34% !important;
}

.width-35 {
  width: 35% !important;
}

.width-max-35 {
  max-width: 35% !important;
}

.width-min-35 {
  min-width: 35% !important;
}

.height-35 {
  height: 35% !important;
}

.height-max-35 {
  max-height: 35% !important;
}

.height-min-35 {
  min-height: 35% !important;
}

.width-36 {
  width: 36% !important;
}

.width-max-36 {
  max-width: 36% !important;
}

.width-min-36 {
  min-width: 36% !important;
}

.height-36 {
  height: 36% !important;
}

.height-max-36 {
  max-height: 36% !important;
}

.height-min-36 {
  min-height: 36% !important;
}

.width-37 {
  width: 37% !important;
}

.width-max-37 {
  max-width: 37% !important;
}

.width-min-37 {
  min-width: 37% !important;
}

.height-37 {
  height: 37% !important;
}

.height-max-37 {
  max-height: 37% !important;
}

.height-min-37 {
  min-height: 37% !important;
}

.width-38 {
  width: 38% !important;
}

.width-max-38 {
  max-width: 38% !important;
}

.width-min-38 {
  min-width: 38% !important;
}

.height-38 {
  height: 38% !important;
}

.height-max-38 {
  max-height: 38% !important;
}

.height-min-38 {
  min-height: 38% !important;
}

.width-39 {
  width: 39% !important;
}

.width-max-39 {
  max-width: 39% !important;
}

.width-min-39 {
  min-width: 39% !important;
}

.height-39 {
  height: 39% !important;
}

.height-max-39 {
  max-height: 39% !important;
}

.height-min-39 {
  min-height: 39% !important;
}

.width-40 {
  width: 40% !important;
}

.width-max-40 {
  max-width: 40% !important;
}

.width-min-40 {
  min-width: 40% !important;
}

.height-40 {
  height: 40% !important;
}

.height-max-40 {
  max-height: 40% !important;
}

.height-min-40 {
  min-height: 40% !important;
}

.width-41 {
  width: 41% !important;
}

.width-max-41 {
  max-width: 41% !important;
}

.width-min-41 {
  min-width: 41% !important;
}

.height-41 {
  height: 41% !important;
}

.height-max-41 {
  max-height: 41% !important;
}

.height-min-41 {
  min-height: 41% !important;
}

.width-42 {
  width: 42% !important;
}

.width-max-42 {
  max-width: 42% !important;
}

.width-min-42 {
  min-width: 42% !important;
}

.height-42 {
  height: 42% !important;
}

.height-max-42 {
  max-height: 42% !important;
}

.height-min-42 {
  min-height: 42% !important;
}

.width-43 {
  width: 43% !important;
}

.width-max-43 {
  max-width: 43% !important;
}

.width-min-43 {
  min-width: 43% !important;
}

.height-43 {
  height: 43% !important;
}

.height-max-43 {
  max-height: 43% !important;
}

.height-min-43 {
  min-height: 43% !important;
}

.width-44 {
  width: 44% !important;
}

.width-max-44 {
  max-width: 44% !important;
}

.width-min-44 {
  min-width: 44% !important;
}

.height-44 {
  height: 44% !important;
}

.height-max-44 {
  max-height: 44% !important;
}

.height-min-44 {
  min-height: 44% !important;
}

.width-45 {
  width: 45% !important;
}

.width-max-45 {
  max-width: 45% !important;
}

.width-min-45 {
  min-width: 45% !important;
}

.height-45 {
  height: 45% !important;
}

.height-max-45 {
  max-height: 45% !important;
}

.height-min-45 {
  min-height: 45% !important;
}

.width-46 {
  width: 46% !important;
}

.width-max-46 {
  max-width: 46% !important;
}

.width-min-46 {
  min-width: 46% !important;
}

.height-46 {
  height: 46% !important;
}

.height-max-46 {
  max-height: 46% !important;
}

.height-min-46 {
  min-height: 46% !important;
}

.width-47 {
  width: 47% !important;
}

.width-max-47 {
  max-width: 47% !important;
}

.width-min-47 {
  min-width: 47% !important;
}

.height-47 {
  height: 47% !important;
}

.height-max-47 {
  max-height: 47% !important;
}

.height-min-47 {
  min-height: 47% !important;
}

.width-48 {
  width: 48% !important;
}

.width-max-48 {
  max-width: 48% !important;
}

.width-min-48 {
  min-width: 48% !important;
}

.height-48 {
  height: 48% !important;
}

.height-max-48 {
  max-height: 48% !important;
}

.height-min-48 {
  min-height: 48% !important;
}

.width-49 {
  width: 49% !important;
}

.width-max-49 {
  max-width: 49% !important;
}

.width-min-49 {
  min-width: 49% !important;
}

.height-49 {
  height: 49% !important;
}

.height-max-49 {
  max-height: 49% !important;
}

.height-min-49 {
  min-height: 49% !important;
}

.width-50 {
  width: 50% !important;
}

.width-max-50 {
  max-width: 50% !important;
}

.width-min-50 {
  min-width: 50% !important;
}

.height-50 {
  height: 50% !important;
}

.height-max-50 {
  max-height: 50% !important;
}

.height-min-50 {
  min-height: 50% !important;
}

.width-51 {
  width: 51% !important;
}

.width-max-51 {
  max-width: 51% !important;
}

.width-min-51 {
  min-width: 51% !important;
}

.height-51 {
  height: 51% !important;
}

.height-max-51 {
  max-height: 51% !important;
}

.height-min-51 {
  min-height: 51% !important;
}

.width-52 {
  width: 52% !important;
}

.width-max-52 {
  max-width: 52% !important;
}

.width-min-52 {
  min-width: 52% !important;
}

.height-52 {
  height: 52% !important;
}

.height-max-52 {
  max-height: 52% !important;
}

.height-min-52 {
  min-height: 52% !important;
}

.width-53 {
  width: 53% !important;
}

.width-max-53 {
  max-width: 53% !important;
}

.width-min-53 {
  min-width: 53% !important;
}

.height-53 {
  height: 53% !important;
}

.height-max-53 {
  max-height: 53% !important;
}

.height-min-53 {
  min-height: 53% !important;
}

.width-54 {
  width: 54% !important;
}

.width-max-54 {
  max-width: 54% !important;
}

.width-min-54 {
  min-width: 54% !important;
}

.height-54 {
  height: 54% !important;
}

.height-max-54 {
  max-height: 54% !important;
}

.height-min-54 {
  min-height: 54% !important;
}

.width-55 {
  width: 55% !important;
}

.width-max-55 {
  max-width: 55% !important;
}

.width-min-55 {
  min-width: 55% !important;
}

.height-55 {
  height: 55% !important;
}

.height-max-55 {
  max-height: 55% !important;
}

.height-min-55 {
  min-height: 55% !important;
}

.width-56 {
  width: 56% !important;
}

.width-max-56 {
  max-width: 56% !important;
}

.width-min-56 {
  min-width: 56% !important;
}

.height-56 {
  height: 56% !important;
}

.height-max-56 {
  max-height: 56% !important;
}

.height-min-56 {
  min-height: 56% !important;
}

.width-57 {
  width: 57% !important;
}

.width-max-57 {
  max-width: 57% !important;
}

.width-min-57 {
  min-width: 57% !important;
}

.height-57 {
  height: 57% !important;
}

.height-max-57 {
  max-height: 57% !important;
}

.height-min-57 {
  min-height: 57% !important;
}

.width-58 {
  width: 58% !important;
}

.width-max-58 {
  max-width: 58% !important;
}

.width-min-58 {
  min-width: 58% !important;
}

.height-58 {
  height: 58% !important;
}

.height-max-58 {
  max-height: 58% !important;
}

.height-min-58 {
  min-height: 58% !important;
}

.width-59 {
  width: 59% !important;
}

.width-max-59 {
  max-width: 59% !important;
}

.width-min-59 {
  min-width: 59% !important;
}

.height-59 {
  height: 59% !important;
}

.height-max-59 {
  max-height: 59% !important;
}

.height-min-59 {
  min-height: 59% !important;
}

.width-60 {
  width: 60% !important;
}

.width-max-60 {
  max-width: 60% !important;
}

.width-min-60 {
  min-width: 60% !important;
}

.height-60 {
  height: 60% !important;
}

.height-max-60 {
  max-height: 60% !important;
}

.height-min-60 {
  min-height: 60% !important;
}

.width-61 {
  width: 61% !important;
}

.width-max-61 {
  max-width: 61% !important;
}

.width-min-61 {
  min-width: 61% !important;
}

.height-61 {
  height: 61% !important;
}

.height-max-61 {
  max-height: 61% !important;
}

.height-min-61 {
  min-height: 61% !important;
}

.width-62 {
  width: 62% !important;
}

.width-max-62 {
  max-width: 62% !important;
}

.width-min-62 {
  min-width: 62% !important;
}

.height-62 {
  height: 62% !important;
}

.height-max-62 {
  max-height: 62% !important;
}

.height-min-62 {
  min-height: 62% !important;
}

.width-63 {
  width: 63% !important;
}

.width-max-63 {
  max-width: 63% !important;
}

.width-min-63 {
  min-width: 63% !important;
}

.height-63 {
  height: 63% !important;
}

.height-max-63 {
  max-height: 63% !important;
}

.height-min-63 {
  min-height: 63% !important;
}

.width-64 {
  width: 64% !important;
}

.width-max-64 {
  max-width: 64% !important;
}

.width-min-64 {
  min-width: 64% !important;
}

.height-64 {
  height: 64% !important;
}

.height-max-64 {
  max-height: 64% !important;
}

.height-min-64 {
  min-height: 64% !important;
}

.width-65 {
  width: 65% !important;
}

.width-max-65 {
  max-width: 65% !important;
}

.width-min-65 {
  min-width: 65% !important;
}

.height-65 {
  height: 65% !important;
}

.height-max-65 {
  max-height: 65% !important;
}

.height-min-65 {
  min-height: 65% !important;
}

.width-66 {
  width: 66% !important;
}

.width-max-66 {
  max-width: 66% !important;
}

.width-min-66 {
  min-width: 66% !important;
}

.height-66 {
  height: 66% !important;
}

.height-max-66 {
  max-height: 66% !important;
}

.height-min-66 {
  min-height: 66% !important;
}

.width-67 {
  width: 67% !important;
}

.width-max-67 {
  max-width: 67% !important;
}

.width-min-67 {
  min-width: 67% !important;
}

.height-67 {
  height: 67% !important;
}

.height-max-67 {
  max-height: 67% !important;
}

.height-min-67 {
  min-height: 67% !important;
}

.width-68 {
  width: 68% !important;
}

.width-max-68 {
  max-width: 68% !important;
}

.width-min-68 {
  min-width: 68% !important;
}

.height-68 {
  height: 68% !important;
}

.height-max-68 {
  max-height: 68% !important;
}

.height-min-68 {
  min-height: 68% !important;
}

.width-69 {
  width: 69% !important;
}

.width-max-69 {
  max-width: 69% !important;
}

.width-min-69 {
  min-width: 69% !important;
}

.height-69 {
  height: 69% !important;
}

.height-max-69 {
  max-height: 69% !important;
}

.height-min-69 {
  min-height: 69% !important;
}

.width-70 {
  width: 70% !important;
}

.width-max-70 {
  max-width: 70% !important;
}

.width-min-70 {
  min-width: 70% !important;
}

.height-70 {
  height: 70% !important;
}

.height-max-70 {
  max-height: 70% !important;
}

.height-min-70 {
  min-height: 70% !important;
}

.width-71 {
  width: 71% !important;
}

.width-max-71 {
  max-width: 71% !important;
}

.width-min-71 {
  min-width: 71% !important;
}

.height-71 {
  height: 71% !important;
}

.height-max-71 {
  max-height: 71% !important;
}

.height-min-71 {
  min-height: 71% !important;
}

.width-72 {
  width: 72% !important;
}

.width-max-72 {
  max-width: 72% !important;
}

.width-min-72 {
  min-width: 72% !important;
}

.height-72 {
  height: 72% !important;
}

.height-max-72 {
  max-height: 72% !important;
}

.height-min-72 {
  min-height: 72% !important;
}

.width-73 {
  width: 73% !important;
}

.width-max-73 {
  max-width: 73% !important;
}

.width-min-73 {
  min-width: 73% !important;
}

.height-73 {
  height: 73% !important;
}

.height-max-73 {
  max-height: 73% !important;
}

.height-min-73 {
  min-height: 73% !important;
}

.width-74 {
  width: 74% !important;
}

.width-max-74 {
  max-width: 74% !important;
}

.width-min-74 {
  min-width: 74% !important;
}

.height-74 {
  height: 74% !important;
}

.height-max-74 {
  max-height: 74% !important;
}

.height-min-74 {
  min-height: 74% !important;
}

.width-75 {
  width: 75% !important;
}

.width-max-75 {
  max-width: 75% !important;
}

.width-min-75 {
  min-width: 75% !important;
}

.height-75 {
  height: 75% !important;
}

.height-max-75 {
  max-height: 75% !important;
}

.height-min-75 {
  min-height: 75% !important;
}

.width-76 {
  width: 76% !important;
}

.width-max-76 {
  max-width: 76% !important;
}

.width-min-76 {
  min-width: 76% !important;
}

.height-76 {
  height: 76% !important;
}

.height-max-76 {
  max-height: 76% !important;
}

.height-min-76 {
  min-height: 76% !important;
}

.width-77 {
  width: 77% !important;
}

.width-max-77 {
  max-width: 77% !important;
}

.width-min-77 {
  min-width: 77% !important;
}

.height-77 {
  height: 77% !important;
}

.height-max-77 {
  max-height: 77% !important;
}

.height-min-77 {
  min-height: 77% !important;
}

.width-78 {
  width: 78% !important;
}

.width-max-78 {
  max-width: 78% !important;
}

.width-min-78 {
  min-width: 78% !important;
}

.height-78 {
  height: 78% !important;
}

.height-max-78 {
  max-height: 78% !important;
}

.height-min-78 {
  min-height: 78% !important;
}

.width-79 {
  width: 79% !important;
}

.width-max-79 {
  max-width: 79% !important;
}

.width-min-79 {
  min-width: 79% !important;
}

.height-79 {
  height: 79% !important;
}

.height-max-79 {
  max-height: 79% !important;
}

.height-min-79 {
  min-height: 79% !important;
}

.width-80 {
  width: 80% !important;
}

.width-max-80 {
  max-width: 80% !important;
}

.width-min-80 {
  min-width: 80% !important;
}

.height-80 {
  height: 80% !important;
}

.height-max-80 {
  max-height: 80% !important;
}

.height-min-80 {
  min-height: 80% !important;
}

.width-81 {
  width: 81% !important;
}

.width-max-81 {
  max-width: 81% !important;
}

.width-min-81 {
  min-width: 81% !important;
}

.height-81 {
  height: 81% !important;
}

.height-max-81 {
  max-height: 81% !important;
}

.height-min-81 {
  min-height: 81% !important;
}

.width-82 {
  width: 82% !important;
}

.width-max-82 {
  max-width: 82% !important;
}

.width-min-82 {
  min-width: 82% !important;
}

.height-82 {
  height: 82% !important;
}

.height-max-82 {
  max-height: 82% !important;
}

.height-min-82 {
  min-height: 82% !important;
}

.width-83 {
  width: 83% !important;
}

.width-max-83 {
  max-width: 83% !important;
}

.width-min-83 {
  min-width: 83% !important;
}

.height-83 {
  height: 83% !important;
}

.height-max-83 {
  max-height: 83% !important;
}

.height-min-83 {
  min-height: 83% !important;
}

.width-84 {
  width: 84% !important;
}

.width-max-84 {
  max-width: 84% !important;
}

.width-min-84 {
  min-width: 84% !important;
}

.height-84 {
  height: 84% !important;
}

.height-max-84 {
  max-height: 84% !important;
}

.height-min-84 {
  min-height: 84% !important;
}

.width-85 {
  width: 85% !important;
}

.width-max-85 {
  max-width: 85% !important;
}

.width-min-85 {
  min-width: 85% !important;
}

.height-85 {
  height: 85% !important;
}

.height-max-85 {
  max-height: 85% !important;
}

.height-min-85 {
  min-height: 85% !important;
}

.width-86 {
  width: 86% !important;
}

.width-max-86 {
  max-width: 86% !important;
}

.width-min-86 {
  min-width: 86% !important;
}

.height-86 {
  height: 86% !important;
}

.height-max-86 {
  max-height: 86% !important;
}

.height-min-86 {
  min-height: 86% !important;
}

.width-87 {
  width: 87% !important;
}

.width-max-87 {
  max-width: 87% !important;
}

.width-min-87 {
  min-width: 87% !important;
}

.height-87 {
  height: 87% !important;
}

.height-max-87 {
  max-height: 87% !important;
}

.height-min-87 {
  min-height: 87% !important;
}

.width-88 {
  width: 88% !important;
}

.width-max-88 {
  max-width: 88% !important;
}

.width-min-88 {
  min-width: 88% !important;
}

.height-88 {
  height: 88% !important;
}

.height-max-88 {
  max-height: 88% !important;
}

.height-min-88 {
  min-height: 88% !important;
}

.width-89 {
  width: 89% !important;
}

.width-max-89 {
  max-width: 89% !important;
}

.width-min-89 {
  min-width: 89% !important;
}

.height-89 {
  height: 89% !important;
}

.height-max-89 {
  max-height: 89% !important;
}

.height-min-89 {
  min-height: 89% !important;
}

.width-90 {
  width: 90% !important;
}

.width-max-90 {
  max-width: 90% !important;
}

.width-min-90 {
  min-width: 90% !important;
}

.height-90 {
  height: 90% !important;
}

.height-max-90 {
  max-height: 90% !important;
}

.height-min-90 {
  min-height: 90% !important;
}

.width-91 {
  width: 91% !important;
}

.width-max-91 {
  max-width: 91% !important;
}

.width-min-91 {
  min-width: 91% !important;
}

.height-91 {
  height: 91% !important;
}

.height-max-91 {
  max-height: 91% !important;
}

.height-min-91 {
  min-height: 91% !important;
}

.width-92 {
  width: 92% !important;
}

.width-max-92 {
  max-width: 92% !important;
}

.width-min-92 {
  min-width: 92% !important;
}

.height-92 {
  height: 92% !important;
}

.height-max-92 {
  max-height: 92% !important;
}

.height-min-92 {
  min-height: 92% !important;
}

.width-93 {
  width: 93% !important;
}

.width-max-93 {
  max-width: 93% !important;
}

.width-min-93 {
  min-width: 93% !important;
}

.height-93 {
  height: 93% !important;
}

.height-max-93 {
  max-height: 93% !important;
}

.height-min-93 {
  min-height: 93% !important;
}

.width-94 {
  width: 94% !important;
}

.width-max-94 {
  max-width: 94% !important;
}

.width-min-94 {
  min-width: 94% !important;
}

.height-94 {
  height: 94% !important;
}

.height-max-94 {
  max-height: 94% !important;
}

.height-min-94 {
  min-height: 94% !important;
}

.width-95 {
  width: 95% !important;
}

.width-max-95 {
  max-width: 95% !important;
}

.width-min-95 {
  min-width: 95% !important;
}

.height-95 {
  height: 95% !important;
}

.height-max-95 {
  max-height: 95% !important;
}

.height-min-95 {
  min-height: 95% !important;
}

.width-96 {
  width: 96% !important;
}

.width-max-96 {
  max-width: 96% !important;
}

.width-min-96 {
  min-width: 96% !important;
}

.height-96 {
  height: 96% !important;
}

.height-max-96 {
  max-height: 96% !important;
}

.height-min-96 {
  min-height: 96% !important;
}

.width-97 {
  width: 97% !important;
}

.width-max-97 {
  max-width: 97% !important;
}

.width-min-97 {
  min-width: 97% !important;
}

.height-97 {
  height: 97% !important;
}

.height-max-97 {
  max-height: 97% !important;
}

.height-min-97 {
  min-height: 97% !important;
}

.width-98 {
  width: 98% !important;
}

.width-max-98 {
  max-width: 98% !important;
}

.width-min-98 {
  min-width: 98% !important;
}

.height-98 {
  height: 98% !important;
}

.height-max-98 {
  max-height: 98% !important;
}

.height-min-98 {
  min-height: 98% !important;
}

.width-99 {
  width: 99% !important;
}

.width-max-99 {
  max-width: 99% !important;
}

.width-min-99 {
  min-width: 99% !important;
}

.height-99 {
  height: 99% !important;
}

.height-max-99 {
  max-height: 99% !important;
}

.height-min-99 {
  min-height: 99% !important;
}

.width-100 {
  width: 100% !important;
}

.width-max-100 {
  max-width: 100% !important;
}

.width-min-100 {
  min-width: 100% !important;
}

.height-100 {
  height: 100% !important;
}

.height-max-100 {
  max-height: 100% !important;
}

.height-min-100 {
  min-height: 100% !important;
}

@media (max-width: 360px) {
  .screen-auto {
    width: 320px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-mobile-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 3.2px !important;
  }
  .screen-mobile-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 6.4px !important;
  }
  .screen-mobile-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 9.6px !important;
  }
  .screen-mobile-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 12.8px !important;
  }
  .screen-mobile-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 16px !important;
  }
  .screen-mobile-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 19.2px !important;
  }
  .screen-mobile-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 22.4px !important;
  }
  .screen-mobile-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 25.6px !important;
  }
  .screen-mobile-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 28.8px !important;
  }
  .screen-mobile-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 32px !important;
  }
  .screen-mobile-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 35.2px !important;
  }
  .screen-mobile-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 38.4px !important;
  }
  .screen-mobile-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 41.6px !important;
  }
  .screen-mobile-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 44.8px !important;
  }
  .screen-mobile-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 48px !important;
  }
  .screen-mobile-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 51.2px !important;
  }
  .screen-mobile-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 54.4px !important;
  }
  .screen-mobile-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 57.6px !important;
  }
  .screen-mobile-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 60.8px !important;
  }
  .screen-mobile-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 64px !important;
  }
  .screen-mobile-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 67.2px !important;
  }
  .screen-mobile-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 70.4px !important;
  }
  .screen-mobile-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 73.6px !important;
  }
  .screen-mobile-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 76.8px !important;
  }
  .screen-mobile-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 80px !important;
  }
  .screen-mobile-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 83.2px !important;
  }
  .screen-mobile-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 86.4px !important;
  }
  .screen-mobile-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 89.6px !important;
  }
  .screen-mobile-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 92.8px !important;
  }
  .screen-mobile-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 96px !important;
  }
  .screen-mobile-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 99.2px !important;
  }
  .screen-mobile-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 102.4px !important;
  }
  .screen-mobile-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 105.6px !important;
  }
  .screen-mobile-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 108.8px !important;
  }
  .screen-mobile-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 112px !important;
  }
  .screen-mobile-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 115.2px !important;
  }
  .screen-mobile-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 118.4px !important;
  }
  .screen-mobile-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 121.6px !important;
  }
  .screen-mobile-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 124.8px !important;
  }
  .screen-mobile-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 128px !important;
  }
  .screen-mobile-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 131.2px !important;
  }
  .screen-mobile-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 134.4px !important;
  }
  .screen-mobile-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 137.6px !important;
  }
  .screen-mobile-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 140.8px !important;
  }
  .screen-mobile-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 144px !important;
  }
  .screen-mobile-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 147.2px !important;
  }
  .screen-mobile-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 150.4px !important;
  }
  .screen-mobile-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 153.6px !important;
  }
  .screen-mobile-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 156.8px !important;
  }
  .screen-mobile-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 160px !important;
  }
  .screen-mobile-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 163.2px !important;
  }
  .screen-mobile-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 166.4px !important;
  }
  .screen-mobile-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 169.6px !important;
  }
  .screen-mobile-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 172.8px !important;
  }
  .screen-mobile-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 176px !important;
  }
  .screen-mobile-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 179.2px !important;
  }
  .screen-mobile-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 182.4px !important;
  }
  .screen-mobile-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 185.6px !important;
  }
  .screen-mobile-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 188.8px !important;
  }
  .screen-mobile-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 192px !important;
  }
  .screen-mobile-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 195.2px !important;
  }
  .screen-mobile-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 198.4px !important;
  }
  .screen-mobile-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 201.6px !important;
  }
  .screen-mobile-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 204.8px !important;
  }
  .screen-mobile-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 208px !important;
  }
  .screen-mobile-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 211.2px !important;
  }
  .screen-mobile-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 214.4px !important;
  }
  .screen-mobile-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 217.6px !important;
  }
  .screen-mobile-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 220.8px !important;
  }
  .screen-mobile-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 224px !important;
  }
  .screen-mobile-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 227.2px !important;
  }
  .screen-mobile-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 230.4px !important;
  }
  .screen-mobile-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 233.6px !important;
  }
  .screen-mobile-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 236.8px !important;
  }
  .screen-mobile-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 240px !important;
  }
  .screen-mobile-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 243.2px !important;
  }
  .screen-mobile-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 246.4px !important;
  }
  .screen-mobile-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 249.6px !important;
  }
  .screen-mobile-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 252.8px !important;
  }
  .screen-mobile-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 256px !important;
  }
  .screen-mobile-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 259.2px !important;
  }
  .screen-mobile-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 262.4px !important;
  }
  .screen-mobile-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 265.6px !important;
  }
  .screen-mobile-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 268.8px !important;
  }
  .screen-mobile-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 272px !important;
  }
  .screen-mobile-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 275.2px !important;
  }
  .screen-mobile-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 278.4px !important;
  }
  .screen-mobile-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 281.6px !important;
  }
  .screen-mobile-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 284.8px !important;
  }
  .screen-mobile-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 288px !important;
  }
  .screen-mobile-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 291.2px !important;
  }
  .screen-mobile-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 294.4px !important;
  }
  .screen-mobile-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 297.6px !important;
  }
  .screen-mobile-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 300.8px !important;
  }
  .screen-mobile-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 304px !important;
  }
  .screen-mobile-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 307.2px !important;
  }
  .screen-mobile-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 310.4px !important;
  }
  .screen-mobile-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 313.6px !important;
  }
  .screen-mobile-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 316.8px !important;
  }
  .screen-mobile-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 320px !important;
  }
  .screen-mobile-100 {
    width: 100% !important;
  }
}
@media (min-width: 361px) and (max-width: 400px) {
  .screen-auto {
    width: 360px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-mobile-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 3.6px !important;
  }
  .screen-mobile-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 7.2px !important;
  }
  .screen-mobile-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 10.8px !important;
  }
  .screen-mobile-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 14.4px !important;
  }
  .screen-mobile-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 18px !important;
  }
  .screen-mobile-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 21.6px !important;
  }
  .screen-mobile-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 25.2px !important;
  }
  .screen-mobile-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 28.8px !important;
  }
  .screen-mobile-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 32.4px !important;
  }
  .screen-mobile-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 36px !important;
  }
  .screen-mobile-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 39.6px !important;
  }
  .screen-mobile-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 43.2px !important;
  }
  .screen-mobile-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 46.8px !important;
  }
  .screen-mobile-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 50.4px !important;
  }
  .screen-mobile-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 54px !important;
  }
  .screen-mobile-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 57.6px !important;
  }
  .screen-mobile-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 61.2px !important;
  }
  .screen-mobile-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 64.8px !important;
  }
  .screen-mobile-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 68.4px !important;
  }
  .screen-mobile-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 72px !important;
  }
  .screen-mobile-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 75.6px !important;
  }
  .screen-mobile-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 79.2px !important;
  }
  .screen-mobile-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 82.8px !important;
  }
  .screen-mobile-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 86.4px !important;
  }
  .screen-mobile-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 90px !important;
  }
  .screen-mobile-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 93.6px !important;
  }
  .screen-mobile-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 97.2px !important;
  }
  .screen-mobile-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 100.8px !important;
  }
  .screen-mobile-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 104.4px !important;
  }
  .screen-mobile-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 108px !important;
  }
  .screen-mobile-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 111.6px !important;
  }
  .screen-mobile-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 115.2px !important;
  }
  .screen-mobile-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 118.8px !important;
  }
  .screen-mobile-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 122.4px !important;
  }
  .screen-mobile-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 126px !important;
  }
  .screen-mobile-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 129.6px !important;
  }
  .screen-mobile-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 133.2px !important;
  }
  .screen-mobile-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 136.8px !important;
  }
  .screen-mobile-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 140.4px !important;
  }
  .screen-mobile-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 144px !important;
  }
  .screen-mobile-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 147.6px !important;
  }
  .screen-mobile-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 151.2px !important;
  }
  .screen-mobile-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 154.8px !important;
  }
  .screen-mobile-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 158.4px !important;
  }
  .screen-mobile-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 162px !important;
  }
  .screen-mobile-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 165.6px !important;
  }
  .screen-mobile-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 169.2px !important;
  }
  .screen-mobile-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 172.8px !important;
  }
  .screen-mobile-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 176.4px !important;
  }
  .screen-mobile-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 180px !important;
  }
  .screen-mobile-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 183.6px !important;
  }
  .screen-mobile-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 187.2px !important;
  }
  .screen-mobile-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 190.8px !important;
  }
  .screen-mobile-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 194.4px !important;
  }
  .screen-mobile-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 198px !important;
  }
  .screen-mobile-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 201.6px !important;
  }
  .screen-mobile-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 205.2px !important;
  }
  .screen-mobile-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 208.8px !important;
  }
  .screen-mobile-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 212.4px !important;
  }
  .screen-mobile-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 216px !important;
  }
  .screen-mobile-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 219.6px !important;
  }
  .screen-mobile-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 223.2px !important;
  }
  .screen-mobile-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 226.8px !important;
  }
  .screen-mobile-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 230.4px !important;
  }
  .screen-mobile-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 234px !important;
  }
  .screen-mobile-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 237.6px !important;
  }
  .screen-mobile-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 241.2px !important;
  }
  .screen-mobile-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 244.8px !important;
  }
  .screen-mobile-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 248.4px !important;
  }
  .screen-mobile-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 252px !important;
  }
  .screen-mobile-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 255.6px !important;
  }
  .screen-mobile-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 259.2px !important;
  }
  .screen-mobile-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 262.8px !important;
  }
  .screen-mobile-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 266.4px !important;
  }
  .screen-mobile-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 270px !important;
  }
  .screen-mobile-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 273.6px !important;
  }
  .screen-mobile-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 277.2px !important;
  }
  .screen-mobile-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 280.8px !important;
  }
  .screen-mobile-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 284.4px !important;
  }
  .screen-mobile-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 288px !important;
  }
  .screen-mobile-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 291.6px !important;
  }
  .screen-mobile-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 295.2px !important;
  }
  .screen-mobile-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 298.8px !important;
  }
  .screen-mobile-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 302.4px !important;
  }
  .screen-mobile-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 306px !important;
  }
  .screen-mobile-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 309.6px !important;
  }
  .screen-mobile-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 313.2px !important;
  }
  .screen-mobile-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 316.8px !important;
  }
  .screen-mobile-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 320.4px !important;
  }
  .screen-mobile-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 324px !important;
  }
  .screen-mobile-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 327.6px !important;
  }
  .screen-mobile-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 331.2px !important;
  }
  .screen-mobile-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 334.8px !important;
  }
  .screen-mobile-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 338.4px !important;
  }
  .screen-mobile-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 342px !important;
  }
  .screen-mobile-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 345.6px !important;
  }
  .screen-mobile-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 349.2px !important;
  }
  .screen-mobile-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 352.8px !important;
  }
  .screen-mobile-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 356.4px !important;
  }
  .screen-mobile-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 360px !important;
  }
  .screen-mobile-100 {
    width: 100% !important;
  }
}
@media (min-width: 401px) and (max-width: 480px) {
  .screen-auto {
    width: 400px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-mobile-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 4px !important;
  }
  .screen-mobile-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 8px !important;
  }
  .screen-mobile-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 12px !important;
  }
  .screen-mobile-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 16px !important;
  }
  .screen-mobile-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 20px !important;
  }
  .screen-mobile-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 24px !important;
  }
  .screen-mobile-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 28px !important;
  }
  .screen-mobile-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 32px !important;
  }
  .screen-mobile-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 36px !important;
  }
  .screen-mobile-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 40px !important;
  }
  .screen-mobile-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 44px !important;
  }
  .screen-mobile-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 48px !important;
  }
  .screen-mobile-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 52px !important;
  }
  .screen-mobile-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 56px !important;
  }
  .screen-mobile-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 60px !important;
  }
  .screen-mobile-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 64px !important;
  }
  .screen-mobile-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 68px !important;
  }
  .screen-mobile-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 72px !important;
  }
  .screen-mobile-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 76px !important;
  }
  .screen-mobile-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 80px !important;
  }
  .screen-mobile-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 84px !important;
  }
  .screen-mobile-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 88px !important;
  }
  .screen-mobile-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 92px !important;
  }
  .screen-mobile-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 96px !important;
  }
  .screen-mobile-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 100px !important;
  }
  .screen-mobile-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 104px !important;
  }
  .screen-mobile-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 108px !important;
  }
  .screen-mobile-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 112px !important;
  }
  .screen-mobile-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 116px !important;
  }
  .screen-mobile-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 120px !important;
  }
  .screen-mobile-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 124px !important;
  }
  .screen-mobile-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 128px !important;
  }
  .screen-mobile-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 132px !important;
  }
  .screen-mobile-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 136px !important;
  }
  .screen-mobile-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 140px !important;
  }
  .screen-mobile-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 144px !important;
  }
  .screen-mobile-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 148px !important;
  }
  .screen-mobile-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 152px !important;
  }
  .screen-mobile-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 156px !important;
  }
  .screen-mobile-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 160px !important;
  }
  .screen-mobile-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 164px !important;
  }
  .screen-mobile-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 168px !important;
  }
  .screen-mobile-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 172px !important;
  }
  .screen-mobile-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 176px !important;
  }
  .screen-mobile-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 180px !important;
  }
  .screen-mobile-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 184px !important;
  }
  .screen-mobile-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 188px !important;
  }
  .screen-mobile-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 192px !important;
  }
  .screen-mobile-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 196px !important;
  }
  .screen-mobile-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 200px !important;
  }
  .screen-mobile-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 204px !important;
  }
  .screen-mobile-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 208px !important;
  }
  .screen-mobile-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 212px !important;
  }
  .screen-mobile-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 216px !important;
  }
  .screen-mobile-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 220px !important;
  }
  .screen-mobile-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 224px !important;
  }
  .screen-mobile-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 228px !important;
  }
  .screen-mobile-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 232px !important;
  }
  .screen-mobile-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 236px !important;
  }
  .screen-mobile-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 240px !important;
  }
  .screen-mobile-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 244px !important;
  }
  .screen-mobile-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 248px !important;
  }
  .screen-mobile-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 252px !important;
  }
  .screen-mobile-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 256px !important;
  }
  .screen-mobile-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 260px !important;
  }
  .screen-mobile-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 264px !important;
  }
  .screen-mobile-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 268px !important;
  }
  .screen-mobile-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 272px !important;
  }
  .screen-mobile-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 276px !important;
  }
  .screen-mobile-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 280px !important;
  }
  .screen-mobile-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 284px !important;
  }
  .screen-mobile-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 288px !important;
  }
  .screen-mobile-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 292px !important;
  }
  .screen-mobile-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 296px !important;
  }
  .screen-mobile-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 300px !important;
  }
  .screen-mobile-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 304px !important;
  }
  .screen-mobile-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 308px !important;
  }
  .screen-mobile-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 312px !important;
  }
  .screen-mobile-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 316px !important;
  }
  .screen-mobile-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 320px !important;
  }
  .screen-mobile-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 324px !important;
  }
  .screen-mobile-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 328px !important;
  }
  .screen-mobile-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 332px !important;
  }
  .screen-mobile-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 336px !important;
  }
  .screen-mobile-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 340px !important;
  }
  .screen-mobile-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 344px !important;
  }
  .screen-mobile-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 348px !important;
  }
  .screen-mobile-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 352px !important;
  }
  .screen-mobile-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 356px !important;
  }
  .screen-mobile-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 360px !important;
  }
  .screen-mobile-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 364px !important;
  }
  .screen-mobile-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 368px !important;
  }
  .screen-mobile-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 372px !important;
  }
  .screen-mobile-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 376px !important;
  }
  .screen-mobile-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 380px !important;
  }
  .screen-mobile-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 384px !important;
  }
  .screen-mobile-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 388px !important;
  }
  .screen-mobile-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 392px !important;
  }
  .screen-mobile-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 396px !important;
  }
  .screen-mobile-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 400px !important;
  }
  .screen-mobile-100 {
    width: 100% !important;
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  .screen-auto {
    width: 480px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-mobile-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 4.8px !important;
  }
  .screen-mobile-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 9.6px !important;
  }
  .screen-mobile-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 14.4px !important;
  }
  .screen-mobile-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 19.2px !important;
  }
  .screen-mobile-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 24px !important;
  }
  .screen-mobile-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 28.8px !important;
  }
  .screen-mobile-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 33.6px !important;
  }
  .screen-mobile-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 38.4px !important;
  }
  .screen-mobile-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 43.2px !important;
  }
  .screen-mobile-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 48px !important;
  }
  .screen-mobile-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 52.8px !important;
  }
  .screen-mobile-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 57.6px !important;
  }
  .screen-mobile-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 62.4px !important;
  }
  .screen-mobile-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 67.2px !important;
  }
  .screen-mobile-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 72px !important;
  }
  .screen-mobile-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 76.8px !important;
  }
  .screen-mobile-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 81.6px !important;
  }
  .screen-mobile-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 86.4px !important;
  }
  .screen-mobile-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 91.2px !important;
  }
  .screen-mobile-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 96px !important;
  }
  .screen-mobile-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 100.8px !important;
  }
  .screen-mobile-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 105.6px !important;
  }
  .screen-mobile-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 110.4px !important;
  }
  .screen-mobile-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 115.2px !important;
  }
  .screen-mobile-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 120px !important;
  }
  .screen-mobile-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 124.8px !important;
  }
  .screen-mobile-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 129.6px !important;
  }
  .screen-mobile-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 134.4px !important;
  }
  .screen-mobile-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 139.2px !important;
  }
  .screen-mobile-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 144px !important;
  }
  .screen-mobile-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 148.8px !important;
  }
  .screen-mobile-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 153.6px !important;
  }
  .screen-mobile-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 158.4px !important;
  }
  .screen-mobile-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 163.2px !important;
  }
  .screen-mobile-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 168px !important;
  }
  .screen-mobile-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 172.8px !important;
  }
  .screen-mobile-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 177.6px !important;
  }
  .screen-mobile-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 182.4px !important;
  }
  .screen-mobile-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 187.2px !important;
  }
  .screen-mobile-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 192px !important;
  }
  .screen-mobile-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 196.8px !important;
  }
  .screen-mobile-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 201.6px !important;
  }
  .screen-mobile-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 206.4px !important;
  }
  .screen-mobile-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 211.2px !important;
  }
  .screen-mobile-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 216px !important;
  }
  .screen-mobile-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 220.8px !important;
  }
  .screen-mobile-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 225.6px !important;
  }
  .screen-mobile-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 230.4px !important;
  }
  .screen-mobile-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 235.2px !important;
  }
  .screen-mobile-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 240px !important;
  }
  .screen-mobile-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 244.8px !important;
  }
  .screen-mobile-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 249.6px !important;
  }
  .screen-mobile-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 254.4px !important;
  }
  .screen-mobile-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 259.2px !important;
  }
  .screen-mobile-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 264px !important;
  }
  .screen-mobile-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 268.8px !important;
  }
  .screen-mobile-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 273.6px !important;
  }
  .screen-mobile-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 278.4px !important;
  }
  .screen-mobile-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 283.2px !important;
  }
  .screen-mobile-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 288px !important;
  }
  .screen-mobile-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 292.8px !important;
  }
  .screen-mobile-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 297.6px !important;
  }
  .screen-mobile-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 302.4px !important;
  }
  .screen-mobile-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 307.2px !important;
  }
  .screen-mobile-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 312px !important;
  }
  .screen-mobile-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 316.8px !important;
  }
  .screen-mobile-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 321.6px !important;
  }
  .screen-mobile-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 326.4px !important;
  }
  .screen-mobile-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 331.2px !important;
  }
  .screen-mobile-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 336px !important;
  }
  .screen-mobile-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 340.8px !important;
  }
  .screen-mobile-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 345.6px !important;
  }
  .screen-mobile-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 350.4px !important;
  }
  .screen-mobile-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 355.2px !important;
  }
  .screen-mobile-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 360px !important;
  }
  .screen-mobile-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 364.8px !important;
  }
  .screen-mobile-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 369.6px !important;
  }
  .screen-mobile-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 374.4px !important;
  }
  .screen-mobile-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 379.2px !important;
  }
  .screen-mobile-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 384px !important;
  }
  .screen-mobile-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 388.8px !important;
  }
  .screen-mobile-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 393.6px !important;
  }
  .screen-mobile-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 398.4px !important;
  }
  .screen-mobile-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 403.2px !important;
  }
  .screen-mobile-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 408px !important;
  }
  .screen-mobile-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 412.8px !important;
  }
  .screen-mobile-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 417.6px !important;
  }
  .screen-mobile-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 422.4px !important;
  }
  .screen-mobile-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 427.2px !important;
  }
  .screen-mobile-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 432px !important;
  }
  .screen-mobile-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 436.8px !important;
  }
  .screen-mobile-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 441.6px !important;
  }
  .screen-mobile-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 446.4px !important;
  }
  .screen-mobile-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 451.2px !important;
  }
  .screen-mobile-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 456px !important;
  }
  .screen-mobile-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 460.8px !important;
  }
  .screen-mobile-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 465.6px !important;
  }
  .screen-mobile-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 470.4px !important;
  }
  .screen-mobile-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 475.2px !important;
  }
  .screen-mobile-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 480px !important;
  }
  .screen-mobile-100 {
    width: 100% !important;
  }
}
@media (min-width: 641px) and (max-width: 800px) {
  .screen-auto {
    width: 640px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-tablet-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 6.4px !important;
  }
  .screen-tablet-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 12.8px !important;
  }
  .screen-tablet-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 19.2px !important;
  }
  .screen-tablet-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 25.6px !important;
  }
  .screen-tablet-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 32px !important;
  }
  .screen-tablet-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 38.4px !important;
  }
  .screen-tablet-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 44.8px !important;
  }
  .screen-tablet-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 51.2px !important;
  }
  .screen-tablet-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 57.6px !important;
  }
  .screen-tablet-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 64px !important;
  }
  .screen-tablet-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 70.4px !important;
  }
  .screen-tablet-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 76.8px !important;
  }
  .screen-tablet-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 83.2px !important;
  }
  .screen-tablet-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 89.6px !important;
  }
  .screen-tablet-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 96px !important;
  }
  .screen-tablet-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 102.4px !important;
  }
  .screen-tablet-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 108.8px !important;
  }
  .screen-tablet-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 115.2px !important;
  }
  .screen-tablet-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 121.6px !important;
  }
  .screen-tablet-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 128px !important;
  }
  .screen-tablet-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 134.4px !important;
  }
  .screen-tablet-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 140.8px !important;
  }
  .screen-tablet-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 147.2px !important;
  }
  .screen-tablet-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 153.6px !important;
  }
  .screen-tablet-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 160px !important;
  }
  .screen-tablet-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 166.4px !important;
  }
  .screen-tablet-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 172.8px !important;
  }
  .screen-tablet-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 179.2px !important;
  }
  .screen-tablet-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 185.6px !important;
  }
  .screen-tablet-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 192px !important;
  }
  .screen-tablet-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 198.4px !important;
  }
  .screen-tablet-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 204.8px !important;
  }
  .screen-tablet-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 211.2px !important;
  }
  .screen-tablet-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 217.6px !important;
  }
  .screen-tablet-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 224px !important;
  }
  .screen-tablet-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 230.4px !important;
  }
  .screen-tablet-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 236.8px !important;
  }
  .screen-tablet-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 243.2px !important;
  }
  .screen-tablet-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 249.6px !important;
  }
  .screen-tablet-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 256px !important;
  }
  .screen-tablet-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 262.4px !important;
  }
  .screen-tablet-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 268.8px !important;
  }
  .screen-tablet-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 275.2px !important;
  }
  .screen-tablet-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 281.6px !important;
  }
  .screen-tablet-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 288px !important;
  }
  .screen-tablet-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 294.4px !important;
  }
  .screen-tablet-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 300.8px !important;
  }
  .screen-tablet-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 307.2px !important;
  }
  .screen-tablet-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 313.6px !important;
  }
  .screen-tablet-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 320px !important;
  }
  .screen-tablet-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 326.4px !important;
  }
  .screen-tablet-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 332.8px !important;
  }
  .screen-tablet-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 339.2px !important;
  }
  .screen-tablet-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 345.6px !important;
  }
  .screen-tablet-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 352px !important;
  }
  .screen-tablet-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 358.4px !important;
  }
  .screen-tablet-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 364.8px !important;
  }
  .screen-tablet-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 371.2px !important;
  }
  .screen-tablet-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 377.6px !important;
  }
  .screen-tablet-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 384px !important;
  }
  .screen-tablet-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 390.4px !important;
  }
  .screen-tablet-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 396.8px !important;
  }
  .screen-tablet-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 403.2px !important;
  }
  .screen-tablet-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 409.6px !important;
  }
  .screen-tablet-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 416px !important;
  }
  .screen-tablet-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 422.4px !important;
  }
  .screen-tablet-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 428.8px !important;
  }
  .screen-tablet-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 435.2px !important;
  }
  .screen-tablet-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 441.6px !important;
  }
  .screen-tablet-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 448px !important;
  }
  .screen-tablet-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 454.4px !important;
  }
  .screen-tablet-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 460.8px !important;
  }
  .screen-tablet-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 467.2px !important;
  }
  .screen-tablet-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 473.6px !important;
  }
  .screen-tablet-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 480px !important;
  }
  .screen-tablet-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 486.4px !important;
  }
  .screen-tablet-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 492.8px !important;
  }
  .screen-tablet-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 499.2px !important;
  }
  .screen-tablet-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 505.6px !important;
  }
  .screen-tablet-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 512px !important;
  }
  .screen-tablet-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 518.4px !important;
  }
  .screen-tablet-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 524.8px !important;
  }
  .screen-tablet-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 531.2px !important;
  }
  .screen-tablet-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 537.6px !important;
  }
  .screen-tablet-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 544px !important;
  }
  .screen-tablet-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 550.4px !important;
  }
  .screen-tablet-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 556.8px !important;
  }
  .screen-tablet-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 563.2px !important;
  }
  .screen-tablet-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 569.6px !important;
  }
  .screen-tablet-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 576px !important;
  }
  .screen-tablet-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 582.4px !important;
  }
  .screen-tablet-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 588.8px !important;
  }
  .screen-tablet-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 595.2px !important;
  }
  .screen-tablet-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 601.6px !important;
  }
  .screen-tablet-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 608px !important;
  }
  .screen-tablet-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 614.4px !important;
  }
  .screen-tablet-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 620.8px !important;
  }
  .screen-tablet-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 627.2px !important;
  }
  .screen-tablet-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 633.6px !important;
  }
  .screen-tablet-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 640px !important;
  }
  .screen-tablet-100 {
    width: 100% !important;
  }
}
@media (min-width: 801px) and (max-width: 1080px) {
  .screen-auto {
    width: 800px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-tablet-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 8px !important;
  }
  .screen-tablet-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 16px !important;
  }
  .screen-tablet-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 24px !important;
  }
  .screen-tablet-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 32px !important;
  }
  .screen-tablet-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 40px !important;
  }
  .screen-tablet-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 48px !important;
  }
  .screen-tablet-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 56px !important;
  }
  .screen-tablet-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 64px !important;
  }
  .screen-tablet-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 72px !important;
  }
  .screen-tablet-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 80px !important;
  }
  .screen-tablet-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 88px !important;
  }
  .screen-tablet-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 96px !important;
  }
  .screen-tablet-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 104px !important;
  }
  .screen-tablet-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 112px !important;
  }
  .screen-tablet-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 120px !important;
  }
  .screen-tablet-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 128px !important;
  }
  .screen-tablet-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 136px !important;
  }
  .screen-tablet-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 144px !important;
  }
  .screen-tablet-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 152px !important;
  }
  .screen-tablet-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 160px !important;
  }
  .screen-tablet-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 168px !important;
  }
  .screen-tablet-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 176px !important;
  }
  .screen-tablet-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 184px !important;
  }
  .screen-tablet-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 192px !important;
  }
  .screen-tablet-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 200px !important;
  }
  .screen-tablet-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 208px !important;
  }
  .screen-tablet-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 216px !important;
  }
  .screen-tablet-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 224px !important;
  }
  .screen-tablet-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 232px !important;
  }
  .screen-tablet-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 240px !important;
  }
  .screen-tablet-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 248px !important;
  }
  .screen-tablet-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 256px !important;
  }
  .screen-tablet-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 264px !important;
  }
  .screen-tablet-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 272px !important;
  }
  .screen-tablet-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 280px !important;
  }
  .screen-tablet-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 288px !important;
  }
  .screen-tablet-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 296px !important;
  }
  .screen-tablet-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 304px !important;
  }
  .screen-tablet-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 312px !important;
  }
  .screen-tablet-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 320px !important;
  }
  .screen-tablet-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 328px !important;
  }
  .screen-tablet-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 336px !important;
  }
  .screen-tablet-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 344px !important;
  }
  .screen-tablet-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 352px !important;
  }
  .screen-tablet-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 360px !important;
  }
  .screen-tablet-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 368px !important;
  }
  .screen-tablet-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 376px !important;
  }
  .screen-tablet-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 384px !important;
  }
  .screen-tablet-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 392px !important;
  }
  .screen-tablet-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 400px !important;
  }
  .screen-tablet-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 408px !important;
  }
  .screen-tablet-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 416px !important;
  }
  .screen-tablet-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 424px !important;
  }
  .screen-tablet-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 432px !important;
  }
  .screen-tablet-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 440px !important;
  }
  .screen-tablet-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 448px !important;
  }
  .screen-tablet-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 456px !important;
  }
  .screen-tablet-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 464px !important;
  }
  .screen-tablet-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 472px !important;
  }
  .screen-tablet-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 480px !important;
  }
  .screen-tablet-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 488px !important;
  }
  .screen-tablet-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 496px !important;
  }
  .screen-tablet-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 504px !important;
  }
  .screen-tablet-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 512px !important;
  }
  .screen-tablet-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 520px !important;
  }
  .screen-tablet-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 528px !important;
  }
  .screen-tablet-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 536px !important;
  }
  .screen-tablet-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 544px !important;
  }
  .screen-tablet-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 552px !important;
  }
  .screen-tablet-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 560px !important;
  }
  .screen-tablet-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 568px !important;
  }
  .screen-tablet-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 576px !important;
  }
  .screen-tablet-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 584px !important;
  }
  .screen-tablet-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 592px !important;
  }
  .screen-tablet-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 600px !important;
  }
  .screen-tablet-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 608px !important;
  }
  .screen-tablet-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 616px !important;
  }
  .screen-tablet-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 624px !important;
  }
  .screen-tablet-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 632px !important;
  }
  .screen-tablet-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 640px !important;
  }
  .screen-tablet-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 648px !important;
  }
  .screen-tablet-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 656px !important;
  }
  .screen-tablet-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 664px !important;
  }
  .screen-tablet-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 672px !important;
  }
  .screen-tablet-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 680px !important;
  }
  .screen-tablet-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 688px !important;
  }
  .screen-tablet-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 696px !important;
  }
  .screen-tablet-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 704px !important;
  }
  .screen-tablet-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 712px !important;
  }
  .screen-tablet-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 720px !important;
  }
  .screen-tablet-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 728px !important;
  }
  .screen-tablet-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 736px !important;
  }
  .screen-tablet-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 744px !important;
  }
  .screen-tablet-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 752px !important;
  }
  .screen-tablet-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 760px !important;
  }
  .screen-tablet-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 768px !important;
  }
  .screen-tablet-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 776px !important;
  }
  .screen-tablet-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 784px !important;
  }
  .screen-tablet-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 792px !important;
  }
  .screen-tablet-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 800px !important;
  }
  .screen-tablet-100 {
    width: 100% !important;
  }
}
@media (min-width: 1081px) and (max-width: 1280px) {
  .screen-auto {
    width: 1080px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-tablet-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 10.8px !important;
  }
  .screen-tablet-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 21.6px !important;
  }
  .screen-tablet-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 32.4px !important;
  }
  .screen-tablet-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 43.2px !important;
  }
  .screen-tablet-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 54px !important;
  }
  .screen-tablet-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 64.8px !important;
  }
  .screen-tablet-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 75.6px !important;
  }
  .screen-tablet-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 86.4px !important;
  }
  .screen-tablet-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 97.2px !important;
  }
  .screen-tablet-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 108px !important;
  }
  .screen-tablet-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 118.8px !important;
  }
  .screen-tablet-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 129.6px !important;
  }
  .screen-tablet-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 140.4px !important;
  }
  .screen-tablet-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 151.2px !important;
  }
  .screen-tablet-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 162px !important;
  }
  .screen-tablet-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 172.8px !important;
  }
  .screen-tablet-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 183.6px !important;
  }
  .screen-tablet-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 194.4px !important;
  }
  .screen-tablet-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 205.2px !important;
  }
  .screen-tablet-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 216px !important;
  }
  .screen-tablet-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 226.8px !important;
  }
  .screen-tablet-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 237.6px !important;
  }
  .screen-tablet-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 248.4px !important;
  }
  .screen-tablet-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 259.2px !important;
  }
  .screen-tablet-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 270px !important;
  }
  .screen-tablet-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 280.8px !important;
  }
  .screen-tablet-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 291.6px !important;
  }
  .screen-tablet-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 302.4px !important;
  }
  .screen-tablet-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 313.2px !important;
  }
  .screen-tablet-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 324px !important;
  }
  .screen-tablet-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 334.8px !important;
  }
  .screen-tablet-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 345.6px !important;
  }
  .screen-tablet-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 356.4px !important;
  }
  .screen-tablet-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 367.2px !important;
  }
  .screen-tablet-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 378px !important;
  }
  .screen-tablet-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 388.8px !important;
  }
  .screen-tablet-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 399.6px !important;
  }
  .screen-tablet-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 410.4px !important;
  }
  .screen-tablet-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 421.2px !important;
  }
  .screen-tablet-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 432px !important;
  }
  .screen-tablet-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 442.8px !important;
  }
  .screen-tablet-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 453.6px !important;
  }
  .screen-tablet-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 464.4px !important;
  }
  .screen-tablet-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 475.2px !important;
  }
  .screen-tablet-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 486px !important;
  }
  .screen-tablet-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 496.8px !important;
  }
  .screen-tablet-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 507.6px !important;
  }
  .screen-tablet-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 518.4px !important;
  }
  .screen-tablet-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 529.2px !important;
  }
  .screen-tablet-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 540px !important;
  }
  .screen-tablet-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 550.8px !important;
  }
  .screen-tablet-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 561.6px !important;
  }
  .screen-tablet-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 572.4px !important;
  }
  .screen-tablet-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 583.2px !important;
  }
  .screen-tablet-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 594px !important;
  }
  .screen-tablet-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 604.8px !important;
  }
  .screen-tablet-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 615.6px !important;
  }
  .screen-tablet-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 626.4px !important;
  }
  .screen-tablet-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 637.2px !important;
  }
  .screen-tablet-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 648px !important;
  }
  .screen-tablet-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 658.8px !important;
  }
  .screen-tablet-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 669.6px !important;
  }
  .screen-tablet-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 680.4px !important;
  }
  .screen-tablet-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 691.2px !important;
  }
  .screen-tablet-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 702px !important;
  }
  .screen-tablet-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 712.8px !important;
  }
  .screen-tablet-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 723.6px !important;
  }
  .screen-tablet-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 734.4px !important;
  }
  .screen-tablet-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 745.2px !important;
  }
  .screen-tablet-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 756px !important;
  }
  .screen-tablet-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 766.8px !important;
  }
  .screen-tablet-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 777.6px !important;
  }
  .screen-tablet-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 788.4px !important;
  }
  .screen-tablet-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 799.2px !important;
  }
  .screen-tablet-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 810px !important;
  }
  .screen-tablet-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 820.8px !important;
  }
  .screen-tablet-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 831.6px !important;
  }
  .screen-tablet-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 842.4px !important;
  }
  .screen-tablet-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 853.2px !important;
  }
  .screen-tablet-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 864px !important;
  }
  .screen-tablet-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 874.8px !important;
  }
  .screen-tablet-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 885.6px !important;
  }
  .screen-tablet-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 896.4px !important;
  }
  .screen-tablet-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 907.2px !important;
  }
  .screen-tablet-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 918px !important;
  }
  .screen-tablet-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 928.8px !important;
  }
  .screen-tablet-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 939.6px !important;
  }
  .screen-tablet-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 950.4px !important;
  }
  .screen-tablet-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 961.2px !important;
  }
  .screen-tablet-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 972px !important;
  }
  .screen-tablet-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 982.8px !important;
  }
  .screen-tablet-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 993.6px !important;
  }
  .screen-tablet-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 1004.4px !important;
  }
  .screen-tablet-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 1015.2px !important;
  }
  .screen-tablet-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 1026px !important;
  }
  .screen-tablet-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 1036.8px !important;
  }
  .screen-tablet-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 1047.6px !important;
  }
  .screen-tablet-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 1058.4px !important;
  }
  .screen-tablet-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 1069.2px !important;
  }
  .screen-tablet-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 1080px !important;
  }
  .screen-tablet-100 {
    width: 100% !important;
  }
}
@media (min-width: 1281px) and (max-width: 1920px) {
  .screen-auto {
    width: 1280px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-desktop-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 12.8px !important;
  }
  .screen-desktop-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 25.6px !important;
  }
  .screen-desktop-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 38.4px !important;
  }
  .screen-desktop-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 51.2px !important;
  }
  .screen-desktop-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 64px !important;
  }
  .screen-desktop-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 76.8px !important;
  }
  .screen-desktop-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 89.6px !important;
  }
  .screen-desktop-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 102.4px !important;
  }
  .screen-desktop-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 115.2px !important;
  }
  .screen-desktop-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 128px !important;
  }
  .screen-desktop-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 140.8px !important;
  }
  .screen-desktop-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 153.6px !important;
  }
  .screen-desktop-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 166.4px !important;
  }
  .screen-desktop-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 179.2px !important;
  }
  .screen-desktop-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 192px !important;
  }
  .screen-desktop-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 204.8px !important;
  }
  .screen-desktop-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 217.6px !important;
  }
  .screen-desktop-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 230.4px !important;
  }
  .screen-desktop-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 243.2px !important;
  }
  .screen-desktop-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 256px !important;
  }
  .screen-desktop-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 268.8px !important;
  }
  .screen-desktop-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 281.6px !important;
  }
  .screen-desktop-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 294.4px !important;
  }
  .screen-desktop-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 307.2px !important;
  }
  .screen-desktop-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 320px !important;
  }
  .screen-desktop-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 332.8px !important;
  }
  .screen-desktop-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 345.6px !important;
  }
  .screen-desktop-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 358.4px !important;
  }
  .screen-desktop-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 371.2px !important;
  }
  .screen-desktop-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 384px !important;
  }
  .screen-desktop-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 396.8px !important;
  }
  .screen-desktop-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 409.6px !important;
  }
  .screen-desktop-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 422.4px !important;
  }
  .screen-desktop-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 435.2px !important;
  }
  .screen-desktop-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 448px !important;
  }
  .screen-desktop-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 460.8px !important;
  }
  .screen-desktop-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 473.6px !important;
  }
  .screen-desktop-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 486.4px !important;
  }
  .screen-desktop-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 499.2px !important;
  }
  .screen-desktop-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 512px !important;
  }
  .screen-desktop-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 524.8px !important;
  }
  .screen-desktop-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 537.6px !important;
  }
  .screen-desktop-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 550.4px !important;
  }
  .screen-desktop-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 563.2px !important;
  }
  .screen-desktop-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 576px !important;
  }
  .screen-desktop-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 588.8px !important;
  }
  .screen-desktop-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 601.6px !important;
  }
  .screen-desktop-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 614.4px !important;
  }
  .screen-desktop-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 627.2px !important;
  }
  .screen-desktop-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 640px !important;
  }
  .screen-desktop-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 652.8px !important;
  }
  .screen-desktop-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 665.6px !important;
  }
  .screen-desktop-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 678.4px !important;
  }
  .screen-desktop-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 691.2px !important;
  }
  .screen-desktop-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 704px !important;
  }
  .screen-desktop-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 716.8px !important;
  }
  .screen-desktop-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 729.6px !important;
  }
  .screen-desktop-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 742.4px !important;
  }
  .screen-desktop-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 755.2px !important;
  }
  .screen-desktop-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 768px !important;
  }
  .screen-desktop-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 780.8px !important;
  }
  .screen-desktop-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 793.6px !important;
  }
  .screen-desktop-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 806.4px !important;
  }
  .screen-desktop-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 819.2px !important;
  }
  .screen-desktop-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 832px !important;
  }
  .screen-desktop-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 844.8px !important;
  }
  .screen-desktop-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 857.6px !important;
  }
  .screen-desktop-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 870.4px !important;
  }
  .screen-desktop-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 883.2px !important;
  }
  .screen-desktop-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 896px !important;
  }
  .screen-desktop-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 908.8px !important;
  }
  .screen-desktop-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 921.6px !important;
  }
  .screen-desktop-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 934.4px !important;
  }
  .screen-desktop-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 947.2px !important;
  }
  .screen-desktop-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 960px !important;
  }
  .screen-desktop-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 972.8px !important;
  }
  .screen-desktop-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 985.6px !important;
  }
  .screen-desktop-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 998.4px !important;
  }
  .screen-desktop-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 1011.2px !important;
  }
  .screen-desktop-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 1024px !important;
  }
  .screen-desktop-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 1036.8px !important;
  }
  .screen-desktop-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 1049.6px !important;
  }
  .screen-desktop-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 1062.4px !important;
  }
  .screen-desktop-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 1075.2px !important;
  }
  .screen-desktop-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 1088px !important;
  }
  .screen-desktop-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 1100.8px !important;
  }
  .screen-desktop-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 1113.6px !important;
  }
  .screen-desktop-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 1126.4px !important;
  }
  .screen-desktop-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 1139.2px !important;
  }
  .screen-desktop-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 1152px !important;
  }
  .screen-desktop-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 1164.8px !important;
  }
  .screen-desktop-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 1177.6px !important;
  }
  .screen-desktop-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 1190.4px !important;
  }
  .screen-desktop-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 1203.2px !important;
  }
  .screen-desktop-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 1216px !important;
  }
  .screen-desktop-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 1228.8px !important;
  }
  .screen-desktop-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 1241.6px !important;
  }
  .screen-desktop-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 1254.4px !important;
  }
  .screen-desktop-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 1267.2px !important;
  }
  .screen-desktop-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 1280px !important;
  }
  .screen-desktop-100 {
    width: 100% !important;
  }
}
@media (min-width: 1921px) {
  .screen-auto {
    width: 1440px;
  }
  .screen-0 {
    width: 0px !important;
  }
  .screen-desktop-0 {
    width: 0% !important;
  }
  .screen-1 {
    width: 14.4px !important;
  }
  .screen-desktop-1 {
    width: 1% !important;
  }
  .screen-2 {
    width: 28.8px !important;
  }
  .screen-desktop-2 {
    width: 2% !important;
  }
  .screen-3 {
    width: 43.2px !important;
  }
  .screen-desktop-3 {
    width: 3% !important;
  }
  .screen-4 {
    width: 57.6px !important;
  }
  .screen-desktop-4 {
    width: 4% !important;
  }
  .screen-5 {
    width: 72px !important;
  }
  .screen-desktop-5 {
    width: 5% !important;
  }
  .screen-6 {
    width: 86.4px !important;
  }
  .screen-desktop-6 {
    width: 6% !important;
  }
  .screen-7 {
    width: 100.8px !important;
  }
  .screen-desktop-7 {
    width: 7% !important;
  }
  .screen-8 {
    width: 115.2px !important;
  }
  .screen-desktop-8 {
    width: 8% !important;
  }
  .screen-9 {
    width: 129.6px !important;
  }
  .screen-desktop-9 {
    width: 9% !important;
  }
  .screen-10 {
    width: 144px !important;
  }
  .screen-desktop-10 {
    width: 10% !important;
  }
  .screen-11 {
    width: 158.4px !important;
  }
  .screen-desktop-11 {
    width: 11% !important;
  }
  .screen-12 {
    width: 172.8px !important;
  }
  .screen-desktop-12 {
    width: 12% !important;
  }
  .screen-13 {
    width: 187.2px !important;
  }
  .screen-desktop-13 {
    width: 13% !important;
  }
  .screen-14 {
    width: 201.6px !important;
  }
  .screen-desktop-14 {
    width: 14% !important;
  }
  .screen-15 {
    width: 216px !important;
  }
  .screen-desktop-15 {
    width: 15% !important;
  }
  .screen-16 {
    width: 230.4px !important;
  }
  .screen-desktop-16 {
    width: 16% !important;
  }
  .screen-17 {
    width: 244.8px !important;
  }
  .screen-desktop-17 {
    width: 17% !important;
  }
  .screen-18 {
    width: 259.2px !important;
  }
  .screen-desktop-18 {
    width: 18% !important;
  }
  .screen-19 {
    width: 273.6px !important;
  }
  .screen-desktop-19 {
    width: 19% !important;
  }
  .screen-20 {
    width: 288px !important;
  }
  .screen-desktop-20 {
    width: 20% !important;
  }
  .screen-21 {
    width: 302.4px !important;
  }
  .screen-desktop-21 {
    width: 21% !important;
  }
  .screen-22 {
    width: 316.8px !important;
  }
  .screen-desktop-22 {
    width: 22% !important;
  }
  .screen-23 {
    width: 331.2px !important;
  }
  .screen-desktop-23 {
    width: 23% !important;
  }
  .screen-24 {
    width: 345.6px !important;
  }
  .screen-desktop-24 {
    width: 24% !important;
  }
  .screen-25 {
    width: 360px !important;
  }
  .screen-desktop-25 {
    width: 25% !important;
  }
  .screen-26 {
    width: 374.4px !important;
  }
  .screen-desktop-26 {
    width: 26% !important;
  }
  .screen-27 {
    width: 388.8px !important;
  }
  .screen-desktop-27 {
    width: 27% !important;
  }
  .screen-28 {
    width: 403.2px !important;
  }
  .screen-desktop-28 {
    width: 28% !important;
  }
  .screen-29 {
    width: 417.6px !important;
  }
  .screen-desktop-29 {
    width: 29% !important;
  }
  .screen-30 {
    width: 432px !important;
  }
  .screen-desktop-30 {
    width: 30% !important;
  }
  .screen-31 {
    width: 446.4px !important;
  }
  .screen-desktop-31 {
    width: 31% !important;
  }
  .screen-32 {
    width: 460.8px !important;
  }
  .screen-desktop-32 {
    width: 32% !important;
  }
  .screen-33 {
    width: 475.2px !important;
  }
  .screen-desktop-33 {
    width: 33% !important;
  }
  .screen-34 {
    width: 489.6px !important;
  }
  .screen-desktop-34 {
    width: 34% !important;
  }
  .screen-35 {
    width: 504px !important;
  }
  .screen-desktop-35 {
    width: 35% !important;
  }
  .screen-36 {
    width: 518.4px !important;
  }
  .screen-desktop-36 {
    width: 36% !important;
  }
  .screen-37 {
    width: 532.8px !important;
  }
  .screen-desktop-37 {
    width: 37% !important;
  }
  .screen-38 {
    width: 547.2px !important;
  }
  .screen-desktop-38 {
    width: 38% !important;
  }
  .screen-39 {
    width: 561.6px !important;
  }
  .screen-desktop-39 {
    width: 39% !important;
  }
  .screen-40 {
    width: 576px !important;
  }
  .screen-desktop-40 {
    width: 40% !important;
  }
  .screen-41 {
    width: 590.4px !important;
  }
  .screen-desktop-41 {
    width: 41% !important;
  }
  .screen-42 {
    width: 604.8px !important;
  }
  .screen-desktop-42 {
    width: 42% !important;
  }
  .screen-43 {
    width: 619.2px !important;
  }
  .screen-desktop-43 {
    width: 43% !important;
  }
  .screen-44 {
    width: 633.6px !important;
  }
  .screen-desktop-44 {
    width: 44% !important;
  }
  .screen-45 {
    width: 648px !important;
  }
  .screen-desktop-45 {
    width: 45% !important;
  }
  .screen-46 {
    width: 662.4px !important;
  }
  .screen-desktop-46 {
    width: 46% !important;
  }
  .screen-47 {
    width: 676.8px !important;
  }
  .screen-desktop-47 {
    width: 47% !important;
  }
  .screen-48 {
    width: 691.2px !important;
  }
  .screen-desktop-48 {
    width: 48% !important;
  }
  .screen-49 {
    width: 705.6px !important;
  }
  .screen-desktop-49 {
    width: 49% !important;
  }
  .screen-50 {
    width: 720px !important;
  }
  .screen-desktop-50 {
    width: 50% !important;
  }
  .screen-51 {
    width: 734.4px !important;
  }
  .screen-desktop-51 {
    width: 51% !important;
  }
  .screen-52 {
    width: 748.8px !important;
  }
  .screen-desktop-52 {
    width: 52% !important;
  }
  .screen-53 {
    width: 763.2px !important;
  }
  .screen-desktop-53 {
    width: 53% !important;
  }
  .screen-54 {
    width: 777.6px !important;
  }
  .screen-desktop-54 {
    width: 54% !important;
  }
  .screen-55 {
    width: 792px !important;
  }
  .screen-desktop-55 {
    width: 55% !important;
  }
  .screen-56 {
    width: 806.4px !important;
  }
  .screen-desktop-56 {
    width: 56% !important;
  }
  .screen-57 {
    width: 820.8px !important;
  }
  .screen-desktop-57 {
    width: 57% !important;
  }
  .screen-58 {
    width: 835.2px !important;
  }
  .screen-desktop-58 {
    width: 58% !important;
  }
  .screen-59 {
    width: 849.6px !important;
  }
  .screen-desktop-59 {
    width: 59% !important;
  }
  .screen-60 {
    width: 864px !important;
  }
  .screen-desktop-60 {
    width: 60% !important;
  }
  .screen-61 {
    width: 878.4px !important;
  }
  .screen-desktop-61 {
    width: 61% !important;
  }
  .screen-62 {
    width: 892.8px !important;
  }
  .screen-desktop-62 {
    width: 62% !important;
  }
  .screen-63 {
    width: 907.2px !important;
  }
  .screen-desktop-63 {
    width: 63% !important;
  }
  .screen-64 {
    width: 921.6px !important;
  }
  .screen-desktop-64 {
    width: 64% !important;
  }
  .screen-65 {
    width: 936px !important;
  }
  .screen-desktop-65 {
    width: 65% !important;
  }
  .screen-66 {
    width: 950.4px !important;
  }
  .screen-desktop-66 {
    width: 66% !important;
  }
  .screen-67 {
    width: 964.8px !important;
  }
  .screen-desktop-67 {
    width: 67% !important;
  }
  .screen-68 {
    width: 979.2px !important;
  }
  .screen-desktop-68 {
    width: 68% !important;
  }
  .screen-69 {
    width: 993.6px !important;
  }
  .screen-desktop-69 {
    width: 69% !important;
  }
  .screen-70 {
    width: 1008px !important;
  }
  .screen-desktop-70 {
    width: 70% !important;
  }
  .screen-71 {
    width: 1022.4px !important;
  }
  .screen-desktop-71 {
    width: 71% !important;
  }
  .screen-72 {
    width: 1036.8px !important;
  }
  .screen-desktop-72 {
    width: 72% !important;
  }
  .screen-73 {
    width: 1051.2px !important;
  }
  .screen-desktop-73 {
    width: 73% !important;
  }
  .screen-74 {
    width: 1065.6px !important;
  }
  .screen-desktop-74 {
    width: 74% !important;
  }
  .screen-75 {
    width: 1080px !important;
  }
  .screen-desktop-75 {
    width: 75% !important;
  }
  .screen-76 {
    width: 1094.4px !important;
  }
  .screen-desktop-76 {
    width: 76% !important;
  }
  .screen-77 {
    width: 1108.8px !important;
  }
  .screen-desktop-77 {
    width: 77% !important;
  }
  .screen-78 {
    width: 1123.2px !important;
  }
  .screen-desktop-78 {
    width: 78% !important;
  }
  .screen-79 {
    width: 1137.6px !important;
  }
  .screen-desktop-79 {
    width: 79% !important;
  }
  .screen-80 {
    width: 1152px !important;
  }
  .screen-desktop-80 {
    width: 80% !important;
  }
  .screen-81 {
    width: 1166.4px !important;
  }
  .screen-desktop-81 {
    width: 81% !important;
  }
  .screen-82 {
    width: 1180.8px !important;
  }
  .screen-desktop-82 {
    width: 82% !important;
  }
  .screen-83 {
    width: 1195.2px !important;
  }
  .screen-desktop-83 {
    width: 83% !important;
  }
  .screen-84 {
    width: 1209.6px !important;
  }
  .screen-desktop-84 {
    width: 84% !important;
  }
  .screen-85 {
    width: 1224px !important;
  }
  .screen-desktop-85 {
    width: 85% !important;
  }
  .screen-86 {
    width: 1238.4px !important;
  }
  .screen-desktop-86 {
    width: 86% !important;
  }
  .screen-87 {
    width: 1252.8px !important;
  }
  .screen-desktop-87 {
    width: 87% !important;
  }
  .screen-88 {
    width: 1267.2px !important;
  }
  .screen-desktop-88 {
    width: 88% !important;
  }
  .screen-89 {
    width: 1281.6px !important;
  }
  .screen-desktop-89 {
    width: 89% !important;
  }
  .screen-90 {
    width: 1296px !important;
  }
  .screen-desktop-90 {
    width: 90% !important;
  }
  .screen-91 {
    width: 1310.4px !important;
  }
  .screen-desktop-91 {
    width: 91% !important;
  }
  .screen-92 {
    width: 1324.8px !important;
  }
  .screen-desktop-92 {
    width: 92% !important;
  }
  .screen-93 {
    width: 1339.2px !important;
  }
  .screen-desktop-93 {
    width: 93% !important;
  }
  .screen-94 {
    width: 1353.6px !important;
  }
  .screen-desktop-94 {
    width: 94% !important;
  }
  .screen-95 {
    width: 1368px !important;
  }
  .screen-desktop-95 {
    width: 95% !important;
  }
  .screen-96 {
    width: 1382.4px !important;
  }
  .screen-desktop-96 {
    width: 96% !important;
  }
  .screen-97 {
    width: 1396.8px !important;
  }
  .screen-desktop-97 {
    width: 97% !important;
  }
  .screen-98 {
    width: 1411.2px !important;
  }
  .screen-desktop-98 {
    width: 98% !important;
  }
  .screen-99 {
    width: 1425.6px !important;
  }
  .screen-desktop-99 {
    width: 99% !important;
  }
  .screen-100 {
    width: 1440px !important;
  }
  .screen-desktop-100 {
    width: 100% !important;
  }
}
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-1 {
  font-size: 0.1666666667rem !important;
}

.text-line-1 {
  line-height: 0.1666666667rem !important;
}

.text-2 {
  font-size: 0.3333333333rem !important;
}

.text-line-2 {
  line-height: 0.3333333333rem !important;
}

.text-3 {
  font-size: 0.5rem !important;
}

.text-line-3 {
  line-height: 0.5rem !important;
}

.text-4 {
  font-size: 0.6666666667rem !important;
}

.text-line-4 {
  line-height: 0.6666666667rem !important;
}

.text-5 {
  font-size: 0.8333333333rem !important;
}

.text-line-5 {
  line-height: 0.8333333333rem !important;
}

.text-6 {
  font-size: 1rem !important;
}

.text-line-6 {
  line-height: 1rem !important;
}

.text-7 {
  font-size: 1.1666666667rem !important;
}

.text-line-7 {
  line-height: 1.1666666667rem !important;
}

.text-8 {
  font-size: 1.3333333333rem !important;
}

.text-line-8 {
  line-height: 1.3333333333rem !important;
}

.text-9 {
  font-size: 1.5rem !important;
}

.text-line-9 {
  line-height: 1.5rem !important;
}

.text-10 {
  font-size: 1.6666666667rem !important;
}

.text-line-10 {
  line-height: 1.6666666667rem !important;
}

.text-11 {
  font-size: 1.8333333333rem !important;
}

.text-line-11 {
  line-height: 1.8333333333rem !important;
}

.text-12 {
  font-size: 2rem !important;
}

.text-line-12 {
  line-height: 2rem !important;
}

.text-small {
  font-size: 0.8333333333rem !important;
}

.text-normal {
  font-size: 1rem !important;
}

.text-large {
  font-size: 1.3333333333rem !important;
}

.text-tip-top {
  font-size: 0.6666666667rem !important;
  padding-bottom: 0.5rem !important;
}

.text-tip-bottom {
  font-size: 0.6666666667rem !important;
  padding-top: 0.5rem !important;
}

.text-thin {
  font-weight: 200;
}

.text-normal {
  font-weight: 400;
}

.text-bold {
  font-weight: 600;
}

.text-italic {
  font-style: italic;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-decoration-none {
  text-decoration: none;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

html {
  font-size: 16px;
  font-family: "pretendard", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.body-center {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%);
}
body:has(app-body):has(app-head) app-body {
  top: 88px;
}
body:has(app-body):has(app-foot) app-body {
  bottom: 88px;
}
body:has(dialog-iframe) {
  padding: 0;
  margin: 0;
}