@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Martian+Mono:wght@100..800&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
  * {
    font-family: "Geist";
  }
}
input {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  border: 1px solid #111111;
  color: #111111;
  font-size: 15px;
  padding: 12px 12px;
}

body {
  background-color: #EDEFF2;
  margin-top: 112px;
  text-align: center;
}

header {
  background-color: #FFFFFF;
}
header a#nav-back {
  font-size: 16px;
  display: inline-block;
  padding: 44px 22px;
}
header a#nav-back span {
  position: relative;
  top: 1px;
}
header a#nav-back:hover {
  font-weight: 500;
}
header a#nav-back svg {
  margin-right: 10px;
  display: inline-block;
}

main {
  margin-top: 112px;
}

.container {
  margin: 0 auto;
}

h1 {
  width: 100%;
  display: inline-block;
  font-family: "Geist" !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 50px !important;
  line-height: 55px;
  /* or 110% */
  text-align: center;
  letter-spacing: -0.03em;
  /* Acorn Black */
  color: #111111;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

h2 {
  width: 100%;
  display: inline-block;
  font-family: "Geist" !important;
  font-style: normal;
  font-weight: 200 !important;
  font-size: 20px !important;
  line-height: 120%;
  /* identical to box height, or 24px */
  text-align: center;
  /* Acorn off black */
  color: #2D2B2E;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}

h3 {
  display: inline-block;
  color: #2D2B2E;
}

a.disabled {
  cursor: default !important;
  opacity: 0.5 !important;
}
a.disabled:hover {
  background-color: #111111;
}

a.button {
  background-color: #111111;
  background-color: #111111;
  border-radius: 0;
  font-size: 16px;
  color: white;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

.bubbly-block {
  text-align: left;
  background-image: url("/images/blue-bubbles.png");
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: contain;
  border: 0;
}
.bubbly-block h2 {
  font-family: "Martian Mono", monospace !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 31px;
  letter-spacing: -0.03em;
  text-align: left;
}
.bubbly-block {
  padding: 68px 42px;
  display: inline-block;
  min-height: 400px;
}
.bubbly-block.light {
  background-color: white;
}
.bubbly-block.dark {
  background-color: #2D2B2E;
  color: #EDEFF2;
}
.bubbly-block.dark a.button {
  background-color: #EDEFF2;
  color: #2D2B2E;
}
.bubbly-block.dark h2 {
  color: #EDEFF2;
}
.bubbly-block .price {
  padding: 48px 0 112px;
  font-family: "Geist";
  font-style: normal;
  font-weight: 900;
  font-size: 60px;
  line-height: 97px;
}
.bubbly-block .price-replacement-text {
  font-family: "Geist";
  font-style: normal;
  font-weight: 700;
  font-size: 29px;
  line-height: 47px;
  letter-spacing: -0.02em;
  color: #EDEFF2;
  margin: 55px 0 83px 0;
  color: #EDEFF2;
}

#plan-size {
  background-color: white;
  padding: 2px;
  border: rgba(0, 0, 0, 0.15) 1px solid;
  font-family: "Martian Mono", monospace;
  font-size: 10px !important;
}
#plan-size button {
  color: #111111;
  padding: 2px 24px;
}
#plan-size button.selected {
  color: #EDEFF2;
  background-color: black;
}

.modal h1 {
  font-size: 43px !important;
  line-height: 42px;
}
.modal .modal-body {
  font-size: 13px;
  font-weight: 300;
  text-align: left;
}
.modal .modal-body ul {
  margin: 30px 23px;
  list-style: disc;
}
.modal .modal-body ul li {
  line-height: 20px;
}

.flag {
  border-radius: 100px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  padding: 0;
  width: 70px;
}
.flag img {
  width: 70px;
  height: 70px;
}

#customerEmail.invalid {
  border-color: #ff0000;
  background-color: #ffebeb;
}

.menu-options {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.menu-options li {
  cursor: pointer;
  display: block;
  width: 100%;
  border-radius: 0;
  padding: 20px 16px;
  border: 0;
  margin: 0;
  opacity: 0.8;
}
.menu-options li.selected {
  color: #111111;
  border: 1px solid #111111;
  padding: 18px 14px;
  opacity: 1;
}
.menu-options li.selected .item-image {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><circle cx="12" cy="12" r="11"/><path fill="white" d="M10.2 13.9l-1.9-1.9a.75.75 0 10-1.06 1.06l2.31 2.31c.29.29.77.29 1.06 0l6.31-6.31a.75.75 0 00-1.06-1.06L10.2 13.9z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0;
}
.menu-options li.selected .price {
  color: #111111;
}
.menu-options li.selected .item-info span, .menu-options li.selected .item-info div {
  color: #111111;
}
.menu-options .item-info {
  display: inline-block;
}
.menu-options .item-info div {
  font-weight: 400;
  font-size: 20px;
  color: #2D2B2E;
}
.menu-options .item-info span {
  font-weight: 200;
  font-size: 15px;
  color: #2D2B2E;
}
.menu-options .item-image {
  border: rgba(0, 0, 0, 0.5) 1px solid;
  border-radius: 24px;
  height: 24px;
  width: 24px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: -8px;
}
.menu-options .item-name {
  display: inline-block;
}
.menu-options .price {
  /* 1650 */
}
.menu-options .price span {
  font-size: 13px;
}
.menu-options .price {
  height: 44px;
  float: right;
  position: relative;
  display: inline-block;
  top: 3px;
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 44px;
  text-align: right;
  color: #2D2B2E;
  margin-right: 8px;
  text-align: right;
}

#validIcon {
  display: block;
  opacity: 0;
  width: 24px;
  position: relative;
  top: -30px;
  float: right;
  right: 12px;
}
#validIcon svg {
  top: -3px;
  position: relative;
}

.success-page {
  background-color: white;
}
.success-page svg {
  width: 58px;
  margin: 0 auto 16px auto;
}
.success-page h1 {
  margin-bottom: 16px;
}
.success-page p {
  margin-bottom: 40px;
}

header.main-header {
  position: fixed;
  height: 112px;
  z-index: 10;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0px 2px 16px 0px #F1EEEE;
  box-shadow: 0px 2px 16px 0px #F1EEEE;
  text-align: center;
}

header.main-header .padded {
  padding: 0 35px;
  margin: 0 auto;
}

img.acorn-logo {
  display: inline-block;
  padding: 43px 0 0 0;
  width: 127px;
}

.text-center {
  text-align: center;
}

#prefilled-promo-code {
  background-color: #111111;
  height: 53px;
  color: white;
  top: 112px;
  position: relative;
}
#prefilled-promo-code svg {
  height: 24px;
  top: 12px;
  position: relative;
  width: 24px;
  display: inline-block;
  margin-right: 10px;
}
#prefilled-promo-code span {
  font-weight: 200;
  display: inline-block;
  position: relative;
  top: 14px;
}

@media only screen and (max-width: 1024px) {
  #plan-size button {
    padding: 2px 12px;
  }
}
@media only screen and (max-width: 768px) {
  header a#nav-back {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  .menu-options .price {
    font-size: 26px;
  }
  .menu-options .item-info div {
    font-size: 15px;
  }
  .menu-options .item-info span {
    font-size: 13px;
  }
  .menu-options li.selected {
    padding: 16px 14px;
  }
}
@media only screen and (max-width: 360px) {
  #storage-plan h3 {
    font-size: 14px;
  }
  #storage-plan .menu-options .price {
    font-size: 20px;
  }
  #storage-plan .menu-options .item-info div {
    font-size: 13px;
  }
  #storage-plan .menu-options .item-info span {
    font-size: 11px;
  }
  #storage-plan .menu-options li.selected {
    padding: 16px 14px;
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL2Nzcy90YWlsd2luZC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlRO0FBQ0E7QUFMUjtBQUNBO0FBQ0E7QUFZQTtFQUNJO0lBQ0k7OztBQUdOO0VBQ0U7RUFDQTtFQUNBO0VBQ0EsT0FkVTtFQWVWO0VBQ0E7OztBQUVBO0VBQ0ksa0JBcEJTO0VBcUJUO0VBQ0E7OztBQUtKO0VBQ0ksa0JBekJNOztBQTJCTjtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7O0FBRUo7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7OztBQU9aO0VBQ0k7OztBQUVKO0VBQ0k7OztBQUVKO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUFDQTtFQUNBO0VBQ0E7QUFFQTtFQUNBO0FBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0E7RUFDSTtFQUNKO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBQUNBO0VBQ0E7QUFFQTtFQUNBO0FBR0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdBO0VBQ0k7RUFDQSxPQXZHUzs7O0FBMEdiO0VBQ0k7RUFDQTs7QUFDQTtFQUNJLGtCQS9HRTs7O0FBa0hWO0VBQ0ksa0JBbkhNO0VBb0hOO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0E7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFoQlI7RUFrQkk7RUFDQTtFQUNBOztBQUVBO0VBQ0k7O0FBRUo7RUFDSSxrQkF2Sks7RUF3SkwsT0ExSks7O0FBMkpMO0VBQ0ksa0JBNUpDO0VBNkpELE9BM0pDOztBQTZKTDtFQUNJLE9BaEtDOztBQXFLVDtFQUdJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFSjtFQUdJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFFQSxPQTVMSzs7O0FBK0xiO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJLE9BdE1FO0VBdU1GOztBQUVEO0VBQ0MsT0EzTUs7RUE0TUw7OztBQU9KO0VBQ0k7RUFDQTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7O0FBTWhCO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7RUFDQTs7O0FBSVI7RUFDSTtFQUNBOzs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQWFBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7QUFDQTtFQUNJLE9BblJGO0VBb1JFO0VBQ0E7RUFDQTs7QUFDQTtFQUNJO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVKO0VBQ0ksT0FsU047O0FBcVNNO0VBQ0ksT0F0U1Y7O0FBdVROO0VBQ0k7O0FBQ0E7RUFDSTtFQUNBO0VBQ0EsT0EzVEM7O0FBOFRMO0VBQ0k7RUFDQTtFQUNBLE9BalVDOztBQXFVVDtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0k7O0FBSVI7RUFDSTs7QUFHSjtBQUVJOztBQUNBO0VBQ0k7O0FBSlI7RUFPSjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBLE9BdFdhO0VBdVdiO0VBQ0E7OztBQVFBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDSTtFQUNBOzs7QUFJUjtFQUNJOztBQUVBO0VBQ0k7RUFDQTs7QUFFSjtFQUNJOztBQUVKO0VBQ0k7OztBQU9SO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0o7RUFDQTtFQUNBOzs7QUFFQTtFQUNBO0VBQ0E7RUFDQTs7O0FBRUE7RUFDQTs7O0FBSUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7OztBQUlSO0VBQ0k7SUFDSTs7O0FBSVI7RUFDSTtJQUNJO0lBQ0E7OztBQUlSO0VBRVE7SUFDSTs7RUFHQTtJQUNJOztFQUVKO0lBQ0k7O0VBR1A7SUFDRDs7O0FBSVI7RUFFUTtJQUNJOztFQUdBO0lBQ0k7O0VBR0E7SUFDSTs7RUFFSjtJQUNJOztFQUdSO0lBQ0EiLCJmaWxlIjoidGFpbHdpbmQuY3NzIiwic291cmNlUm9vdCI6IiJ9 */