/* resources/css/home.scss */
.autocomplete .autocomplete-input-menu {
  position: relative;
}
.autocomplete .autocomplete-menu {
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  z-index: 99;
  width: 100%;
  border-top: 0px;
  list-style: none;
  padding-left: 0;
  box-shadow: var(--mc-menu-box-shadow);
  background: var(--mc-menu-bkg);
  border: var(--mc-menu-border);
  border-radius: var(--mc-menu-border-radius);
  color: var(--mc-menu-text-color);
}
.autocomplete .autocomplete-menu.open {
  display: block;
}
.autocomplete .autocomplete-menu > li {
  cursor: pointer;
  padding: 0.5rem;
}
.autocomplete .autocomplete-menu > li.hover,
.autocomplete .autocomplete-menu > li:hover {
  background: var(--mc-menu-bkg-hover);
}
.autocomplete .autocomplete-menu > li.autocomplete-menu-item-noresult.hover,
.autocomplete .autocomplete-menu > li.autocomplete-menu-item-noresult:hover {
  background: var(--mc-menu-bkg);
}
.autocomplete .autocomplete-menu-noresult {
  display: none;
}
.autocomplete .autocomplete-multi-template {
  display: none;
}
.autocomplete .autocomplete-multi-values {
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.autocomplete .autocomplete-multi-value {
  margin-top: 0.375rem;
  padding-top: 0.375rem;
  display: flex;
  justify-content: space-between;
}
.autocomplete .autocomplete-multi-value > a.autocomplete-value-delete {
  color: var(--mc-danger-button-color);
  cursor: pointer;
}
.autocomplete .autocomplete-multi-value > a.autocomplete-value-delete:hover {
  color: var(--mc-danger-button-color-hover);
}
.autocomplete .autocomplete-multi-value > a.autocomplete-value-delete svg {
  height: 1.5rem;
  width: 1.5rem;
}
.datetimepicker-container,
.datepicker-container {
  position: relative;
}
.datetimepicker-container > .datepicker-icon,
.datepicker-container > .datepicker-icon {
  position: absolute;
  top: 0.375rem;
  right: 0.75rem;
  color: var(--mc-form-input-icon-color);
  pointer-events: none;
}
.datetimepicker-container .datepicker-menu,
.datepicker-container .datepicker-menu {
  box-shadow: var(--mc-menu-box-shadow);
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  z-index: 99;
  background: var(--mc-menu-bkg);
  border: var(--mc-menu-border);
  border-radius: var(--mc-menu-border-radius);
  color: var(--mc-menu-text-color);
}
.datetimepicker-container .datepicker-menu.open,
.datepicker-container .datepicker-menu.open {
  display: block;
}
.datetimepicker-container .inner-menu,
.datepicker-container .inner-menu {
  width: 250px;
  height: auto;
  padding: 0px 15px 15px 15px;
  user-select: none;
}
.datetimepicker-container .inner-menu .month-selector,
.datepicker-container .inner-menu .month-selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
}
.datetimepicker-container .inner-menu .month-selector-buttons,
.datepicker-container .inner-menu .month-selector-buttons {
  display: flex;
  gap: 5px;
}
.datetimepicker-container .week,
.datepicker-container .week {
  display: flex;
}
.datetimepicker-container .month-selector-buttons > button,
.datepicker-container .month-selector-buttons > button {
  border: 0px;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  background: var(--mc-menu-button-bkg);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.datetimepicker-container .month-selector-buttons > button svg,
.datepicker-container .month-selector-buttons > button svg {
  width: 16px;
  height: 16px;
}
.datetimepicker-container .month-selector-buttons > button:hover,
.datepicker-container .month-selector-buttons > button:hover {
  background: var(--mc-menu-button-bkg-hover);
}
.datetimepicker-container .day,
.datepicker-container .day {
  border: 0px;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  background: none;
}
.datetimepicker-container .day:hover,
.datepicker-container .day:hover {
  background: var(--mc-menu-button-bkg-hover);
}
.datetimepicker-container .week-header,
.datepicker-container .week-header {
  text-decoration: underline;
}
.datetimepicker-container .week > *,
.datepicker-container .week > * {
  width: 14.2857142857%;
  text-align: center;
}
.datetimepicker-container .week .day-weekend,
.datepicker-container .week .day-weekend {
  color: var(--mc-menu-text-light-color);
}
.datetimepicker-container .week .day-around,
.datepicker-container .week .day-around {
  color: var(--mc-menu-text-lighter-color);
}
.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown .dropdown-button {
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: min-content;
  z-index: 99;
  padding: 0px;
  display: none;
  box-shadow: var(--mc-menu-box-shadow);
  background: var(--mc-menu-bkg);
  border: var(--mc-menu-border);
  border-radius: var(--mc-menu-border-radius);
}
.dropdown .dropdown-menu.show,
.dropdown .dropdown-menu.open {
  display: unset;
}
.dropdown .dropdown-menu > li > a {
  display: block;
  padding: 5px 10px;
  color: var(--mc-menu-text-color);
}
.dropdown .dropdown-menu > li > a:hover {
  text-decoration: none;
  background: var(--mc-menu-bkg-hover);
}
.dropdown .dropdown-menu > li.separator {
  background: var(--mc-menu-separator-bkg);
  height: 4px;
}
.dropdown.dropdown-right .dropdown-menu {
  right: 0;
  transform-origin: top right;
}
.duration-container {
  position: relative;
}
.duration-container .duration-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  z-index: 99;
  box-shadow: var(--mc-menu-box-shadow);
  background: var(--mc-menu-bkg);
  border: var(--mc-menu-border);
  border-radius: var(--mc-menu-border-radius);
  color: var(--mc-menu-text-color);
}
.duration-container .duration-menu.open {
  display: block;
}
.duration-container .duration-menu .inner-menu {
  width: 250px;
  height: auto;
  padding: 0px 15px 15px 15px;
}
.duration-container .duration-menu .duration-menu-preview {
  display: flex;
  padding: 20px 0px;
  align-items: baseline;
  justify-content: center;
}
.duration-container .duration-menu .duration-menu-preview .duration-label {
  color: var(--mc-menu-text-light-color);
}
.duration-container .duration-menu .duration-menu-preview .duration-value {
  font-size: larger;
  padding: 0px 5px 0px 15px;
}
.duration-container .duration-menu .duration-menu-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.duration-container .duration-menu .duration-menu-buttons button {
  border: 0px;
  background: none;
  width: calc(33% - 5px);
  height: 40px;
}
.duration-container .duration-menu .duration-menu-buttons button:hover {
  background: var(--mc-menu-button-bkg-hover);
}
.duration-container .duration-menu.disabled .duration-menu-buttons,
.duration-container .duration-menu.readonly .duration-menu-buttons {
  display: none;
}
.duration-container .duration-menu.disabled .inner-menu,
.duration-container .duration-menu.readonly .inner-menu {
  padding: 0px 15px;
}
.duration-container .duration-preview:read-only,
.duration-container .duration-preview:disabled {
  color: var(--mc-menu-text-lighter-color);
}
.form-buttons {
  margin-top: 1em;
  display: flex;
  justify-content: flex-end;
  gap: 1em;
}
.form-group {
  display: flex;
  gap: 0.5rem;
}
.form-buttons > button,
.form-group > button {
  flex-basis: max-content;
}
.form-fields + .form-fields,
.form-field + .form-field {
  margin-top: 1.5rem;
}
.form-fields + .form-button,
.form-field + .form-button {
  margin-top: 1.5rem;
}
.form-feedback {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.375rem;
  display: none;
}
.form-feedback.form-feedback-description {
  color: var(--mc-form-color-feedback-description);
  display: block;
}
.form-feedback.form-feedback-valid {
  color: var(--mc-form-color-feedback-valid);
}
.form-feedback.form-feedback-invalid,
.form-feedback.form-feedback-required {
  color: var(--mc-form-color-feedback-invalid);
}
.form-field.form-field-required-empty > .form-feedback-required {
  display: block;
}
.form-field.form-field-required-empty .form-input {
  border: var(--mc-form-input-invalid-border);
}
.form-field.form-field-required-empty .form-label {
  color: var(--mc-form-input-invalid-color);
}
.form-label {
  color: white;
  line-height: 1.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0 0 0.375rem 0;
  display: block;
}
.form-label .form-label-required {
  color: var(--mc-form-color-label-required);
  padding-left: 5px;
}
.form-input,
.form-button {
  display: block;
  color: var(--mc-form-input-color);
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
}
.form-input {
  width: 100%;
  border: var(--mc-form-input-border);
  background: var(--mc-form-input-bkg);
}
.form-input:disabled {
  color: var(--mc-form-input-disabled-color);
  background: var(--mc-form-input-disabled-bkg);
  border: var(--mc-form-input-disabled-border);
  cursor: not-allowed;
}
.form-input ::placeholder {
  color: var(--mc-form-input-placeholder-border);
}
button.form-button,
.form-button {
  border: 0px;
  background-color: var(--mc-form-button-bkg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
button.form-button:hover,
.form-button:hover {
  background-color: var(--mc-form-button-hover-bkg);
}
button.form-button:disabled,
.form-button:disabled {
  color: var(--mc-form-button-disabled-color);
  background-color: var(--mc-form-button-disabled-bkg);
  border-color: var(--mc-form-button-disabled-border);
  cursor: not-allowed;
}
button.form-button:disabled:hover,
.form-button:disabled:hover {
  background-color: var(--mc-form-button-disabled-bkg);
}
.button.button-primary,
.form-button.button-primary {
  background-color: var(--mc-form-button-primary-bkg, #1d4ed8);
  border-color: var(--mc-form-button-primary-border, #334155);
  color: var(--mc-form-button-primary-color, white);
}
.button.button-primary:hover,
.form-button.button-primary:hover {
  background-color: var(--mc-form-button-primary-hover-bkg, #3b82f6);
  border-color: var(--mc-form-button-primary-hover-border, #334155);
  color: var(--mc-form-button-primary-hover-color, white);
}
.button.button-secondary,
.form-button.button-secondary {
  background-color: var(--mc-form-button-secondary-bkg, #374151);
  border-color: var(--mc-form-button-primary-border, #334155);
  color: var(--mc-form-button-primary-color, white);
}
.button.button-secondary:hover,
.form-button.button-secondary:hover {
  background-color: var(--mc-form-button-secondary-bkg, #6b7280);
  border-color: var(--mc-form-button-primary-border, #334155);
  color: var(--mc-form-button-primary-color, white);
}
.form-button.button-info {
  background-color: rgb(204, 251, 241);
  border-color: rgb(20, 184, 166);
  color: rgb(19, 78, 74);
}
.form-button.button-info:hover {
  background-color: rgb(20, 184, 166);
}
.form-button.button-success {
  background-color: rgb(220, 252, 231);
  border-color: rgb(34, 197, 94);
  color: rgb(20, 83, 45);
}
.form-button.button-success:hover {
  background-color: rgb(34, 197, 94);
}
.form-button.button-warning {
  background-color: #c2410c;
}
.form-button.button-warning:hover {
  background-color: #f97316;
}
.form-button.button-error {
  background-color: rgb(254, 226, 226);
  border-color: rgb(239, 68, 68);
  color: rgb(127, 29, 29);
}
.form-button.button-error:hover {
  background-color: rgb(239, 68, 68);
}
.form-field > select {
  height: 42px;
}
input[type=checkbox] {
  min-width: 14px;
  min-height: 14px;
}
input[type=file].form-input {
  cursor: pointer;
}
.form-input:-webkit-autofill,
.form-input:-webkit-autofill:hover,
.form-input:-webkit-autofill:focus {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--form-input-color, white);
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 1120px 1120px var(--mc-form-button-bkg);
}
.form-toggle {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  align-items: center;
}
.form-toggle > .toggle {
  width: 2.75rem;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: rgb(55, 65, 81);
  border-color: rgb(75, 85, 99);
}
.form-toggle > .toggle::after {
  content: "";
  position: absolute;
  background-color: white;
  border: 1px solid rgb(209, 213, 21);
  border-radius: 9999px;
  width: 1.25rem;
  height: 1.25rem;
  top: 2px;
  left: 2px;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.form-toggle > input:checked ~ .toggle {
  background-color: rgb(28, 100, 242);
  border-color: rgb(75, 85, 99);
}
.form-toggle > input:checked ~ .toggle::after {
  transform: translate(100%, 0);
}
.form-toggle > .toggle-label {
  margin-left: 0.75rem;
}
ul.pagination {
  border-radius: 4px;
  display: inline-flex;
}
ul.pagination > li {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  cursor: pointer;
  border-top: 1px solid var(--mc-form-input-border-color);
  border-bottom: 1px solid var(--mc-form-input-border-color);
  border-right: 1px solid var(--mc-form-input-border-color);
}
ul.pagination > li > svg {
  width: 1rem;
  height: 1rem;
}
ul.pagination > li:hover {
  color: var(--mc-form-input-color);
  background-color: var(--mc-form-button-hover-bkg);
  border-color: var(--mc-form-button-hover-bkg) !important;
}
ul.pagination > li.active {
  color: var(--mc-form-input-color);
  cursor: default;
  background-color: var(--mc-form-button-bkg);
  border-color: var(--mc-form-button-bkg) !important;
}
ul.pagination > li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid var(--mc-form-input-border-color);
}
ul.pagination > li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.table-column-order {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.table-column-order > span {
  white-space: nowrap;
}
.table-column-order > svg {
  width: 1rem;
  height: 1rem;
}
.modal-container {
  overflow-x: hidden;
  overflow-y: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 100%;
  height: calc(100% - 1rem);
  display: none;
  z-index: 50;
  position: fixed;
  top: 0;
  right: 0;
}
.modal-container.modal-open {
  display: flex;
}
.modal-backdrop {
  background: var(--mc-modal-backdrop-bkg);
  z-index: 40;
  inset: 0;
  position: fixed;
  display: none;
}
.modal-backdrop.modal-open {
  display: block;
}
.modal-content {
  padding: 1rem;
  max-width: 42rem;
  width: 100%;
  max-height: 100%;
  position: relative;
}
.modal-content .modal-content-inner {
  border-radius: 0.5rem;
  background: var(--mc-modal-content-bkg);
  color: var(--mc-modal-content-text-color);
}
@media (min-width: 768px) {
  .modal-container {
    inset: 0;
  }
}
.multiselect {
  position: relative;
}
.multiselect > .multiselect-preview {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--mc-form-input-color);
  background-color: var(--mc-form-input-bkg);
  background-clip: padding-box;
  border: var(--mc-form-input-border);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiselect > .multiselect-preview.multiselect-preview-empty {
  color: var(--mc-form-input-placeholder-color);
}
.multiselect > ul {
  list-style: none;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  display: none;
  z-index: 99;
  width: 100%;
  border-radius: var(--mc-menu-border-radius);
  border: var(--mc-menu-border);
  box-shadow: var(--mc-menu-box-shadow);
  border-top: 0px;
  background-color: var(--mc-menu-bkg);
  list-style: none;
  padding-left: 0px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-height: 400px;
  overflow-y: scroll;
}
.multiselect > ul.open {
  display: block;
}
.multiselect > ul > li {
  cursor: pointer;
}
.multiselect > ul > li > label {
  display: block;
  width: 100%;
  padding: 6px 10px;
  margin-bottom: 0px;
}
.multiselect > ul > li.hide {
  display: none;
}
.multiselect > ul > li.multiselect-search,
.multiselect > ul > li.multiselect-checkall {
  background: var(--mc-menu-section-light-bkg);
  border-top: var(--mc-menu-section-light-border);
  border-bottom: var(--mc-menu-section-light-border);
}
.multiselect > ul > li.multiselect-search > label {
  display: flex;
}
.multiselect > ul > li.multiselect-search > label .multiselect-item-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
}
.multiselect > ul > li.multiselect-search > label input.multiselect-item-search {
  width: 100%;
  background: transparent;
  border: none;
}
.multiselect > ul > li.multiselect-search > label input.multiselect-item-search:focus,
.multiselect > ul > li.multiselect-search > label input.multiselect-item-search:focus-visible {
  outline: none;
}
.multiselect > ul li.multiselect-search ~ li.multiselect-checkall {
  border-top: none;
}
.multiselect .multiselect-checkbox {
  margin-right: 5px;
}
.tooltip-element {
  display: none;
  width: max-content;
  position: absolute;
  background: #111;
  color: #ccc;
  top: 0;
  left: 0;
  padding: 5px;
  border-radius: 4px;
}
.tooltip-element .table {
  color: #ccc;
  margin-bottom: 0;
}
.tooltip-element .table tbody:first-child td {
  border-top: none;
}
.tooltip-element-arrow {
  position: absolute;
  background: #111;
  color: #ccc;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
* {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}
:root {
  --color-zinc-800: rgb(39,39,42);
  --mc-menu-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  --mc-menu-border: 1px solid #475569;
  --mc-menu-text-color: white;
  --mc-menu-bkg: #334155;
  --mc-menu-bkg-hover: #475569;
  --mc-menu-section-light-bkg: #475569;
  --mc-menu-section-light-border: #666;
  --mc-menu-text-light-color: #999;
  --mc-menu-text-lighter-color: #666;
  --mc-menu-danger-button-color: #b91c1c;
  --mc-menu-danger-button-color-hover: #dc2626;
  --mc-modal-backdrop-bkg: rgba(17,24,39,.5);
  --mc-modal-content-bkg: rgb(24, 24, 27);
  --mc-modal-content-text-color: white;
  --mc-form-color-feedback-description: rgb(148, 163, 184);
  --mc-form-color-feedback-valid: rgb(34, 197, 94);
  --mc-form-color-feedback-invalid: red;
  --mc-form-color-feedback-required: red;
  --mc-form-color-label-required: red;
  --mc-form-input-color: white;
  --mc-form-input-placeholder-color: #999;
  --mc-form-input-border-color: #334155;
  --mc-form-input-border: 1px solid #334155;
  --mc-form-input-bkg: #1e293b;
  --mc-form-input-invalid-color: red;
  --mc-form-input-invalid-border: 1px solid red;
  --mc-form-input-disabled-color: #3f3f46;
  --mc-form-input-disabled-bkg: #27272a;
  --mc-form-input-disabled-border: #3f3f46;
  --mc-form-button-bkg:#1d4ed8 ;
  --mc-form-button-hover-bkg: #3b82f6;
  --mc-form-button-disabled-color: #3f3f46;
  --mc-form-button-disabled-bkg: #27272a;
  --mc-form-button-disabled-border: #3f3f46;
}
html {
  background-color: rgb(24, 24, 27);
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Ubuntu,
    Cantarell,
    Noto Sans,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}
body {
  color: white;
  padding: 0;
  margin: 0;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  background-color: transparent;
  background-image: none;
}
a {
  text-decoration: inherit;
  color: inherit;
}
a.link {
  color: white;
}
a.link:hover {
  color: rgb(125, 211, 252);
  text-decoration: underline;
}
h1 {
  font-size: 2rem;
  line-height: 3rem;
}
h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}
header {
  display: contents;
}
ol,
ul,
li,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.title,
.subtitle,
.subsubtitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.title .actions,
.subtitle .actions,
.subsubtitle .actions {
  display: flex;
  gap: 1.5rem;
}
.title {
  margin-bottom: 2rem;
}
.title h1 {
  margin: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.w-1 {
  width: 0.25rem;
}
.h-1 {
  height: 0.25rem;
}
.size-1 {
  width: 0.25rem;
  height: 0.25rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.w-2 {
  width: 0.5rem;
}
.h-2 {
  height: 0.5rem;
}
.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.w-3 {
  width: 0.75rem;
}
.h-3 {
  height: 0.75rem;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.w-4 {
  width: 1rem;
}
.h-4 {
  height: 1rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.h-5 {
  height: 1.25rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.h-6 {
  height: 1.5rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.h-7 {
  height: 1.75rem;
}
.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.h-8 {
  height: 2rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ml-8 {
  margin-left: 2rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.h-9 {
  height: 2.25rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.mr-9 {
  margin-right: 2.25rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.w-10 {
  width: 2.5rem;
}
.h-10 {
  height: 2.5rem;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.h-11 {
  height: 2.75rem;
}
.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pr-11 {
  padding-right: 2.75rem;
}
.pt-11 {
  padding-top: 2.75rem;
}
.pb-11 {
  padding-bottom: 2.75rem;
}
.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}
.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
.ml-11 {
  margin-left: 2.75rem;
}
.mr-11 {
  margin-right: 2.75rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.h-12 {
  height: 3rem;
}
.size-12 {
  width: 3rem;
  height: 3rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.ml-12 {
  margin-left: 3rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.w-13 {
  width: 3.25rem;
}
.h-13 {
  height: 3.25rem;
}
.size-13 {
  width: 3.25rem;
  height: 3.25rem;
}
.px-13 {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}
.py-13 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}
.pl-13 {
  padding-left: 3.25rem;
}
.pr-13 {
  padding-right: 3.25rem;
}
.pt-13 {
  padding-top: 3.25rem;
}
.pb-13 {
  padding-bottom: 3.25rem;
}
.mx-13 {
  margin-left: 3.25rem;
  margin-right: 3.25rem;
}
.my-13 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}
.ml-13 {
  margin-left: 3.25rem;
}
.mr-13 {
  margin-right: 3.25rem;
}
.mt-13 {
  margin-top: 3.25rem;
}
.mb-13 {
  margin-bottom: 3.25rem;
}
.w-14 {
  width: 3.5rem;
}
.h-14 {
  height: 3.5rem;
}
.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}
.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.ml-14 {
  margin-left: 3.5rem;
}
.mr-14 {
  margin-right: 3.5rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.w-15 {
  width: 3.75rem;
}
.h-15 {
  height: 3.75rem;
}
.size-15 {
  width: 3.75rem;
  height: 3.75rem;
}
.px-15 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.py-15 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.pl-15 {
  padding-left: 3.75rem;
}
.pr-15 {
  padding-right: 3.75rem;
}
.pt-15 {
  padding-top: 3.75rem;
}
.pb-15 {
  padding-bottom: 3.75rem;
}
.mx-15 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}
.my-15 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.ml-15 {
  margin-left: 3.75rem;
}
.mr-15 {
  margin-right: 3.75rem;
}
.mt-15 {
  margin-top: 3.75rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.w-16 {
  width: 4rem;
}
.h-16 {
  height: 4rem;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pl-16 {
  padding-left: 4rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.ml-16 {
  margin-left: 4rem;
}
.mr-16 {
  margin-right: 4rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.w-17 {
  width: 4.25rem;
}
.h-17 {
  height: 4.25rem;
}
.size-17 {
  width: 4.25rem;
  height: 4.25rem;
}
.px-17 {
  padding-left: 4.25rem;
  padding-right: 4.25rem;
}
.py-17 {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}
.pl-17 {
  padding-left: 4.25rem;
}
.pr-17 {
  padding-right: 4.25rem;
}
.pt-17 {
  padding-top: 4.25rem;
}
.pb-17 {
  padding-bottom: 4.25rem;
}
.mx-17 {
  margin-left: 4.25rem;
  margin-right: 4.25rem;
}
.my-17 {
  margin-top: 4.25rem;
  margin-bottom: 4.25rem;
}
.ml-17 {
  margin-left: 4.25rem;
}
.mr-17 {
  margin-right: 4.25rem;
}
.mt-17 {
  margin-top: 4.25rem;
}
.mb-17 {
  margin-bottom: 4.25rem;
}
.w-18 {
  width: 4.5rem;
}
.h-18 {
  height: 4.5rem;
}
.size-18 {
  width: 4.5rem;
  height: 4.5rem;
}
.px-18 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
.py-18 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.pl-18 {
  padding-left: 4.5rem;
}
.pr-18 {
  padding-right: 4.5rem;
}
.pt-18 {
  padding-top: 4.5rem;
}
.pb-18 {
  padding-bottom: 4.5rem;
}
.mx-18 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}
.my-18 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}
.ml-18 {
  margin-left: 4.5rem;
}
.mr-18 {
  margin-right: 4.5rem;
}
.mt-18 {
  margin-top: 4.5rem;
}
.mb-18 {
  margin-bottom: 4.5rem;
}
.w-19 {
  width: 4.75rem;
}
.h-19 {
  height: 4.75rem;
}
.size-19 {
  width: 4.75rem;
  height: 4.75rem;
}
.px-19 {
  padding-left: 4.75rem;
  padding-right: 4.75rem;
}
.py-19 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
}
.pl-19 {
  padding-left: 4.75rem;
}
.pr-19 {
  padding-right: 4.75rem;
}
.pt-19 {
  padding-top: 4.75rem;
}
.pb-19 {
  padding-bottom: 4.75rem;
}
.mx-19 {
  margin-left: 4.75rem;
  margin-right: 4.75rem;
}
.my-19 {
  margin-top: 4.75rem;
  margin-bottom: 4.75rem;
}
.ml-19 {
  margin-left: 4.75rem;
}
.mr-19 {
  margin-right: 4.75rem;
}
.mt-19 {
  margin-top: 4.75rem;
}
.mb-19 {
  margin-bottom: 4.75rem;
}
.w-20 {
  width: 5rem;
}
.h-20 {
  height: 5rem;
}
.size-20 {
  width: 5rem;
  height: 5rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.pl-20 {
  padding-left: 5rem;
}
.pr-20 {
  padding-right: 5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.ml-20 {
  margin-left: 5rem;
}
.mr-20 {
  margin-right: 5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.w-21 {
  width: 5.25rem;
}
.h-21 {
  height: 5.25rem;
}
.size-21 {
  width: 5.25rem;
  height: 5.25rem;
}
.px-21 {
  padding-left: 5.25rem;
  padding-right: 5.25rem;
}
.py-21 {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}
.pl-21 {
  padding-left: 5.25rem;
}
.pr-21 {
  padding-right: 5.25rem;
}
.pt-21 {
  padding-top: 5.25rem;
}
.pb-21 {
  padding-bottom: 5.25rem;
}
.mx-21 {
  margin-left: 5.25rem;
  margin-right: 5.25rem;
}
.my-21 {
  margin-top: 5.25rem;
  margin-bottom: 5.25rem;
}
.ml-21 {
  margin-left: 5.25rem;
}
.mr-21 {
  margin-right: 5.25rem;
}
.mt-21 {
  margin-top: 5.25rem;
}
.mb-21 {
  margin-bottom: 5.25rem;
}
.w-22 {
  width: 5.5rem;
}
.h-22 {
  height: 5.5rem;
}
.size-22 {
  width: 5.5rem;
  height: 5.5rem;
}
.px-22 {
  padding-left: 5.5rem;
  padding-right: 5.5rem;
}
.py-22 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
.pl-22 {
  padding-left: 5.5rem;
}
.pr-22 {
  padding-right: 5.5rem;
}
.pt-22 {
  padding-top: 5.5rem;
}
.pb-22 {
  padding-bottom: 5.5rem;
}
.mx-22 {
  margin-left: 5.5rem;
  margin-right: 5.5rem;
}
.my-22 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
}
.ml-22 {
  margin-left: 5.5rem;
}
.mr-22 {
  margin-right: 5.5rem;
}
.mt-22 {
  margin-top: 5.5rem;
}
.mb-22 {
  margin-bottom: 5.5rem;
}
.w-23 {
  width: 5.75rem;
}
.h-23 {
  height: 5.75rem;
}
.size-23 {
  width: 5.75rem;
  height: 5.75rem;
}
.px-23 {
  padding-left: 5.75rem;
  padding-right: 5.75rem;
}
.py-23 {
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
}
.pl-23 {
  padding-left: 5.75rem;
}
.pr-23 {
  padding-right: 5.75rem;
}
.pt-23 {
  padding-top: 5.75rem;
}
.pb-23 {
  padding-bottom: 5.75rem;
}
.mx-23 {
  margin-left: 5.75rem;
  margin-right: 5.75rem;
}
.my-23 {
  margin-top: 5.75rem;
  margin-bottom: 5.75rem;
}
.ml-23 {
  margin-left: 5.75rem;
}
.mr-23 {
  margin-right: 5.75rem;
}
.mt-23 {
  margin-top: 5.75rem;
}
.mb-23 {
  margin-bottom: 5.75rem;
}
.w-24 {
  width: 6rem;
}
.h-24 {
  height: 6rem;
}
.size-24 {
  width: 6rem;
  height: 6rem;
}
.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.pl-24 {
  padding-left: 6rem;
}
.pr-24 {
  padding-right: 6rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}
.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.ml-24 {
  margin-left: 6rem;
}
.mr-24 {
  margin-right: 6rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.w-25 {
  width: 6.25rem;
}
.h-25 {
  height: 6.25rem;
}
.size-25 {
  width: 6.25rem;
  height: 6.25rem;
}
.px-25 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}
.py-25 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.pl-25 {
  padding-left: 6.25rem;
}
.pr-25 {
  padding-right: 6.25rem;
}
.pt-25 {
  padding-top: 6.25rem;
}
.pb-25 {
  padding-bottom: 6.25rem;
}
.mx-25 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}
.my-25 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.ml-25 {
  margin-left: 6.25rem;
}
.mr-25 {
  margin-right: 6.25rem;
}
.mt-25 {
  margin-top: 6.25rem;
}
.mb-25 {
  margin-bottom: 6.25rem;
}
.w-26 {
  width: 6.5rem;
}
.h-26 {
  height: 6.5rem;
}
.size-26 {
  width: 6.5rem;
  height: 6.5rem;
}
.px-26 {
  padding-left: 6.5rem;
  padding-right: 6.5rem;
}
.py-26 {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}
.pl-26 {
  padding-left: 6.5rem;
}
.pr-26 {
  padding-right: 6.5rem;
}
.pt-26 {
  padding-top: 6.5rem;
}
.pb-26 {
  padding-bottom: 6.5rem;
}
.mx-26 {
  margin-left: 6.5rem;
  margin-right: 6.5rem;
}
.my-26 {
  margin-top: 6.5rem;
  margin-bottom: 6.5rem;
}
.ml-26 {
  margin-left: 6.5rem;
}
.mr-26 {
  margin-right: 6.5rem;
}
.mt-26 {
  margin-top: 6.5rem;
}
.mb-26 {
  margin-bottom: 6.5rem;
}
.w-27 {
  width: 6.75rem;
}
.h-27 {
  height: 6.75rem;
}
.size-27 {
  width: 6.75rem;
  height: 6.75rem;
}
.px-27 {
  padding-left: 6.75rem;
  padding-right: 6.75rem;
}
.py-27 {
  padding-top: 6.75rem;
  padding-bottom: 6.75rem;
}
.pl-27 {
  padding-left: 6.75rem;
}
.pr-27 {
  padding-right: 6.75rem;
}
.pt-27 {
  padding-top: 6.75rem;
}
.pb-27 {
  padding-bottom: 6.75rem;
}
.mx-27 {
  margin-left: 6.75rem;
  margin-right: 6.75rem;
}
.my-27 {
  margin-top: 6.75rem;
  margin-bottom: 6.75rem;
}
.ml-27 {
  margin-left: 6.75rem;
}
.mr-27 {
  margin-right: 6.75rem;
}
.mt-27 {
  margin-top: 6.75rem;
}
.mb-27 {
  margin-bottom: 6.75rem;
}
.w-28 {
  width: 7rem;
}
.h-28 {
  height: 7rem;
}
.size-28 {
  width: 7rem;
  height: 7rem;
}
.px-28 {
  padding-left: 7rem;
  padding-right: 7rem;
}
.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.pl-28 {
  padding-left: 7rem;
}
.pr-28 {
  padding-right: 7rem;
}
.pt-28 {
  padding-top: 7rem;
}
.pb-28 {
  padding-bottom: 7rem;
}
.mx-28 {
  margin-left: 7rem;
  margin-right: 7rem;
}
.my-28 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.ml-28 {
  margin-left: 7rem;
}
.mr-28 {
  margin-right: 7rem;
}
.mt-28 {
  margin-top: 7rem;
}
.mb-28 {
  margin-bottom: 7rem;
}
.w-29 {
  width: 7.25rem;
}
.h-29 {
  height: 7.25rem;
}
.size-29 {
  width: 7.25rem;
  height: 7.25rem;
}
.px-29 {
  padding-left: 7.25rem;
  padding-right: 7.25rem;
}
.py-29 {
  padding-top: 7.25rem;
  padding-bottom: 7.25rem;
}
.pl-29 {
  padding-left: 7.25rem;
}
.pr-29 {
  padding-right: 7.25rem;
}
.pt-29 {
  padding-top: 7.25rem;
}
.pb-29 {
  padding-bottom: 7.25rem;
}
.mx-29 {
  margin-left: 7.25rem;
  margin-right: 7.25rem;
}
.my-29 {
  margin-top: 7.25rem;
  margin-bottom: 7.25rem;
}
.ml-29 {
  margin-left: 7.25rem;
}
.mr-29 {
  margin-right: 7.25rem;
}
.mt-29 {
  margin-top: 7.25rem;
}
.mb-29 {
  margin-bottom: 7.25rem;
}
.w-30 {
  width: 7.5rem;
}
.h-30 {
  height: 7.5rem;
}
.size-30 {
  width: 7.5rem;
  height: 7.5rem;
}
.px-30 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}
.py-30 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.pl-30 {
  padding-left: 7.5rem;
}
.pr-30 {
  padding-right: 7.5rem;
}
.pt-30 {
  padding-top: 7.5rem;
}
.pb-30 {
  padding-bottom: 7.5rem;
}
.mx-30 {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}
.my-30 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}
.ml-30 {
  margin-left: 7.5rem;
}
.mr-30 {
  margin-right: 7.5rem;
}
.mt-30 {
  margin-top: 7.5rem;
}
.mb-30 {
  margin-bottom: 7.5rem;
}
.w-31 {
  width: 7.75rem;
}
.h-31 {
  height: 7.75rem;
}
.size-31 {
  width: 7.75rem;
  height: 7.75rem;
}
.px-31 {
  padding-left: 7.75rem;
  padding-right: 7.75rem;
}
.py-31 {
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
}
.pl-31 {
  padding-left: 7.75rem;
}
.pr-31 {
  padding-right: 7.75rem;
}
.pt-31 {
  padding-top: 7.75rem;
}
.pb-31 {
  padding-bottom: 7.75rem;
}
.mx-31 {
  margin-left: 7.75rem;
  margin-right: 7.75rem;
}
.my-31 {
  margin-top: 7.75rem;
  margin-bottom: 7.75rem;
}
.ml-31 {
  margin-left: 7.75rem;
}
.mr-31 {
  margin-right: 7.75rem;
}
.mt-31 {
  margin-top: 7.75rem;
}
.mb-31 {
  margin-bottom: 7.75rem;
}
.w-32 {
  width: 8rem;
}
.h-32 {
  height: 8rem;
}
.size-32 {
  width: 8rem;
  height: 8rem;
}
.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.pl-32 {
  padding-left: 8rem;
}
.pr-32 {
  padding-right: 8rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}
.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.ml-32 {
  margin-left: 8rem;
}
.mr-32 {
  margin-right: 8rem;
}
.mt-32 {
  margin-top: 8rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.font-bold {
  font-weight: 700;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.inline-flex {
  display: inline-flex;
}
.flex {
  display: flex;
}
.block {
  display: block;
}
.items-center {
  align-items: center;
}
.hidden {
  display: none;
}
.alert {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-top-width: 4px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert .alert-icon {
  margin-right: 1rem;
}
.alert .alert-title {
  font-weight: 700;
}
.alert-success {
  color: rgb(20, 83, 45);
  background-color: rgb(220, 252, 231);
  border-color: rgb(34, 197, 94);
}
.alert-success .alert-icon {
  color: rgb(34, 197, 94);
}
.alert-warning {
  color: rgb(124, 45, 18);
  background-color: rgb(255, 237, 213);
  border-color: rgb(249, 115, 22);
}
.alert-warning .alert-icon {
  color: rgb(249, 115, 22);
}
.alert-error {
  color: #7f1d1d;
  background-color: #fecaca;
  border-color: #dc2626;
}
.alert-error .alert-icon {
  color: #dc2626;
}
.alert-info {
  color: #7dd3fc;
  background-color: #082f49;
  border-color: #0369a1;
}
.alert-info .alert-icon {
  color: #7dd3fc;
}
.alert-noresult {
  color: rgba(107, 114, 128, 0.7);
  background-color: rgba(107, 114, 128, 0.2);
  border-color: rgba(107, 114, 128, 0.2);
}
.button {
  line-height: 1.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: var(--mc-form-button-bkg);
  border-radius: 0.375rem;
  justify-content: center;
}
.button:hover {
  background-color: var(--mc-form-button-hover-bkg);
}
main table {
  text-align: left;
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
}
main table td.min-width,
main table th.min-width {
  width: 1%;
  text-wrap: nowrap;
  padding: 0 0.5rem;
}
main table td,
main table th {
  padding: 0.5rem;
}
main table th.ops,
main table td.ops {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
main table thead > tr:last-child {
  border-bottom: 1px solid #334155;
}
main table tbody > tr:nth-child(2n) {
  background-color: #27272a;
}
main table + .table-actions {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
}
.table-pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 3rem;
  margin-bottom: 1rem;
  gap: 1rem;
}
.table-pagination select.table-action-select {
  flex-basis: max-content;
}
.table-filters {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
  background-color: #27272a;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
}
.table-filters > .filters {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.table-filters > .filters > .filters-title {
  color: #475569;
}
.table-filters > .filters > .form-field {
  width: 100%;
  color: white;
  border-radius: 0.75rem;
  border: 1px solid #334155;
  background-color: #1e293b;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-right: 0.375rem;
}
.table-filters > .filters > .form-field :focus-visible {
  outline: none;
}
.table-filters > .filters > .form-field .form-input {
  border: none;
  background-color: #1e293b;
}
.table-filters > .filters > .form-field .form-label {
  text-wrap: nowrap;
  padding: 0.5rem 0 0.5rem 0.75rem;
}
.table-filters > .filters > .form-field + .form-field {
  margin-top: 0;
}
.table-filters > .buttons {
  display: flex;
  justify-content: flex-end;
}
.table-filters > .buttons .form-button {
  margin-top: 0;
  align-self: flex-end;
}
ol.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-bottom: 3em;
}
ol.breadcrumbs .separator {
  color: #333;
}
ol.breadcrumbs a.link {
  color: #ccc;
}
ol.breadcrumbs a.link:hover {
  color: rgb(125, 211, 252);
}
.table-filters + .alert.alert-noresult {
  margin-top: 2rem;
}
.login-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 840px;
  flex: 1 0%;
}
.login-container > .login {
  text-align: center;
  width: 100%;
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
.login-container button.register {
  margin-top: 1rem;
}
.login-container #login-message {
  color: #669933;
  margin-top: 1rem;
}
.nav-tabs {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  color: #9ca3af;
  border-bottom: 1px solid #374151;
}
.nav-tabs > ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1px;
}
.nav-tabs > ul > li {
  margin-right: 0.5rem;
}
.nav-tabs > ul > li > a {
  padding: 1rem;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-width: 2px;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  display: inline-block;
}
.nav-tabs > ul > li:hover > a {
  color: #d1d5db;
  border-color: #d1d5db;
}
.nav-tabs > ul > li.active > a {
  color: #7dd3fc;
  border-color: #7dd3fc;
}
main {
  max-width: 1200px;
  padding-bottom: 5rem;
}
main h1 {
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 2rem;
}
main h2 {
  font-size: 1.5rem;
  line-height: 3rem;
  margin-bottom: 1.5rem;
  margin-top: 3rem;
}
main h3 {
  font-size: 1.2rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
main h4 {
  font-size: 1.1rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
main h5 {
  font-size: 0.9rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
main section + h1 {
  margin-top: 3rem;
}
.section-title {
  margin-top: 3rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #7dd3fc;
}
.section-title > h2,
.section-title > h3 {
  color: #7dd3fc;
  margin-bottom: 0.375rem;
}
header {
  display: flex;
  z-index: 40;
  position: fixed;
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
header .menu-left {
  padding: 1.5rem;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  overflow-y: auto;
  width: 18rem;
  pointer-events: auto;
  background: var(--color-zinc-800);
}
header .menu-left .menu-header {
  display: flex;
  justify-content: space-between;
}
header .menu-left .menu-header .menu-expand {
  display: none;
}
header .menu-left nav ul li {
  margin-top: 0.5rem;
}
header .menu-left nav ul li a {
  display: flex;
  padding: 0.1rem 0;
  color: #ccc;
  font-size: 1rem;
  gap: 0.5rem;
  align-items: center;
  align-content: flex-start;
}
header .menu-left nav ul li.active > a {
  color: #7dd3fc;
}
header .menu-left nav ul ul {
  padding-left: 1.5rem;
}
header .menu-left nav > ul > li {
  margin-top: 1rem;
}
.page-container {
  margin-left: 18rem;
}
.content {
  position: relative;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .page-container {
    margin-left: 0;
  }
  header {
    display: contents;
  }
  header .menu-left {
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  header .menu-left .menu-header .menu-expand {
    display: block;
  }
  header .menu-left nav {
    display: none;
  }
  header .menu-left nav.expanded {
    display: block;
  }
}
.wine-add-n {
  min-width: 100px;
}
.wine-add-format {
  width: 150px;
}
.wine-add-year {
  width: 80px;
}
.wine-add-date-bought {
  width: 150px;
}
.wine-add-price-bought {
  width: 80px;
}
.autocomplete-menu-item .location {
  display: flex;
  justify-content: space-between;
}
.autocomplete-menu-item .location .location-type {
  font-size: smaller;
  color: #ccc;
}