/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
     Transitions
--------------------*/
.cookie_notice {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1060; }
  .cookie_notice #toast-toggle {
    opacity: 0; }
    .cookie_notice #toast-toggle:checked ~ .toast {
      -webkit-animation: slideout 500ms forwards;
      animation: slideout 500ms forwards;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease; }
  .cookie_notice .toast-cookie {
    background: #f0f7ff;
    border-top: #007bff 4px solid !important;
    position: relative;
    -webkit-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
    -webkit-animation: slidein 500ms forwards;
    animation: slidein 500ms forwards;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms; }
    @media (min-width: 768px) {
      .cookie_notice .toast-cookie {
        border-radius: 0.25em 0.25em 0 0 !important; } }
    .cookie_notice .toast-cookie .toast-close {
      color: rgba(77, 77, 77, 0.87);
      position: absolute;
      right: 1rem;
      top: 1rem;
      cursor: pointer; }
      .cookie_notice .toast-cookie .toast-close:hover {
        color: rgba(0, 0, 0, 0.87); }

@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translate(0px, 100%);
    transform: translate(0px, 100%); }
  100% {
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0); } }

@keyframes slidein {
  0% {
    -webkit-transform: translate(0px, 100%);
    transform: translate(0px, 100%); }
  100% {
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0); } }

@-webkit-keyframes slideout {
  0% {
    -webkit-transform: translate(0px, 0%);
    transform: translate(0px, 0%); }
  100% {
    -webkit-transform: translate(0px, 100%);
    transform: translate(0px, 100%); } }

@keyframes slideout {
  0% {
    -webkit-transform: translate(0px, 0%);
    transform: translate(0px, 0%); }
  100% {
    -webkit-transform: translate(0px, 100%);
    transform: translate(0px, 100%); } }