/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 @import url("/assets/variables-6d6a56df.css");
 @import url("/assets/vendor/pico-theme-50305fd2.css");
 @import url("/assets/utilities-f324863b.css");

 html, body {
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }

 .dashboard-stat {
   text-align: center;
 }

 .dashboard-stat h3 {
   margin-bottom: 0;
   font-size: 2.5rem;
 }

 .dashboard-stat p {
   margin-bottom: 0;
 }

 .flash-fade-out {
   opacity: 0;
   transition: opacity 0.5s ease;
 }

 .flash-close {
   position: absolute;
   top: 0.5rem;
   right: 0.75rem;
   background: none;
   border: none;
   font-size: 1.25rem;
   cursor: pointer;
   padding: 0;
   line-height: 1;
   color: inherit;
   width: auto;
 }

 [aria-label="Notice"],
 [aria-label="Alert"] {
   position: relative;
 }

 nav ul {
   flex-wrap: wrap;
 }