/* * Minimal Font Awesome 6 subset — only icons actually used in this project. * Replaces the full all.min.css (~50 KiB) with ~3 KiB of used rules. * @font-face declarations are inlined in app.blade.php for instant loading. */ /* ── Base classes ────────────────────────────────────────────────── */ .fa,.fas,.fa-solid,.fab,.fa-brands,.far,.fa-regular { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } /* Solid (weight 900) */ .fa,.fas,.fa-solid { font-family: "Font Awesome 6 Free"; font-weight: 900; } /* Regular (weight 400) */ .far,.fa-regular { font-family: "Font Awesome 6 Free"; font-weight: 400; } /* Brands */ .fab,.fa-brands { font-family: "Font Awesome 6 Brands"; font-weight: 400; } /* ── Solid icons ─────────────────────────────────────────────────── */ .fa-arrow-right::before { content: "\f061"; } .fa-bars::before { content: "\f0c9"; } .fa-check-circle::before, .fa-circle-check::before { content: "\f058"; } .fa-chevron-down::before { content: "\f078"; } .fa-chevron-left::before { content: "\f053"; } .fa-chevron-right::before { content: "\f054"; } .fa-clock::before { content: "\f017"; } .fa-copy::before { content: "\f0c5"; } .fa-envelope::before { content: "\f0e0"; } .fa-euro-sign::before { content: "\f153"; } .fa-home::before, .fa-house::before { content: "\f015"; } .fa-location-dot::before, .fa-map-marker-alt::before { content: "\f3c5"; } .fa-map-pin::before { content: "\f276"; } .fa-phone::before { content: "\f095"; } .fa-phone-alt::before, .fa-phone-flip::before { content: "\f879"; } .fa-redo::before, .fa-rotate-right::before { content: "\f01e"; } .fa-search::before, .fa-magnifying-glass::before { content: "\f002"; } .fa-times::before, .fa-xmark::before { content: "\f00d"; } .fa-times-circle::before, .fa-circle-xmark::before { content: "\f057"; } .fa-upload::before { content: "\f093"; } /* ── Regular icons ───────────────────────────────────────────────── */ .fa-eye::before { content: "\f06e"; } /* ── Brand icons ─────────────────────────────────────────────────── */ .fa-facebook-f::before { content: "\f39e"; } .fa-linkedin-in::before { content: "\f0e1"; } .fa-x-twitter::before { content: "\e61b"; } .fa-youtube::before { content: "\f167"; } /* ── Inline SVG icons (the x-icon component) ─────────────────────── */ /* * 1em square by default, so an icon takes its size from the text around it * exactly as the webfont glyph it replaced did. Wrapped in :where() so it * carries no specificity and any existing rule still wins - .dropdown-arrow's * explicit 12px, for one. */ :where(svg.icon) { width: 1em; height: 1em; display: inline-block; vertical-align: -0.125em; } /* * This one is deliberately not inside :where(). .dropdown-arrow sets * fill: none, because it was written for the stroke-drawn chevrons used * elsewhere on this site. These paths are filled, and without this rule * winning, the chevron in the phone country selector renders as nothing. */ svg.icon { fill: currentColor; }