/* general */
/* .brand-link,.page-title,.content-wrapper .content-header,.login-page .card h1 {opacity: 0.05;} */
@font-face {
  font-family: "Outfit"; /* use "outfit" subset */
  src: url(https://fonts.gstatic.com/l/font?kit=QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4SmHBgYkZTpFhf9ePk&skey=bafc0b239d492b2c&v=v11) format('woff2');
  unicode-range: U+30-39; /* replace only digits */
}
body {
  background-color: #f4f6f9;
  font-family: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.5px;
}
.dark-mode .main-header {
  background-color: #454d55;
}
.main-header {
  background: none;
  border: none;
  box-shadow: none;
}
.main-sidebar .brand-link {
  display: flex;
  align-items: center;
  padding: 12px 8px;
  border: none;
}
.main-sidebar .brand-link .brand-image {
  float: none;
  margin: 0 14px;
}
.control-sidebar {
  top: 0;
  z-index: 1034;
}
.control-sidebar, .control-sidebar::before {
  bottom: 0;
}
.sidebar .user-panel {
  display: flex;
  align-items: center;
  padding: 12px 0 !important;
  border: none;
  border-radius: 8px;
  background: rgba(255,255,255,.06);
}
.sidebar .user-panel .image {
  padding: 0;
  margin: 0 14px;
  margin-bottom: 3px;
}
.sidebar .user-panel img {
  width: 33px;
}
.sidebar .user-panel .info {
  padding: 0;
  line-height: 1.2;
  margin-right: 8px;
}
.sidebar .user-panel .info a {
  color:#c83439;
  /* line-height: 12px; */
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar .nav-sidebar>.nav-item>.nav-link.active {
  background: #c83439;
}
.sidebar .nav-sidebar>.nav-item>.nav-link.active>i {
  color: #fff;
}
.sidebar .nav-sidebar>.nav-item .nav-icon {
  color:#c83439;
  font-size: 14px !important;
  margin-right: 8px;
}
.sidebar .nav-sidebar>.nav-item .nav-treeview .nav-icon {
  color: #999ea7;
}
.sidebar .nav-sidebar>.nav-item .nav-treeview .nav-link p {
  margin-left: 16px !important;
  color: #999ea7;
  font-size: 13px !important;
}
.sidebar .nav-sidebar>.nav-item .nav-treeview .nav-link.active p {
  color: #333;
}
.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
.sidebar .nav-sidebar .nav-link p {
  margin-left: 8px !important;
  font-size: 14px;
}
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-header {
  display: block !important;
  width: -webkit-fill-available;
  text-overflow: ellipsis;
}
.nav-item .dropdown-menu {
  border: 0;
  border-radius: 10px;
}
.nav-item .dropdown-menu .dropdown-item {
  padding: 12px 16px;
}
.nav-item .dropdown-menu .dropdown-divider {
  margin: 0 8px;
}
.dropdown-toggle::after {
  margin-left: 0.6rem;
}
.main-footer {
  font-size: 12px;
  padding: 12px 16px;
  border: 0;
}

/* badges light */
.badge-danger-lt { 
  background: #fee2e2;
  color: #ef4444;
}
.badge-warning-lt { 
  background: #fef9c3;
  color: #eab308;
}
.badge-info-lt { 
  background: #e0f2fe;
  color: #38bdf8;
}
.badge-success-lt { 
  background: #dcfce7;
  color: #22c55e;
}
.badge-light-lt { 
  background: #f1f5f9;
  color: #64748b;
}

/* content */
.card {
  border-radius: 10px;
  box-shadow: 0 0 7px 2px rgba(144,144,144,0.15);
}
.card .card-header {
  padding: 1.5rem 1.5rem 0;
  border: 0;
}
.card .card-body {
  padding: 1.5rem;
}
.card-title {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 2px solid #dc3545;
  padding-bottom: 8px;
}
.col-form-label {
  font-weight: normal !important;
}

/* modal */
.modal-content {
  border: none;
  border-radius: 10px;
}
.modal-header {
  padding: 1rem 1.7rem;
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.modal-body {
  padding: 1.7rem;
}

.modal-footer {
  padding: 1rem 1.7rem;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* COMPONENTS HELPER */
.form-group label:not(.btn) {
  font-size: 13px;
}
.form-group .custom-checkbox label,
.form-group .custom-radio label,
.form-group .custom-switch label {
  line-height: 2;
}
.custom-switch {
  line-height: 1.6;
}
.custom-switch label,
.custom-checkbox label {
  cursor: pointer;
}
.custom-checkbox.checkbox-xl {
  min-height: 2rem;
}
.custom-checkbox.checkbox-xl label:before,
.custom-checkbox.checkbox-xl label:after {
  top: 0;
  width: 2rem;
  height: 2rem;
}
.input-icon {
  position: relative;
}
.input-icon-addon {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  pointer-events: none;
  /* font-size: 1.2em; */
}
.input-icon-addon:last-child {
  right: 0px;
  left: auto;
}
.input-icon .form-control:not(:first-child),
.input-icon .form-select:not(:last-child) {
  padding-left: 2.5rem;
}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #000;
  padding-right: 24px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23495057' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 12px 9px;
}
.slimscroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.slimscroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.slimscroll::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #fff;
  display: none;
}
.slimscroll::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background-color: #ddd;
}
.slimscroll {
  /* scrollbar-color: #ddd rgba(255, 255, 255, 0);
  scrollbar-width: thin; */
}

/* TOAST */
#toast-container .toast {
  width: auto !important;
  min-width: 200px;
  max-width: 80vw;
  display: table;
  background: #000 !important;
  border-radius: 16px;
  padding: 15px 30px !important;
  margin-bottom: 18px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 0 12px #00000063;
}
#toast-container .toast .toast-progress {
  background-color: #555;
}
.swal2-actions button {
  min-width: 100px;
}

/* LOGIN & REGISTER */
.login-page {
  background: #fff;
}
.login-logo, .register-logo {
  height: 90px;
  margin-top: -50px;
  margin-bottom: 30px;
}
.login-box, .register-box {
  width: 450px;
}
.login-box > .card, .register-box > .card {
  border-radius: 20px;
  background: #fff;
  box-shadow: 5px 5px 20px 10px #8989890f;
}
.login-card-body, .register-card-body {
  padding: 40px 60px;
  border-radius: 20px;
  background: #fff;
}
.btn-register {
  padding: 6px 25px;
}
.title-loading {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  border-width: 4px;
  vertical-align: unset;
}

/* table */
.table thead th {
  font-size: 12px;
  font-weight: 600;
  border-top: 0;
}
table td.wrap,
table th.wrap {
  width: 1px;
  white-space: nowrap
}
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
  padding-right: 12px;
}
table.dataTable thead > tr > th:not(.sorting_asc,.sorting_desc):before,
table.dataTable thead > tr > th:not(.sorting_asc,.sorting_desc):after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before {
  opacity: 0.1;
}
.card-body.p-0 .table.dataTable tbody>tr>td:first-of-type {
  padding-left: 12px;
}
table.dataTable thead > tr > th:before {
  right: 4px !important;
}
table.dataTable thead > tr > th:after {
  right: 0 !important;
}
table.dataTable tbody {
  font-size: 14px;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 0;
}
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
  margin-bottom: 0;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0;
  padding-left: 36px;
  width: 400px;
}
div.dataTables_wrapper div.dataTables_filter .search-icon {
  margin-right: 12px;
  position: absolute;
  top: 11px;
  left: 12px;
  color: #ddd;
}
div.dataTables_wrapper div.dataTables_length select {
  border: 0;
  box-shadow: none;
}
.paginate_button a {
  padding: 6px 9px;
}
.pagination .page-link {
  width: 32px;
  height: 30px;
  padding: .25rem 0;
  margin: 0 3px;
  background: none;
  border: none;
  color: #868686;
  border-radius: 4px;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}
.pagination .page-link:hover {
  background: #eaeaea;
}

/* filepond */
.filepond--root,.filepond--drop-label label {
  cursor: pointer !important;
}
.filepond--root label{
  font-size: 14px !important;
}

/* select2 */
.select2-container {
  font-size: 1rem;
  /* height: 38px !important; */
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
  padding-left: 12px;
}
.select2-results__option {
  padding: 6px 12px;
}
.select2-search input::placeholder,
.select2-selection__placeholder {
  color: #999 !important;
}
.select2-hidden-accessible {
  margin-top: 36px;
  margin-left: 120px;
}
.select2-container--bootstrap4 .select2-selection__clear {
  padding-top: 2px;
  /* padding-left: 4px; */
}

/* datepicker */
.datepicker-dropdown {
  padding: 4px 8px;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  border: none;
  outline: none;
  cursor: pointer;
  background: #f5f5f5;
  padding: 6px;
  border-radius: 6px;
}

/* editor */
.note-editor {
  border-radius: 6px;
}
.ck-editor__editable_inline {
  min-height: 500px;
}
.is-invalid ~ .ck-editor {
  border: 1px solid #dc3545 !important;
  border-radius: 4px;
}

/* tagsinput validation helper */
.is-invalid ~ .bootstrap-tagsinput {
  border: 1px solid #dc3545 !important;
  border-radius: 4px;
}

/* validation helper for form components with plugins */
.is-invalid ~ .invalid-feedback {
  display: block;
}

/* nav menu - profile */
.media .img-circle {
  margin-top: 8px;
}
/* .media a {
  color: grey;
} */
.dropdown-item.active, .dropdown-item:active {
  color: inherit;
  background-color: unset;
}

/* profile page */
.widget-user-header {
  /* background: rgb(23,162,184);
  background: linear-gradient(10deg, rgba(23,162,184,1) 20%, rgb(0, 204, 255) 100%); */
  color: white;
}
.widget-user .widget-user-image {
  margin-left: -55px;
  top: 70px;
}
.widget-user .widget-user-image>img {
  width: 110px;
  height: 110px;
  object-fit: cover;
}
.box-profile .btn-upload,
.widget-user-image .btn-upload {
  position: absolute;
  left: calc(50% + 20px);
  bottom: 0;
  background: indianred;
  color: white;
  padding: 4px 8px;
  border-radius: 50%;
  cursor: pointer;
}
.box-profile .btn-upload:hover,
.widget-user-image .btn-upload:hover {
  background: rgb(204, 76, 76);
}
.input-file-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 50px;
  left: 50px;
  z-index: -99;
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite;
}

.blink {
  animation: blinker .5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

@media only screen and (max-width: 600px) {
  .login-logo, .register-logo {
    height: 70px;
    margin-top: -80px;
    margin-bottom: 40px;
  }
  .login-box, .register-box {
    width: 90%;
  }
  .login-card-body, .register-card-body {
    padding: 25px 35px;
  }
  .col-form-label {
    text-align: left !important;
  }
}

/* SHORT */
.fstart { display: flex; justify-content: flex-start; }
.fend { display: flex; justify-content: flex-end; }
.fcenter { display: flex; justify-content: center; }
.fbetween { display: flex; justify-content: space-between; }
.faround { display: flex; justify-content: space-around; }
.istart { align-items: flex-start; }
.iend { align-items: flex-end; }
.icenter { align-items: center; }
.hoverlight:hover { background: rgba(0, 0, 0, 0.05); }

/* TAILWIND */
/* position */
.static { position: static; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }

.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.object-fill { object-fit: fill; }
.object-none { object-fit: none; }
.object-scale-down { object-fit: scale-down; }

/* z index */
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-auto { z-index: auto; }

/* width */
.w-0 { width: 0px; }
.w-px { width: 1px; }
.w-0\.5 { width: 0.125rem; /* 2px */ }
.w-1 { width: 0.25rem; /* 4px */ }
.w-1\.5 { width: 0.375rem; /* 6px */ }
.w-2 { width: 0.5rem; /* 8px */ }
.w-2\.5 { width: 0.625rem; /* 10px */ }
.w-3 { width: 0.75rem; /* 12px */ }
.w-3\.5 { width: 0.875rem; /* 14px */ }
.w-4 { width: 1rem; /* 16px */ }
.w-5 { width: 1.25rem; /* 20px */ }
.w-6 { width: 1.5rem; /* 24px */ }
.w-7 { width: 1.75rem; /* 28px */ }
.w-8 { width: 2rem; /* 32px */ }
.w-9 { width: 2.25rem; /* 36px */ }
.w-10 { width: 2.5rem; /* 40px */ }
.w-11 { width: 2.75rem; /* 44px */ }
.w-12 { width: 3rem; /* 48px */ }
.w-14 { width: 3.5rem; /* 56px */ }
.w-16 { width: 4rem; /* 64px */ }
.w-20 { width: 5rem; /* 80px */ }
.w-24 { width: 6rem; /* 96px */ }
.w-28 { width: 7rem; /* 112px */ }
.w-32 { width: 8rem; /* 128px */ }
.w-36 { width: 9rem; /* 144px */ }
.w-40 { width: 10rem; /* 160px */ }
.w-44 { width: 11rem; /* 176px */ }
.w-48 { width: 12rem; /* 192px */ }
.w-52 { width: 13rem; /* 208px */ }
.w-56 { width: 14rem; /* 224px */ }
.w-60 { width: 15rem; /* 240px */ }
.w-64 { width: 16rem; /* 256px */ }
.w-72 { width: 18rem; /* 288px */ }
.w-80 { width: 20rem; /* 320px */ }
.w-96 { width: 24rem; /* 384px */ }
.w-auto { width: auto; }
.w-1\/2 { width: 50%; }
.w-1\/3 { width: 33.333333%; }
.w-2\/3 { width: 66.666667%; }
.w-1\/4 { width: 25%; }
.w-2\/4 { width: 50%; }
.w-3\/4 { width: 75%; }
.w-1\/5 { width: 20%; }
.w-2\/5 { width: 40%; }
.w-3\/5 { width: 60%; }
.w-4\/5 { width: 80%; }
.w-1\/6 { width: 16.666667%; }
.w-2\/6 { width: 33.333333%; }
.w-3\/6 { width: 50%; }
.w-4\/6 { width: 66.666667%; }
.w-5\/6 { width: 83.333333%; }
.w-1\/12 { width: 8.333333%; }
.w-2\/12 { width: 16.666667%; }
.w-3\/12 { width: 25%; }
.w-4\/12 { width: 33.333333%; }
.w-5\/12 { width: 41.666667%; }
.w-6\/12 { width: 50%; }
.w-7\/12 { width: 58.333333%; }
.w-8\/12 { width: 66.666667%; }
.w-9\/12 { width: 75%; }
.w-10\/12 { width: 83.333333%; }
.w-11\/12 { width: 91.666667%; }
.w-full { width: 100%; }
.w-screen { width: 100vw; }
.w-min { width: min-content; }
.w-max { width: max-content; }
.w-fit { width: fit-content; }

.min-w-0 { min-width: 0px; }
.min-w-px { min-width: 1px; }
.min-w-0\.5 { min-width: 0.125rem; /* 2px */ }
.min-w-1 { min-width: 0.25rem; /* 4px */ }
.min-w-1\.5 { min-width: 0.375rem; /* 6px */ }
.min-w-2 { min-width: 0.5rem; /* 8px */ }
.min-w-2\.5 { min-width: 0.625rem; /* 10px */ }
.min-w-3 { min-width: 0.75rem; /* 12px */ }
.min-w-3\.5 { min-width: 0.875rem; /* 14px */ }
.min-w-4 { min-width: 1rem; /* 16px */ }
.min-w-5 { min-width: 1.25rem; /* 20px */ }
.min-w-6 { min-width: 1.5rem; /* 24px */ }
.min-w-7 { min-width: 1.75rem; /* 28px */ }
.min-w-8 { min-width: 2rem; /* 32px */ }
.min-w-9 { min-width: 2.25rem; /* 36px */ }
.min-w-10 { min-width: 2.5rem; /* 40px */ }
.min-w-11 { min-width: 2.75rem; /* 44px */ }
.min-w-12 { min-width: 3rem; /* 48px */ }
.min-w-14 { min-width: 3.5rem; /* 56px */ }
.min-w-16 { min-width: 4rem; /* 64px */ }
.min-w-20 { min-width: 5rem; /* 80px */ }
.min-w-24 { min-width: 6rem; /* 96px */ }
.min-w-28 { min-width: 7rem; /* 112px */ }
.min-w-32 { min-width: 8rem; /* 128px */ }
.min-w-36 { min-width: 9rem; /* 144px */ }
.min-w-40 { min-width: 10rem; /* 160px */ }
.min-w-44 { min-width: 11rem; /* 176px */ }
.min-w-48 { min-width: 12rem; /* 192px */ }
.min-w-52 { min-width: 13rem; /* 208px */ }
.min-w-56 { min-width: 14rem; /* 224px */ }
.min-w-60 { min-width: 15rem; /* 240px */ }
.min-w-64 { min-width: 16rem; /* 256px */ }
.min-w-72 { min-width: 18rem; /* 288px */ }
.min-w-80 { min-width: 20rem; /* 320px */ }
.min-w-96 { min-width: 24rem; /* 384px */ }
.min-w-auto { min-width: auto; }
.min-w-1\/2 { min-width: 50%; }
.min-w-1\/3 { min-width: 33.333333%; }
.min-w-2\/3 { min-width: 66.666667%; }
.min-w-1\/4 { min-width: 25%; }
.min-w-2\/4 { min-width: 50%; }
.min-w-3\/4 { min-width: 75%; }
.min-w-1\/5 { min-width: 20%; }
.min-w-2\/5 { min-width: 40%; }
.min-w-3\/5 { min-width: 60%; }
.min-w-4\/5 { min-width: 80%; }
.min-w-1\/6 { min-width: 16.666667%; }
.min-w-2\/6 { min-width: 33.333333%; }
.min-w-3\/6 { min-width: 50%; }
.min-w-4\/6 { min-width: 66.666667%; }
.min-w-5\/6 { min-width: 83.333333%; }
.min-w-1\/12 { min-width: 8.333333%; }
.min-w-2\/12 { min-width: 16.666667%; }
.min-w-3\/12 { min-width: 25%; }
.min-w-4\/12 { min-width: 33.333333%; }
.min-w-5\/12 { min-width: 41.666667%; }
.min-w-6\/12 { min-width: 50%; }
.min-w-7\/12 { min-width: 58.333333%; }
.min-w-8\/12 { min-width: 66.666667%; }
.min-w-9\/12 { min-width: 75%; }
.min-w-10\/12 { min-width: 83.333333%; }
.min-w-11\/12 { min-width: 91.666667%; }
.min-w-full { min-width: 100%; }
.min-w-screen { min-width: 100vw; }
.min-w-min { min-width: min-content; }
.min-w-max { min-width: max-content; }
.min-w-fit { min-width: fit-content; }

.max-w-0 { max-width: 0px; }
.max-w-px { max-width: 1px; }
.max-w-0\.5 { max-width: 0.125rem; /* 2px */ }
.max-w-1 { max-width: 0.25rem; /* 4px */ }
.max-w-1\.5 { max-width: 0.375rem; /* 6px */ }
.max-w-2 { max-width: 0.5rem; /* 8px */ }
.max-w-2\.5 { max-width: 0.625rem; /* 10px */ }
.max-w-3 { max-width: 0.75rem; /* 12px */ }
.max-w-3\.5 { max-width: 0.875rem; /* 14px */ }
.max-w-4 { max-width: 1rem; /* 16px */ }
.max-w-5 { max-width: 1.25rem; /* 20px */ }
.max-w-6 { max-width: 1.5rem; /* 24px */ }
.max-w-7 { max-width: 1.75rem; /* 28px */ }
.max-w-8 { max-width: 2rem; /* 32px */ }
.max-w-9 { max-width: 2.25rem; /* 36px */ }
.max-w-10 { max-width: 2.5rem; /* 40px */ }
.max-w-11 { max-width: 2.75rem; /* 44px */ }
.max-w-12 { max-width: 3rem; /* 48px */ }
.max-w-14 { max-width: 3.5rem; /* 56px */ }
.max-w-16 { max-width: 4rem; /* 64px */ }
.max-w-20 { max-width: 5rem; /* 80px */ }
.max-w-24 { max-width: 6rem; /* 96px */ }
.max-w-28 { max-width: 7rem; /* 112px */ }
.max-w-32 { max-width: 8rem; /* 128px */ }
.max-w-36 { max-width: 9rem; /* 144px */ }
.max-w-40 { max-width: 10rem; /* 160px */ }
.max-w-44 { max-width: 11rem; /* 176px */ }
.max-w-48 { max-width: 12rem; /* 192px */ }
.max-w-52 { max-width: 13rem; /* 208px */ }
.max-w-56 { max-width: 14rem; /* 224px */ }
.max-w-60 { max-width: 15rem; /* 240px */ }
.max-w-64 { max-width: 16rem; /* 256px */ }
.max-w-72 { max-width: 18rem; /* 288px */ }
.max-w-80 { max-width: 20rem; /* 320px */ }
.max-w-96 { max-width: 24rem; /* 384px */ }
.max-w-auto { max-width: auto; }
.max-w-1\/2 { max-width: 50%; }
.max-w-1\/3 { max-width: 33.333333%; }
.max-w-2\/3 { max-width: 66.666667%; }
.max-w-1\/4 { max-width: 25%; }
.max-w-2\/4 { max-width: 50%; }
.max-w-3\/4 { max-width: 75%; }
.max-w-1\/5 { max-width: 20%; }
.max-w-2\/5 { max-width: 40%; }
.max-w-3\/5 { max-width: 60%; }
.max-w-4\/5 { max-width: 80%; }
.max-w-1\/6 { max-width: 16.666667%; }
.max-w-2\/6 { max-width: 33.333333%; }
.max-w-3\/6 { max-width: 50%; }
.max-w-4\/6 { max-width: 66.666667%; }
.max-w-5\/6 { max-width: 83.333333%; }
.max-w-1\/12 { max-width: 8.333333%; }
.max-w-2\/12 { max-width: 16.666667%; }
.max-w-3\/12 { max-width: 25%; }
.max-w-4\/12 { max-width: 33.333333%; }
.max-w-5\/12 { max-width: 41.666667%; }
.max-w-6\/12 { max-width: 50%; }
.max-w-7\/12 { max-width: 58.333333%; }
.max-w-8\/12 { max-width: 66.666667%; }
.max-w-9\/12 { max-width: 75%; }
.max-w-10\/12 { max-width: 83.333333%; }
.max-w-11\/12 { max-width: 91.666667%; }
.max-w-full { max-width: 100%; }
.max-w-screen { max-width: 100vw; }
.max-w-min { max-width: min-content; }
.max-w-max { max-width: max-content; }
.max-w-fit { max-width: fit-content; }

/* height */
.h-0 { height: 0px; }
.h-px { height: 1px; }
.h-0\.5 { height: 0.125rem; /* 2px */ }
.h-1 { height: 0.25rem; /* 4px */ }
.h-1\.5 { height: 0.375rem; /* 6px */ }
.h-2 { height: 0.5rem; /* 8px */ }
.h-2\.5 { height: 0.625rem; /* 10px */ }
.h-3 { height: 0.75rem; /* 12px */ }
.h-3\.5 { height: 0.875rem; /* 14px */ }
.h-4 { height: 1rem; /* 16px */ }
.h-5 { height: 1.25rem; /* 20px */ }
.h-6 { height: 1.5rem; /* 24px */ }
.h-7 { height: 1.75rem; /* 28px */ }
.h-8 { height: 2rem; /* 32px */ }
.h-9 { height: 2.25rem; /* 36px */ }
.h-10 { height: 2.5rem; /* 40px */ }
.h-11 { height: 2.75rem; /* 44px */ }
.h-12 { height: 3rem; /* 48px */ }
.h-14 { height: 3.5rem; /* 56px */ }
.h-16 { height: 4rem; /* 64px */ }
.h-20 { height: 5rem; /* 80px */ }
.h-24 { height: 6rem; /* 96px */ }
.h-28 { height: 7rem; /* 112px */ }
.h-32 { height: 8rem; /* 128px */ }
.h-36 { height: 9rem; /* 144px */ }
.h-40 { height: 10rem; /* 160px */ }
.h-44 { height: 11rem; /* 176px */ }
.h-48 { height: 12rem; /* 192px */ }
.h-52 { height: 13rem; /* 208px */ }
.h-56 { height: 14rem; /* 224px */ }
.h-60 { height: 15rem; /* 240px */ }
.h-64 { height: 16rem; /* 256px */ }
.h-72 { height: 18rem; /* 288px */ }
.h-80 { height: 20rem; /* 320px */ }
.h-96 { height: 24rem; /* 384px */ }
.h-auto { height: auto; }
.h-1\/2 { height: 50%; }
.h-1\/3 { height: 33.333333%; }
.h-2\/3 { height: 66.666667%; }
.h-1\/4 { height: 25%; }
.h-2\/4 { height: 50%; }
.h-3\/4 { height: 75%; }
.h-1\/5 { height: 20%; }
.h-2\/5 { height: 40%; }
.h-3\/5 { height: 60%; }
.h-4\/5 { height: 80%; }
.h-1\/6 { height: 16.666667%; }
.h-2\/6 { height: 33.333333%; }
.h-3\/6 { height: 50%; }
.h-4\/6 { height: 66.666667%; }
.h-5\/6 { height: 83.333333%; }
.h-1\/12 { height: 8.333333%; }
.h-2\/12 { height: 16.666667%; }
.h-3\/12 { height: 25%; }
.h-4\/12 { height: 33.333333%; }
.h-5\/12 { height: 41.666667%; }
.h-6\/12 { height: 50%; }
.h-7\/12 { height: 58.333333%; }
.h-8\/12 { height: 66.666667%; }
.h-9\/12 { height: 75%; }
.h-10\/12 { height: 83.333333%; }
.h-11\/12 { height: 91.666667%; }
.h-full { height: 100%; }
.h-screen { height: 100vw; }
.h-min { height: min-content; }
.h-max { height: max-content; }
.h-fit { height: fit-content; }

.min-h-0 { height: 0px; }
.min-h-px { height: 1px; }
.min-h-0\.5 { height: 0.125rem; /* 2px */ }
.min-h-1 { height: 0.25rem; /* 4px */ }
.min-h-1\.5 { height: 0.375rem; /* 6px */ }
.min-h-2 { height: 0.5rem; /* 8px */ }
.min-h-2\.5 { height: 0.625rem; /* 10px */ }
.min-h-3 { height: 0.75rem; /* 12px */ }
.min-h-3\.5 { height: 0.875rem; /* 14px */ }
.min-h-4 { height: 1rem; /* 16px */ }
.min-h-5 { height: 1.25rem; /* 20px */ }
.min-h-6 { height: 1.5rem; /* 24px */ }
.min-h-7 { height: 1.75rem; /* 28px */ }
.min-h-8 { height: 2rem; /* 32px */ }
.min-h-9 { height: 2.25rem; /* 36px */ }
.min-h-10 { height: 2.5rem; /* 40px */ }
.min-h-11 { height: 2.75rem; /* 44px */ }
.min-h-12 { height: 3rem; /* 48px */ }
.min-h-14 { height: 3.5rem; /* 56px */ }
.min-h-16 { height: 4rem; /* 64px */ }
.min-h-20 { height: 5rem; /* 80px */ }
.min-h-24 { height: 6rem; /* 96px */ }
.min-h-28 { height: 7rem; /* 112px */ }
.min-h-32 { height: 8rem; /* 128px */ }
.min-h-36 { height: 9rem; /* 144px */ }
.min-h-40 { height: 10rem; /* 160px */ }
.min-h-44 { height: 11rem; /* 176px */ }
.min-h-48 { height: 12rem; /* 192px */ }
.min-h-52 { height: 13rem; /* 208px */ }
.min-h-56 { height: 14rem; /* 224px */ }
.min-h-60 { height: 15rem; /* 240px */ }
.min-h-64 { height: 16rem; /* 256px */ }
.min-h-72 { height: 18rem; /* 288px */ }
.min-h-80 { height: 20rem; /* 320px */ }
.min-h-96 { height: 24rem; /* 384px */ }
.min-h-auto { height: auto; }
.min-h-1\/2 { height: 50%; }
.min-h-1\/3 { height: 33.333333%; }
.min-h-2\/3 { height: 66.666667%; }
.min-h-1\/4 { height: 25%; }
.min-h-2\/4 { height: 50%; }
.min-h-3\/4 { height: 75%; }
.min-h-1\/5 { height: 20%; }
.min-h-2\/5 { height: 40%; }
.min-h-3\/5 { height: 60%; }
.min-h-4\/5 { height: 80%; }
.min-h-1\/6 { height: 16.666667%; }
.min-h-2\/6 { height: 33.333333%; }
.min-h-3\/6 { height: 50%; }
.min-h-4\/6 { height: 66.666667%; }
.min-h-5\/6 { height: 83.333333%; }
.min-h-1\/12 { height: 8.333333%; }
.min-h-2\/12 { height: 16.666667%; }
.min-h-3\/12 { height: 25%; }
.min-h-4\/12 { height: 33.333333%; }
.min-h-5\/12 { height: 41.666667%; }
.min-h-6\/12 { height: 50%; }
.min-h-7\/12 { height: 58.333333%; }
.min-h-8\/12 { height: 66.666667%; }
.min-h-9\/12 { height: 75%; }
.min-h-10\/12 { height: 83.333333%; }
.min-h-11\/12 { height: 91.666667%; }
.min-h-full { height: 100%; }
.min-h-screen { height: 100vw; }
.min-h-min { height: min-content; }
.min-h-max { height: max-content; }
.min-h-fit { height: fit-content; }

.max-h-0 { height: 0px; }
.max-h-px { height: 1px; }
.max-h-0\.5 { height: 0.125rem; /* 2px */ }
.max-h-1 { height: 0.25rem; /* 4px */ }
.max-h-1\.5 { height: 0.375rem; /* 6px */ }
.max-h-2 { height: 0.5rem; /* 8px */ }
.max-h-2\.5 { height: 0.625rem; /* 10px */ }
.max-h-3 { height: 0.75rem; /* 12px */ }
.max-h-3\.5 { height: 0.875rem; /* 14px */ }
.max-h-4 { height: 1rem; /* 16px */ }
.max-h-5 { height: 1.25rem; /* 20px */ }
.max-h-6 { height: 1.5rem; /* 24px */ }
.max-h-7 { height: 1.75rem; /* 28px */ }
.max-h-8 { height: 2rem; /* 32px */ }
.max-h-9 { height: 2.25rem; /* 36px */ }
.max-h-10 { height: 2.5rem; /* 40px */ }
.max-h-11 { height: 2.75rem; /* 44px */ }
.max-h-12 { height: 3rem; /* 48px */ }
.max-h-14 { height: 3.5rem; /* 56px */ }
.max-h-16 { height: 4rem; /* 64px */ }
.max-h-20 { height: 5rem; /* 80px */ }
.max-h-24 { height: 6rem; /* 96px */ }
.max-h-28 { height: 7rem; /* 112px */ }
.max-h-32 { height: 8rem; /* 128px */ }
.max-h-36 { height: 9rem; /* 144px */ }
.max-h-40 { height: 10rem; /* 160px */ }
.max-h-44 { height: 11rem; /* 176px */ }
.max-h-48 { height: 12rem; /* 192px */ }
.max-h-52 { height: 13rem; /* 208px */ }
.max-h-56 { height: 14rem; /* 224px */ }
.max-h-60 { height: 15rem; /* 240px */ }
.max-h-64 { height: 16rem; /* 256px */ }
.max-h-72 { height: 18rem; /* 288px */ }
.max-h-80 { height: 20rem; /* 320px */ }
.max-h-96 { height: 24rem; /* 384px */ }
.max-h-auto { height: auto; }
.max-h-1\/2 { height: 50%; }
.max-h-1\/3 { height: 33.333333%; }
.max-h-2\/3 { height: 66.666667%; }
.max-h-1\/4 { height: 25%; }
.max-h-2\/4 { height: 50%; }
.max-h-3\/4 { height: 75%; }
.max-h-1\/5 { height: 20%; }
.max-h-2\/5 { height: 40%; }
.max-h-3\/5 { height: 60%; }
.max-h-4\/5 { height: 80%; }
.max-h-1\/6 { height: 16.666667%; }
.max-h-2\/6 { height: 33.333333%; }
.max-h-3\/6 { height: 50%; }
.max-h-4\/6 { height: 66.666667%; }
.max-h-5\/6 { height: 83.333333%; }
.max-h-1\/12 { height: 8.333333%; }
.max-h-2\/12 { height: 16.666667%; }
.max-h-3\/12 { height: 25%; }
.max-h-4\/12 { height: 33.333333%; }
.max-h-5\/12 { height: 41.666667%; }
.max-h-6\/12 { height: 50%; }
.max-h-7\/12 { height: 58.333333%; }
.max-h-8\/12 { height: 66.666667%; }
.max-h-9\/12 { height: 75%; }
.max-h-10\/12 { height: 83.333333%; }
.max-h-11\/12 { height: 91.666667%; }
.max-h-full { height: 100%; }
.max-h-screen { height: 100vw; }
.max-h-min { height: min-content; }
.max-h-max { height: max-content; }
.max-h-fit { height: fit-content; }

.gap-0 { gap: 0px; }
.gap-x-0 { column-gap: 0px; }
.gap-y-0 { row-gap: 0px; }
.gap-px { gap: 1px; }
.gap-x-px { column-gap: 1px; }
.gap-y-px { row-gap: 1px; }
.gap-0\.5 { gap: 0.125rem; } /* 2px */
.gap-x-0\.5 { column-gap: 0.125rem; } /* 2px */
.gap-y-0\.5 { row-gap: 0.125rem; } /* 2px */
.gap-1 { gap: 0.25rem; } /* 4px */
.gap-x-1 { column-gap: 0.25rem; } /* 4px */
.gap-y-1 { row-gap: 0.25rem; } /* 4px */
.gap-1\.5 { gap: 0.375rem; } /* 6px */
.gap-x-1\.5 { column-gap: 0.375rem; } /* 6px */
.gap-y-1\.5 { row-gap: 0.375rem; } /* 6px */
.gap-2 { gap: 0.5rem; } /* 8px */
.gap-x-2 { column-gap: 0.5rem; } /* 8px */
.gap-y-2 { row-gap: 0.5rem; } /* 8px */
.gap-2\.5 { gap: 0.625rem; } /* 10px */
.gap-x-2\.5 { column-gap: 0.625rem; } /* 10px */
.gap-y-2\.5 { row-gap: 0.625rem; } /* 10px */
.gap-3 { gap: 0.75rem; } /* 12px */
.gap-x-3 { column-gap: 0.75rem; } /* 12px */
.gap-y-3 { row-gap: 0.75rem; } /* 12px */
.gap-3\.5 { gap: 0.875rem; } /* 14px */
.gap-x-3\.5 { column-gap: 0.875rem; } /* 14px */
.gap-y-3\.5 { row-gap: 0.875rem; } /* 14px */
.gap-4 { gap: 1rem; } /* 16px */
.gap-x-4 { column-gap: 1rem; } /* 16px */
.gap-y-4 { row-gap: 1rem; } /* 16px */
.gap-5 { gap: 1.25rem; } /* 20px */
.gap-x-5 { column-gap: 1.25rem; } /* 20px */
.gap-y-5 { row-gap: 1.25rem; } /* 20px */
.gap-6 { gap: 1.5rem; } /* 24px */
.gap-x-6 { column-gap: 1.5rem; } /* 24px */
.gap-y-6 { row-gap: 1.5rem; } /* 24px */
.gap-7 { gap: 1.75rem; } /* 28px */
.gap-x-7 { column-gap: 1.75rem; } /* 28px */
.gap-y-7 { row-gap: 1.75rem; } /* 28px */
.gap-8 { gap: 2rem; } /* 32px */
.gap-x-8 { column-gap: 2rem; } /* 32px */
.gap-y-8 { row-gap: 2rem; } /* 32px */
.gap-9 { gap: 2.25rem; } /* 36px */
.gap-x-9 { column-gap: 2.25rem; } /* 36px */
.gap-y-9 { row-gap: 2.25rem; } /* 36px */
.gap-10 { gap: 2.5rem; } /* 40px */
.gap-x-10 { column-gap: 2.5rem; } /* 40px */
.gap-y-10 { row-gap: 2.5rem; } /* 40px */
.gap-11 { gap: 2.75rem; } /* 44px */
.gap-x-11 { column-gap: 2.75rem; } /* 44px */
.gap-y-11 { row-gap: 2.75rem; } /* 44px */
.gap-12 { gap: 3rem; } /* 48px */
.gap-x-12 { column-gap: 3rem; } /* 48px */
.gap-y-12 { row-gap: 3rem; } /* 48px */
.gap-14 { gap: 3.5rem; } /* 56px */
.gap-x-14 { column-gap: 3.5rem; } /* 56px */
.gap-y-14 { row-gap: 3.5rem; } /* 56px */
.gap-16 { gap: 4rem; } /* 64px */
.gap-x-16 { column-gap: 4rem; } /* 64px */
.gap-y-16 { row-gap: 4rem; } /* 64px */
.gap-20 { gap: 5rem; } /* 80px */
.gap-x-20 { column-gap: 5rem; } /* 80px */
.gap-y-20 { row-gap: 5rem; } /* 80px */

/* placement */
.inset-0 { inset: 0px; }
.inset-x-0 { left: 0px; right: 0px; }
.inset-y-0 { top: 0px; bottom: 0px; }
.start-0 { inset-inline-start: 0px; }
.end-0 { inset-inline-end: 0px; }
.top-0 { top: 0px; }
.right-0 { right: 0px; }
.bottom-0 { bottom: 0px; }
.left-0 { left: 0px; }
.inset-px { inset: 1px; }
.inset-x-px { left: 1px; right: 1px; }
.inset-y-px { top: 1px; bottom: 1px; }
.start-px { inset-inline-start: 1px; }
.end-px { inset-inline-end: 1px; }
.top-px { top: 1px; }
.right-px { right: 1px; }
.bottom-px { bottom: 1px; }
.left-px { left: 1px; }
.inset-0\.5 { inset: 0.125rem; } /* 2px */
.inset-x-0\.5 { left: 0.125rem; right: 0.125rem; } /* 2px */
.inset-y-0\.5 { top: 0.125rem; bottom: 0.125rem; } /* 2px */
.start-0\.5 { inset-inline-start: 0.125rem; } /* 2px */
.end-0\.5 { inset-inline-end: 0.125rem; } /* 2px */
.top-0\.5 { top: 0.125rem; } /* 2px */
.right-0\.5 { right: 0.125rem; } /* 2px */
.bottom-0\.5 { bottom: 0.125rem; } /* 2px */
.left-0\.5 { left: 0.125rem; } /* 2px */
.inset-1 { inset: 0.25rem; } /* 4px */
.inset-x-1 { left: 0.25rem; right: 0.25rem; } /* 4px */
.inset-y-1 { top: 0.25rem; bottom: 0.25rem; } /* 4px */
.start-1 { inset-inline-start: 0.25rem; } /* 4px */
.end-1 { inset-inline-end: 0.25rem; } /* 4px */
.top-1 { top: 0.25rem; } /* 4px */
.right-1 { right: 0.25rem; } /* 4px */
.bottom-1 { bottom: 0.25rem; } /* 4px */
.left-1 { left: 0.25rem; } /* 4px */
.inset-1\.5 { inset: 0.375rem; } /* 6px */
.inset-x-1\.5 { left: 0.375rem; right: 0.375rem; } /* 6px */
.inset-y-1\.5 { top: 0.375rem; bottom: 0.375rem; } /* 6px */
.start-1\.5 { inset-inline-start: 0.375rem; } /* 6px */
.end-1\.5 { inset-inline-end: 0.375rem; } /* 6px */
.top-1\.5 { top: 0.375rem; } /* 6px */
.right-1\.5 { right: 0.375rem; } /* 6px */
.bottom-1\.5 { bottom: 0.375rem; } /* 6px */
.left-1\.5 { left: 0.375rem; } /* 6px */
.inset-2 { inset: 0.5rem; } /* 8px */
.inset-x-2 { left: 0.5rem; right: 0.5rem; } /* 8px */
.inset-y-2 { top: 0.5rem; bottom: 0.5rem; } /* 8px */
.start-2 { inset-inline-start: 0.5rem; } /* 8px */
.end-2 { inset-inline-end: 0.5rem; } /* 8px */
.top-2 { top: 0.5rem; } /* 8px */
.right-2 { right: 0.5rem; } /* 8px */
.bottom-2 { bottom: 0.5rem; } /* 8px */
.left-2 { left: 0.5rem; } /* 8px */
.inset-2\.5 { inset: 0.625rem; } /* 10px */
.inset-x-2\.5 { left: 0.625rem; right: 0.625rem; } /* 10px */
.inset-y-2\.5 { top: 0.625rem; bottom: 0.625rem; } /* 10px */
.start-2\.5 { inset-inline-start: 0.625rem; } /* 10px */
.end-2\.5 { inset-inline-end: 0.625rem; } /* 10px */
.top-2\.5 { top: 0.625rem; } /* 10px */
.right-2\.5 { right: 0.625rem; } /* 10px */
.bottom-2\.5 { bottom: 0.625rem; } /* 10px */
.left-2\.5 { left: 0.625rem; } /* 10px */
.inset-3 { inset: 0.75rem; } /* 12px */
.inset-x-3 { left: 0.75rem; right: 0.75rem; } /* 12px */
.inset-y-3 { top: 0.75rem; bottom: 0.75rem; } /* 12px */
.start-3 { inset-inline-start: 0.75rem; } /* 12px */
.end-3 { inset-inline-end: 0.75rem; } /* 12px */
.top-3 { top: 0.75rem; } /* 12px */
.right-3 { right: 0.75rem; } /* 12px */
.bottom-3 { bottom: 0.75rem; } /* 12px */
.left-3 { left: 0.75rem; } /* 12px */
.inset-3\.5 { inset: 0.875rem; } /* 14px */
.inset-x-3\.5 { left: 0.875rem; right: 0.875rem; } /* 14px */
.inset-y-3\.5 { top: 0.875rem; bottom: 0.875rem; } /* 14px */
.start-3\.5 { inset-inline-start: 0.875rem; } /* 14px */
.end-3\.5 { inset-inline-end: 0.875rem; } /* 14px */
.top-3\.5 { top: 0.875rem; } /* 14px */
.right-3\.5 { right: 0.875rem; } /* 14px */
.bottom-3\.5 { bottom: 0.875rem; } /* 14px */
.left-3\.5 { left: 0.875rem; } /* 14px */
.inset-4 { inset: 1rem; } /* 16px */
.inset-x-4 { left: 1rem; right: 1rem; } /* 16px */
.inset-y-4 { top: 1rem; bottom: 1rem; } /* 16px */
.start-4 { inset-inline-start: 1rem; } /* 16px */
.end-4 { inset-inline-end: 1rem; } /* 16px */
.top-4 { top: 1rem; } /* 16px */
.right-4 { right: 1rem; } /* 16px */
.bottom-4 { bottom: 1rem; } /* 16px */
.left-4 { left: 1rem; } /* 16px */
.inset-5 { inset: 1.25rem; } /* 20px */
.inset-x-5 { left: 1.25rem; right: 1.25rem; } /* 20px */
.inset-y-5 { top: 1.25rem; bottom: 1.25rem; } /* 20px */
.start-5 { inset-inline-start: 1.25rem; } /* 20px */
.end-5 { inset-inline-end: 1.25rem; } /* 20px */
.top-5 { top: 1.25rem; } /* 20px */
.right-5 { right: 1.25rem; } /* 20px */
.bottom-5 { bottom: 1.25rem; } /* 20px */
.left-5 { left: 1.25rem; } /* 20px */
.inset-6 { inset: 1.5rem; } /* 24px */
.inset-x-6 { left: 1.5rem; right: 1.5rem; } /* 24px */
.inset-y-6 { top: 1.5rem; bottom: 1.5rem; } /* 24px */
.start-6 { inset-inline-start: 1.5rem; } /* 24px */
.end-6 { inset-inline-end: 1.5rem; } /* 24px */
.top-6 { top: 1.5rem; } /* 24px */
.right-6 { right: 1.5rem; } /* 24px */
.bottom-6 { bottom: 1.5rem; } /* 24px */
.left-6 { left: 1.5rem; } /* 24px */
.inset-7 { inset: 1.75rem; } /* 28px */
.inset-x-7 { left: 1.75rem; right: 1.75rem; } /* 28px */
.inset-y-7 { top: 1.75rem; bottom: 1.75rem; } /* 28px */
.start-7 { inset-inline-start: 1.75rem; } /* 28px */
.end-7 { inset-inline-end: 1.75rem; } /* 28px */
.top-7 { top: 1.75rem; } /* 28px */
.right-7 { right: 1.75rem; } /* 28px */
.bottom-7 { bottom: 1.75rem; } /* 28px */
.left-7 { left: 1.75rem; } /* 28px */
.inset-8 { inset: 2rem; } /* 32px */
.inset-x-8 { left: 2rem; right: 2rem; } /* 32px */
.inset-y-8 { top: 2rem; bottom: 2rem; } /* 32px */
.start-8 { inset-inline-start: 2rem; } /* 32px */
.end-8 { inset-inline-end: 2rem; } /* 32px */
.top-8 { top: 2rem; } /* 32px */
.right-8 { right: 2rem; } /* 32px */
.bottom-8 { bottom: 2rem; } /* 32px */
.left-8 { left: 2rem; } /* 32px */
.inset-9 { inset: 2.25rem; } /* 36px */
.inset-x-9 { left: 2.25rem; right: 2.25rem; } /* 36px */
.inset-y-9 { top: 2.25rem; bottom: 2.25rem; } /* 36px */
.start-9 { inset-inline-start: 2.25rem; } /* 36px */
.end-9 { inset-inline-end: 2.25rem; } /* 36px */
.top-9 { top: 2.25rem; } /* 36px */
.right-9 { right: 2.25rem; } /* 36px */
.bottom-9 { bottom: 2.25rem; } /* 36px */
.left-9 { left: 2.25rem; } /* 36px */
.inset-10 { inset: 2.5rem; } /* 40px */
.inset-x-10 { left: 2.5rem; right: 2.5rem; } /* 40px */
.inset-y-10 { top: 2.5rem; bottom: 2.5rem; } /* 40px */
.start-10 { inset-inline-start: 2.5rem; } /* 40px */
.end-10 { inset-inline-end: 2.5rem; } /* 40px */
.top-10 { top: 2.5rem; } /* 40px */
.right-10 { right: 2.5rem; } /* 40px */
.bottom-10 { bottom: 2.5rem; } /* 40px */
.left-10 { left: 2.5rem; } /* 40px */
.inset-11 { inset: 2.75rem; } /* 44px */
.inset-x-11 { left: 2.75rem; right: 2.75rem; } /* 44px */
.inset-y-11 { top: 2.75rem; bottom: 2.75rem; } /* 44px */
.start-11 { inset-inline-start: 2.75rem; } /* 44px */
.end-11 { inset-inline-end: 2.75rem; } /* 44px */
.top-11 { top: 2.75rem; } /* 44px */
.right-11 { right: 2.75rem; } /* 44px */
.bottom-11 { bottom: 2.75rem; } /* 44px */
.left-11 { left: 2.75rem; } /* 44px */
.inset-12 { inset: 3rem; } /* 48px */
.inset-x-12 { left: 3rem; right: 3rem; } /* 48px */
.inset-y-12 { top: 3rem; bottom: 3rem; } /* 48px */
.start-12 { inset-inline-start: 3rem; } /* 48px */
.end-12 { inset-inline-end: 3rem; } /* 48px */
.top-12 { top: 3rem; } /* 48px */
.right-12 { right: 3rem; } /* 48px */
.bottom-12 { bottom: 3rem; } /* 48px */
.left-12 { left: 3rem; } /* 48px */
.inset-14 { inset: 3.5rem; } /* 56px */
.inset-x-14 { left: 3.5rem; right: 3.5rem; } /* 56px */
.inset-y-14 { top: 3.5rem; bottom: 3.5rem; } /* 56px */
.start-14 { inset-inline-start: 3.5rem; } /* 56px */
.end-14 { inset-inline-end: 3.5rem; } /* 56px */
.top-14 { top: 3.5rem; } /* 56px */
.right-14 { right: 3.5rem; } /* 56px */
.bottom-14 { bottom: 3.5rem; } /* 56px */
.left-14 { left: 3.5rem; } /* 56px */
.inset-16 { inset: 4rem; } /* 64px */
.inset-x-16 { left: 4rem; right: 4rem; } /* 64px */
.inset-y-16 { top: 4rem; bottom: 4rem; } /* 64px */
.start-16 { inset-inline-start: 4rem; } /* 64px */
.end-16 { inset-inline-end: 4rem; } /* 64px */
.top-16 { top: 4rem; } /* 64px */
.right-16 { right: 4rem; } /* 64px */
.bottom-16 { bottom: 4rem; } /* 64px */
.left-16 { left: 4rem; } /* 64px */
.inset-20 { inset: 5rem; } /* 80px */
.inset-x-20 { left: 5rem; right: 5rem; } /* 80px */
.inset-y-20 { top: 5rem; bottom: 5rem; } /* 80px */
.start-20 { inset-inline-start: 5rem; } /* 80px */
.end-20 { inset-inline-end: 5rem; } /* 80px */
.top-20 { top: 5rem; } /* 80px */
.right-20 { right: 5rem; } /* 80px */
.bottom-20 { bottom: 5rem; } /* 80px */
.left-20 { left: 5rem; } /* 80px */
.inset-24 { inset: 6rem; } /* 96px */
.inset-x-24 { left: 6rem; right: 6rem; } /* 96px */
.inset-y-24 { top: 6rem; bottom: 6rem; } /* 96px */
.start-24 { inset-inline-start: 6rem; } /* 96px */
.end-24 { inset-inline-end: 6rem; } /* 96px */
.top-24 { top: 6rem; } /* 96px */
.right-24 { right: 6rem; } /* 96px */
.bottom-24 { bottom: 6rem; } /* 96px */
.left-24 { left: 6rem; } /* 96px */
.inset-28 { inset: 7rem; } /* 112px */
.inset-x-28 { left: 7rem; right: 7rem; } /* 112px */
.inset-y-28 { top: 7rem; bottom: 7rem; } /* 112px */
.start-28 { inset-inline-start: 7rem; } /* 112px */
.end-28 { inset-inline-end: 7rem; } /* 112px */
.top-28 { top: 7rem; } /* 112px */
.right-28 { right: 7rem; } /* 112px */
.bottom-28 { bottom: 7rem; } /* 112px */
.left-28 { left: 7rem; } /* 112px */
.inset-32 { inset: 8rem; } /* 128px */
.inset-x-32 { left: 8rem; right: 8rem; } /* 128px */
.inset-y-32 { top: 8rem; bottom: 8rem; } /* 128px */
.start-32 { inset-inline-start: 8rem; } /* 128px */
.end-32 { inset-inline-end: 8rem; } /* 128px */
.top-32 { top: 8rem; } /* 128px */
.right-32 { right: 8rem; } /* 128px */
.bottom-32 { bottom: 8rem; } /* 128px */
.left-32 { left: 8rem; } /* 128px */
.inset-36 { inset: 9rem; } /* 144px */
.inset-x-36 { left: 9rem; right: 9rem; } /* 144px */
.inset-y-36 { top: 9rem; bottom: 9rem; } /* 144px */
.start-36 { inset-inline-start: 9rem; } /* 144px */
.end-36 { inset-inline-end: 9rem; } /* 144px */
.top-36 { top: 9rem; } /* 144px */
.right-36 { right: 9rem; } /* 144px */
.bottom-36 { bottom: 9rem; } /* 144px */
.left-36 { left: 9rem; } /* 144px */
.inset-40 { inset: 10rem; } /* 160px */
.inset-x-40 { left: 10rem; right: 10rem; } /* 160px */
.inset-y-40 { top: 10rem; bottom: 10rem; } /* 160px */
.start-40 { inset-inline-start: 10rem; } /* 160px */
.end-40 { inset-inline-end: 10rem; } /* 160px */
.top-40 { top: 10rem; } /* 160px */
.right-40 { right: 10rem; } /* 160px */
.bottom-40 { bottom: 10rem; } /* 160px */
.left-40 { left: 10rem; } /* 160px */
.inset-44 { inset: 11rem; } /* 176px */
.inset-x-44 { left: 11rem; right: 11rem; } /* 176px */
.inset-y-44 { top: 11rem; bottom: 11rem; } /* 176px */
.start-44 { inset-inline-start: 11rem; } /* 176px */
.end-44 { inset-inline-end: 11rem; } /* 176px */
.top-44 { top: 11rem; } /* 176px */
.right-44 { right: 11rem; } /* 176px */
.bottom-44 { bottom: 11rem; } /* 176px */
.left-44 { left: 11rem; } /* 176px */
.inset-48 { inset: 12rem; } /* 192px */
.inset-x-48 { left: 12rem; right: 12rem; } /* 192px */
.inset-y-48 { top: 12rem; bottom: 12rem; } /* 192px */
.start-48 { inset-inline-start: 12rem; } /* 192px */
.end-48 { inset-inline-end: 12rem; } /* 192px */
.top-48 { top: 12rem; } /* 192px */
.right-48 { right: 12rem; } /* 192px */
.bottom-48 { bottom: 12rem; } /* 192px */
.left-48 { left: 12rem; } /* 192px */
.inset-52 { inset: 13rem; } /* 208px */
.inset-x-52 { left: 13rem; right: 13rem; } /* 208px */
.inset-y-52 { top: 13rem; bottom: 13rem; } /* 208px */
.start-52 { inset-inline-start: 13rem; } /* 208px */
.end-52 { inset-inline-end: 13rem; } /* 208px */
.top-52 { top: 13rem; } /* 208px */
.right-52 { right: 13rem; } /* 208px */
.bottom-52 { bottom: 13rem; } /* 208px */
.left-52 { left: 13rem; } /* 208px */
.inset-56 { inset: 14rem; } /* 224px */
.inset-x-56 { left: 14rem; right: 14rem; } /* 224px */
.inset-y-56 { top: 14rem; bottom: 14rem; } /* 224px */
.start-56 { inset-inline-start: 14rem; } /* 224px */
.end-56 { inset-inline-end: 14rem; } /* 224px */
.top-56 { top: 14rem; } /* 224px */
.right-56 { right: 14rem; } /* 224px */
.bottom-56 { bottom: 14rem; } /* 224px */
.left-56 { left: 14rem; } /* 224px */
.inset-60 { inset: 15rem; } /* 240px */
.inset-x-60 { left: 15rem; right: 15rem; } /* 240px */
.inset-y-60 { top: 15rem; bottom: 15rem; } /* 240px */
.start-60 { inset-inline-start: 15rem; } /* 240px */
.end-60 { inset-inline-end: 15rem; } /* 240px */
.top-60 { top: 15rem; } /* 240px */
.right-60 { right: 15rem; } /* 240px */
.bottom-60 { bottom: 15rem; } /* 240px */
.left-60 { left: 15rem; } /* 240px */
.inset-64 { inset: 16rem; } /* 256px */
.inset-x-64 { left: 16rem; right: 16rem; } /* 256px */
.inset-y-64 { top: 16rem; bottom: 16rem; } /* 256px */
.start-64 { inset-inline-start: 16rem; } /* 256px */
.end-64 { inset-inline-end: 16rem; } /* 256px */
.top-64 { top: 16rem; } /* 256px */
.right-64 { right: 16rem; } /* 256px */
.bottom-64 { bottom: 16rem; } /* 256px */
.left-64 { left: 16rem; } /* 256px */
.inset-72 { inset: 18rem; } /* 288px */
.inset-x-72 { left: 18rem; right: 18rem; } /* 288px */
.inset-y-72 { top: 18rem; bottom: 18rem; } /* 288px */
.start-72 { inset-inline-start: 18rem; } /* 288px */
.end-72 { inset-inline-end: 18rem; } /* 288px */
.top-72 { top: 18rem; } /* 288px */
.right-72 { right: 18rem; } /* 288px */
.bottom-72 { bottom: 18rem; } /* 288px */
.left-72 { left: 18rem; } /* 288px */
.inset-80 { inset: 20rem; } /* 320px */
.inset-x-80 { left: 20rem; right: 20rem; } /* 320px */
.inset-y-80 { top: 20rem; bottom: 20rem; } /* 320px */
.start-80 { inset-inline-start: 20rem; } /* 320px */
.end-80 { inset-inline-end: 20rem; } /* 320px */
.top-80 { top: 20rem; } /* 320px */
.right-80 { right: 20rem; } /* 320px */
.bottom-80 { bottom: 20rem; } /* 320px */
.left-80 { left: 20rem; } /* 320px */
.inset-96 { inset: 24rem; } /* 384px */
.inset-x-96 { left: 24rem; right: 24rem; } /* 384px */
.inset-y-96 { top: 24rem; bottom: 24rem; } /* 384px */
.start-96 { inset-inline-start: 24rem; } /* 384px */
.end-96 { inset-inline-end: 24rem; } /* 384px */
.top-96 { top: 24rem; } /* 384px */
.right-96 { right: 24rem; } /* 384px */
.bottom-96 { bottom: 24rem; } /* 384px */
.left-96 { left: 24rem; } /* 384px */
.inset-auto { inset: auto; }
.inset-1\/2 { inset: 50%; }
.inset-1\/3 { inset: 33.333333%; }
.inset-2\/3 { inset: 66.666667%; }
.inset-1\/4 { inset: 25%; }
.inset-2\/4 { inset: 50%; }
.inset-3\/4 { inset: 75%; }
.inset-full { inset: 100%; }
.inset-x-auto { left: auto; right: auto; }
.inset-x-1\/2 { left: 50%; right: 50%; }
.inset-x-1\/3 { left: 33.333333%; right: 33.333333%; }
.inset-x-2\/3 { left: 66.666667%; right: 66.666667%; }
.inset-x-1\/4 { left: 25%; right: 25%; }
.inset-x-2\/4 { left: 50%; right: 50%; }
.inset-x-3\/4 { left: 75%; right: 75%; }
.inset-x-full { left: 100%; right: 100%; }
.inset-y-auto { top: auto; bottom: auto; }
.inset-y-1\/2 { top: 50%; bottom: 50%; }
.inset-y-1\/3 { top: 33.333333%; bottom: 33.333333%; }
.inset-y-2\/3 { top: 66.666667%; bottom: 66.666667%; }
.inset-y-1\/4 { top: 25%; bottom: 25%; }
.inset-y-2\/4 { top: 50%; bottom: 50%; }
.inset-y-3\/4 { top: 75%; bottom: 75%; }
.inset-y-full { top: 100%; bottom: 100%; }
.start-auto { inset-inline-start: auto; }
.start-1\/2 { inset-inline-start: 50%; }
.start-1\/3 { inset-inline-start: 33.333333%; }
.start-2\/3 { inset-inline-start: 66.666667%; }
.start-1\/4 { inset-inline-start: 25%; }
.start-2\/4 { inset-inline-start: 50%; }
.start-3\/4 { inset-inline-start: 75%; }
.start-full { inset-inline-start: 100%; }
.end-auto { inset-inline-end: auto; }
.end-1\/2 { inset-inline-end: 50%; }
.end-1\/3 { inset-inline-end: 33.333333%; }
.end-2\/3 { inset-inline-end: 66.666667%; }
.end-1\/4 { inset-inline-end: 25%; }
.end-2\/4 { inset-inline-end: 50%; }
.end-3\/4 { inset-inline-end: 75%; }
.end-full { inset-inline-end: 100%; }
.top-auto { top: auto; }
.top-1\/2 { top: 50%; }
.top-1\/3 { top: 33.333333%; }
.top-2\/3 { top: 66.666667%; }
.top-1\/4 { top: 25%; }
.top-2\/4 { top: 50%; }
.top-3\/4 { top: 75%; }
.top-full { top: 100%; }
.right-auto { right: auto; }
.right-1\/2 { right: 50%; }
.right-1\/3 { right: 33.333333%; }
.right-2\/3 { right: 66.666667%; }
.right-1\/4 { right: 25%; }
.right-2\/4 { right: 50%; }
.right-3\/4 { right: 75%; }
.right-full { right: 100%; }
.bottom-auto { bottom: auto; }
.bottom-1\/2 { bottom: 50%; }
.bottom-1\/3 { bottom: 33.333333%; }
.bottom-2\/3 { bottom: 66.666667%; }
.bottom-1\/4 { bottom: 25%; }
.bottom-2\/4 { bottom: 50%; }
.bottom-3\/4 { bottom: 75%; }
.bottom-full { bottom: 100%; }
.left-auto { left: auto; }
.left-1\/2 { left: 50%; }
.left-1\/3 { left: 33.333333%; }
.left-2\/3 { left: 66.666667%; }
.left-1\/4 { left: 25%; }
.left-2\/4 { left: 50%; }
.left-3\/4 { left: 75%; }
.left-full { left: 100%; }

/* opacity */
.opacity-0 { opacity: 0; }
.opacity-5 { opacity: 0.05; }
.opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
.opacity-25 { opacity: 0.25; }
.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-75 { opacity: 0.75; }
.opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }
.opacity-95 { opacity: 0.95; }
.opacity-100 { opacity: 1; }

/* gap */
.gap-0 { gap: 0px; }
.gap-x-0 { column-gap: 0px; }
.gap-y-0 { row-gap: 0px; }
.gap-px { gap: 1px; }
.gap-x-px { column-gap: 1px; }
.gap-y-px { row-gap: 1px; }
.gap-0\.5 { gap: 0.125rem; /* 2px */ }
.gap-x-0\.5 { column-gap: 0.125rem; /* 2px */ }
.gap-y-0\.5 { row-gap: 0.125rem; /* 2px */ }
.gap-1 { gap: 0.25rem; /* 4px */ }
.gap-x-1 { column-gap: 0.25rem; /* 4px */ }
.gap-y-1 { row-gap: 0.25rem; /* 4px */ }
.gap-1\.5 { gap: 0.375rem; /* 6px */ }
.gap-x-1\.5 { column-gap: 0.375rem; /* 6px */ }
.gap-y-1\.5 { row-gap: 0.375rem; /* 6px */ }
.gap-2 { gap: 0.5rem; /* 8px */ }
.gap-x-2 { column-gap: 0.5rem; /* 8px */ }
.gap-y-2 { row-gap: 0.5rem; /* 8px */ }
.gap-2\.5 { gap: 0.625rem; /* 10px */ }
.gap-x-2\.5 { column-gap: 0.625rem; /* 10px */ }
.gap-y-2\.5 { row-gap: 0.625rem; /* 10px */ }
.gap-3 { gap: 0.75rem; /* 12px */ }
.gap-x-3 { column-gap: 0.75rem; /* 12px */ }
.gap-y-3 { row-gap: 0.75rem; /* 12px */ }
.gap-3\.5 { gap: 0.875rem; /* 14px */ }
.gap-x-3\.5 { column-gap: 0.875rem; /* 14px */ }
.gap-y-3\.5 { row-gap: 0.875rem; /* 14px */ }
.gap-4 { gap: 1rem; /* 16px */ }
.gap-x-4 { column-gap: 1rem; /* 16px */ }
.gap-y-4 { row-gap: 1rem; /* 16px */ }
.gap-5 { gap: 1.25rem; /* 20px */ }
.gap-x-5 { column-gap: 1.25rem; /* 20px */ }
.gap-y-5 { row-gap: 1.25rem; /* 20px */ }
.gap-6 { gap: 1.5rem; /* 24px */ }
.gap-x-6 { column-gap: 1.5rem; /* 24px */ }
.gap-y-6 { row-gap: 1.5rem; /* 24px */ }
.gap-7 { gap: 1.75rem; /* 28px */ }
.gap-x-7 { column-gap: 1.75rem; /* 28px */ }
.gap-y-7 { row-gap: 1.75rem; /* 28px */ }
.gap-8 { gap: 2rem; /* 32px */ }
.gap-x-8 { column-gap: 2rem; /* 32px */ }
.gap-y-8 { row-gap: 2rem; /* 32px */ }
.gap-9 { gap: 2.25rem; /* 36px */ }
.gap-x-9 { column-gap: 2.25rem; /* 36px */ }
.gap-y-9 { row-gap: 2.25rem; /* 36px */ }
.gap-10 { gap: 2.5rem; /* 40px */ }
.gap-x-10 { column-gap: 2.5rem; /* 40px */ }
.gap-y-10 { row-gap: 2.5rem; /* 40px */ }
.gap-11 { gap: 2.75rem; /* 44px */ }
.gap-x-11 { column-gap: 2.75rem; /* 44px */ }
.gap-y-11 { row-gap: 2.75rem; /* 44px */ }
.gap-12 { gap: 3rem; /* 48px */ }
.gap-x-12 { column-gap: 3rem; /* 48px */ }
.gap-y-12 { row-gap: 3rem; /* 48px */ }
.gap-14 { gap: 3.5rem; /* 56px */ }
.gap-x-14 { column-gap: 3.5rem; /* 56px */ }
.gap-y-14 { row-gap: 3.5rem; /* 56px */ }
.gap-16 { gap: 4rem; /* 64px */ }
.gap-x-16 { column-gap: 4rem; /* 64px */ }
.gap-y-16 { row-gap: 4rem; /* 64px */ }
.gap-20 { gap: 5rem; /* 80px */ }
.gap-x-20 { column-gap: 5rem; /* 80px */ }
.gap-y-20 { row-gap: 5rem; /* 80px */ }
.gap-24 { gap: 6rem; /* 96px */ }
.gap-x-24 { column-gap: 6rem; /* 96px */ }
.gap-y-24 { row-gap: 6rem; /* 96px */ }
.gap-28 { gap: 7rem; /* 112px */ }
.gap-x-28 { column-gap: 7rem; /* 112px */ }
.gap-y-28 { row-gap: 7rem; /* 112px */ }
.gap-32 { gap: 8rem; /* 128px */ }
.gap-x-32 { column-gap: 8rem; /* 128px */ }
.gap-y-32 { row-gap: 8rem; /* 128px */ }
.gap-36 { gap: 9rem; /* 144px */ }
.gap-x-36 { column-gap: 9rem; /* 144px */ }
.gap-y-36 { row-gap: 9rem; /* 144px */ }
.gap-40 { gap: 10rem; /* 160px */ }
.gap-x-40 { column-gap: 10rem; /* 160px */ }
.gap-y-40 { row-gap: 10rem; /* 160px */ }
.gap-44 { gap: 11rem; /* 176px */ }
.gap-x-44 { column-gap: 11rem; /* 176px */ }
.gap-y-44 { row-gap: 11rem; /* 176px */ }
.gap-48 { gap: 12rem; /* 192px */ }
.gap-x-48 { column-gap: 12rem; /* 192px */ }
.gap-y-48 { row-gap: 12rem; /* 192px */ }
.gap-52 { gap: 13rem; /* 208px */ }
.gap-x-52 { column-gap: 13rem; /* 208px */ }
.gap-y-52 { row-gap: 13rem; /* 208px */ }
.gap-56 { gap: 14rem; /* 224px */ }
.gap-x-56 { column-gap: 14rem; /* 224px */ }
.gap-y-56 { row-gap: 14rem; /* 224px */ }
.gap-60 { gap: 15rem; /* 240px */ }
.gap-x-60 { column-gap: 15rem; /* 240px */ }
.gap-y-60 { row-gap: 15rem; /* 240px */ }
.gap-64 { gap: 16rem; /* 256px */ }
.gap-x-64 { column-gap: 16rem; /* 256px */ }
.gap-y-64 { row-gap: 16rem; /* 256px */ }
.gap-72 { gap: 18rem; /* 288px */ }
.gap-x-72 { column-gap: 18rem; /* 288px */ }
.gap-y-72 { row-gap: 18rem; /* 288px */ }
.gap-80 { gap: 20rem; /* 320px */ }
.gap-x-80 { column-gap: 20rem; /* 320px */ }
.gap-y-80 { row-gap: 20rem; /* 320px */ }
.gap-96 { gap: 24rem; /* 384px */ }
.gap-x-96 { column-gap: 24rem; /* 384px */ }
.gap-y-96 { row-gap: 24rem; /* 384px */ }

/* rounded */
.rounded-none { border-radius: 0px; }
.rounded-sm { border-radius: 0.125rem; /* 2px */ }
.rounded { border-radius: 0.25rem; /* 4px */ }
.rounded-md { border-radius: 0.375rem; /* 6px */ }
.rounded-lg { border-radius: 0.5rem; /* 8px */ }
.rounded-xl { border-radius: 0.75rem; /* 12px */ }
.rounded-2xl { border-radius: 1rem; /* 16px */ }
.rounded-3xl { border-radius: 1.5rem; /* 24px */ }
.rounded-full { border-radius: 9999px; }

/* font size */
.text-xxs { font-size: 0.625rem; /* 10px */ line-height: 0.875rem; /* 16px */ }
.text-xs { font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */ }
.text-sm { font-size: 0.875rem; /* 14px */ line-height: 1.25rem; /* 20px */ }
.text-base { font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ }
.text-lg { font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ }
.text-xl { font-size: 1.25rem; /* 20px */ line-height: 1.75rem; /* 28px */ }
.text-2xl { font-size: 1.5rem; /* 24px */ line-height: 2rem; /* 32px */ }
.text-3xl { font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ }
.text-4xl { font-size: 2.25rem; /* 36px */ line-height: 2.5rem; /* 40px */ }
.text-5xl { font-size: 3rem; /* 48px */ line-height: 1; }
.text-6xl { font-size: 3.75rem; /* 60px */ line-height: 1; }
.text-7xl { font-size: 4.5rem; /* 72px */ line-height: 1; }
.text-8xl { font-size: 6rem; /* 96px */ line-height: 1; }
.text-9xl { font-size: 8rem; /* 128px */ line-height: 1; }

/* line height */
.leading-3 { line-height: .75rem; } /* 12px */
.leading-4 { line-height: 1rem; } /* 16px */
.leading-5 { line-height: 1.25rem; } /* 20px */
.leading-6 { line-height: 1.5rem; } /* 24px */
.leading-7 { line-height: 1.75rem; } /* 28px */
.leading-8 { line-height: 2rem; } /* 32px */
.leading-9 { line-height: 2.25rem; } /* 36px */
.leading-10 { line-height: 2.5rem; } /* 40px */
.leading-none { line-height: 1; }
.leading-tight { line-height: 1.25; }
.leading-snug { line-height: 1.375; }
.leading-normal { line-height: 1.5; }
.leading-relaxed { line-height: 1.625; }
.leading-loose { line-height: 2; }
/* font weight */
.font-thin { font-weight: 100; }
.font-extralight { font-weight: 200; }
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

/* aspect ratio */
.aspect-auto { aspect-ratio: auto; }
.aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: 16 / 9; }

/* alignment */
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }
.align-text-top { vertical-align: text-top; }
.align-text-bottom { vertical-align: text-bottom; }
.align-sub { vertical-align: sub; }
.align-super { vertical-align: super; }

/* cursor */
.cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
.cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
.cursor-move { cursor: move; }
.cursor-help { cursor: help; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-none { cursor: none; }
.cursor-context-menu { cursor: context-menu; }
.cursor-progress { cursor: progress; }
.cursor-cell { cursor: cell; }
.cursor-crosshair { cursor: crosshair; }
.cursor-vertical-text { cursor: vertical-text; }
.cursor-alias { cursor: alias; }
.cursor-copy { cursor: copy; }
.cursor-no-drop { cursor: no-drop; }
.cursor-grab { cursor: grab; }
.cursor-grabbing { cursor: grabbing; }
.cursor-all-scroll { cursor: all-scroll; }
.cursor-col-resize { cursor: col-resize; }
.cursor-row-resize { cursor: row-resize; }
.cursor-n-resize { cursor: n-resize; }
.cursor-e-resize { cursor: e-resize; }
.cursor-s-resize { cursor: s-resize; }
.cursor-w-resize { cursor: w-resize; }
.cursor-ne-resize { cursor: ne-resize; }
.cursor-nw-resize { cursor: nw-resize; }
.cursor-se-resize { cursor: se-resize; }
.cursor-sw-resize { cursor: sw-resize; }
.cursor-ew-resize { cursor: ew-resize; }
.cursor-ns-resize { cursor: ns-resize; }
.cursor-nesw-resize { cursor: nesw-resize; }
.cursor-nwse-resize { cursor: nwse-resize; }
.cursor-zoom-in { cursor: zoom-in; }
.cursor-zoom-out { cursor: zoom-out; }

/* overflow */
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-clip { overflow: clip; }
.overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-x-clip { overflow-x: clip; }
.overflow-y-clip { overflow-y: clip; }
.overflow-x-visible { overflow-x: visible; }
.overflow-y-visible { overflow-y: visible; }
.overflow-x-scroll { overflow-x: scroll; }
.overflow-y-scroll { overflow-y: scroll; }