/* cookiebanner.st.css */
@namespace "CookieBanner";

/* = Project info and vars */
:import {
  -st-from: "./project.st.css";
  -st-default: Base;
  -st-named: tablet, --spacing-unit;
}

:import {
  -st-from: "../../components/CookieBanner/cookiebanner.st.css";
  -st-default: CookieBanner;
}

:import {
  -st-from: "../../components/Alert/alert.st.css";
  -st-default: Alert;
}

@st-scope Base {
  CookieBanner Alert {
    position: fixed;
    top: auto;
    bottom: 0;
  }

  CookieBanner Alert::header,
  CookieBanner Alert::contentText {
    width: auto;
    max-width: unset;
  }

  CookieBanner::cookieButton {
    margin-top: calc(var(--spacing-unit) * 3);
  }
}

@media value(tablet) {
  @st-scope Base {

    CookieBanner Alert::header,
    CookieBanner Alert::contentText {
      display: block;
      max-width: 70%;
    }

    CookieBanner::cookieButton {
      margin: 0;
      position: absolute;
      right: 50px;
      /* focus cutout fix on arts */
      top: 3px;
    }
  }
}