/*
 * Shell for logged-out pages. The header and footer are Tailwind, so this file
 * only supplies the Termoli font faces and a plain box for flash messages.
 * Bootstrap, jQuery and shared/shared are deliberately absent: build pages on
 * Tailwind and the Design System, and put page CSS in its own stylesheet.
 *

 */
/* --- BRAND: PRIMARY ---------------------- */
/* --- BRAND: ACCENTS ---------------------- */
/* --- NEUTRALS ---------------------- */
/* --- SPECTRUM: ILLUSTRATIONS ---------------------- */
/* --- GREYS ---------------------- */
/* Same as silver-300 */
/* --- PRODUCT ---------------------- */
/* --- ALERTS ---------------------- */
/* --- BRAND REDESIGN ---------------------- */
/* Hot Persimmon */
/* Volt */
/* Amethyst */
/* Sand */
/* Grey */
/* --- PLANS ---------------------- */
@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-Light-6469bdaf2ccf9d975d5cacfe63b17017ffe21a19dc7bb5ab3b99cbf5b8fbe7dc.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-LightItalic-fc239527cf19e04ac1a1ab0b2bc614bfdaac85504e1cd42082cc672d7333b932.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-Book-a26e26be1b1a10d2791d01fa77104cf2181c8f37ba1666f575bcc39c60615e0e.woff2) format("woff2");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-BookItalic-e6ad9d52043a8b0e3c2e59a0bea46f4f327ea7a6cbf4501c3509faddf43525f6.woff2) format("woff2");
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-Regular-be63964afb107413f30073a5fe34437023a835b0313fe7e28cd591f6f5fccf52.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-RegularItalic-d32b5cca7bf9e482a9f073e9b51df7e81607a454f97ed0514d0c3b2a0eb02ebc.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/TermoliWeb-SemiBold-c3bbebe27d2d24e3b70e8a26c28d823c1a1602144763dada8e55f7ccfcdfa834.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-SemiBoldItalic-5db1a319f5850230025e3a6accad39681ebac612371d990e487787d85b6cfa5a.woff2) format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/TermoliWeb-Bold-1bd7146568bf10e8d55799f0c905e29588666e6f5140d48261b50adb7b56f803.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-BoldItalic-415a23302424cfa006a278a39c16e0ef02ed592454e56ccd3c343916f35209b5.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-Black-6586384865654da4ccffe61851cadb8dfc6aa9c21ad6ad545b17977808198e7e.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Termoli';
  src: url(/assets/termoli/Termoli-BlackItalic-51acde761b54693eeaca9d7d64c90026f02401333a0ff6c2d4daa20896357516.woff2) format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* line 14, app/assets/stylesheets/logged-out.css.scss */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 6px;
  text-align: center;
}

/* line 21, app/assets/stylesheets/logged-out.css.scss */
.alert-success {
  background-color: #dff0d8;
  color: #3c763d;
}

/* line 26, app/assets/stylesheets/logged-out.css.scss */
.alert-info, .alert-notice {
  background-color: #EAFAFF;
  color: #333333;
}

/* line 32, app/assets/stylesheets/logged-out.css.scss */
.alert-warning {
  background-color: #FFF8E1;
  border-color: #FFEDB6;
  color: #333333;
}

/* line 38, app/assets/stylesheets/logged-out.css.scss */
.alert-danger, .alert-error {
  background-color: #f2dede;
  color: #a94442;
}