@appartmint/css-mint 0.1.0 → 1.0.1

package/dist/index.css

@@ -1,4 +1,83 @@
 @charset "UTF-8";
+.mint-edit-info:not(.mint-editing) input, .mint-edit-info:not(.mint-editing) textarea {
+  background: transparent;
+  border: none;
+  color: var(--mint-fg);
+  resize: none;
+}
+.mint-edit-info .mint-btns {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+
+.mint-array-item {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+.mint-array-item :first-child {
+  flex-grow: 1;
+}
+.mint-array-item :last-child {
+  flex-shrink: 0;
+}
+
+.mint-dropdown {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+@media (min-width: 480px) {
+  .mint-dropdown {
+    gap: 1rem;
+  }
+}
+
+input,
+select,
+textarea {
+  width: 100%;
+  padding: 0.5rem;
+  border: 2px solid var(--mint-c-bw-8);
+  border-radius: var(--mint-br);
+}
+
+input[type=file], input::file-selector-button {
+  cursor: pointer;
+}
+
+.mint-label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.mint-label span {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.mint-label .mint-error {
+  line-height: 0;
+  filter: opacity(0);
+  transition: filter 0.3s;
+}
+.mint-label .mint-error.mint-show {
+  filter: opacity(1);
+}
+
+@media (min-width: 480px) {
+  select {
+    width: auto;
+  }
+}
+
+textarea {
+  resize: vertical;
+}
+
 :root {
   --mint-check-s: 1;
   --mint-check-p: 0.25rem;
@@ -6,8 +85,28 @@
   --mint-check-bw: 0.125rem;
   --mint-check-fs: 0.5rem;
   --mint-check-br: var(--mint-br);
+  --mint-check-bc: var(--mint-c-brand-2);
+  --mint-check-bg: var(--mint-c-brand-5);
 }
 
+.mint-toggle {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  width: fit-content;
+  cursor: pointer;
+}
+.mint-toggle div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+}
+@media (min-width: 480px) {
+  .mint-toggle div {
+    flex-direction: row;
+  }
+}
 .mint-toggle.mint-1 {
   --mint-check-s: 1;
 }
@@ -40,845 +139,3618 @@
 }
 
 .mint-check {
+  position: relative;
+  display: inline-block;
+  flex-shrink: 0;
   height: calc((var(--mint-check-h) + var(--mint-check-bw) * 2) * var(--mint-check-s));
   width: calc((var(--mint-check-h) - var(--mint-check-p) + var(--mint-check-bw)) * var(--mint-check-s) * 2);
-  border: calc(var(--mint-check-bw) * var(--mint-check-s)) solid var(--mint-brand-2);
+  border: calc(var(--mint-check-bw) * var(--mint-check-s)) solid var(--mint-check-bc);
   border-radius: calc(var(--mint-check-br) * var(--mint-check-s));
+  background-color: var(--mint-check-bg);
+  cursor: pointer;
+}
+.mint-check [type=checkbox] {
+  display: none;
 }
 .mint-check [type=checkbox]:checked + span {
   left: calc(100% - (var(--mint-check-h) - var(--mint-check-p)) * var(--mint-check-s));
+  background-color: var(--mint-check-bc);
+  filter: grayscale(0);
+}
+.mint-check [type=checkbox]:checked + span i {
+  opacity: 0;
+}
+.mint-check [type=checkbox]:checked + span i:first-child {
+  opacity: 1;
 }
 .mint-check [type=checkbox] + span {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
   top: calc(var(--mint-check-p) * var(--mint-check-s));
   left: calc(var(--mint-check-p) * var(--mint-check-s));
   transform: translateX(0);
   width: calc((var(--mint-check-h) - var(--mint-check-p) * 2) * var(--mint-check-s));
   height: calc((var(--mint-check-h) - var(--mint-check-p) * 2) * var(--mint-check-s));
   border-radius: calc(var(--mint-check-br) * var(--mint-check-s));
+  filter: grayscale(1);
+  transition: filter 300ms, background-color 300ms, left 300ms;
 }
 .mint-check [type=checkbox] + span i {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: var(--mint-back);
   font-size: calc(var(--mint-check-fs) * var(--mint-check-s));
+  transition: opacity delay(default);
 }
-
-:root {
-  --mint-grid-gap: var(--mint-gap);
-  --mint-grid-fit-w: var(--mint-xs);
+.mint-check [type=checkbox] + span i:first-child {
+  opacity: 0;
 }
 
-.mint-grid-fit {
-  display: grid;
-  grid-template-columns: repeat(minmax(min(var(--mint-grid-fit-w), 100%), 1fr));
-  gap: var(--mint-grid-gap);
+:root {
+  --mint-bg-blur: 10vw;
+  --mint-bg-blur-active: 0.15vw;
 }
 
-:root {
-  --mint-btn-pv: calc(var(--mint-gap) * 2);
-  --mint-btn-ph: calc(var(--mint-gap) * 4);
-  --mint-btn-br: var(--mint-br);
-  --mint-btn-bw: var(--mint-bw);
-  --mint-btn-bc: var(--mint-brand-4);
-  --mint-btn-fg: var(--mint-c-fg);
-  --mint-btn-fg-hover: var(--mint-back);
-  --mint-btn-fg-alt: var(--mint-btn-bc);
-  --mint-btn-fg-alt-hover: var(--mint-btn-fg-hover);
-  --mint-btn-bg: var(--mint-brand-2);
-  --mint-btn-bg-hover: var(--mint-btn-bc);
-  --mint-btn-bg-alt: var(--mint-clear);
-  --mint-btn-bg-alt-hover: var(--mint-accent-2);
-  --mint-pill-pv: 0;
-  --mint-pill-ph: calc(var(--mint-gap) * 3);
-  --mint-pill-br: var(--mint-br);
+.mint-bg {
+  display: block;
+  opacity: 0;
+  height: 0;
+  width: 0;
+  z-index: -1;
+  transform: none !important;
 }
 
-.mint-theme-dark {
-  --mint-btn-bg: var(--mint-brand-5);
-  --mint-btn-bc: var(--mint-brand-2);
+.mint-background {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  object-fit: cover;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  z-index: 0;
+  filter: opacity(0) blur(var(--mint-bg-blur));
+  transition: filter 1000ms ease-out;
+}
+.mint-background.active {
+  filter: opacity(1) blur(var(--mint-bg-blur-active));
 }
 
-button,
-a[routerLink] {
-  cursor: pointer;
+:root {
+  --mint-chat-user: var(--mint-c-bg-1);
+  --mint-chat-bot: var(--mint-c-brand-1);
 }
 
-a,
-button,
-.mint-btn,
-.mint-select,
-.mint-btn-icon,
-.mint-pill {
-  font-size: inherit;
+.mint-chatbot {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: flex-end;
+  position: relative;
+  gap: 1rem;
+  min-height: calc(100vh - var(--mint-header-h));
+  min-height: calc(100dvh - var(--mint-header-h));
 }
-a[disabled],
-button[disabled],
-.mint-btn[disabled],
-[disabled].mint-select,
-.mint-btn-icon[disabled],
-.mint-pill[disabled] {
-  filter: grayscale(1) brightness(0.75) !important;
-  pointer-events: none !important;
+@media (min-width: 480px) {
+  .mint-chatbot {
+    min-height: unset;
+  }
 }
-a[disabled].mint-fall-in:not(.mint-show),
-button[disabled].mint-fall-in:not(.mint-show),
-.mint-btn[disabled].mint-fall-in:not(.mint-show),
-[disabled].mint-fall-in.mint-select:not(.mint-show),
-.mint-btn-icon[disabled].mint-fall-in:not(.mint-show),
-.mint-pill[disabled].mint-fall-in:not(.mint-show) {
-  filter: grayscale(1) brightness(0.75) opacity(0%) !important;
+.mint-chatbot .mint-output {
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: calc(100% - 75px);
+  overflow-y: auto;
 }
-a i:first-child,
-button i:first-child,
-.mint-btn i:first-child,
-.mint-select i:first-child,
-.mint-btn-icon i:first-child,
-.mint-pill i:first-child {
-  margin-right: 0.5em;
+.mint-chatbot .mint-chat {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  width: 100%;
+  min-height: 100%;
+  padding: 1rem;
+  font-size: 1.125rem;
+  overflow-x: hidden;
 }
-a i:last-child,
-button i:last-child,
-.mint-btn i:last-child,
-.mint-select i:last-child,
-.mint-btn-icon i:last-child,
-.mint-pill i:last-child {
-  margin-left: 0.5em;
+.mint-chatbot .mint-chat::before {
+  content: "";
+  flex-grow: 1;
 }
-a i:only-child,
-button i:only-child,
-.mint-btn i:only-child,
-.mint-select i:only-child,
-.mint-btn-icon i:only-child,
-.mint-pill i:only-child {
+.mint-chatbot .mint-chat p {
+  align-self: flex-start;
   margin: 0;
+  color: #000;
+}
+@media (min-width: 480px) {
+  .mint-chatbot .mint-chat p {
+    max-width: 75%;
+  }
+}
+.mint-chatbot .mint-chat p:nth-child(even) {
+  align-self: flex-end;
+}
+.mint-chatbot .mint-chat p:nth-child(even) span {
+  background-color: var(--mint-chat-bot);
+}
+.mint-chatbot .mint-chat p:nth-child(even) span::before {
+  left: unset;
+  right: 0;
+  transform: translate(-5%, 90%) skew(50deg, 10deg);
+  border-color: var(--mint-chat-bot) transparent transparent transparent;
+}
+.mint-chatbot .mint-chat p span {
+  display: block;
+  position: relative;
+  padding: 1rem;
+  margin-bottom: 2rem;
+  background-color: var(--mint-chat-user);
+  border-radius: 0.5rem;
+}
+.mint-chatbot .mint-chat p span::before {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transform: translate(5%, 90%) skew(-50deg, 10deg);
+  width: 0;
+  height: 0;
+  border: 0.5rem solid;
+  border-color: var(--mint-chat-user) transparent transparent transparent;
+}
+.mint-chatbot .mint-input {
+  position: relative;
+  width: 100%;
+  max-width: 550px;
+  margin: 0 auto;
+}
+.mint-chatbot .mint-input input {
+  font-size: 1.25rem;
+  padding-right: 47px;
+}
+.mint-chatbot .mint-input button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  padding: 0 1rem;
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
+  border: none;
+  transition: all 0.3s ease-in-out;
+}
+.mint-chatbot .mint-input button:hover .mint-chatbot .mint-input button:focus-visible {
+  background: var(--mint-c-fg) !important;
+  color: var(--mint-c-bg);
 }
 
-.mint-btn, .mint-select,
-.mint-pill,
-.mint-btn-group,
-.mint-btn-icon {
-  flex-shrink: 0;
+:root {
+  --mint-footer-bg: var(--mint-c-bg);
+  --mint-footer-heel-bg: var(--mint-c-brand-6);
+  --mint-footer-heel-fg: var(--mint-c-fg);
+  --mint-footer-shadow-c: var(--mint-shadow-c);
+  --mint-footer-shadow-s: var(--mint-shadow-s);
 }
 
-.mint-btn, .mint-select,
-.mint-btn-group {
-  border-radius: var(--mint-btn-br);
+.mint-theme-dark {
+  --mint-footer-heel-bg: var(--mint-c-brand-4);
 }
 
-.mint-btn, .mint-select,
-.mint-pill,
-.mint-btn-icon {
-  width: fit-content;
+.mint-footer {
+  display: flex;
+  flex-direction: column;
   max-width: 100%;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  background: var(--mint-footer-bg);
+  box-shadow: var(--mint-footer-shadow-s) var(--mint-footer-shadow-c);
+  transition: transform ms(300);
+  z-index: 999;
   overflow: hidden;
-  user-select: none;
-  transition-property: color, background-color, border-color;
-  transition-duration: ms(300);
 }
-
-.mint-btn, .mint-select,
-.mint-pill,
-.mint-btn-group {
-  display: inline-block;
-  color: var(--mint-btn-fg);
-  background: var(--mint-btn-bg);
-  border: var(--mint-btn-bw) solid var(--mint-btn-bc);
-  text-align: center;
+.mint-footer.mint-hide {
+  display: flex;
+  transform: translateY(100%);
+  transition: transform ms(0);
 }
-@media (min-width: 30rem) {
-  .mint-btn, .mint-select,
-  .mint-pill,
-  .mint-btn-group {
-    width: fit-content;
-  }
+.mint-footer * {
+  max-width: 100%;
 }
-.mint-btn:hover, .mint-select:hover, .mint-pill:hover, .mint-btn-group:hover .mint-btn:focus-visible, .mint-btn-group:hover .mint-select:focus-visible, .mint-pill:focus-visible, .mint-btn-group:focus-visible .mint-btn:active, .mint-btn-group:focus-visible .mint-select:active, .mint-pill:active, .mint-btn-group:active .mint-btn.mint-active, .mint-btn-group:active .mint-active.mint-select, .mint-pill.mint-active, .mint-btn-group.mint-active {
-  color: var(--mint-btn-fg-hover);
-  background: var(--mint-btn-bg-hover);
+.mint-footer p {
+  margin: 0;
 }
-.mint-btn:hover i, .mint-select:hover i, .mint-pill:hover i, .mint-btn-group:hover .mint-btn:focus-visible i, .mint-btn-group:hover .mint-select:focus-visible i, .mint-pill:focus-visible i, .mint-btn-group:focus-visible .mint-btn:active i, .mint-btn-group:focus-visible .mint-select:active i, .mint-pill:active i, .mint-btn-group:active .mint-btn.mint-active i, .mint-btn-group:active .mint-active.mint-select i, .mint-pill.mint-active i, .mint-btn-group.mint-active i {
-  color: inherit !important;
+.mint-footer-content {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
 }
-
-.mint-btn.mint-reverse, .mint-reverse.mint-select,
-.mint-pill.mint-reverse,
-.mint-btn-group.mint-reverse {
-  color: var(--mint-btn-fg-hover);
-  background: var(--mint-btn-bg-hover);
+@media (min-width: 768px) {
+  .mint-footer-content {
+    flex-direction: row;
+    align-items: flex-start;
+  }
 }
-.mint-btn.mint-reverse:hover, .mint-reverse.mint-select:hover, .mint-pill.mint-reverse:hover, .mint-btn-group.mint-reverse:hover .mint-btn.mint-reverse:focus-visible, .mint-btn-group.mint-reverse:hover .mint-reverse.mint-select:focus-visible, .mint-pill.mint-reverse:focus-visible, .mint-btn-group.mint-reverse:focus-visible .mint-btn.mint-reverse:active, .mint-btn-group.mint-reverse:focus-visible .mint-reverse.mint-select:active, .mint-pill.mint-reverse:active, .mint-btn-group.mint-reverse:active .mint-btn.mint-reverse.mint-active, .mint-btn-group.mint-reverse:active .mint-reverse.mint-active.mint-select, .mint-pill.mint-reverse.mint-active, .mint-btn-group.mint-reverse.mint-active {
-  color: var(--mint-btn-fg);
-  background: var(--mint-btn-bg);
+.mint-footer-content > p {
+  margin: 0 auto;
+  text-align: center;
+  align-self: center;
 }
-
-.mint-btn.mint-alt, .mint-alt.mint-select,
-.mint-pill.mint-alt,
-.mint-btn-group.mint-alt {
-  color: var(--mint-btn-fg-alt);
-  background: var(--mint-btn-bg-alt);
-}
-.mint-btn.mint-alt:hover, .mint-alt.mint-select:hover, .mint-pill.mint-alt:hover, .mint-btn-group.mint-alt:hover .mint-btn.mint-alt:focus-visible, .mint-btn-group.mint-alt:hover .mint-alt.mint-select:focus-visible, .mint-pill.mint-alt:focus-visible, .mint-btn-group.mint-alt:focus-visible .mint-btn.mint-alt:active, .mint-btn-group.mint-alt:focus-visible .mint-alt.mint-select:active, .mint-pill.mint-alt:active, .mint-btn-group.mint-alt:active .mint-btn.mint-alt.mint-active, .mint-btn-group.mint-alt:active .mint-alt.mint-active.mint-select, .mint-pill.mint-alt.mint-active, .mint-btn-group.mint-alt.mint-active {
-  color: var(--mint-btn-fg-alt-hover);
-  background: var(--mint-btn-bg-alt-hover);
-  border-color: var(--mint-btn-bg-alt-hover);
+.mint-footer-content > p a {
+  display: block;
 }
-
-.mint-btn.mint-alt.mint-reverse, .mint-alt.mint-reverse.mint-select,
-.mint-pill.mint-alt.mint-reverse,
-.mint-btn-group.mint-alt.mint-reverse {
-  color: var(--mint-btn-fg-alt-hover);
-  background: var(--mint-btn-bg-alt-hover);
-  border-color: var(--mint-btn-bg-alt-hover);
+.mint-footer-content [label=Footer] {
+  width: 100%;
+  margin: auto;
 }
-.mint-btn.mint-alt.mint-reverse:hover, .mint-alt.mint-reverse.mint-select:hover, .mint-pill.mint-alt.mint-reverse:hover, .mint-btn-group.mint-alt.mint-reverse:hover .mint-btn.mint-alt.mint-reverse:focus-visible, .mint-btn-group.mint-alt.mint-reverse:hover .mint-alt.mint-reverse.mint-select:focus-visible, .mint-pill.mint-alt.mint-reverse:focus-visible, .mint-btn-group.mint-alt.mint-reverse:focus-visible .mint-btn.mint-alt.mint-reverse:active, .mint-btn-group.mint-alt.mint-reverse:focus-visible .mint-alt.mint-reverse.mint-select:active, .mint-pill.mint-alt.mint-reverse:active, .mint-btn-group.mint-alt.mint-reverse:active .mint-btn.mint-alt.mint-reverse.mint-active, .mint-btn-group.mint-alt.mint-reverse:active .mint-alt.mint-reverse.mint-active.mint-select, .mint-pill.mint-alt.mint-reverse.mint-active, .mint-btn-group.mint-alt.mint-reverse.mint-active {
-  color: var(--mint-btn-bc);
-  background: var(--mint-btn-bg-alt);
-  border-color: var(--mint-btn-bg-alt);
+@media (min-width: 768px) {
+  .mint-footer-content [label=Footer] {
+    width: auto;
+  }
 }
-
-.mint-btn a, .mint-select a,
-.mint-pill a,
-.mint-btn-group a {
-  color: inherit;
+.mint-footer-content [label=Footer] > ul {
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  text-align: center;
 }
-.mint-btn a:hover, .mint-select a:hover,
-.mint-pill a:hover,
-.mint-btn-group a:hover {
-  color: inherit;
+@media (min-width: 480px) {
+  .mint-footer-content [label=Footer] > ul {
+    flex-direction: row;
+  }
 }
-.mint-btn a i, .mint-select a i,
-.mint-pill a i,
-.mint-btn-group a i {
-  display: none;
+.mint-footer-content [label=Footer] > ul > ul li:last-child .mint-pill {
+  margin-bottom: 0;
 }
-
-.mint-btn, .mint-select {
-  padding: var(--mint-btn-pv) var(--mint-btn-ph);
-  cursor: pointer;
+.mint-footer-content [label=Footer] .mint-pill {
+  margin-bottom: 0.5rem;
 }
-.mint-btn-icon {
-  display: block;
+.mint-footer-heel {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  padding: 0.4rem 1rem;
+  color: var(--mint-footer-heel-fg);
+  background: var(--mint-footer-heel-bg);
   text-align: center;
-  background: none;
-  border: none;
 }
-.mint-btn-icon:hover .mint-btn-icon:focus-visible .mint-btn-icon:active .mint-btn-icon.mint-active i {
-  color: var(--mint-btn-bg-alt-hover);
+@media (min-width: 768px) {
+  .mint-footer-heel {
+    flex-direction: row;
+  }
 }
-
-@media (min-width: 30rem) {
-  .mint-btn-icon {
-    display: inline-block;
+.mint-footer-heel > * {
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .mint-footer-heel p {
+    text-align: left;
   }
 }
-.mint-btn-icon.mint-lg i {
-  font-size: 4rem;
+.mint-footer-social {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
 }
-.mint-btn-icon i {
-  display: inline-flex;
+.mint-footer-message {
+  display: flex;
   align-items: center;
-  margin: 0 !important;
-  color: var(--mint-btn-bc);
-  font-size: 1.5rem;
+  justify-content: center;
+  flex-wrap: wrap;
 }
-.mint-btn-icon i::before {
-  transition: color ms(300);
-  padding: 2px;
+@media (min-width: 480px) {
+  .mint-footer-message {
+    flex-wrap: nowrap;
+  }
 }
-.mint-btn-group {
-  display: flex;
-  width: fit-content;
-  max-width: 100%;
-  margin: auto;
-  padding: 0;
-  overflow: visible;
-  transition: all ms(300);
+@media (min-width: 768px) {
+  .mint-footer-message {
+    justify-content: flex-end;
+  }
 }
-.mint-btn-group > *:first-child, .mint-btn-group > *:first-child button {
-  padding: var(--mint-btn-pv) 0 var(--mint-btn-pv) var(--mint-btn-ph);
-  border-top-left-radius: var(--mint-btn-br);
-  border-bottom-left-radius: var(--mint-btn-br);
+.mint-footer-message > .mint-pill {
+  margin: 0 0.25rem;
 }
-.mint-btn-group > *:last-child, .mint-btn-group > *:last-child button {
-  padding: var(--mint-btn-pv) var(--mint-btn-ph) var(--mint-btn-pv) 0;
-  border-top-right-radius: var(--mint-btn-br);
-  border-bottom-right-radius: var(--mint-btn-br);
+.mint-footer-message > * {
+  margin: 0 0.5rem;
 }
-.mint-btn-group button {
-  width: 100%;
-  border: none;
-  color: inherit;
-  background: transparent;
+.mint-footer-message > *:first-child {
+  margin-left: 0;
 }
-.mint-btn-group button:hover .mint-btn-group button:focus-visible .mint-btn-group button:active .mint-btn-group button.mint-active {
-  background: var(--mint-brand-5);
+.mint-footer-message > *:last-child {
+  margin-right: 0;
 }
 
-.mint-btn-submit.mint-success[disabled] {
-  filter: none !important;
+:root {
+  --mint-header-h: 4rem;
+  --mint-header-bg: var(--mint-c-brand-2);
+  --mint-header-fg: var(--mint-c-fg);
+  --mint-header-link-br: var(--mint-br);
+  --mint-header-link-fg: var(--mint-c-fg);
+  --mint-header-link-fg-hover: var(--mint-c-bg);
+  --mint-header-link-bg-hover: var(--mint-c-shadow-5);
+  --mint-menu-bar-h: 0.4rem;
+  --mint-menu-bar-w: calc(var(--mint-menu-bar-h) * 8);
+  --mint-menu-btn-br: br;
+  --mint-menu-btn-p: calc(var(--mint-menu-bar-h) * 1.5);
+  --mint-menu-btn-fg: c-fg;
+  --mint-menu-btn-fg-hover: header-link-fg-hover;
+  --mint-menu-btn-bg: c-shadow-6;
+  --mint-menu-btn-bg-hover: header-link-bg-hover;
+  --mint-menu-btn-shadow-c: c-shadow-c;
+  --mint-menu-btn-shadow-s: c-shadow-s;
 }
 
-.mint-pill {
-  padding: var(--mint-pill-pv) var(--mint-pill-ph);
-  border-radius: var(--mint-pill-br);
-  line-height: 2;
+.mint-theme-dark {
+  --mint-header-bg: var(--mint-c-brand-4);
+  --mint-header-link-bg-hover: var(--mint-c-glow-5);
 }
 
-a.mint-pill, button.mint-pill {
-  min-width: 5rem;
+body.mint-fixed #mint-header {
+  position: fixed;
+  top: 0;
+  left: 0;
 }
 
-p .mint-pill, p .mint-btn, p .mint-select {
-  line-height: 1.5rem;
-  vertical-align: middle;
+#mint-header {
+  position: relative;
+  width: 100%;
+  color: var(--mint-header-fg);
+  background-color: var(--mint-header-bg);
+  z-index: 1000;
+  height: var(--mint-header-h);
 }
-
-.mint-buttons {
+@media (min-width: 768px) {
+  #mint-header.mint-expand .mint-buttons {
+    width: auto;
+  }
+  #mint-header.mint-expand .mint-buttons [aria-controls=mint-wrapper] {
+    display: none;
+  }
+  #mint-header.mint-expand #mint-wrapper {
+    position: static;
+    display: flex !important;
+    height: 100%;
+    max-width: unset !important;
+    padding: 0;
+    z-index: 0;
+  }
+  #mint-header.mint-expand #mint-wrapper, #mint-header.mint-expand #mint-wrapper nav {
+    height: var(--mint-header-h);
+    background: var(--mint-glow-0) !important;
+    overflow: visible;
+  }
+  #mint-header.mint-expand #mint-wrapper nav {
+    border: none;
+  }
+  #mint-header.mint-expand #mint-wrapper nav::before {
+    display: none;
+  }
+  #mint-header.mint-expand #mint-wrapper nav > ul {
+    flex-direction: row !important;
+    justify-content: flex-end;
+    flex-wrap: nowrap;
+    overflow: visible;
+  }
+  #mint-header.mint-expand #mint-wrapper nav > ul > li {
+    position: relative;
+    display: flex;
+    width: 100%;
+    max-width: 200px;
+    text-align: center;
+  }
+  #mint-header.mint-expand #mint-wrapper nav > ul > li button,
+  #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
+    width: 100%;
+    max-width: 200px;
+  }
+  #mint-header.mint-expand #mint-wrapper nav > ul > li button {
+    font-size: 1.5rem;
+    padding-right: 2rem;
+  }
+  #mint-header.mint-expand #mint-wrapper nav > ul > li button::after {
+    content: "\f054";
+    font-family: "Font Awesome 6 Pro";
+    font-weight: 900;
+    font-size: 1rem;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    margin-left: 1rem;
+    transition: transform ms(300);
+  }
+  #mint-header.mint-expand #mint-wrapper nav > ul > li button:hover #mint-header.mint-expand #mint-wrapper nav > ul > li button:focus-visible #mint-header.mint-expand #mint-wrapper nav > ul > li button[aria-expanded=true]::after {
+    transform: translateY(-50%) rotate(90deg);
+  }
+  #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: var(--mint-header-bg);
+  }
+  #mint-header.mint-expand #mint-wrapper a {
+    font-size: 1.25rem;
+  }
+  #mint-header.mint-expand #mint-wrapper a, #mint-header.mint-expand #mint-wrapper button {
+    margin: 0.25rem 0;
+  }
+}
+@media (max-width: 767px) {
+  #mint-header.mint-spread #mint-wrapper [aria-controls] {
+    display: none;
+  }
+  #mint-header.mint-spread #mint-wrapper [aria-controls] + ul {
+    display: flex !important;
+    height: auto !important;
+    margin-bottom: 3rem;
+  }
+  #mint-header.mint-spread #mint-wrapper [aria-controls] + ul > li:first-child {
+    font-size: 1.5em;
+  }
+}
+#mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] {
+  display: none;
+}
+#mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul {
+  display: flex !important;
+  height: auto !important;
+  margin-bottom: 3rem;
+  overflow: visible;
+}
+#mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul > li:first-child {
+  font-size: 1.5em;
+}
+#mint-header .mint-tray #mint-wrapper a, #mint-header .mint-tray #mint-wrapper button {
+  padding: 0.75rem;
+  margin: 0.25rem 0;
+  line-height: 1;
+  font-size: 2em;
+  width: 100%;
+}
+#mint-header .mint-tray #mint-wrapper button {
+  font-size: 3em;
+}
+#mint-header .mint-tray #mint-wrapper nav > ul {
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+}
+#mint-header .mint-tray #mint-wrapper nav li {
+  width: 100%;
+}
+#mint-header:not(.mint-border)::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: var(--mint-header-bg);
+}
+#mint-header::before {
+  height: var(--mint-header-h);
+  z-index: -1;
+}
+#mint-header #mint-navbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  height: 100%;
+}
+#mint-header #mint-navbar > :not(.mint-buttons) a {
+  color: var(--mint-header-link-fg);
+  text-decoration: none;
+}
+#mint-header .mint-logo {
   display: flex;
   align-items: center;
-  justify-content: center;
-  flex-wrap: wrap;
   gap: 1rem;
-  overflow: hidden;
+  width: auto;
+  height: var(--mint-header-h);
+  padding: 0.25rem;
+  text-decoration: none;
+  white-space: nowrap;
 }
-@media (min-width: 30rem) {
-  .mint-buttons {
-    justify-content: flex-start;
+#mint-header .mint-logo span {
+  display: none;
+  margin: 0;
+}
+@media (min-width: 480px) {
+  #mint-header .mint-logo span {
+    display: inline;
   }
 }
-.mint-buttons > * {
-  width: 100%;
+#mint-header .mint-logo img {
+  width: auto;
+  height: 100%;
 }
-.mint-buttons > * .mint-btn, .mint-buttons > * .mint-select, .mint-buttons > * .mint-pill {
+#mint-header [aria-controls=mint-wrapper] {
+  display: inline-block;
+  position: relative;
+  padding: var(--mint-menu-btn-p);
+  width: calc(var(--mint-menu-bar-w) + var(--mint-menu-btn-p) * 2);
+  height: calc(var(--mint-menu-btn-h) + var(--mint-menu-btn-p) * 2);
+  border-radius: var(--mint-menu-btn-br);
+  background: var(--mint-menu-btn-bg);
+  box-shadow: var(--mint-menu-btn-shadow-s) var(--mint-menu-btn-shadow-c);
+  z-index: 1000;
+}
+#mint-header [aria-controls=mint-wrapper]:hover {
+  background: var(--mint-menu-btn-bg-hover);
+}
+#mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon, #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon::before, #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon::after {
+  background-color: var(--mint-menu-btn-fg-hover);
+}
+
+#mint-header [aria-controls=mint-wrapper] .mint-menu-icon {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+#mint-header [aria-controls=mint-wrapper] .mint-menu-icon, #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::before, #mint-header [aria-controls=mint-wrapper] .mint-menu-icon::after {
+  content: "";
   display: block;
+  position: absolute;
+  left: 50%;
+  height: var(--mint-menu-bar-h);
+  width: var(--mint-menu-bar-w);
+  background-color: var(--mint-menu-bar-fg);
+  transition: ms(300);
 }
-@media (min-width: 30rem) {
-  .mint-buttons > * {
-    width: auto;
+#mint-header [aria-controls=mint-wrapper] .mint-menu-icon::before {
+  transform: translate(-50%, -200%);
+}
+#mint-header [aria-controls=mint-wrapper] .mint-menu-icon::after {
+  transform: translate(-50%, 200%);
+}
+#mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon {
+  background: transparent;
+}
+#mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon::before {
+  transform: translate(-50%, 0) rotate(45deg);
+}
+#mint-header [aria-controls=mint-wrapper][aria-expanded=true] .mint-menu-icon::after {
+  transform: translate(-50%, 0) rotate(-45deg);
+}
+#mint-header #mint-wrapper nav {
+  flex-grow: 1;
+  height: auto;
+  overflow: visible;
+  background: var(--mint-bg);
+}
+@media (min-width: 1440px) {
+  #mint-header #mint-wrapper nav {
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }
-.mint-buttons .mint-buttons .mint-pill {
-  width: 100%;
+#mint-header #mint-wrapper nav > :last-child {
+  margin-bottom: 0;
 }
-
-@media (min-width: 30rem) {
-  .mint-grid.mint-3 .mint-buttons > *,
-  .mint-grid.mint-4 .mint-buttons > * {
+#mint-header #mint-wrapper nav > ul {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: visible;
+}
+@media (min-width: 1024px) {
+  #mint-header #mint-wrapper nav > ul {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-evenly;
     width: 100%;
-    margin: 0.5rem 0;
   }
 }
-
-:root {
-  --mint-img-shadow-c: var(--mint-shadow-c);
-  --mint-img-shadow-s: var(--mint-shadow-s);
+#mint-header #mint-wrapper a {
+  display: flex;
 }
-
-.mint-image.mint-error::after {
-  content: "❌ Image failed to load. This is a placeholder.";
-  position: absolute;
-  bottom: 0;
-  left: 0;
+#mint-header #mint-wrapper button {
+  border: none;
+}
+#mint-header #mint-wrapper a,
+#mint-header #mint-wrapper button {
+  align-items: center;
+  justify-content: center;
   width: 100%;
-  padding: 0 var(--mint-img-shadow-s) var(--mint-img-shadow-s) var(--mint-img-shadow-s);
-  background: var(--mint-img-shadow-c);
-  box-shadow: 0 0 var(--mint-img-shadow-s) var(--mint-img-shadow-s) var(--mint-img-shadow-c);
+  padding: 0.5rem;
+  margin: 0.5rem 0;
+  border-radius: var(--mint-header-link-br);
+  font-family: var(--mint-font-text), var(--mint-font-backups) !important;
+  font-size: 3em;
   text-align: center;
+  color: var(--mint-header-link-fg);
+  background: var(--mint-glow-0);
+  transition-property: color, background;
+  transition-duration: ms(300);
 }
-.mint-image img {
-  display: block;
+@media (min-width: 480px) {
+  #mint-header #mint-wrapper a,
+  #mint-header #mint-wrapper button {
+    padding: 1rem 1.5rem;
+  }
+  #mint-header #mint-wrapper a i,
+  #mint-header #mint-wrapper button i {
+    font-size: 0.5em;
+  }
+}
+#mint-header #mint-wrapper a:hover, #mint-header #mint-wrapper button:hover #mint-header #mint-wrapper a:focus-visible, #mint-header #mint-wrapper button:focus-visible {
+  background-color: var(--mint-header-link-bg-hover);
+  color: var(--mint-header-link-fg-hover);
 }
 
-.mint-banner {
+#mint-header #mint-wrapper a.mint-active, #mint-header #mint-wrapper button.mint-active {
+  text-decoration: underline;
+}
+
+#mint-header #mint-wrapper ul {
+  list-style: none;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  padding-left: 0;
+}
+#mint-header #mint-wrapper ul li:last-child {
+  margin-bottom: 0;
+}
+#mint-header #mint-wrapper ul li:last-child ul {
+  margin-bottom: 0 !important;
+}
+#mint-header .mint-buttons {
+  flex-wrap: nowrap;
+  flex-shrink: 0;
+  justify-content: flex-end;
+  margin-left: auto;
+  overflow: visible;
+}
+#mint-header .mint-dropdown {
+  background: var(--mint-header-bg);
+}
+#mint-header .mint-dropdown button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--mint-header-h);
+  height: var(--mint-header-h);
+  padding: calc(var(--mint-header-h) / 2);
+}
+#mint-header .mint-dropdown li {
+  padding: calc(var(--mint-header-h) / 2);
+  line-height: 1;
+  cursor: pointer;
+}
+#mint-header [aria-controls]:not([aria-controls=mint-wrapper]) + ul {
+  display: flex;
+  flex-direction: column;
+  height: 0;
+  overflow: hidden;
+  transition: height ms(300), margin ms(300);
+}
+#mint-header [aria-controls]:not([aria-controls=mint-wrapper])[aria-expanded]:not([aria-expanded=true]) + ul {
+  margin: 0;
+}
+
+:root {
+  --mint-flex-gap: calc(var(--mint-gap) * 2);
+}
+
+.mint-flex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--mint-flex-gap);
+}
+.mint-flex.mint-row-reverse {
+  flex-direction: row-reverse;
+}
+.mint-flex.mint-column {
+  flex-direction: column;
+}
+.mint-flex.mint-column-reverse {
+  flex-direction: column-reverse;
+}
+.mint-flex.mint-wrap {
+  flex-wrap: wrap;
+}
+.mint-flex.mint-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+.mint-flex.mint-center {
+  justify-content: center;
+}
+.mint-flex.mint-end {
+  justify-content: flex-end;
+}
+.mint-flex.mint-between {
+  justify-content: space-between;
+}
+.mint-flex.mint-around {
+  justify-content: space-around;
+}
+.mint-flex.mint-evenly {
+  justify-content: space-evenly;
+}
+.mint-flex.mint-align-start {
+  align-items: flex-start;
+}
+.mint-flex.mint-align-end {
+  align-items: flex-end;
+}
+
+.mint-section-full {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+  flex-direction: row;
+  gap: 2rem;
   position: relative;
+  top: var(--mint-p-exit);
+  left: var(--mint-p-exit);
+  width: var(--mint-p-exit-w);
+  min-height: calc(100vh - var(--mint-header-h) + 10rem);
+  padding: var(--mint-p-clamp);
+}
+.mint-section-full iframe, .mint-section-full video, .mint-section-full .mint-image, .mint-section-full .mint-embed {
+  position: absolute;
+  top: 0;
+  padding: 0;
   width: 100%;
+  height: calc(100vh - var(--mint-header-h));
+  border: none;
+  object-fit: cover;
+  pointer-events: none;
+}
+.mint-section-full .mint-image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 :root {
-  --mint-tooltip-fg: var(--mint-c-fg);
-  --mint-tooltip-bg: var(--mint-c-bg);
-  --mint-tooltip-r: var(--mint-br);
-  --mint-tooltip-shadow-c: var(--mint-shadow-c);
-  --mint-tooltip-shadow-s: var(--mint-shadow-s);
-  --mint-tooltip-p: 0.5rem 1rem;
-  --mint-tooltip-dist: 0.5rem;
-  --mint-tooltip-max-w: 90vw;
-  --mint-tooltip-line-h: 1.5;
-  --mint-tooltip-font-s: 1rem;
-  --mint-tooltip-arrow-s: 0.5rem;
+  --mint-grid-gap: calc(var(--mint-gap) * 2);
+  --mint-grid-fit-w: var(--mint-xs);
+}
+
+.mint-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: var(--mint-grid-gap);
+  width: 100%;
+  margin-top: var(--mint-grid-gap);
+  margin-bottom: var(--mint-grid-gap);
+}
+.mint-grid.mint-1 > * {
+  grid-column: span 1 !important;
+}
+@media (min-width: 768px) {
+  .mint-grid.mint-2 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+  .mint-grid.mint-2 > * {
+    grid-column: span 6;
+  }
+  .mint-grid.mint-2 > :last-child:nth-child(odd) {
+    grid-column: span 12;
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+@media (min-width: 768px) {
+  .mint-grid.mint-3 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+  .mint-grid.mint-3 > * {
+    grid-column: span 6;
+  }
+  .mint-grid.mint-3 > :last-child:nth-child(odd) {
+    grid-column: span 12;
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .mint-grid.mint-3 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+  .mint-grid.mint-3 > * {
+    grid-column: span 4;
+  }
+  .mint-grid.mint-3 > :last-child:nth-child(odd) {
+    grid-column: span 4;
+    width: 100%;
+  }
+  .mint-grid.mint-3 > :last-child:nth-child(3n+1) {
+    grid-column: 4/span 6;
+  }
+  .mint-grid.mint-3 > :last-child:nth-child(3n+2) {
+    grid-column: 7/span 6;
+  }
+  .mint-grid.mint-3 > :nth-last-child(2):nth-child(3n+1) {
+    grid-column: 1/span 6;
+  }
+}
+@media (min-width: 768px) {
+  .mint-grid.mint-4 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+  .mint-grid.mint-4 > * {
+    grid-column: span 6;
+  }
+  .mint-grid.mint-4 > :last-child:nth-child(odd) {
+    grid-column: span 12;
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .mint-grid.mint-4 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+  .mint-grid.mint-4 > * {
+    grid-column: span 4;
+  }
+  .mint-grid.mint-4 > :last-child:nth-child(odd) {
+    grid-column: span 4;
+    width: 100%;
+  }
+  .mint-grid.mint-4 > :last-child:nth-child(3n+1) {
+    grid-column: 4/span 6;
+  }
+  .mint-grid.mint-4 > :last-child:nth-child(3n+2) {
+    grid-column: 7/span 6;
+  }
+  .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) {
+    grid-column: 1/span 6;
+  }
+}
+@media (min-width: 1440px) {
+  .mint-grid.mint-4 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+  .mint-grid.mint-4 > * {
+    grid-column: span 3;
+  }
+  .mint-grid.mint-4 > :last-child:nth-child(odd), .mint-grid.mint-4 > :last-child:nth-child(3n+1), .mint-grid.mint-4 > :last-child:nth-child(3n+2), .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) {
+    grid-column: span 3;
+    width: 100%;
+  }
+  .mint-grid.mint-4 > :last-child:nth-child(4n+1) {
+    grid-column: 4/span 6;
+  }
+  .mint-grid.mint-4 > :last-child:nth-child(4n+2) {
+    grid-column: 7/span 6;
+  }
+  .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+1) {
+    grid-column: 1/span 6;
+  }
+  .mint-grid.mint-4 > :last-child:nth-child(4n+3) {
+    grid-column: 9/span 4;
+  }
+  .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+2) {
+    grid-column: 5/span 4;
+  }
+  .mint-grid.mint-4 > :nth-last-child(3):nth-child(4n+1) {
+    grid-column: 1/span 4;
+  }
+}
+.mint-grid .mint-portrait, .mint-grid > :has(.mint-portrait) {
+  grid-row: span 2;
+}
+@media (min-width: 768px) {
+  .mint-grid .mint-landscape, .mint-grid > :has(.mint-landscape) {
+    grid-column: span 12;
+  }
+}
+.mint-grid-fit {
+  display: grid;
+  grid-template-columns: repeat(minmax(min(var(--mint-grid-fit-w), 100%), 1fr));
+  gap: var(--mint-grid-gap);
+}
+
+:root .mint-landing.swiper {
+  max-width: 100vw;
+}
+:root .mint-landing.swiper .swiper-slide {
+  padding: 0;
+}
+
+.mint-landing {
+  top: var(--mint-p-exit);
+  left: var(--mint-p-exit);
+  width: var(--mint-p-exit-w);
+}
+.mint-landing .mint-border, .mint-landing .mint-frame {
+  border: none;
+  padding: 0;
+}
+.mint-landing .mint-section-full {
+  align-items: center;
+  top: 0;
+  left: 0;
+  width: 100%;
+  margin: 0;
+  min-height: calc(100vh - var(--mint-header-h));
+  padding: var(--mint-p-clamp);
+}
+.mint-landing .mint-section-full iframe, .mint-landing .mint-section-full video {
+  position: absolute;
+}
+@media (min-width: 1200px) {
+  .mint-landing .mint-section-full iframe + * .mint-grid, .mint-landing .mint-section-full video + * .mint-grid {
+    margin-bottom: 0;
+  }
+}
+
+:root {
+  --mint-btn-pv: calc(var(--mint-gap) * 2);
+  --mint-btn-ph: calc(var(--mint-gap) * 4);
+  --mint-btn-br: var(--mint-br);
+  --mint-btn-bw: var(--mint-bw);
+  --mint-btn-bc: var(--mint-c-brand-4);
+  --mint-btn-fg: var(--mint-c-fg);
+  --mint-btn-fg-hover: var(--mint-c-bg);
+  --mint-btn-fg-alt: var(--mint-btn-bc);
+  --mint-btn-fg-alt-hover: var(--mint-btn-fg-hover);
+  --mint-btn-bg: var(--mint-c-brand-2);
+  --mint-btn-bg-hover: var(--mint-btn-bc);
+  --mint-btn-bg-alt: var(--mint-c-glow-0);
+  --mint-btn-bg-alt-hover: var(--mint-c-accent-2);
+  --mint-pill-pv: 0;
+  --mint-pill-ph: calc(var(--mint-gap) * 3);
+  --mint-pill-br: var(--mint-br);
+}
+
+.mint-theme-dark {
+  --mint-btn-bg: var(--mint-c-brand-5);
+  --mint-btn-bc: var(--mint-c-brand-2);
+}
+
+button,
+a[routerLink] {
+  cursor: pointer;
+}
+
+a,
+button,
+.mint-btn,
+.mint-select,
+.mint-btn-icon,
+.mint-pill {
+  font-size: inherit;
+}
+a[disabled],
+button[disabled],
+.mint-btn[disabled],
+[disabled].mint-select,
+.mint-btn-icon[disabled],
+.mint-pill[disabled] {
+  filter: grayscale(1) brightness(0.75) !important;
+  pointer-events: none !important;
+}
+a[disabled].mint-fall-in:not(.mint-show),
+button[disabled].mint-fall-in:not(.mint-show),
+.mint-btn[disabled].mint-fall-in:not(.mint-show),
+[disabled].mint-fall-in.mint-select:not(.mint-show),
+.mint-btn-icon[disabled].mint-fall-in:not(.mint-show),
+.mint-pill[disabled].mint-fall-in:not(.mint-show) {
+  filter: grayscale(1) brightness(0.75) opacity(0%) !important;
+}
+a i:first-child,
+button i:first-child,
+.mint-btn i:first-child,
+.mint-select i:first-child,
+.mint-btn-icon i:first-child,
+.mint-pill i:first-child {
+  margin-right: 0.5em;
+}
+a i:last-child,
+button i:last-child,
+.mint-btn i:last-child,
+.mint-select i:last-child,
+.mint-btn-icon i:last-child,
+.mint-pill i:last-child {
+  margin-left: 0.5em;
+}
+a i:only-child,
+button i:only-child,
+.mint-btn i:only-child,
+.mint-select i:only-child,
+.mint-btn-icon i:only-child,
+.mint-pill i:only-child {
+  margin: 0;
+}
+
+.mint-btn, .mint-select,
+.mint-pill,
+.mint-btn-group,
+.mint-btn-icon {
+  flex-shrink: 0;
+}
+
+.mint-btn, .mint-select,
+.mint-btn-group {
+  border-radius: var(--mint-btn-br);
+}
+
+.mint-btn, .mint-select,
+.mint-pill,
+.mint-btn-icon {
+  width: fit-content;
+  max-width: 100%;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  user-select: none;
+  transition-property: color, background-color, border-color;
+  transition-duration: ms(300);
+}
+
+.mint-btn, .mint-select,
+.mint-pill,
+.mint-btn-group {
+  display: inline-block;
+  color: var(--mint-btn-fg);
+  background: var(--mint-btn-bg);
+  border: var(--mint-btn-bw) solid var(--mint-btn-bc);
+  text-align: center;
+}
+@media (min-width: 480px) {
+  .mint-btn, .mint-select,
+  .mint-pill,
+  .mint-btn-group {
+    width: fit-content;
+  }
+}
+.mint-btn:hover, .mint-select:hover, .mint-pill:hover, .mint-btn-group:hover .mint-btn:focus-visible, .mint-btn-group:hover .mint-select:focus-visible, .mint-pill:focus-visible, .mint-btn-group:focus-visible .mint-btn:active, .mint-btn-group:focus-visible .mint-select:active, .mint-pill:active, .mint-btn-group:active .mint-btn.mint-active, .mint-btn-group:active .mint-active.mint-select, .mint-pill.mint-active, .mint-btn-group.mint-active {
+  color: var(--mint-btn-fg-hover);
+  background: var(--mint-btn-bg-hover);
+}
+.mint-btn:hover i, .mint-select:hover i, .mint-pill:hover i, .mint-btn-group:hover .mint-btn:focus-visible i, .mint-btn-group:hover .mint-select:focus-visible i, .mint-pill:focus-visible i, .mint-btn-group:focus-visible .mint-btn:active i, .mint-btn-group:focus-visible .mint-select:active i, .mint-pill:active i, .mint-btn-group:active .mint-btn.mint-active i, .mint-btn-group:active .mint-active.mint-select i, .mint-pill.mint-active i, .mint-btn-group.mint-active i {
+  color: inherit !important;
+}
+
+.mint-btn.mint-reverse, .mint-reverse.mint-select,
+.mint-pill.mint-reverse,
+.mint-btn-group.mint-reverse {
+  color: var(--mint-btn-fg-hover);
+  background: var(--mint-btn-bg-hover);
+}
+.mint-btn.mint-reverse:hover, .mint-reverse.mint-select:hover, .mint-pill.mint-reverse:hover, .mint-btn-group.mint-reverse:hover .mint-btn.mint-reverse:focus-visible, .mint-btn-group.mint-reverse:hover .mint-reverse.mint-select:focus-visible, .mint-pill.mint-reverse:focus-visible, .mint-btn-group.mint-reverse:focus-visible .mint-btn.mint-reverse:active, .mint-btn-group.mint-reverse:focus-visible .mint-reverse.mint-select:active, .mint-pill.mint-reverse:active, .mint-btn-group.mint-reverse:active .mint-btn.mint-reverse.mint-active, .mint-btn-group.mint-reverse:active .mint-reverse.mint-active.mint-select, .mint-pill.mint-reverse.mint-active, .mint-btn-group.mint-reverse.mint-active {
+  color: var(--mint-btn-fg);
+  background: var(--mint-btn-bg);
+}
+
+.mint-btn.mint-alt, .mint-alt.mint-select,
+.mint-pill.mint-alt,
+.mint-btn-group.mint-alt {
+  color: var(--mint-btn-fg-alt);
+  background: var(--mint-btn-bg-alt);
+}
+.mint-btn.mint-alt:hover, .mint-alt.mint-select:hover, .mint-pill.mint-alt:hover, .mint-btn-group.mint-alt:hover .mint-btn.mint-alt:focus-visible, .mint-btn-group.mint-alt:hover .mint-alt.mint-select:focus-visible, .mint-pill.mint-alt:focus-visible, .mint-btn-group.mint-alt:focus-visible .mint-btn.mint-alt:active, .mint-btn-group.mint-alt:focus-visible .mint-alt.mint-select:active, .mint-pill.mint-alt:active, .mint-btn-group.mint-alt:active .mint-btn.mint-alt.mint-active, .mint-btn-group.mint-alt:active .mint-alt.mint-active.mint-select, .mint-pill.mint-alt.mint-active, .mint-btn-group.mint-alt.mint-active {
+  color: var(--mint-btn-fg-alt-hover);
+  background: var(--mint-btn-bg-alt-hover);
+  border-color: var(--mint-btn-bg-alt-hover);
+}
+
+.mint-btn.mint-alt.mint-reverse, .mint-alt.mint-reverse.mint-select,
+.mint-pill.mint-alt.mint-reverse,
+.mint-btn-group.mint-alt.mint-reverse {
+  color: var(--mint-btn-fg-alt-hover);
+  background: var(--mint-btn-bg-alt-hover);
+  border-color: var(--mint-btn-bg-alt-hover);
+}
+.mint-btn.mint-alt.mint-reverse:hover, .mint-alt.mint-reverse.mint-select:hover, .mint-pill.mint-alt.mint-reverse:hover, .mint-btn-group.mint-alt.mint-reverse:hover .mint-btn.mint-alt.mint-reverse:focus-visible, .mint-btn-group.mint-alt.mint-reverse:hover .mint-alt.mint-reverse.mint-select:focus-visible, .mint-pill.mint-alt.mint-reverse:focus-visible, .mint-btn-group.mint-alt.mint-reverse:focus-visible .mint-btn.mint-alt.mint-reverse:active, .mint-btn-group.mint-alt.mint-reverse:focus-visible .mint-alt.mint-reverse.mint-select:active, .mint-pill.mint-alt.mint-reverse:active, .mint-btn-group.mint-alt.mint-reverse:active .mint-btn.mint-alt.mint-reverse.mint-active, .mint-btn-group.mint-alt.mint-reverse:active .mint-alt.mint-reverse.mint-active.mint-select, .mint-pill.mint-alt.mint-reverse.mint-active, .mint-btn-group.mint-alt.mint-reverse.mint-active {
+  color: var(--mint-btn-bc);
+  background: var(--mint-btn-bg-alt);
+  border-color: var(--mint-btn-bg-alt);
+}
+
+.mint-btn a, .mint-select a,
+.mint-pill a,
+.mint-btn-group a {
+  color: inherit;
+}
+.mint-btn a:hover, .mint-select a:hover,
+.mint-pill a:hover,
+.mint-btn-group a:hover {
+  color: inherit;
+}
+.mint-btn a i, .mint-select a i,
+.mint-pill a i,
+.mint-btn-group a i {
+  display: none;
+}
+
+.mint-btn, .mint-select {
+  padding: var(--mint-btn-pv) var(--mint-btn-ph);
+  cursor: pointer;
+}
+.mint-btn-icon {
+  display: block;
+  text-align: center;
+  background: none;
+  border: none;
+}
+.mint-btn-icon:hover .mint-btn-icon:focus-visible .mint-btn-icon:active .mint-btn-icon.mint-active i {
+  color: var(--mint-btn-bg-alt-hover);
+}
+
+@media (min-width: 480px) {
+  .mint-btn-icon {
+    display: inline-block;
+  }
+}
+.mint-btn-icon.mint-lg i {
+  font-size: 4rem;
+}
+.mint-btn-icon i {
+  display: inline-flex;
+  align-items: center;
+  margin: 0 !important;
+  color: var(--mint-btn-bc);
+  font-size: 1.5rem;
+}
+.mint-btn-icon i::before {
+  transition: color ms(300);
+  padding: 2px;
+}
+.mint-btn-group {
+  display: flex;
+  width: fit-content;
+  max-width: 100%;
+  margin: auto;
+  padding: 0;
+  overflow: visible;
+  transition: all ms(300);
+}
+.mint-btn-group > *:first-child, .mint-btn-group > *:first-child button {
+  padding: var(--mint-btn-pv) 0 var(--mint-btn-pv) var(--mint-btn-ph);
+  border-top-left-radius: var(--mint-btn-br);
+  border-bottom-left-radius: var(--mint-btn-br);
+}
+.mint-btn-group > *:last-child, .mint-btn-group > *:last-child button {
+  padding: var(--mint-btn-pv) var(--mint-btn-ph) var(--mint-btn-pv) 0;
+  border-top-right-radius: var(--mint-btn-br);
+  border-bottom-right-radius: var(--mint-btn-br);
+}
+.mint-btn-group button {
+  width: 100%;
+  border: none;
+  color: inherit;
+  background: transparent;
+}
+.mint-btn-submit.mint-success[disabled] {
+  filter: none !important;
+}
+
+.mint-pill {
+  padding: var(--mint-pill-pv) var(--mint-pill-ph);
+  border-radius: var(--mint-pill-br);
+  line-height: 2;
+}
+
+a.mint-pill, button.mint-pill {
+  min-width: 5rem;
+}
+
+p .mint-pill, p .mint-btn, p .mint-select {
+  line-height: 1.5rem;
+  vertical-align: middle;
+}
+
+.mint-buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 1rem;
+  overflow: hidden;
+}
+@media (min-width: 480px) {
+  .mint-buttons {
+    justify-content: flex-start;
+  }
+}
+.mint-buttons > * {
+  width: 100%;
+}
+.mint-buttons > * .mint-btn, .mint-buttons > * .mint-select, .mint-buttons > * .mint-pill {
+  display: block;
+}
+@media (min-width: 480px) {
+  .mint-buttons > * {
+    width: auto;
+  }
+}
+.mint-buttons .mint-buttons .mint-pill {
+  width: 100%;
+}
+
+@media (min-width: 480px) {
+  .mint-grid.mint-3 .mint-buttons > *,
+  .mint-grid.mint-4 .mint-buttons > * {
+    width: 100%;
+    margin: 0.5rem 0;
+  }
+}
+
+i.fa-envelope {
+  transform: translateY(5%);
+}
+
+a {
+  color: var(--mint-link-c);
+  transition-duration: time(default);
+  transition-property: color, background-color;
+}
+a:hover a:focus-visible a:active a.mint-active {
+  color: var(--mint-link-c-hover);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-facebook,
+a:hover a:focus-visible a:active a.mint-active .fa-square-facebook {
+  color: var(--mint-c-facebook);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-instagram {
+  color: var(--mint-c-instagram);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-twitter {
+  color: var(--mint-c-twitter);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-youtube {
+  color: var(--mint-c-youtube);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-spotify {
+  color: var(--mint-c-spotify);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-apple {
+  color: var(--mint-c-apple-music);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-soundcloud {
+  color: var(--mint-c-soundcloud);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-bandcamp {
+  color: var(--mint-c-bandcamp);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-github {
+  color: var(--mint-c-bw-0);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-bitcoin {
+  color: var(--mint-c-btc);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-ethereum {
+  color: var(--mint-c-eth);
+}
+a:hover a:focus-visible a:active a.mint-active .fa-vimeo {
+  color: var(--mint-c-venmo);
+}
+
+:root {
+  --mint-link-c: c-brand-4;
+  --mint-link-c-hover: c-accent-2;
+}
+
+a {
+  color: var(--mint-link-c);
+  transition-duration: ms(300);
+  transition-property: color, background-color;
+}
+a:hover a:focus-visible a:active a.mint-active {
+  color: var(--mint-link-c-hover);
+}
+
+@media (min-width: 480px) {
+  a[href^="mailto:"], a[href^="tel:"], a[href^="sms:"] {
+    white-space: nowrap;
+  }
+}
+
+nav a {
+  display: block;
+  text-decoration: none;
+}
+nav ul {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+nav ul > li > ul {
+  flex-direction: column;
+}
+
+.mint-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+iframe {
+  border: none;
+}
+
+img, video {
+  width: 100%;
+  height: auto;
+}
+
+:root {
+  --mint-img-shadow-c: var(--mint-shadow-c);
+  --mint-img-shadow-s: var(--mint-shadow-s);
+}
+
+.mint-image.mint-error::after {
+  content: "❌ Image failed to load. This is a placeholder.";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding: 0 var(--mint-img-shadow-s) var(--mint-img-shadow-s) var(--mint-img-shadow-s);
+  background: var(--mint-img-shadow-c);
+  box-shadow: 0 0 var(--mint-img-shadow-s) var(--mint-img-shadow-s) var(--mint-img-shadow-c);
+  text-align: center;
+}
+.mint-image img {
+  display: block;
+}
+
+.mint-banner {
+  position: relative;
+  width: 100%;
+}
+
+:root {
+  --mint-tooltip-fg: var(--mint-c-fg);
+  --mint-tooltip-bg: var(--mint-c-bg);
+  --mint-tooltip-r: var(--mint-br);
+  --mint-tooltip-shadow-c: var(--mint-shadow-c);
+  --mint-tooltip-shadow-s: var(--mint-shadow-s);
+  --mint-tooltip-p: 0.5rem 1rem;
+  --mint-tooltip-dist: 0.5rem;
+  --mint-tooltip-max-w: 90vw;
+  --mint-tooltip-line-h: 1.5;
+  --mint-tooltip-font-s: 1rem;
+  --mint-tooltip-arrow-s: 0.5rem;
+}
+
+.mint-tooltip {
+  position: absolute;
+  max-width: var(--mint-tooltip-max-w);
+  border-radius: var(--mint-tooltip-r);
+  padding: var(--mint-tooltip-p);
+  opacity: 0;
+  color: var(--mint-tooltip-fg);
+  background: var(--mint-tooltip-bg);
+  box-shadow: var(--mint-tooltip-shadow-c) var(--mint-tooltip-shadow-s);
+  font-size: var(--mint-tooltip-font-s);
+  line-height: var(--mint-tooltip-line-h);
+  transition: opacity 0.3s;
+  user-select: none;
+  pointer-events: none;
+  white-space: nowrap;
+}
+.mint-tooltip.mint-top::after, .mint-tooltip.mint-bottom::after {
+  border-left: solid var(--mint-tooltip-arrow-s) transparent;
+  border-right: solid var(--mint-tooltip-arrow-s) transparent;
+}
+.mint-tooltip.mint-left::after, .mint-tooltip.mint-right::after {
+  border-top: solid var(--mint-tooltip-arrow-s) transparent;
+  border-bottom: solid var(--mint-tooltip-arrow-s) transparent;
+}
+.mint-tooltip.mint-top {
+  bottom: calc(100% + var(--mint-tooltip-arrow-s) + var(--mint-tooltip-dist));
+  left: 50%;
+  transform: translateX(-50%);
+}
+.mint-tooltip.mint-top::after {
+  bottom: calc(-1 * var(--mint-tooltip-arrow-s) + 1px);
+  left: 50%;
+  transform: translateX(-50%);
+  border-top: solid var(--mint-tooltip-arrow-s) var(--mint-tooltip-bg);
+}
+.mint-tooltip.mint-left {
+  right: calc(100% + var(--mint-tooltip-arrow-s) + var(--mint-tooltip-dist));
+  top: 50%;
+  transform: translateY(-50%);
+}
+.mint-tooltip.mint-left::after {
+  right: calc(-1 * var(--mint-tooltip-arrow-s) + 1px);
+  top: 50%;
+  transform: translateY(-50%);
+  border-left: solid var(--mint-tooltip-arrow-s) var(--mint-tooltip-bg);
+}
+.mint-tooltip.mint-bottom {
+  top: calc(100% + var(--mint-tooltip-arrow-s) + var(--mint-tooltip-dist));
+  left: 50%;
+  transform: translateX(-50%);
+}
+.mint-tooltip.mint-bottom::after {
+  top: calc(-1 * var(--mint-tooltip-arrow-s) + 1px);
+  left: 50%;
+  transform: translateX(-50%);
+  border-bottom: solid var(--mint-tooltip-arrow-s) var(--mint-tooltip-bg);
+}
+.mint-tooltip.mint-right {
+  left: calc(100% + var(--mint-tooltip-arrow-s) + var(--mint-tooltip-dist));
+  top: 50%;
+  transform: translateY(-50%);
+}
+.mint-tooltip.mint-right::after {
+  left: calc(-1 * var(--mint-tooltip-arrow-s) + 1px);
+  top: 50%;
+  transform: translateY(-50%);
+  border-right: solid var(--mint-tooltip-arrow-s) var(--mint-tooltip-bg);
+}
+.mint-tooltip::after {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+.mint-tooltipped {
+  display: inline-flex;
+  position: relative;
+  width: fit-content;
+}
+.mint-tooltipped:hover .mint-tooltip {
+  opacity: 1;
+}
+
+.mint-accordion .mint-item {
+  cursor: pointer;
+}
+.mint-accordion .mint-item .mint-wrapper {
+  transition: height 0.3s ease;
+  overflow: hidden;
+}
+
+:root {
+  --mint-card-p: calc(var(--mint-gap) * 8);
+  --mint-card-logo-s: 4rem;
+  --mint-card-r: var(--mint-br);
+  --mint-card-shadow-s: var(--mint-shadow-s);
+  --mint-card-shadow-c: var(--mint-shadow-c);
+  --mint-card-bg: var(--mint-c-bg-3);
+}
+
+.mint-theme-dark {
+  --mint-card-bg: var(--mint-c-bg-5);
+}
+
+.mint-card {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  max-width: 100%;
+  margin: 0;
+  border-radius: var(--mint-card-r);
+  box-shadow: var(--mint-card-shadow-s) var(--mint-card-shadow-c);
+}
+@media (min-width: 768px) {
+  .mint-card {
+    flex-direction: row;
+  }
+  .mint-card.mint-reverse {
+    flex-direction: row-reverse;
+  }
+}
+.mint-card:has(.mint-carousel) {
+  box-shadow: none;
+}
+.mint-card:has(.mint-carousel) .mint-content {
+  box-shadow: var(--mint-card-shadow-s) var(--mint-card-shadow-c);
+}
+.mint-card.mint-center .mint-title {
+  justify-content: center;
+  text-align: center;
+}
+.mint-card.mint-center .mint-title > div {
+  width: auto;
+}
+.mint-card.mint-center .mint-content > * {
+  text-align: center;
+}
+.mint-card.mint-center .mint-buttons {
+  justify-content: center;
+}
+.mint-card.mint-center-title .mint-title {
+  justify-content: center;
+  text-align: center;
+}
+.mint-card.mint-center-title .mint-title > div {
+  width: auto;
+}
+.mint-card.mint-center-content .mint-content > * {
+  text-align: center;
+}
+.mint-card.mint-center-btns .mint-buttons {
+  justify-content: center;
+}
+.mint-card.mint-stagger {
+  position: relative;
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .mint-card.mint-stagger {
+    flex-direction: row;
+    border-radius: 0;
+    box-shadow: none;
+    overflow: visible;
+  }
+  .mint-card.mint-stagger > .mint-image {
+    width: calc(50% + var(--mint-card-p));
+    height: fit-content;
+    margin-right: calc(var(--mint-card-p) * -2);
+    border-radius: var(--mint-card-r);
+  }
+  .mint-card.mint-stagger > .mint-image img {
+    height: 100%;
+    object-fit: cover;
+  }
+  .mint-card.mint-stagger > .mint-content {
+    height: fit-content;
+    width: calc(50% + var(--mint-card-p));
+    margin-top: calc(2 * var(--mint-card-p));
+    border-radius: var(--mint-card-r);
+    box-shadow: var(--mint-card-shadow-s) var(--mint-card-shadow-c);
+  }
+}
+@media (min-width: 768px) {
+  .mint-card.mint-stagger.mint-reverse {
+    flex-direction: row-reverse;
+  }
+  .mint-card.mint-stagger.mint-reverse > .mint-image {
+    margin-right: 0;
+    margin-left: calc(var(--mint-card-p) * -2);
+  }
+}
+.mint-card > .mint-image {
+  overflow: hidden;
+}
+@media (min-width: 768px) {
+  .mint-card > .mint-image {
+    width: 50%;
+  }
+}
+.mint-card > .mint-image:only-child {
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .mint-card > .mint-image + .mint-content {
+    width: 50%;
+  }
+}
+.mint-card .mint-content {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--mint-gap) * 2);
+  position: relative;
+  padding: var(--mint-card-p);
+  background: var(--mint-card-bg);
+  width: 100%;
+  overflow: hidden;
+}
+.mint-card .mint-content > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.mint-card .mint-title {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: fit-content;
+  gap: var(--mint-card-p);
+  text-align: center;
+  width: 100%;
+}
+@media (min-width: 480px) {
+  .mint-card .mint-title {
+    flex-direction: row;
+    text-align: left;
+  }
+}
+.mint-card .mint-title:only-child {
+  height: 100%;
+}
+.mint-card .mint-title > .mint-image {
+  width: 100%;
+  height: 100%;
+  max-width: var(--mint-card-logo-s);
+  max-height: var(--mint-card-logo-s);
+}
+.mint-card .mint-title > .mint-image.mint-large {
+  max-width: calc(2 * var(--mint-card-logo-s));
+  max-height: calc(2 * var(--mint-card-logo-s));
+}
+.mint-card .mint-title > .mint-image img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.mint-card .mint-title i {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--mint-card-logo-s);
+  max-width: var(--mint-card-logo-s);
+  margin: 0;
+  font-size: calc(var(--mint-card-logo-s) - 1rem);
+}
+.mint-card .mint-title > div {
+  width: 100%;
+}
+.mint-card .mint-title > div > * {
+  margin: 0;
+}
+.mint-card .mint-date {
+  text-align: center;
+}
+@media (min-width: 480px) {
+  .mint-card .mint-date {
+    text-align: left;
+  }
+}
+.mint-card-grid {
+  position: relative;
+  background: var(--mint-card-bg);
+}
+.mint-card-grid:has(.mint-image) .mint-content {
+  margin-top: 25%;
+  padding-top: 25%;
+  background: none;
+  border: none;
+}
+.mint-card-grid:has(.mint-image) .mint-content::before {
+  opacity: 0;
+}
+.mint-card-grid:has(.mint-image) .mint-content::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.75;
+  mask-image: none;
+  background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.7) 66%, var(--mint-shadow-0));
+  transition: opacity ms(300) ease-in-out;
+  z-index: -1;
+}
+.mint-card-grid:hover .mint-content::after {
+  opacity: 1;
+}
+
+.mint-card-grid .mint-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.mint-card-grid .mint-image img {
+  height: 100%;
+  object-fit: contain;
+  object-position: top;
+}
+.mint-card-grid .mint-content {
+  justify-content: flex-end;
+  background: var(--mint-shadow-0);
+}
+.mint-card-grid .mint-content .mint-buttons {
+  margin-top: 0 !important;
+}
+.mint-card-actions .mint-content {
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.mint-grid.mint-3 .mint-card,
+.mint-grid.mint-4 .mint-card {
+  flex-direction: column !important;
+}
+.mint-grid.mint-3 .mint-card > .mint-image,
+.mint-grid.mint-4 .mint-card > .mint-image {
+  overflow: hidden;
+}
+@media (min-width: 768px) {
+  .mint-grid.mint-3 .mint-card > .mint-image,
+  .mint-grid.mint-4 .mint-card > .mint-image {
+    width: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .mint-grid.mint-3 .mint-card > .mint-image + .mint-content,
+  .mint-grid.mint-4 .mint-card > .mint-image + .mint-content {
+    width: 100%;
+  }
+}
+.mint-grid.mint-3 .mint-card .mint-content,
+.mint-grid.mint-4 .mint-card .mint-content {
+  flex-grow: 1;
+}
+@media (min-width: 480px) {
+  .mint-grid.mint-3 .mint-card .mint-title,
+  .mint-grid.mint-4 .mint-card .mint-title {
+    flex-direction: column;
+  }
+}
+.mint-grid.mint-3 .mint-card .mint-buttons,
+.mint-grid.mint-4 .mint-card .mint-buttons {
+  margin-top: auto;
+}
+.mint-grid.mint-3 .mint-card .mint-buttons .mint-btn,
+.mint-grid.mint-4 .mint-card .mint-buttons .mint-btn {
+  width: 100%;
+}
+
+:root {
+  --mint-modal-w: var(--mint-sm);
+}
+
+.mint-modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 100%;
+  max-width: var(--mint-modal-w);
+  height: auto;
+  max-height: calc(100% - var(--mint-p-clamp) * 4);
+  z-index: 99999999;
+  opacity: 0;
+  pointer-events: none;
+  user-select: none;
+  transition: opacity 0.3s ease-in-out;
+}
+.mint-modal.mint-open {
+  opacity: 1;
+  pointer-events: auto;
+  user-select: text;
+}
+.mint-modal.mint-open + .mint-modal-bg {
+  pointer-events: auto;
+  user-select: text;
+  background-color: rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(3rem);
+}
+.mint-modal .mint-content {
+  overflow: auto;
+}
+.mint-modal-bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0);
+  backdrop-filter: blur(0rem);
+  z-index: 99999998;
+  pointer-events: none;
+  user-select: none;
+  transition-duration: 0.3s;
+  transition-property: background-color, backdrop-filter;
+  transition-timing-function: ease-in-out;
+}
+
+.mint-panel.mint-right .mint-panel-wrap {
+  top: var(--mint-header-h);
+  right: -100%;
+  left: unset;
+}
+.mint-panel.mint-right .mint-panel-wrap.mint-open {
+  right: 0;
+}
+.mint-panel.mint-bottom .mint-panel-wrap {
+  top: unset;
+  bottom: -100%;
+}
+.mint-panel.mint-bottom .mint-panel-wrap.mint-open {
+  top: unset;
+  bottom: 0;
+}
+.mint-panel.mint-left .mint-panel-wrap {
+  top: var(--mint-header-h);
+  left: -100%;
+}
+.mint-panel.mint-left .mint-panel-wrap.mint-open {
+  left: 0;
+}
+.mint-panel.mint-tray .mint-panel-wrap {
+  gap: 1rem;
+}
+@media (min-width: 768px) {
+  .mint-panel.mint-tray .mint-panel-wrap {
+    max-width: 480px;
+  }
+}
+.mint-panel .mint-panel-wrap {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  top: -100%;
+  left: 0;
+  width: 100%;
+  height: calc(100vh - var(--mint-header-h));
+  height: calc(100dvh - var(--mint-header-h));
+  z-index: -2;
+  background: var(--mint-header-bg);
+  transition-duration: time(default);
+  transition-property: top, right, bottom, left;
+  overflow: auto;
+}
+.mint-panel .mint-panel-wrap.mint-open {
+  top: var(--mint-header-h);
+}
+.mint-panel .mint-panel-wrap nav {
+  flex-grow: 1;
+  height: auto;
+  overflow: visible;
+  background: var(--mint-bg);
+}
+@media (min-width: 1440px) {
+  .mint-panel .mint-panel-wrap nav {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+.mint-panel .mint-panel-wrap nav > :last-child {
+  margin-bottom: 0;
+}
+.mint-panel .mint-title {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.mint-panel .mint-title > * {
+  margin: 0;
+}
+
+.mint-table-wrap {
+  max-height: 50vh;
+  overflow-y: auto;
+}
+.mint-table thead {
+  background: var(--mint-bg);
+}
+.mint-table .mint-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 1rem;
+}
+
+@keyframes mint-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes mint-spin-centered {
+  0% {
+    transform: rotate(0deg) translate(-50%, -50%);
+  }
+  100% {
+    transform: rotate(360deg) translate(-50%, -50%);
+  }
+}
+@keyframes mint-pulse {
+  0% {
+    opacity: 0;
+  }
+  75% {
+    opacity: 0.75;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes mint-stretch-in {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.25);
+  }
+  70% {
+    transform: scale(1.15);
+  }
+  100% {
+    transform: scale(1.2);
+  }
+}
+@keyframes mint-stretch-out {
+  0% {
+    transform: scale(1.2);
+  }
+  25% {
+    transform: scale(0.9);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes mint-stretch-tilt-in {
+  0% {
+    transform: scale(0.5);
+    rotate: -15deg;
+  }
+  90% {
+    transform: scale(1.25);
+    rotate: 5deg;
+  }
+  100% {
+    transform: scale(1);
+    rotate: 0deg;
+  }
+}
+.mint-fall-in {
+  filter: opacity(0%);
+  transform: translateY(-100px);
+  transition: all ms(500) ease-out, box-shadow ms(500) ms(400) ease-out !important;
+  pointer-events: none;
+  z-index: -1;
+}
+.mint-fall-in.mint-show:not(.mint-loading) {
+  filter: opacity(100%);
+  transform: translateY(0%);
+  pointer-events: auto;
+  z-index: 1;
+}
+.mint-fall-in:not(.mint-show), .mint-fall-in.mint-loading {
+  box-shadow: 0 0 0 0 transparent !important;
+}
+.mint-fall-in.mint-fast {
+  transition: all ms(100), box-shadow ms(100) ms(100) !important;
+}
+
+.mint-shine {
+  position: relative;
+  overflow: hidden;
+}
+.mint-shine:hover .mint-shine:focus-visible .mint-shine:active .mint-shine.mint-active::after {
+  transition-duration: ms(300);
+  transform: translate(100%, -100%);
+}
+
+.mint-shine::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: translate(-100%, 100%);
+  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
+  transition: transform ms(200) ease-out;
+}
+
+.mint-spin {
+  animation: mint-spin 1s linear infinite;
+}
+.mint-spin-1 {
+  animation-duration: 1s;
+}
+.mint-spin-2 {
+  animation-duration: 2s;
+}
+.mint-spin-3 {
+  animation-duration: 3s;
+}
+.mint-spin-4 {
+  animation-duration: 4s;
+}
+.mint-spin-5 {
+  animation-duration: 5s;
+}
+.mint-spin-hover:hover .mint-spin-hover:focus-visible {
+  animation: mint-spin 1s ease-in-out forwards;
+}
+
+.mint-spin-hover-icon:hover .mint-spin-hover-icon:focus-visible i {
+  animation: mint-spin 1s ease-in-out forwards;
+}
+
+.mint-pulse-out {
+  animation: mint-pulse 0.75s ease-in-out forwards;
+}
+
+.mint-stretch {
+  animation: mint-stretch-out 0.5s ease forwards;
+}
+.mint-stretch:hover .mint-stretch:focus-visible {
+  animation: mint-stretch-in 0.75s ease forwards;
+}
+
+.mint-stretch-img img {
+  animation: mint-stretch-out 0.5s ease forwards;
+}
+.mint-stretch-img:hover .mint-stretch-img:focus-visible img {
+  animation: mint-stretch-in 0.75s ease forwards;
+}
+
+.mint-stretch-icon i {
+  animation: mint-stretch-out 0.5s ease forwards;
+}
+.mint-stretch-icon:hover .mint-stretch-icon:focus-visible i {
+  animation: mint-stretch-in 0.75s ease forwards;
+}
+
+.mint-stretch-in {
+  animation: mint-stretch-out 0.5s ease forwards;
+}
+.mint-stretch-tilt-in {
+  animation: mint-stretch-tilt-in 0.75s ease-in-out forwards;
+}
+
+:root {
+  --mint-aspect-w: 16;
+  --mint-aspect-h: 9;
+}
+
+.mint-aspect {
+  position: relative;
+  height: 0;
+  padding-top: calc(var(--mint-aspect-h) / var(--mint-aspect-w) * 100%);
+  overflow: hidden;
+}
+.mint-aspect.mint-spotify, .mint-aspect.mint-spotify-playlist {
+  padding-top: 152px;
+}
+@media (min-width: 480px) {
+  .mint-aspect.mint-spotify, .mint-aspect.mint-spotify-playlist {
+    padding-top: 125%;
+  }
+}
+@media (min-width: 768px) {
+  .mint-aspect.mint-spotify, .mint-aspect.mint-spotify-playlist {
+    padding-top: 75%;
+  }
+}
+@media (min-width: 1024px) {
+  .mint-aspect.mint-spotify, .mint-aspect.mint-spotify-playlist {
+    padding-top: 56.25%;
+  }
+}
+.mint-aspect.mint-spotify-podcast {
+  padding-top: 352px;
+}
+.mint-aspect > :first-child {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 100%;
+  height: 100%;
+}
+
+:root {
+  --mint-root-bg-s: cover;
+  --mint-root-bg-img: none;
+  --mint-root-bg-pos: center;
+  --mint-root-bg-filter: none;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+html {
+  overflow-x: hidden;
+}
+
+html,
+body {
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+  scroll-behavior: smooth;
+}
+
+body {
+  color: var(--mint-c-fg);
+  background-color: var(--mint-c-bg);
+}
+body.mint-fixed main {
+  min-height: 100vh;
+  min-height: 100dvh;
+  padding-top: var(--mint-header-h);
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  min-height: calc(100vh - var(--mint-header-h));
+  min-height: calc(100dvh - var(--mint-header-h));
+  padding-left: var(--mint-pad-clamp);
+  padding-right: var(--mint-pad-clamp);
+  overflow: hidden;
+  z-index: 999;
+}
+main::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: var(--mint-root-bg-img);
+  background-size: var(--mint-root-bg-s);
+  background-position: var(--mint-root-bg-pos);
+  filter: var(--mint-root-bg-filter);
+  z-index: -1;
+}
+
+.mint-sr-only {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  border: 0 !important;
+}
+
+.mint-circle {
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.mint-glow {
+  box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
+}
+
+.mint-shadow {
+  box-shadow: 0 0 2rem -0.5rem var(--mint-shadow-2);
+}
+
+.mint-no-glow {
+  box-shadow: none !important;
+}
+
+.mint-p-auto {
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-v {
+  padding: 1rem auto;
+}
+.mint-p-auto-v0 {
+  padding: 0rem auto;
+}
+.mint-p-auto-v1 {
+  padding: 1rem auto;
+}
+.mint-p-auto-v2 {
+  padding: 2rem auto;
+}
+.mint-p-auto-v3 {
+  padding: 3rem auto;
+}
+.mint-p-auto-v4 {
+  padding: 4rem auto;
+}
+.mint-p-auto-v5 {
+  padding: 5rem auto;
+}
+.mint-p-auto-v6 {
+  padding: 6rem auto;
+}
+.mint-p-auto-t {
+  padding-top: 1rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-t0 {
+  padding-top: 0rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-t1 {
+  padding-top: 1rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-t2 {
+  padding-top: 2rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-t3 {
+  padding-top: 3rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-t4 {
+  padding-top: 4rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-t5 {
+  padding-top: 5rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-t6 {
+  padding-top: 6rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-b {
+  padding-bottom: 1rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-b0 {
+  padding-bottom: 0rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-b1 {
+  padding-bottom: 1rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-b2 {
+  padding-bottom: 2rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-b3 {
+  padding-bottom: 3rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-b4 {
+  padding-bottom: 4rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-b5 {
+  padding-bottom: 5rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-auto-b6 {
+  padding-bottom: 6rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-p-v {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.mint-p-v0 {
+  padding-top: 0rem;
+  padding-bottom: 0rem;
+}
+.mint-p-v1 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.mint-p-v2 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+.mint-p-v3 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+.mint-p-v4 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+.mint-p-v5 {
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+}
+.mint-p-v6 {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
+.mint-p-t {
+  padding-top: 1rem;
+}
+.mint-p-t0 {
+  padding-top: 0rem;
+}
+.mint-p-t1 {
+  padding-top: 1rem;
+}
+.mint-p-t2 {
+  padding-top: 2rem;
+}
+.mint-p-t3 {
+  padding-top: 3rem;
+}
+.mint-p-t4 {
+  padding-top: 4rem;
+}
+.mint-p-t5 {
+  padding-top: 5rem;
+}
+.mint-p-t6 {
+  padding-top: 6rem;
+}
+.mint-p-t50 {
+  padding-top: 50vh;
+}
+.mint-p-b {
+  padding-bottom: 1rem;
+}
+.mint-p-b0 {
+  padding-bottom: 0rem;
+}
+.mint-p-b1 {
+  padding-bottom: 1rem;
+}
+.mint-p-b2 {
+  padding-bottom: 2rem;
+}
+.mint-p-b3 {
+  padding-bottom: 3rem;
+}
+.mint-p-b4 {
+  padding-bottom: 4rem;
+}
+.mint-p-b5 {
+  padding-bottom: 5rem;
+}
+.mint-p-b6 {
+  padding-bottom: 6rem;
+}
+.mint-p-h {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.mint-p-h0 {
+  padding-left: 0rem;
+  padding-right: 0rem;
+}
+.mint-p-h1 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.mint-p-h2 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.mint-p-h3 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+.mint-p-h4 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+.mint-p-h5 {
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+.mint-p-h6 {
+  padding-left: 6rem;
+  padding-right: 6rem;
+}
+.mint-p-l {
+  padding-left: 1rem;
+}
+.mint-p-l0 {
+  padding-left: 0rem;
+}
+.mint-p-l1 {
+  padding-left: 1rem;
+}
+.mint-p-l2 {
+  padding-left: 2rem;
+}
+.mint-p-l3 {
+  padding-left: 3rem;
+}
+.mint-p-l4 {
+  padding-left: 4rem;
+}
+.mint-p-l5 {
+  padding-left: 5rem;
+}
+.mint-p-l6 {
+  padding-left: 6rem;
+}
+.mint-p-r {
+  padding-right: 1rem;
+}
+.mint-p-r0 {
+  padding-right: 0rem;
+}
+.mint-p-r1 {
+  padding-right: 1rem;
+}
+.mint-p-r2 {
+  padding-right: 2rem;
+}
+.mint-p-r3 {
+  padding-right: 3rem;
+}
+.mint-p-r4 {
+  padding-right: 4rem;
+}
+.mint-p-r5 {
+  padding-right: 5rem;
+}
+.mint-p-r6 {
+  padding-right: 6rem;
+}
+.mint-p {
+  padding: 0.5rem;
+}
+.mint-p-xs {
+  padding: 0;
+}
+@media (min-width: 480px) {
+  .mint-p-xs {
+    padding: 0.5rem;
+  }
+}
+.mint-p-to-xs {
+  padding: 0.5rem;
+}
+@media (min-width: 480px) {
+  .mint-p-to-xs {
+    padding: 0;
+  }
+}
+.mint-p-sm {
+  padding: 0;
+}
+@media (min-width: 768px) {
+  .mint-p-sm {
+    padding: 0.5rem;
+  }
+}
+.mint-p-to-sm {
+  padding: 0.5rem;
+}
+@media (min-width: 768px) {
+  .mint-p-to-sm {
+    padding: 0;
+  }
+}
+.mint-p-md {
+  padding: 0;
+}
+@media (min-width: 1024px) {
+  .mint-p-md {
+    padding: 0.5rem;
+  }
+}
+.mint-p-to-md {
+  padding: 0.5rem;
+}
+@media (min-width: 1024px) {
+  .mint-p-to-md {
+    padding: 0;
+  }
+}
+.mint-p-lg {
+  padding: 0;
+}
+@media (min-width: 1200px) {
+  .mint-p-lg {
+    padding: 0.5rem;
+  }
+}
+.mint-p-to-lg {
+  padding: 0.5rem;
+}
+@media (min-width: 1200px) {
+  .mint-p-to-lg {
+    padding: 0;
+  }
+}
+.mint-p-xl {
+  padding: 0;
+}
+@media (min-width: 1440px) {
+  .mint-p-xl {
+    padding: 0.5rem;
+  }
+}
+.mint-p-to-xl {
+  padding: 0.5rem;
+}
+@media (min-width: 1440px) {
+  .mint-p-to-xl {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p {
+    padding: 1rem;
+  }
+  .mint-p-xs {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 480px) {
+  .mint-p-xs {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-to-xs {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 480px) {
+  .mint-p-to-xs {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-sm {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 768px) {
+  .mint-p-sm {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-to-sm {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 768px) {
+  .mint-p-to-sm {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-md {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 1024px) {
+  .mint-p-md {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-to-md {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 1024px) {
+  .mint-p-to-md {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-lg {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 1200px) {
+  .mint-p-lg {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-to-lg {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 1200px) {
+  .mint-p-to-lg {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-xl {
+    padding: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 1440px) {
+  .mint-p-xl {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-p-to-xl {
+    padding: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 1440px) {
+  .mint-p-to-xl {
+    padding: 0;
+  }
+}
+
+.mint-m-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-v {
+  margin: 1rem auto;
+}
+.mint-m-auto-v0 {
+  margin: 0rem auto;
+}
+.mint-m-auto-v1 {
+  margin: 1rem auto;
+}
+.mint-m-auto-v2 {
+  margin: 2rem auto;
+}
+.mint-m-auto-v3 {
+  margin: 3rem auto;
+}
+.mint-m-auto-v4 {
+  margin: 4rem auto;
+}
+.mint-m-auto-v5 {
+  margin: 5rem auto;
+}
+.mint-m-auto-v6 {
+  margin: 6rem auto;
+}
+.mint-m-auto-t {
+  margin-top: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-t0 {
+  margin-top: 0rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-t1 {
+  margin-top: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-t2 {
+  margin-top: 2rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-t3 {
+  margin-top: 3rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-t4 {
+  margin-top: 4rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-t5 {
+  margin-top: 5rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-t6 {
+  margin-top: 6rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-b {
+  margin-bottom: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-b0 {
+  margin-bottom: 0rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-b1 {
+  margin-bottom: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-b2 {
+  margin-bottom: 2rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-b3 {
+  margin-bottom: 3rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-b4 {
+  margin-bottom: 4rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-b5 {
+  margin-bottom: 5rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-auto-b6 {
+  margin-bottom: 6rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mint-m-v {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.mint-m-v0 {
+  margin-top: 0rem;
+  margin-bottom: 0rem;
+}
+.mint-m-v1 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.mint-m-v2 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+.mint-m-v3 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+.mint-m-v4 {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
+.mint-m-v5 {
+  margin-top: 5rem;
+  margin-bottom: 5rem;
+}
+.mint-m-v6 {
+  margin-top: 6rem;
+  margin-bottom: 6rem;
+}
+.mint-m-t {
+  margin-top: 1rem;
+}
+.mint-m-t0 {
+  margin-top: 0rem;
+}
+.mint-m-t1 {
+  margin-top: 1rem;
+}
+.mint-m-t2 {
+  margin-top: 2rem;
+}
+.mint-m-t3 {
+  margin-top: 3rem;
+}
+.mint-m-t4 {
+  margin-top: 4rem;
+}
+.mint-m-t5 {
+  margin-top: 5rem;
+}
+.mint-m-t6 {
+  margin-top: 6rem;
+}
+.mint-m-t50 {
+  margin-top: 50vh;
+}
+.mint-m-b {
+  margin-bottom: 1rem;
+}
+.mint-m-b0 {
+  margin-bottom: 0rem;
+}
+.mint-m-b1 {
+  margin-bottom: 1rem;
+}
+.mint-m-b2 {
+  margin-bottom: 2rem;
+}
+.mint-m-b3 {
+  margin-bottom: 3rem;
+}
+.mint-m-b4 {
+  margin-bottom: 4rem;
+}
+.mint-m-b5 {
+  margin-bottom: 5rem;
+}
+.mint-m-b6 {
+  margin-bottom: 6rem;
+}
+.mint-m-h {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.mint-m-h0 {
+  margin-left: 0rem;
+  margin-right: 0rem;
+}
+.mint-m-h1 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.mint-m-h2 {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+.mint-m-h3 {
+  margin-left: 3rem;
+  margin-right: 3rem;
+}
+.mint-m-h4 {
+  margin-left: 4rem;
+  margin-right: 4rem;
+}
+.mint-m-h5 {
+  margin-left: 5rem;
+  margin-right: 5rem;
+}
+.mint-m-h6 {
+  margin-left: 6rem;
+  margin-right: 6rem;
+}
+.mint-m-l {
+  margin-left: 1rem;
+}
+.mint-m-l0 {
+  margin-left: 0rem;
+}
+.mint-m-l1 {
+  margin-left: 1rem;
+}
+.mint-m-l2 {
+  margin-left: 2rem;
+}
+.mint-m-l3 {
+  margin-left: 3rem;
+}
+.mint-m-l4 {
+  margin-left: 4rem;
+}
+.mint-m-l5 {
+  margin-left: 5rem;
+}
+.mint-m-l6 {
+  margin-left: 6rem;
+}
+.mint-m-r {
+  margin-right: 1rem;
+}
+.mint-m-r0 {
+  margin-right: 0rem;
+}
+.mint-m-r1 {
+  margin-right: 1rem;
+}
+.mint-m-r2 {
+  margin-right: 2rem;
+}
+.mint-m-r3 {
+  margin-right: 3rem;
+}
+.mint-m-r4 {
+  margin-right: 4rem;
+}
+.mint-m-r5 {
+  margin-right: 5rem;
+}
+.mint-m-r6 {
+  margin-right: 6rem;
+}
+.mint-m {
+  margin: 0.5rem;
+}
+.mint-m-xs {
+  margin: 0;
+}
+@media (min-width: 480px) {
+  .mint-m-xs {
+    margin: 0.5rem;
+  }
+}
+.mint-m-to-xs {
+  margin: 0.5rem;
+}
+@media (min-width: 480px) {
+  .mint-m-to-xs {
+    margin: 0;
+  }
+}
+.mint-m-sm {
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .mint-m-sm {
+    margin: 0.5rem;
+  }
+}
+.mint-m-to-sm {
+  margin: 0.5rem;
+}
+@media (min-width: 768px) {
+  .mint-m-to-sm {
+    margin: 0;
+  }
+}
+.mint-m-md {
+  margin: 0;
+}
+@media (min-width: 1024px) {
+  .mint-m-md {
+    margin: 0.5rem;
+  }
+}
+.mint-m-to-md {
+  margin: 0.5rem;
+}
+@media (min-width: 1024px) {
+  .mint-m-to-md {
+    margin: 0;
+  }
 }
-
-.mint-tooltip {
-  position: absolute;
-  max-width: var(--mint-tooltip-max-w);
-  border-radius: var(--mint-tooltip-r);
-  padding: var(--mint-tooltip-p);
-  opacity: 0;
-  color: var(--mint-tooltip-fg);
-  background: var(--mint-tooltip-bg);
-  box-shadow: var(--mint-tooltip-shadow-c) var(--mint-tooltip-shadow-s);
-  font-size: var(--mint-tooltip-font-s);
-  line-height: var(--mint-tooltip-line-h);
-  transition: opacity 0.3s;
-  user-select: none;
-  pointer-events: none;
-  white-space: nowrap;
+.mint-m-lg {
+  margin: 0;
 }
-.mint-tooltip.mint-top::after, .mint-tooltip.mint-bottom::after {
-  border-left: solid var(--mint-tooltip-arrow-s) transparent;
-  border-right: solid var(--mint-tooltip-arrow-s) transparent;
+@media (min-width: 1200px) {
+  .mint-m-lg {
+    margin: 0.5rem;
+  }
 }
-.mint-tooltip.mint-left::after, .mint-tooltip.mint-right::after {
-  border-top: solid var(--mint-tooltip-arrow-s) transparent;
-  border-bottom: solid var(--mint-tooltip-arrow-s) transparent;
+.mint-m-to-lg {
+  margin: 0.5rem;
 }
-.mint-tooltip.mint-top {
-  bottom: calc(100% + var(--mint-tooltip-arrow-s) + var(--mint-tooltip-dist));
-  left: 50%;
-  transform: translateX(-50%);
+@media (min-width: 1200px) {
+  .mint-m-to-lg {
+    margin: 0;
+  }
 }
-.mint-tooltip.mint-top::after {
-  bottom: calc(-1 * var(--mint-tooltip-arrow-s) + 1px);
-  left: 50%;
-  transform: translateX(-50%);
-  border-top: solid var(--mint-tooltip-arrow-s) var(--mint-tooltip-bg);
+.mint-m-xl {
+  margin: 0;
 }
-.mint-tooltip.mint-left {
-  right: calc(100% + var(--mint-tooltip-arrow-s) + var(--mint-tooltip-dist));
-  top: 50%;
-  transform: translateY(-50%);
+@media (min-width: 1440px) {
+  .mint-m-xl {
+    margin: 0.5rem;
+  }
 }
-.mint-tooltip.mint-left::after {
-  right: calc(-1 * var(--mint-tooltip-arrow-s) + 1px);
-  top: 50%;
-  transform: translateY(-50%);
-  border-left: solid var(--mint-tooltip-arrow-s) var(--mint-tooltip-bg);
+.mint-m-to-xl {
+  margin: 0.5rem;
 }
-.mint-tooltip.mint-bottom {
-  top: calc(100% + var(--mint-tooltip-arrow-s) + var(--mint-tooltip-dist));
-  left: 50%;
-  transform: translateX(-50%);
+@media (min-width: 1440px) {
+  .mint-m-to-xl {
+    margin: 0;
+  }
 }
-.mint-tooltip.mint-bottom::after {
-  top: calc(-1 * var(--mint-tooltip-arrow-s) + 1px);
-  left: 50%;
-  transform: translateX(-50%);
-  border-bottom: solid var(--mint-tooltip-arrow-s) var(--mint-tooltip-bg);
+@media (min-width: 480px) {
+  .mint-m {
+    margin: 1rem;
+  }
+  .mint-m-xs {
+    margin: 0;
+  }
 }
-.mint-tooltip.mint-right {
-  left: calc(100% + var(--mint-tooltip-arrow-s) + var(--mint-tooltip-dist));
-  top: 50%;
-  transform: translateY(-50%);
+@media (min-width: 480px) and (min-width: 480px) {
+  .mint-m-xs {
+    margin: 1rem;
+  }
 }
-.mint-tooltip.mint-right::after {
-  left: calc(-1 * var(--mint-tooltip-arrow-s) + 1px);
-  top: 50%;
-  transform: translateY(-50%);
-  border-right: solid var(--mint-tooltip-arrow-s) var(--mint-tooltip-bg);
+@media (min-width: 480px) {
+  .mint-m-to-xs {
+    margin: 1rem;
+  }
 }
-.mint-tooltip::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
+@media (min-width: 480px) and (min-width: 480px) {
+  .mint-m-to-xs {
+    margin: 0;
+  }
 }
-.mint-tooltipped {
-  display: inline-flex;
-  position: relative;
-  width: fit-content;
+@media (min-width: 480px) {
+  .mint-m-sm {
+    margin: 0;
+  }
 }
-.mint-tooltipped:hover .mint-tooltip {
-  opacity: 1;
+@media (min-width: 480px) and (min-width: 768px) {
+  .mint-m-sm {
+    margin: 1rem;
+  }
 }
-
-.mint-accordion .mint-item {
-  cursor: pointer;
+@media (min-width: 480px) {
+  .mint-m-to-sm {
+    margin: 1rem;
+  }
 }
-.mint-accordion .mint-item .mint-wrapper {
-  transition: height 0.3s ease;
-  overflow: hidden;
+@media (min-width: 480px) and (min-width: 768px) {
+  .mint-m-to-sm {
+    margin: 0;
+  }
 }
-
-:root {
-  --mint-card-p: calc(var(--mint-gap) * 8);
-  --mint-card-logo-s: 4rem;
-  --mint-card-r: var(--mint-br);
-  --mint-card-shadow-s: var(--mint-shadow-s);
-  --mint-card-shadow-c: var(--mint-shadow-c);
-  --mint-card-bg: var(--mint-c-bg-3);
+@media (min-width: 480px) {
+  .mint-m-md {
+    margin: 0;
+  }
 }
-
-.mint-theme-dark {
-  --mint-card-bg: var(--mint-c-bg-5);
+@media (min-width: 480px) and (min-width: 1024px) {
+  .mint-m-md {
+    margin: 1rem;
+  }
 }
-
-.mint-card {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  height: 100%;
-  max-width: 100%;
-  margin: 0;
-  border-radius: var(--mint-card-r);
-  box-shadow: var(--mint-card-shadow-s) var(--mint-card-shadow-c);
+@media (min-width: 480px) {
+  .mint-m-to-md {
+    margin: 1rem;
+  }
 }
-@media (min-width: 48rem) {
-  .mint-card {
-    flex-direction: row;
+@media (min-width: 480px) and (min-width: 1024px) {
+  .mint-m-to-md {
+    margin: 0;
   }
-  .mint-card.mint-reverse {
-    flex-direction: row-reverse;
+}
+@media (min-width: 480px) {
+  .mint-m-lg {
+    margin: 0;
   }
 }
-.mint-card:has(.mint-carousel) {
-  box-shadow: none;
+@media (min-width: 480px) and (min-width: 1200px) {
+  .mint-m-lg {
+    margin: 1rem;
+  }
 }
-.mint-card:has(.mint-carousel) .mint-content {
-  box-shadow: var(--mint-card-shadow-s) var(--mint-card-shadow-c);
+@media (min-width: 480px) {
+  .mint-m-to-lg {
+    margin: 1rem;
+  }
 }
-.mint-card.mint-center .mint-title {
-  justify-content: center;
-  text-align: center;
+@media (min-width: 480px) and (min-width: 1200px) {
+  .mint-m-to-lg {
+    margin: 0;
+  }
 }
-.mint-card.mint-center .mint-title > div {
-  width: auto;
+@media (min-width: 480px) {
+  .mint-m-xl {
+    margin: 0;
+  }
 }
-.mint-card.mint-center .mint-content > * {
-  text-align: center;
+@media (min-width: 480px) and (min-width: 1440px) {
+  .mint-m-xl {
+    margin: 1rem;
+  }
 }
-.mint-card.mint-center .mint-buttons {
-  justify-content: center;
+@media (min-width: 480px) {
+  .mint-m-to-xl {
+    margin: 1rem;
+  }
 }
-.mint-card.mint-center-title .mint-title {
-  justify-content: center;
-  text-align: center;
+@media (min-width: 480px) and (min-width: 1440px) {
+  .mint-m-to-xl {
+    margin: 0;
+  }
 }
-.mint-card.mint-center-title .mint-title > div {
-  width: auto;
+
+.mint-hide {
+  display: initial;
 }
-.mint-card.mint-center-content .mint-content > * {
-  text-align: center;
+.mint-hide-xs {
+  display: none;
 }
-.mint-card.mint-center-btns .mint-buttons {
-  justify-content: center;
+@media (min-width: 480px) {
+  .mint-hide-xs {
+    display: initial;
+  }
 }
-.mint-card.mint-stagger {
-  position: relative;
-  width: 100%;
+.mint-hide-to-xs {
+  display: initial;
 }
-@media (min-width: 48rem) {
-  .mint-card.mint-stagger {
-    flex-direction: row;
-    border-radius: 0;
-    box-shadow: none;
-    overflow: visible;
+@media (min-width: 480px) {
+  .mint-hide-to-xs {
+    display: none;
   }
-  .mint-card.mint-stagger > .mint-image {
-    width: calc(50% + var(--mint-card-p));
-    height: fit-content;
-    margin-right: calc(var(--mint-card-p) * -2);
-    border-radius: var(--mint-card-r);
+}
+.mint-hide-sm {
+  display: none;
+}
+@media (min-width: 768px) {
+  .mint-hide-sm {
+    display: initial;
   }
-  .mint-card.mint-stagger > .mint-image img {
-    height: 100%;
-    object-fit: cover;
+}
+.mint-hide-to-sm {
+  display: initial;
+}
+@media (min-width: 768px) {
+  .mint-hide-to-sm {
+    display: none;
   }
-  .mint-card.mint-stagger > .mint-content {
-    height: fit-content;
-    width: calc(50% + var(--mint-card-p));
-    margin-top: calc(2 * var(--mint-card-p));
-    border-radius: var(--mint-card-r);
-    box-shadow: var(--mint-card-shadow-s) var(--mint-card-shadow-c);
+}
+.mint-hide-md {
+  display: none;
+}
+@media (min-width: 1024px) {
+  .mint-hide-md {
+    display: initial;
   }
 }
-@media (min-width: 48rem) {
-  .mint-card.mint-stagger.mint-reverse {
-    flex-direction: row-reverse;
+.mint-hide-to-md {
+  display: initial;
+}
+@media (min-width: 1024px) {
+  .mint-hide-to-md {
+    display: none;
   }
-  .mint-card.mint-stagger.mint-reverse > .mint-image {
-    margin-right: 0;
-    margin-left: calc(var(--mint-card-p) * -2);
+}
+.mint-hide-lg {
+  display: none;
+}
+@media (min-width: 1200px) {
+  .mint-hide-lg {
+    display: initial;
   }
 }
-.mint-card > .mint-image {
-  overflow: hidden;
+.mint-hide-to-lg {
+  display: initial;
 }
-@media (min-width: 48rem) {
-  .mint-card > .mint-image {
-    width: 50%;
+@media (min-width: 1200px) {
+  .mint-hide-to-lg {
+    display: none;
   }
 }
-.mint-card > .mint-image:only-child {
-  width: 100%;
+.mint-hide-xl {
+  display: none;
 }
-@media (min-width: 48rem) {
-  .mint-card > .mint-image + .mint-content {
-    width: 50%;
+@media (min-width: 1440px) {
+  .mint-hide-xl {
+    display: initial;
   }
 }
-.mint-card .mint-content {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--mint-gap) * 2);
-  position: relative;
-  padding: var(--mint-card-p);
-  background: var(--mint-card-bg);
+.mint-hide-to-xl {
+  display: initial;
+}
+@media (min-width: 1440px) {
+  .mint-hide-to-xl {
+    display: none;
+  }
+}
+
+.mint-max-xs {
   width: 100%;
-  overflow: hidden;
+  max-width: 480px;
 }
-.mint-card .mint-content > * {
-  margin-top: 0;
-  margin-bottom: 0;
+.mint-max-xs:not(.mint-left) {
+  margin-left: auto;
 }
-.mint-card .mint-title {
-  display: flex;
-  flex-direction: column;
+.mint-max-xs:not(.mint-right) {
+  margin-right: auto;
+}
+.mint-max-sm {
+  width: 100%;
+  max-width: 768px;
+}
+.mint-max-sm:not(.mint-left) {
+  margin-left: auto;
+}
+.mint-max-sm:not(.mint-right) {
+  margin-right: auto;
+}
+.mint-max-md {
+  width: 100%;
+  max-width: 1024px;
+}
+.mint-max-md:not(.mint-left) {
+  margin-left: auto;
+}
+.mint-max-md:not(.mint-right) {
+  margin-right: auto;
+}
+.mint-max-lg {
+  width: 100%;
+  max-width: 1200px;
+}
+.mint-max-lg:not(.mint-left) {
+  margin-left: auto;
+}
+.mint-max-lg:not(.mint-right) {
+  margin-right: auto;
+}
+.mint-max-xl {
+  width: 100%;
+  max-width: 1440px;
+}
+.mint-max-xl:not(.mint-left) {
+  margin-left: auto;
+}
+.mint-max-xl:not(.mint-right) {
+  margin-right: auto;
+}
+
+.mint-half-w {
+  width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.mint-center {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+.mint-center-down, .mint-center-down * {
   align-items: center;
-  height: fit-content;
-  gap: var(--mint-card-p);
+  justify-content: center;
   text-align: center;
-  width: 100%;
 }
-@media (min-width: 30rem) {
-  .mint-card .mint-title {
-    flex-direction: row;
-    text-align: left;
-  }
+
+.mint-fit {
+  width: fit-content;
+  height: fit-content;
 }
-.mint-card .mint-title:only-child {
-  height: 100%;
+.mint-fit:not(.mint-left) {
+  margin-left: auto;
 }
-.mint-card .mint-title > .mint-image {
-  width: 100%;
-  height: 100%;
-  max-width: var(--mint-card-logo-s);
-  max-height: var(--mint-card-logo-s);
+.mint-fit:not(.mint-right) {
+  margin-right: auto;
 }
-.mint-card .mint-title > .mint-image.mint-large {
-  max-width: calc(2 * var(--mint-card-logo-s));
-  max-height: calc(2 * var(--mint-card-logo-s));
+
+.mint-left {
+  float: left;
 }
-.mint-card .mint-title > .mint-image img {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
+
+.mint-right {
+  float: right;
 }
-.mint-card .mint-title i {
+
+.mint-full-page {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  min-width: var(--mint-card-logo-s);
-  max-width: var(--mint-card-logo-s);
-  margin: 0;
-  font-size: calc(var(--mint-card-logo-s) - 1rem);
+  min-height: calc(100vh - var(--mint-header-h));
+  min-height: calc(100dvh - var(--mint-header-h));
 }
-.mint-card .mint-title > div {
-  width: 100%;
+
+:root {
+  --mint-font-text: sans-serif;
+  --mint-font-title: serif;
+  --mint-font-backups: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+  --mint-font-title-backups: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+  --mint-font-h: 1.25;
+  --mint-font-min-h1: 15vw;
+  --mint-font-min-h2: 12vw;
+  --mint-font-min-h3: 10vw;
+  --mint-font-min-h4: 8vw;
+  --mint-font-min-h5: 7vw;
+  --mint-font-min-h6: 6vw;
+  --mint-font-min-p: 1rem;
+  --mint-font-mobile-h1: 2.5rem;
+  --mint-font-mobile-h2: 2rem;
+  --mint-font-mobile-h3: 1.75rem;
+  --mint-font-mobile-h4: 1.5rem;
+  --mint-font-mobile-h5: 1.25rem;
+  --mint-font-mobile-h6: 1.125rem;
+  --mint-font-mobile-p: 1rem;
+  --mint-font-desktop-h1: 3rem;
+  --mint-font-desktop-h2: 2.5rem;
+  --mint-font-desktop-h3: 2rem;
+  --mint-font-desktop-h4: 1.75rem;
+  --mint-font-desktop-h5: 1.5rem;
+  --mint-font-desktop-h6: 1.25rem;
+  --mint-font-desktop-p: 1.125rem;
 }
-.mint-card .mint-title > div > * {
-  margin: 0;
+
+html, body {
+  font-family: var(--mint-font-text), var(--mint-font-backups);
+  font-size: min(var(--mint-font-min-p), var(--mint-font-mobile-p));
 }
-.mint-card .mint-date {
-  text-align: center;
+@media (min-width: 480px) {
+  html, body {
+    font-size: var(--mint-font-mobile-p);
+  }
 }
-@media (min-width: 30rem) {
-  .mint-card .mint-date {
-    text-align: left;
+@media (min-width: 1024px) {
+  html, body {
+    font-size: var(--mint-font-desktop-p);
   }
 }
-.mint-card-grid {
-  position: relative;
-  background: var(--mint-card-bg);
+
+p {
+  line-height: var(--mint-font-h);
 }
-.mint-card-grid:has(.mint-image) .mint-content {
-  margin-top: 25%;
-  padding-top: 25%;
-  background: none;
-  border: none;
+
+h1,
+.mint-h1 {
+  font-family: var(--mint-font-title), var(--mint-font-title-backups);
+  line-height: 1;
 }
-.mint-card-grid:has(.mint-image) .mint-content::before {
-  opacity: 0;
+h1:first-child,
+.mint-h1:first-child {
+  margin-top: 0;
 }
-.mint-card-grid:has(.mint-image) .mint-content::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0.75;
-  mask-image: none;
-  background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.7) 66%, var(--mint-shadow-0));
-  transition: opacity ms(300) ease-in-out;
-  z-index: -1;
+h1:last-child,
+.mint-h1:last-child {
+  margin-bottom: 0;
 }
-.mint-card-grid:hover .mint-content::after {
-  opacity: 1;
+
+h2,
+.mint-h2 {
+  font-family: var(--mint-font-title), var(--mint-font-title-backups);
+  line-height: 1;
+}
+h2:first-child,
+.mint-h2:first-child {
+  margin-top: 0;
+}
+h2:last-child,
+.mint-h2:last-child {
+  margin-bottom: 0;
 }
 
-.mint-card-grid .mint-image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+h3,
+.mint-h3 {
+  font-family: var(--mint-font-title), var(--mint-font-title-backups);
+  line-height: 1;
 }
-.mint-card-grid .mint-image img {
-  height: 100%;
-  object-fit: contain;
-  object-position: top;
+h3:first-child,
+.mint-h3:first-child {
+  margin-top: 0;
 }
-.mint-card-grid .mint-content {
-  justify-content: flex-end;
-  background: var(--mint-shadow-0);
+h3:last-child,
+.mint-h3:last-child {
+  margin-bottom: 0;
 }
-.mint-card-grid .mint-content .mint-buttons {
-  margin-top: 0 !important;
+
+h4,
+.mint-h4 {
+  font-family: var(--mint-font-title), var(--mint-font-title-backups);
+  line-height: 1;
 }
-.mint-card-actions .mint-content {
-  flex-direction: row;
-  justify-content: space-between;
+h4:first-child,
+.mint-h4:first-child {
+  margin-top: 0;
+}
+h4:last-child,
+.mint-h4:last-child {
+  margin-bottom: 0;
 }
 
-.mint-grid.mint-3 .mint-card,
-.mint-grid.mint-4 .mint-card {
-  flex-direction: column !important;
+h5,
+.mint-h5 {
+  font-family: var(--mint-font-title), var(--mint-font-title-backups);
+  line-height: 1;
 }
-.mint-grid.mint-3 .mint-card > .mint-image,
-.mint-grid.mint-4 .mint-card > .mint-image {
-  overflow: hidden;
+h5:first-child,
+.mint-h5:first-child {
+  margin-top: 0;
 }
-@media (min-width: 48rem) {
-  .mint-grid.mint-3 .mint-card > .mint-image,
-  .mint-grid.mint-4 .mint-card > .mint-image {
-    width: 100%;
+h5:last-child,
+.mint-h5:last-child {
+  margin-bottom: 0;
+}
+
+h6,
+.mint-h6 {
+  font-family: var(--mint-font-title), var(--mint-font-title-backups);
+  line-height: 1;
+}
+h6:first-child,
+.mint-h6:first-child {
+  margin-top: 0;
+}
+h6:last-child,
+.mint-h6:last-child {
+  margin-bottom: 0;
+}
+
+h1, .mint-h1 {
+  margin: 1rem 0;
+  font-size: min(var(--mint-font-min-h1), var(--mint-font-mobile-h1));
+}
+@media (min-width: 480px) {
+  h1, .mint-h1 {
+    font-size: var(--mint-font-mobile-h1);
   }
 }
-@media (min-width: 48rem) {
-  .mint-grid.mint-3 .mint-card > .mint-image + .mint-content,
-  .mint-grid.mint-4 .mint-card > .mint-image + .mint-content {
-    width: 100%;
+@media (min-width: 1024px) {
+  h1, .mint-h1 {
+    font-size: var(--mint-font-desktop-h1);
   }
 }
-.mint-grid.mint-3 .mint-card .mint-content,
-.mint-grid.mint-4 .mint-card .mint-content {
-  flex-grow: 1;
+
+h2, .mint-h2 {
+  margin: 1rem 0;
+  font-size: min(var(--mint-font-min-h2), var(--mint-font-mobile-h2));
 }
-@media (min-width: 30rem) {
-  .mint-grid.mint-3 .mint-card .mint-title,
-  .mint-grid.mint-4 .mint-card .mint-title {
-    flex-direction: column;
+@media (min-width: 480px) {
+  h2, .mint-h2 {
+    font-size: var(--mint-font-mobile-h2);
   }
 }
-.mint-grid.mint-3 .mint-card .mint-buttons,
-.mint-grid.mint-4 .mint-card .mint-buttons {
-  margin-top: auto;
-}
-.mint-grid.mint-3 .mint-card .mint-buttons .mint-btn,
-.mint-grid.mint-4 .mint-card .mint-buttons .mint-btn {
-  width: 100%;
+@media (min-width: 1024px) {
+  h2, .mint-h2 {
+    font-size: var(--mint-font-desktop-h2);
+  }
 }
 
-:root {
-  --mint-modal-w: var(--mint-sm);
+h3, .mint-h3 {
+  margin: 1rem 0;
+  font-size: min(var(--mint-font-min-h3), var(--mint-font-mobile-h3));
 }
-
-.mint-modal {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 100%;
-  max-width: var(--mint-modal-w);
-  height: auto;
-  max-height: calc(100% - var(--mint-p-clamp) * 4);
-  z-index: 99999999;
-  opacity: 0;
-  pointer-events: none;
-  user-select: none;
-  transition: opacity 0.3s ease-in-out;
+@media (min-width: 480px) {
+  h3, .mint-h3 {
+    font-size: var(--mint-font-mobile-h3);
+  }
 }
-.mint-modal.mint-open {
-  opacity: 1;
-  pointer-events: auto;
-  user-select: text;
+@media (min-width: 1024px) {
+  h3, .mint-h3 {
+    font-size: var(--mint-font-desktop-h3);
+  }
 }
-.mint-modal.mint-open + .mint-modal-bg {
-  pointer-events: auto;
-  user-select: text;
-  background-color: rgba(0, 0, 0, 0.4);
-  backdrop-filter: blur(3rem);
+
+h4, .mint-h4 {
+  margin: 1rem 0;
+  font-size: min(var(--mint-font-min-h4), var(--mint-font-mobile-h4));
 }
-.mint-modal .mint-content {
-  overflow: auto;
+@media (min-width: 480px) {
+  h4, .mint-h4 {
+    font-size: var(--mint-font-mobile-h4);
+  }
 }
-.mint-modal-bg {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0);
-  backdrop-filter: blur(0rem);
-  z-index: 99999998;
-  pointer-events: none;
-  user-select: none;
-  transition-duration: 0.3s;
-  transition-property: background-color, backdrop-filter;
-  transition-timing-function: ease-in-out;
+@media (min-width: 1024px) {
+  h4, .mint-h4 {
+    font-size: var(--mint-font-desktop-h4);
+  }
 }
 
-:root {
-  --mint-aspect-w: 16;
-  --mint-aspect-h: 9;
+h5, .mint-h5 {
+  margin: 1rem 0;
+  font-size: min(var(--mint-font-min-h5), var(--mint-font-mobile-h5));
+}
+@media (min-width: 480px) {
+  h5, .mint-h5 {
+    font-size: var(--mint-font-mobile-h5);
+  }
+}
+@media (min-width: 1024px) {
+  h5, .mint-h5 {
+    font-size: var(--mint-font-desktop-h5);
+  }
 }
 
-.mint-aspect {
-  position: relative;
-  height: 0;
-  padding-top: calc(var(--mint-aspect-h) / var(--mint-aspect-w) * 100%);
-  overflow: hidden;
+h6, .mint-h6 {
+  margin: 1rem 0;
+  font-size: min(var(--mint-font-min-h6), var(--mint-font-mobile-h6));
 }
-.mint-aspect.mint-spotify, .mint-aspect.mint-spotify-playlist {
-  padding-top: 152px;
+@media (min-width: 480px) {
+  h6, .mint-h6 {
+    font-size: var(--mint-font-mobile-h6);
+  }
 }
-@media (min-width: 30rem) {
-  .mint-aspect.mint-spotify, .mint-aspect.mint-spotify-playlist {
-    padding-top: 125%;
+@media (min-width: 1024px) {
+  h6, .mint-h6 {
+    font-size: var(--mint-font-desktop-h6);
   }
 }
-@media (min-width: 48rem) {
-  .mint-aspect.mint-spotify, .mint-aspect.mint-spotify-playlist {
-    padding-top: 75%;
+
+p, .mint-p {
+  margin: 1rem 0;
+  font-size: min(var(--mint-font-min-p), var(--mint-font-mobile-p));
+}
+@media (min-width: 480px) {
+  p, .mint-p {
+    font-size: var(--mint-font-mobile-p);
   }
 }
-@media (min-width: 64rem) {
-  .mint-aspect.mint-spotify, .mint-aspect.mint-spotify-playlist {
-    padding-top: 56.25%;
+@media (min-width: 1024px) {
+  p, .mint-p {
+    font-size: var(--mint-font-desktop-p);
   }
 }
-.mint-aspect.mint-spotify-podcast {
-  padding-top: 352px;
+
+.mint-upper {
+  text-transform: uppercase;
 }
-.mint-aspect > :first-child {
+
+.mint-disclaim {
+  font-size: 0.875em;
+}
+@media (max-width: 479px) {
+  .mint-disclaim {
+    text-align: center;
+  }
+}
+
+:root {
+  --mint-texture-bg: ;
+  --mint-texture-bg-s: cover;
+  --mint-texture-bg-pos: top;
+  --mint-texture-blend: normal;
+  --mint-texture-filter: none;
+  --mint-texture-opacity: 1;
+  --mint-texture-alt-bg-s: cover;
+  --mint-texture-alt-bg-pos: center;
+  --mint-texture-alt-blend: normal;
+  --mint-texture-alt-mask: none;
+  --mint-texture-alt-opacity: 1;
+  --mint-texture-p: 1rem;
+  --mint-texture-bw: 1.25rem;
+  --mint-texture-bc: ;
+  --mint-texture-bi: ;
+  --mint-texture-bis: 42 42;
+  --mint-texture-bir: round;
+  --mint-texture-bst: solid;
+}
+
+.mint-frame {
+  height: fit-content;
+  background-color: var(--mint-card-bg);
+}
+
+.mint-card-grid .mint-image {
   position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 100%;
-  height: 100%;
 }
 
-.mint-circle {
-  border-radius: 50%;
-  overflow: hidden;
+.mint-overlay .mint-border::before, .mint-overlay .mint-frame::before, .mint-overlay .mint-card .mint-content::before, .mint-card .mint-overlay .mint-content::before, .mint-overlay .mint-card-grid .mint-image::before, .mint-card-grid .mint-overlay .mint-image::before, .mint-overlay .mint-texture::before {
+  z-index: 100;
 }
 
-.mint-half-w {
-  width: 50%;
-  margin-left: auto;
-  margin-right: auto;
+.mint-theme-success {
+  background-color: var(--mint-c-success-2);
+  border-color: var(--mint-c-success-4);
+}
+
+.mint-theme-danger {
+  background-color: var(--mint-c-danger-2);
+  border-color: var(--mint-c-danger-4);
+}
+
+.mint-theme-warning {
+  background-color: var(--mint-c-warning-2);
+  border-color: var(--mint-c-warning-4);
+}
+
+.mint-theme-info {
+  background-color: var(--mint-c-info-2);
+  border-color: var(--mint-c-info-4);
+}
+
+.mint-theme-dark .mint-theme-success {
+  background-color: var(--mint-c-success-7);
+  border-color: var(--mint-c-success-5);
+}
+.mint-theme-dark .mint-theme-danger {
+  background-color: var(--mint-c-danger-7);
+  border-color: var(--mint-c-danger-5);
+}
+.mint-theme-dark .mint-theme-warning {
+  background-color: var(--mint-c-warning-7);
+  border-color: var(--mint-c-warning-5);
+}
+.mint-theme-dark .mint-theme-info {
+  background-color: var(--mint-c-info-7);
+  border-color: var(--mint-c-info-5);
 }
 
 :root {
@@ -972,22 +3844,32 @@ p .mint-pill, p .mint-btn, p .mint-select {
   --mint-c-info-7: hsl(201, 50%, 70%);
   --mint-c-info-8: hsl(201, 50%, 80%);
   --mint-c-info-9: hsl(201, 50%, 90%);
+  --mint-c-amazon: #F90;
+  --mint-c-apple-music: #fc3c44;
+  --mint-c-apple: #DDD;
+  --mint-c-bandcamp: #629aa9;
+  --mint-c-btc: #FF9900;
+  --mint-c-eth: #3C3C3D;
+  --mint-c-facebook: #3b5998;
+  --mint-c-google-play: #f55a34;
+  --mint-c-instagram: #8a3ab9;
+  --mint-c-soundcloud: #f26f23;
+  --mint-c-spotify: #84bd00;
+  --mint-c-twitter: #1da1f2;
+  --mint-c-venmo: #008CFF;
+  --mint-c-youtube: #F00;
 }
 
 :root {
   --mint-c-fg: var(--mint-c-bw-8);
   --mint-c-bg: var(--mint-c-bw-1);
+  --mint-shadow-c: var(--mint-c-shadow-2);
 }
 
 .mint-theme-dark {
   --mint-c-fg: var(--mint-c-bw-1);
   --mint-c-bg: var(--mint-c-bw-8);
-}
-
-:root {
-  --mint-c-font-text: sans-serif;
-  --mint-c-font-title: serif;
-  --mint-c-font-h: 1.25;
+  --mint-shadow-c: var(--mint-c-glow-2);
 }
 
 :root {
@@ -999,14 +3881,13 @@ p .mint-pill, p .mint-btn, p .mint-select {
   --mint-p-val: 1vw;
   --mint-p-clamp: clamp(var(--mint-p-min), var(--mint-p-val), var(--mint-p-max));
   --mint-p-exit: clamp(var(--mint-p-min) * -1, var(--mint-p-val) * -1, var(--mint-p-max) * -1);
-  --mint-p-exit-width: clamp(100% + var(--mint-p-min) * 2, 100% + var(--mint-p-val) * 2, 100% + var(--mint-p-max) * 2);
-  --mint-shadow-c: var(--mint-glow-2);
+  --mint-p-exit-w: clamp(100% + var(--mint-p-min) * 2, 100% + var(--mint-p-val) * 2, 100% + var(--mint-p-max) * 2);
   --mint-shadow-s: 0 0 2rem -0.5rem;
-  --mint-xs: 30px;
-  --mint-sm: 48px;
-  --mint-md: 64px;
-  --mint-lg: 75px;
-  --mint-xl: 90px;
+  --mint-xs: 480px;
+  --mint-sm: 768px;
+  --mint-md: 1024px;
+  --mint-lg: 1200px;
+  --mint-xl: 1440px;
 }
 
 /*# sourceMappingURL=index.css.map */