@layer components {
    .badge-mint {
        @apply bg-mint-50 text-forest text-xs font-medium mr-2 px-2.5 py-0.5 rounded whitespace-nowrap border-[1px] border-edge-stroke;
    }
}
@font-face {
  font-family: 'Ginto Nord Medium';
  src: url(/assets/EduGintoNord-Medium-b37ed1b3b5d5d2071d1445cf7780e61646442a74ae489b0360ebac666680e0ca.woff2) format('woff2'),
       url(/assets/EduGintoNord-Medium-19eb610cd8d78d34f7ccb7b96c71e507e2aa627f805b5facca3596c34059adb2.woff) format('woff');
}

@font-face {
  font-family: 'Ginto Nord Regular';
  src: url(/assets/EduGintoNord-Regular-b2eb151afbcd7ee4f1215d90ebc4fb9a92141257795b54b477b6f0bb419e1f7e.woff2) format('woff2'),
       url(/assets/EduGintoNord-Regular-123f063de9100627fac5c1bc28b0124c8d57a707b5b0d51060a76e2bce810fa3.woff) format('woff');
}

/* CSS to override the flowbite default popover css for our info popover component
 We're unable to do it inline since it leverages the before and after pseudo classes.
 Opted to add the custom css to avoid future popover components
*/

.info-popover::before, ::after {
  border-color: #212121 !important;
}
/* Stuff for making the checkbox look like a trashcan */
input[type="checkbox"].trash_can_checkbox {
  border-color: #ffffff !important;
  color: #ffffff !important;
  vertical-align: bottom;
  padding-top: 6px;
}

/* CGI encoded SVG of a trashcan */
.trash_can_checkbox::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20height=%221.25em%22%20viewBox=%220%200%20448%20512%22%3E%3C!--!%20Font%20Awesome%20Free%206.4.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license%20(Commercial%20License)%20Copyright%202023%20Fonticons,%20Inc.%20--%3E%3Cpath%20d=%22M135.2%2017.7C140.6%206.8%20151.7%200%20163.8%200H284.2c12.1%200%2023.2%206.8%2028.6%2017.7L320%2032h96c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32C14.3%2096%200%2081.7%200%2064S14.3%2032%2032%2032h96l7.2-14.3zM32%20128H416V448c0%2035.3-28.7%2064-64%2064H96c-35.3%200-64-28.7-64-64V128zm96%2064c-8.8%200-16%207.2-16%2016V432c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16zm96%200c-8.8%200-16%207.2-16%2016V432c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16zm96%200c-8.8%200-16%207.2-16%2016V432c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16z%22/%3E%3C/svg%3E");
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */