@import url("./style.css");

@font-face {
  font-family: "Manrope Local";
  src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0100-02FF, U+1E00-1EFF, U+20A0-20AB;
}

@font-face {
  font-family: "Manrope Local";
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+2022, U+2026, U+20AC;
}

@font-face {
  font-family: "Space Grotesk Local";
  src: url("../fonts/space-grotesk-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0100-02FF, U+1E00-1EFF, U+20A0-20AB;
}

@font-face {
  font-family: "Space Grotesk Local";
  src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+2022, U+2026, U+20AC;
}

:root {
  --font-body: "Manrope Local";
  --font-display: "Space Grotesk Local";
}

.is-hidden {
  display: none !important;
}

.builder-backdrop {
  overflow-y: auto;
}

.theme-option[aria-pressed="true"] {
  border-color: var(--ink);
}

.copy-status {
  min-width: 72px;
  text-align: right;
}

.mobile-menu-button {
  cursor: pointer;
}

@media (max-width: 767px) {
  .builder-modal {
    max-height: 92vh;
  }
}