/* line 76, scss/main.scss */
body {
  background: #fafafa;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  color: #6e717c;
  font-family: "Rubik", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5rem;
}

/* line 85, scss/main.scss */
li {
  list-style: none;
}
/* line 87, scss/main.scss */
li:last-child {
  margin-right: 0;
}

/* line 92, scss/main.scss */
.left {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 200px;
  background-color: #e3e8e9;
  color: #6e717c;
}
/* line 100, scss/main.scss */
.left ul {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 32px 0;
}
/* line 106, scss/main.scss */
.left ul a {
  text-decoration: none;
  color: #404b58;
}
/* line 110, scss/main.scss */
.left ul.bottom {
  bottom: 2.5rem;
  position: absolute;
}
/* line 114, scss/main.scss */
.left ul li {
  padding: 0;
  line-height: 2;
  margin-bottom: 4px;
}

/* line 122, scss/main.scss */
.right {
  margin-left: 200px;
  height: 100%;
}
/* line 125, scss/main.scss */
.right section {
  max-width: 100%;
  padding: 0 3.75rem;
  text-align: center;
}
/* line 129, scss/main.scss */
.right section .content {
  padding: 2.5rem 0;
  margin: 0 auto;
  max-width: 1080px;
  border-bottom: 2px solid #e3e8e9;
}
/* line 134, scss/main.scss */
.right section .content ul {
  padding: 0;
  margin: 0;
}
/* line 138, scss/main.scss */
.right section .content.wide {
  max-width: 100%;
  border-bottom: none;
  padding: 2.5rem 0 0;
}
/* line 145, scss/main.scss */
.right section:last-child .content {
  border-bottom: none;
}
/* line 149, scss/main.scss */
.right section#header {
  background: white;
}
/* line 151, scss/main.scss */
.right section#header .content {
  padding: 2.5rem 0 36px 0;
  background: white;
  border-bottom: none;
}
/* line 155, scss/main.scss */
.right section#header .content .logo {
  font-size: 2.25rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
  color: #f1b22b;
  text-decoration: none;
}
/* line 166, scss/main.scss */
.right section#type li {
  margin: 0.75rem 0;
  padding: 1.5rem;
  background-color: #f4f5f6;
}
/* line 174, scss/main.scss */
.right section#colors ul, .right section#buttons ul {
  padding-top: 0.75rem;
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
/* line 181, scss/main.scss */
.right section#colors li, .right section#buttons li {
  width: 100%;
  margin: 1.5rem 0.75rem 2.5rem 0;
  padding: 0.75rem;
}
/* line 185, scss/main.scss */
.right section#colors li:last-child, .right section#buttons li:last-child {
  margin-right: 0;
  text-align: center;
}
/* line 192, scss/main.scss */
.right section#buttons li {
  background: #f4f5f6;
  padding: 6rem 0;
}
/* line 195, scss/main.scss */
.right section#buttons li:nth-child(2), .right section#buttons li:nth-child(3) {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 202, scss/main.scss */
.right section#carousel, .right section#input {
  padding: 0;
}
/* line 204, scss/main.scss */
.right section#carousel .margin, .right section#input .margin {
  padding: 0;
  margin: 0 3.75rem;
}
/* line 208, scss/main.scss */
.right section#carousel hr, .right section#input hr {
  max-width: 1080px;
  margin: 3.75rem auto 0;
  border: 1px solid #e3e8e9;
}

/* Responsive */
@media screen and (max-width: 1100px) {
  /* line 219, scss/main.scss */
  .left {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  /* line 225, scss/main.scss */
  .right {
    margin-left: 0;
  }
}
@media screen and (max-width: 860px) {
  /* line 229, scss/main.scss */
  .right section {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 860px) {
  /* line 233, scss/main.scss */
  .right section .content {
    padding: 1.5rem 0;
  }
}
/* line 237, scss/main.scss */
.right section .content.wide {
  padding: 1.5rem 0 0;
}
@media screen and (max-width: 860px) {
  /* line 242, scss/main.scss */
  .right section#colors ul, .right section#buttons ul {
    display: block;
    padding-bottom: 0.75rem;
  }
}
@media screen and (max-width: 860px) {
  /* line 247, scss/main.scss */
  .right section#colors ul:last-child, .right section#buttons ul:last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 860px) {
  /* line 252, scss/main.scss */
  .right section#colors ul li, .right section#buttons ul li {
    width: auto;
    margin: 0.75rem 0;
  }
}
@media screen and (max-width: 860px) {
  /* line 261, scss/main.scss */
  .right section#carousel .margin, .right section#input .margin {
    margin: 0 1.5rem;
  }
}
@media screen and (max-width: 860px) {
  /* line 265, scss/main.scss */
  .right section#carousel .margin hr, .right section#input .margin hr {
    margin-top: 1.5rem;
  }
}

/* ==========================================================================
   Text
   ========================================================================== */
/* line 279, scss/main.scss */
h1, h2, h3, h4 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* line 285, scss/main.scss */
a {
  text-decoration: none;
}

/* line 289, scss/main.scss */
strong, b {
  font-weight: 500;
}

/* line 293, scss/main.scss */
h1 {
  font-size: 2.25rem;
  line-height: 3rem;
  font-family: 'petrona',sans-serif;
  color: #404b58;
}

/* line 299, scss/main.scss */
h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: 'petrona',sans-serif;
  color: #404b58;
}

/* line 305, scss/main.scss */
h3, h4 {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #404b58;
  letter-spacing: .04em;
}

/* line 313, scss/main.scss */
p {
  font-size: 1.25rem;
  line-height: 2rem;
  color: #404b58;
  margin: 0 auto 1.5rem;
  max-width: 800px;
  text-align: left;
}
/* line 319, scss/main.scss */
p.center {
  text-align: center;
}
/* line 322, scss/main.scss */
p.title {
  font-family: "Rubik", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
/* line 325, scss/main.scss */
p.small {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #6e717c;
  margin-bottom: 0.75rem;
}
/* line 330, scss/main.scss */
p:last-child {
  margin-bottom: 0;
}
/* line 333, scss/main.scss */
p a {
  color: #6e717c;
  box-shadow: inset #f1b22b 0 -2px 0;
  transition: color 0.2s ease, box-shadow 0.2s ease;
}
/* line 337, scss/main.scss */
p a:hover {
  color: #404b58;
  box-shadow: inset #f1b22b 0 -4px 0;
}
/* line 341, scss/main.scss */
p a:focus {
  outline: #f1b22b auto thick;
}
/* line 344, scss/main.scss */
p a.point {
  color: #4c65c0;
  box-shadow: none;
}
/* line 347, scss/main.scss */
p a.point.right-arrow {
  transition: box-shadow 0.4s ease, left 0.4s ease;
  margin-right: 0.75rem;
}
/* line 350, scss/main.scss */
p a.point.right-arrow::after {
  content: "→";
  font-size: 1.1em;
  position: relative;
  left: 2px;
}
/* line 357, scss/main.scss */
p a.point.right-arrow:hover::after {
  animation: bob-x 0.4s infinite;
}
/* line 362, scss/main.scss */
p a.point.down-arrow {
  transition: box-shadow 0.4s ease, left 0.4s ease;
}
/* line 364, scss/main.scss */
p a.point.down-arrow::after {
  content: "↓";
  font-size: 1.1em;
  position: relative;
  left: 2px;
  top: 0;
}
/* line 372, scss/main.scss */
p a.point.down-arrow:hover::after {
  animation: bob-y 0.4s infinite;
}
/* line 378, scss/main.scss */
p a.point:focus {
  outline: #4c65c0 auto thick;
}

@keyframes bob-x {
  /* line 386, scss/main.scss */
  0%, 100% {
    left: 2px;
  }

  /* line 389, scss/main.scss */
  50% {
    left: 4px;
  }
}

@keyframes bob-y {
  /* line 395, scss/main.scss */
  0%, 100% {
    top: 0px;
  }

  /* line 398, scss/main.scss */
  50% {
    top: 2px;
  }
}

/* line 404, scss/main.scss */
pre {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  color: #546e8a;
}

/* ==========================================================================
   Colors
   ========================================================================== */
/* line 416, scss/main.scss */
.brand li:nth-child(1) {
  background: #546e8a;
  color: white;
}
/* line 420, scss/main.scss */
.brand li:nth-child(2) {
  background: #f1b22b;
  color: #404b58;
}

/* line 429, scss/main.scss */
.ui li:nth-child(1) {
  background: #4c65c0;
  color: white;
}
/* line 433, scss/main.scss */
.ui li:nth-child(2) {
  background: #404b58;
  color: white;
}
/* line 437, scss/main.scss */
.ui li:nth-child(3) {
  background: #6e717c;
  color: white;
}
/* line 441, scss/main.scss */
.ui li:nth-child(4) {
  background: #e3e8e9;
  color: #404b58;
}
/* line 445, scss/main.scss */
.ui li:nth-child(5) {
  background: #f4f5f6;
  color: #404b58;
}
/* line 449, scss/main.scss */
.ui li:nth-child(6) {
  background: #fafafa;
  color: #404b58;
  box-shadow: inset 0 0 0 2px #f4f5f6;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
/* line 461, scss/main.scss */
button {
  font-family: "Rubik", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  color: #6e717c;
}
/* line 464, scss/main.scss */
button.large-button {
  line-height: 3.25rem;
  background-color: white;
  border: none;
  padding: 0 1.5rem;
  width: 100%;
  max-width: 15rem;
  box-shadow: inset 0 0 0 2px #f1b22b, 0 2px 0 rgba(110, 113, 124, 0.2);
  position: relative;
  -webkit-font-smoothing: antialiased;
  margin: 12px auto;
  display: block;
  transition: color .4s ease;
}
/* line 477, scss/main.scss */
button.large-button:hover {
  color: #404b58;
}
/* line 480, scss/main.scss */
button.large-button:active {
  color: #404b58;
  outline: none;
  top: 1px;
  box-shadow: inset 0 0 0 2px #f1b22b, 0 1px 0 rgba(110, 113, 124, 0.2);
}
/* line 486, scss/main.scss */
button.large-button:focus {
  outline: none;
}
/* line 489, scss/main.scss */
button.large-button.one {
  background: linear-gradient(to right, #f1b22b 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: background-position .4s ease, color .4s ease;
}
/* line 494, scss/main.scss */
button.large-button.one:hover {
  color: #404b58;
  background-position: left bottom;
}
/* line 499, scss/main.scss */
button.large-button.two {
  transition: background-color .4s ease;
}
/* line 501, scss/main.scss */
button.large-button.two:hover {
  background-color: #f1b22b;
}
/* line 506, scss/main.scss */
button.large-button.three {
  transition: background-color .4s ease, color .4s ease;
}
/* line 508, scss/main.scss */
button.large-button.three:hover {
  background-color: #fafafa;
}
/* line 514, scss/main.scss */
button.small-button {
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  background-color: #f4f5f6;
  position: relative;
  transition: background-color 0.4s ease, color 0.4s ease, border 0.4s ease;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  border: 2px solid #e3e8e9;
  color: #6e717c;
  margin: 2px auto;
  display: flex;
}
/* line 525, scss/main.scss */
button.small-button:hover, button.small-button:active {
  color: #404b58;
  background-color: #e3e8e9;
  border: 2px solid #e3e8e9;
  outline: none;
}
/* line 531, scss/main.scss */
button.small-button:active {
  top: 1px;
}
/* line 534, scss/main.scss */
button.small-button:focus {
  outline: none;
}
/* line 538, scss/main.scss */
button.nav {
  background-color: transparent;
  margin: 0.75rem 1rem;
  padding: 0;
  box-shadow: none;
  border: none;
  transition: box-shadow 0.2s ease, color 0.2s ease;
}
/* line 545, scss/main.scss */
button.nav:hover {
  box-shadow: inset #f1b22b 0 -4px 0;
  color: #404b58;
}
/* line 549, scss/main.scss */
button.nav:active, button.nav:focus {
  box-shadow: inset #f1b22b 0 -4px 0;
  color: #404b58;
  outline: none;
}

/* ==========================================================================
   Carousel
   ========================================================================== */
/* line 561, scss/main.scss */
.carousel {
  margin: 1.5rem 0 0;
  position: relative;
  background-color: #fff;
}
/* line 565, scss/main.scss */
.carousel img {
  width: 100%;
  max-width: 1500px;
}
/* line 569, scss/main.scss */
.carousel h2 {
  top: 45%;
  position: relative;
}
/* line 573, scss/main.scss */
.carousel .prev, .carousel .next {
  border-radius: 23px;
  box-shadow: 0 2px 0 rgba(110, 113, 124, 0.2);
  width: 46px;
  height: 46px;
  background: white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0.75rem;
}
/* line 583, scss/main.scss */
.carousel .prev img, .carousel .next img {
  width: 22px;
  padding: 0.75rem 0;
}
/* line 587, scss/main.scss */
.carousel .prev:active, .carousel .next:active {
  transform: translateY(calc(-50% + 1px));
}
/* line 592, scss/main.scss */
.carousel .prev img {
  transform: rotate(-180deg);
}
/* line 596, scss/main.scss */
.carousel .next {
  right: 0;
}

/* line 600, scss/main.scss */
.carousel-nav {
  bottom: 0;
  padding: 0.75rem;
  width: 100%;
  background: white;
}
/* line 605, scss/main.scss */
.carousel-nav button.nav {
  margin: 0.375rem;
  font-size: 0.9375rem;
  width: 0.75rem;
}

/* ==========================================================================
   News/Grid
   ========================================================================== */
/* line 616, scss/main.scss */
.content .content-grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: auto 2fr;
  grid-column-gap: 1.5rem;
  padding: 1.5rem 0 0;
  align-items: flex-start;
  text-align: left;
}
/* line 624, scss/main.scss */
.content .content-grid .tags, .content .content-grid .events {
  text-align: left;
  padding: 0 0 0.75rem;
  margin: 0 1.5rem 1.5rem 0;
  border-bottom: 2px solid #e3e8e9;
}
/* line 629, scss/main.scss */
.content .content-grid .tags h3, .content .content-grid .events h3 {
  padding: 0 0 0.75rem;
}
/* line 632, scss/main.scss */
.content .content-grid .tags p, .content .content-grid .events p {
  margin: 0;
  line-height: 1.5rem;
}
/* line 635, scss/main.scss */
.content .content-grid .tags p:last-child, .content .content-grid .events p:last-child {
  margin-bottom: 0.75rem;
}
/* line 641, scss/main.scss */
.content .content-grid .tags ul {
  margin-bottom: 0.75rem;
}
/* line 644, scss/main.scss */
.content .content-grid .tags button {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: lowercase;
  position: relative;
  transition: color 0.4s ease, padding 0.4s ease;
}
/* line 653, scss/main.scss */
.content .content-grid .tags button.game {
  font-family: serif;
  font-size: 1.25rem;
  line-height: 2rem;
  text-transform: none;
}
/* line 658, scss/main.scss */
.content .content-grid .tags button:before {
  content: "•";
  color: #f1b22b;
  display: inline-block;
  left: -16px;
  font-size: 1.5rem;
  font-family: serif;
  position: absolute;
  left: 0;
  opacity: 0;
}
/* line 669, scss/main.scss */
.content .content-grid .tags button:hover {
  color: #404b58;
  padding-left: 16px;
}
/* line 672, scss/main.scss */
.content .content-grid .tags button:hover:before {
  opacity: 0;
}
/* line 676, scss/main.scss */
.content .content-grid .tags button:active, .content .content-grid .tags button:focus {
  color: #404b58;
  padding-left: 16px;
  outline: none;
}
/* line 680, scss/main.scss */
.content .content-grid .tags button:active:before, .content .content-grid .tags button:focus:before {
  opacity: 1;
}
/* line 686, scss/main.scss */
.content .content-grid .button-tags {
  text-align: left;
  padding: 0 0 0.75rem;
  margin: 0 1.5rem 1.5rem 0;
  border-bottom: 2px solid #e3e8e9;
}
/* line 691, scss/main.scss */
.content .content-grid .button-tags h3 {
  padding: 0 0 0.75rem;
}
/* line 694, scss/main.scss */
.content .content-grid .button-tags p {
  margin: 0;
  line-height: 1.5rem;
}
/* line 697, scss/main.scss */
.content .content-grid .button-tags p:last-child {
  margin-bottom: 0.75rem;
}
/* line 701, scss/main.scss */
.content .content-grid .button-tags ul {
  margin-bottom: 0.75rem;
}
/* line 703, scss/main.scss */
.content .content-grid .button-tags ul li {
  display: inline;
}
/* line 707, scss/main.scss */
.content .content-grid .button-tags button {
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  text-transform: lowercase;
  background-color: #f4f5f6;
  position: relative;
  transition: background-color 0.4s ease, color 0.4s ease, border 0.4s ease;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  border: 2px solid #e3e8e9;
  color: #6e717c;
  margin: 2px 0;
}
/* line 718, scss/main.scss */
.content .content-grid .button-tags button:hover {
  color: #404b58;
  background-color: #e3e8e9;
}
/* line 722, scss/main.scss */
.content .content-grid .button-tags button:active {
  color: white;
  background-color: #4c65c0;
  border: 2px solid #4c65c0;
  outline: none;
  top: 1px;
}
/* line 729, scss/main.scss */
.content .content-grid .button-tags button:focus {
  outline: none;
  color: white;
  background-color: #4c65c0;
  border: 2px solid #4c65c0;
}
/* line 737, scss/main.scss */
.content .content-grid .news-grid {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  grid-column: 2;
  grid-row: 1/span 2;
}
/* line 744, scss/main.scss */
.content .content-grid .news-grid .news-card {
  background-color: white;
  padding: 20px;
  box-shadow: 0 2px 0 rgba(110, 113, 124, 0.2);
  position: relative;
  top: 0;
  transition: box-shadow 0.2s ease, top 0.2s ease;
}
/* line 751, scss/main.scss */
.content .content-grid .news-grid .news-card:hover {
  top: -2px;
  box-shadow: 0 4px 0 #f1b22b;
}
/* line 755, scss/main.scss */
.content .content-grid .news-grid .news-card.large {
  grid-column-start: 1;
  grid-column-end: 3;
}
/* line 759, scss/main.scss */
.content .content-grid .news-grid .news-card img {
  display: block;
  padding-bottom: 20px;
  width: 100%;
}
/* line 764, scss/main.scss */
.content .content-grid .news-grid .news-card p {
  margin: 0.375rem 0 0;
}
/* line 766, scss/main.scss */
.content .content-grid .news-grid .news-card p.date {
  margin: 0 0 0.375rem;
}
/* line 770, scss/main.scss */
.content .content-grid .news-grid .news-card h2 {
  display: inline;
  transition: box-shadow 0.2s ease;
}

/* Responsive */
@media screen and (max-width: 860px) {
  /* line 782, scss/main.scss */
  .content .content-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 3fr;
    grid-row-gap: 1.5rem;
    padding: 0.75rem 0 0;
  }
}
@media screen and (max-width: 860px) {
  /* line 789, scss/main.scss */
  .content .content-grid .news-grid {
    grid-column: 1;
    grid-row: 2;
  }
}
@media screen and (max-width: 540px) {
  /* line 789, scss/main.scss */
  .content .content-grid .news-grid {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 540px) {
  /* line 797, scss/main.scss */
  .content .content-grid .news-grid .news-card.large {
    grid-column-end: 2;
  }
}
@media screen and (max-width: 860px) {
  /* line 803, scss/main.scss */
  .content .content-grid .button-tags, .content .content-grid .events {
    margin: 0;
  }
}
@media screen and (max-width: 860px) {
  /* line 808, scss/main.scss */
  .content .content-grid .events {
    border-bottom: none;
    padding: 1.5rem 0 0;
    border-top: 2px solid #e3e8e9;
  }
}

/* ==========================================================================
   Footer stuff
   ========================================================================== */
/* line 822, scss/main.scss */
.footer-mailing {
  width: 100%;
  background-color: #f1b22b;
  color: white;
  padding: 2.5rem 0;
  margin: 2.5rem 0;
}
/* line 828, scss/main.scss */
.footer-mailing .wrapper {
  display: flex;
  flex: 1;
  max-width: 800px;
  margin: 0 auto;
}
/* line 834, scss/main.scss */
.footer-mailing h2 {
  display: inline-block;
  font-family: "Rubik", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  line-height: 40px;
  padding-right: 20px;
}
/* line 840, scss/main.scss */
.footer-mailing form {
  display: flex;
  flex: 1;
  height: 40px;
  box-shadow: 0 2px 0 rgba(110, 113, 124, 0.2);
  margin: 0;
}
/* line 846, scss/main.scss */
.footer-mailing form input[type="email"] {
  flex: 1;
  margin: 0;
  padding: 0 0.75rem;
  border: none;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  transition: all 0.3s ease-in-out;
  outline: 0;
}
/* line 854, scss/main.scss */
.footer-mailing form input[type="email"]:focus {
  box-shadow: 0 2px 0 rgba(110, 113, 124, 0.6);
}
/* line 858, scss/main.scss */
.footer-mailing form button {
  height: 40px;
  margin: 0;
  border-radius: 0px;
  background-color: white;
  border: none;
  color: #4c65c0;
  font-size: 1.5rem;
  line-height: 2rem;
}
/* line 866, scss/main.scss */
.footer-mailing form button:focus {
  box-shadow: 0 2px 0 rgba(110, 113, 124, 0.6);
  outline: none;
}

/* responsive */
@media screen and (max-width: 860px) {
  /* line 876, scss/main.scss */
  .footer-mailing {
    margin: 1.5rem 0;
  }
}
@media screen and (max-width: 860px) {
  /* line 880, scss/main.scss */
  .footer-mailing .wrapper {
    display: block;
    max-width: 400px;
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 860px) {
  /* line 887, scss/main.scss */
  .footer-mailing h2 {
    padding: 0 0 0.75rem;
    line-height: 1.5rem;
  }
}

/* ==========================================================================
   Dialog
   ========================================================================== */
/* line 902, scss/main.scss */
section#modal .content h3 {
  padding-bottom: 1.5rem;
}
/* line 905, scss/main.scss */
section#modal .content dialog {
  max-width: 380px;
  padding: 1.5rem;
  text-align: left;
  border: none;
  box-shadow: 0 2px 0 rgba(110, 113, 124, 0.2);
}
/* line 911, scss/main.scss */
section#modal .content dialog h4 {
  text-align: center;
  padding-bottom: 1.5rem;
}
/* line 915, scss/main.scss */
section#modal .content dialog span, section#modal .content dialog p {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #6e717c;
}
/* line 919, scss/main.scss */
section#modal .content dialog img {
  width: 16px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem;
}
/* line 925, scss/main.scss */
section#modal .content dialog img:active {
  top: 1px;
}