/*!
 * Font Awesome Free 6.5.1 - SUBSET for MintYourCard v2
 * Original: https://fontawesome.com - License: https://fontawesome.com/license/free
 * Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License
 * Copyright 2023 Fonticons, Inc.
 *
 * This is a minimal subset containing only the ~120 icons used by the v2 app.
 * Full CSS: ~280KB -> This subset: ~15KB
 *
 * NOTE: fa-sparkles is a Font Awesome Pro icon (not available in Free).
 * Replace with fa-wand-magic-sparkles or another Free alternative.
 */

/* ==========================================================================
   1. CSS Variables
   ========================================================================== */

:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}

/* ==========================================================================
   2. @font-face Declarations (WOFF2 only)
   ========================================================================== */

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fa-brands-400.woff2") format("woff2");
}

/* ==========================================================================
   3. Base Icon Classes
   ========================================================================== */

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa,
.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free';
}

.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands';
}

/* Font weight overrides */
.fas,
.fa-solid {
  font-weight: 900;
}

.far,
.fa-regular {
  font-weight: 400;
}

.fab,
.fa-brands {
  font-weight: 400;
}

/* ==========================================================================
   4. Sizing Classes
   ========================================================================== */

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-1x { font-size: 1em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

/* ==========================================================================
   5. Utility Classes
   ========================================================================== */

.fa-fw {
  text-align: center;
  width: 1.25em;
}

/* ==========================================================================
   6. Animations
   ========================================================================== */

.fa-spin {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
          animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
          animation-timing-function: var(--fa-animation-timing, steps(8));
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .fa-spin,
  .fa-spin-pulse,
  .fa-pulse {
    -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* ==========================================================================
   7. Rotation & Flip Utilities
   ========================================================================== */

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

/* ==========================================================================
   8. Stacking
   ========================================================================== */

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-stack-1x { font-size: 1em; }
.fa-stack-2x { font-size: 2em; }

/* ==========================================================================
   9. Screen Reader Only
   ========================================================================== */

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* ==========================================================================
   10. Icon Definitions - Solid (fa-solid / fas)
   Sorted alphabetically. 119 icons.
   ========================================================================== */

.fa-arrow-down::before { content: "\f063"; }
.fa-arrow-down-short-wide::before { content: "\f884"; }
  .fa-sort-amount-desc::before, .fa-sort-amount-down::before { content: "\f884"; }
.fa-arrow-down-wide-short::before { content: "\f160"; }
  .fa-sort-amount-asc::before, .fa-sort-amount-down-alt::before { content: "\f160"; }
.fa-arrow-left::before { content: "\f060"; }
.fa-arrow-right::before { content: "\f061"; }
.fa-arrow-right-from-bracket::before { content: "\f08b"; }
  .fa-sign-out::before { content: "\f08b"; }
.fa-arrow-trend-up::before { content: "\e098"; }
.fa-arrow-up-from-bracket::before { content: "\e09a"; }
.fa-arrow-up-short-wide::before { content: "\f885"; }
  .fa-sort-amount-up-alt::before { content: "\f885"; }
.fa-arrow-up-wide-short::before { content: "\f161"; }
  .fa-sort-amount-up::before { content: "\f161"; }
.fa-arrows-left-right::before { content: "\f07e"; }
  .fa-arrows-h::before { content: "\f07e"; }
.fa-at::before { content: "\40"; }
.fa-award::before { content: "\f559"; }
.fa-bag-shopping::before { content: "\f290"; }
  .fa-shopping-bag::before { content: "\f290"; }
.fa-barcode::before { content: "\f02a"; }
.fa-bell::before { content: "\f0f3"; }
.fa-bell-slash::before { content: "\f1f6"; }
.fa-bolt::before { content: "\f0e7"; }
  .fa-zap::before { content: "\f0e7"; }
.fa-box::before { content: "\f466"; }
.fa-bullseye::before { content: "\f140"; }
.fa-cake-candles::before { content: "\f1fd"; }
  .fa-birthday-cake::before, .fa-cake::before { content: "\f1fd"; }
.fa-calculator::before { content: "\f1ec"; }
.fa-calendar::before { content: "\f133"; }
.fa-calendar-week::before { content: "\f784"; }
.fa-camera::before { content: "\f030"; }
  .fa-camera-alt::before { content: "\f030"; }
.fa-chart-line::before { content: "\f201"; }
  .fa-line-chart::before { content: "\f201"; }
.fa-check::before { content: "\f00c"; }
.fa-check-double::before { content: "\f560"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-chevron-left::before { content: "\f053"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-circle::before { content: "\f111"; }
.fa-circle-check::before { content: "\f058"; }
  .fa-check-circle::before { content: "\f058"; }
.fa-circle-exclamation::before { content: "\f06a"; }
  .fa-exclamation-circle::before { content: "\f06a"; }
.fa-circle-info::before { content: "\f05a"; }
  .fa-info-circle::before { content: "\f05a"; }
.fa-circle-play::before { content: "\f144"; }
  .fa-play-circle::before { content: "\f144"; }
.fa-circle-question::before { content: "\f059"; }
  .fa-question-circle::before { content: "\f059"; }
.fa-circle-xmark::before { content: "\f057"; }
  .fa-times-circle::before, .fa-xmark-circle::before { content: "\f057"; }
.fa-clipboard-check::before { content: "\f46c"; }
.fa-clipboard-list::before { content: "\f46d"; }
.fa-clock::before { content: "\f017"; }
  .fa-clock-four::before { content: "\f017"; }
.fa-coins::before { content: "\f51e"; }
.fa-copy::before { content: "\f0c5"; }
.fa-crop-simple::before { content: "\f565"; }
  .fa-crop-alt::before { content: "\f565"; }
.fa-crosshairs::before { content: "\f05b"; }
.fa-crown::before { content: "\f521"; }
.fa-database::before { content: "\f1c0"; }
.fa-diamond::before { content: "\f219"; }
.fa-download::before { content: "\f019"; }
.fa-dumbbell::before { content: "\f44b"; }
.fa-earth-americas::before { content: "\f57d"; }
  .fa-earth::before, .fa-earth-america::before, .fa-globe-americas::before { content: "\f57d"; }
.fa-ellipsis-vertical::before { content: "\f142"; }
  .fa-ellipsis-v::before { content: "\f142"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-eraser::before { content: "\f12d"; }
.fa-eye::before { content: "\f06e"; }
.fa-eye-slash::before { content: "\f070"; }
.fa-file-contract::before { content: "\f56c"; }
.fa-film::before { content: "\f008"; }
.fa-fire::before { content: "\f06d"; }
.fa-fire-flame-curved::before { content: "\f7e4"; }
  .fa-fire-alt::before { content: "\f7e4"; }
.fa-flag::before { content: "\f024"; }
.fa-flag-checkered::before { content: "\f11e"; }
.fa-gift::before { content: "\f06b"; }
.fa-globe::before { content: "\f0ac"; }
.fa-handshake::before { content: "\f2b5"; }
.fa-headset::before { content: "\f590"; }
.fa-heart::before { content: "\f004"; }
.fa-hourglass-half::before { content: "\f252"; }
  .fa-hourglass-2::before { content: "\f252"; }
.fa-image::before { content: "\f03e"; }
.fa-images::before { content: "\f302"; }
.fa-inbox::before { content: "\f01c"; }
.fa-key::before { content: "\f084"; }
.fa-layer-group::before { content: "\f5fd"; }
.fa-lightbulb::before { content: "\f0eb"; }
.fa-lock::before { content: "\f023"; }
.fa-magnifying-glass::before { content: "\f002"; }
  .fa-search::before { content: "\f002"; }
.fa-magnifying-glass-minus::before { content: "\f010"; }
  .fa-search-minus::before { content: "\f010"; }
.fa-magnifying-glass-plus::before { content: "\f00e"; }
  .fa-search-plus::before { content: "\f00e"; }
.fa-medal::before { content: "\f5a2"; }
.fa-microchip::before { content: "\f2db"; }
.fa-minus::before { content: "\f068"; }
.fa-mountain-sun::before { content: "\e52f"; }
.fa-palette::before { content: "\f53f"; }
.fa-paper-plane::before { content: "\f1d8"; }
.fa-pause::before { content: "\f04c"; }
.fa-pen::before { content: "\f304"; }
.fa-pen-fancy::before { content: "\f5ac"; }
.fa-play::before { content: "\f04b"; }
.fa-plus::before { content: "\2b"; }
.fa-question::before { content: "\3f"; }
.fa-ranking-star::before { content: "\e561"; }
.fa-rocket::before { content: "\f135"; }
.fa-arrows-rotate::before { content: "\f021"; }
  .fa-refresh::before, .fa-sync::before { content: "\f021"; }
.fa-rotate-right::before { content: "\f2f9"; }
  .fa-redo-alt::before, .fa-rotate-forward::before { content: "\f2f9"; }
.fa-scroll::before { content: "\f70e"; }
.fa-shield-halved::before { content: "\f3ed"; }
  .fa-shield-alt::before { content: "\f3ed"; }
.fa-sliders::before { content: "\f1de"; }
  .fa-sliders-h::before { content: "\f1de"; }
.fa-spinner::before { content: "\f110"; }
.fa-star::before { content: "\f005"; }
.fa-star-half-stroke::before { content: "\f5c0"; }
  .fa-star-half-alt::before { content: "\f5c0"; }
.fa-tag::before { content: "\f02b"; }
.fa-trash::before { content: "\f1f8"; }
.fa-trash-can::before { content: "\f2ed"; }
  .fa-trash-alt::before { content: "\f2ed"; }
.fa-triangle-exclamation::before { content: "\f071"; }
  .fa-exclamation-triangle::before, .fa-warning::before { content: "\f071"; }
.fa-trophy::before { content: "\f091"; }
.fa-truck::before { content: "\f0d1"; }
.fa-truck-fast::before { content: "\f48b"; }
  .fa-shipping-fast::before { content: "\f48b"; }
.fa-user::before { content: "\f007"; }
.fa-user-graduate::before { content: "\f501"; }
.fa-user-plus::before { content: "\f234"; }
.fa-users::before { content: "\f0c0"; }
.fa-vector-square::before { content: "\f5cb"; }
.fa-shirt::before { content: "\f553"; }
  .fa-t-shirt::before, .fa-tshirt::before { content: "\f553"; }
.fa-video::before { content: "\f03d"; }
.fa-video-slash::before { content: "\f4e2"; }
.fa-volume-high::before { content: "\f028"; }
  .fa-volume-up::before { content: "\f028"; }
.fa-wand-magic-sparkles::before { content: "\e2ca"; }
  .fa-magic-wand-sparkles::before { content: "\e2ca"; }
.fa-xmark::before { content: "\f00d"; }
  .fa-close::before, .fa-multiply::before, .fa-remove::before, .fa-times::before { content: "\f00d"; }

/* ==========================================================================
   11. Icon Definitions - Brands (fa-brands / fab)
   ========================================================================== */

.fa-discord::before { content: "\f392"; }
.fa-ebay::before { content: "\f4f4"; }
.fa-instagram::before { content: "\f16d"; }