/* Font Awesome 7 Minimal - Only icons used on Stack Toast landing page */
/* Generated for performance optimization */

/* Reset any inherited styles that might cause italic appearance */
.fas, .fab, .fa, [class^="fa-"], [class*=" fa-"] {
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-align: center;
}

/* Ensure icons are visible even if fonts haven't loaded */
.fas:before, .fab:before {
  font-style: normal !important;
  font-weight: inherit !important;
}

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

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

/* Base Classes */
.fas {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
  display: inline-block;
}

.fab {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
  display: inline-block;
}

/* Solid Icons (fas) - Only used icons */
.fa-play:before { content: "\f04b"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-layer-group:before { content: "\f5fd"; }
.fa-bars:before { content: "\f0c9"; }
.fa-times:before { content: "\f00d"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-times-circle:before { content: "\f057"; }
.fa-rocket:before { content: "\f135"; }
.fa-users:before { content: "\f0c0"; }
.fa-magic:before { content: "\f0d0"; }
.fa-chart-line:before { content: "\f201"; }
.fa-dollar-sign:before { content: "\f155"; }
.fa-smile:before { content: "\f118"; }
.fa-check-circle:before { content: "\f058"; }
.fa-bolt:before { content: "\f0e7"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-heart:before { content: "\f004"; }
.fa-user-shield:before { content: "\f505"; }
.fa-comments:before { content: "\f086"; }
.fa-handshake:before { content: "\f2b5"; }
.fa-crown:before { content: "\f521"; }
.fa-bullseye:before { content: "\f140"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-brain:before { content: "\f5dc"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-download:before { content: "\f019"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-gift:before { content: "\f06b"; }
.fa-tools:before { content: "\f7d9"; }
.fa-balance-scale:before { content: "\f24e"; }

/* Brand Icons (fab) - Only used icons */
.fa-x-twitter:before { content: "\e61b"; }

/* Utility Classes */
.fa-fw { width: 1.25em; text-align: center; }
.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; }
.fa-xl { font-size: 1.5em; }
.fa-2xl { font-size: 2em; }
.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; }
.fa-6x { font-size: 6em; }
.fa-7x { font-size: 7em; }
.fa-8x { font-size: 8em; }
.fa-9x { font-size: 9em; }
.fa-10x { font-size: 10em; }

/* Animation Classes */
.fa-spin { animation: fa-spin 2s infinite linear; }
.fa-pulse { animation: fa-spin 1s infinite steps(8); }

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

/* Stacking */
.fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em; }
.fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-stack > .fa-stack-1x { line-height: inherit; }
.fa-stack > .fa-stack-2x { font-size: 2em; }

/* Pull Classes */
.fa-pull-left { float: left; margin-right: 0.3em; }
.fa-pull-right { float: right; margin-left: 0.3em; }

/* Border and Background */
.fa-border { border: 0.08em solid #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; }
.fa-inverse { color: #fff; }

/* List */
.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; }

/* Fixed Width */
.fa-fw { text-align: center; width: 1.25em; }

/* Bordered & Pulled */
.fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; }

/* Animated Icons */
.fa-spin { animation: fa-spin 2s infinite linear; }
.fa-pulse { animation: fa-spin 1s infinite steps(8); }

/* Rotated & Flipped */
.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.fa-flip-horizontal { transform: scale(-1, 1); }
.fa-flip-vertical { transform: scale(1, -1); }
.fa-flip-both { transform: scale(-1, -1); }

/* Accessibility */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
