@charset "UTF-8";
@import url(/assets/actiontext.css);
/* line 1, app/assets/stylesheets/general/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 22, app/assets/stylesheets/general/_reset.scss */
:focus {
  outline: 0;
}

/* line 26, app/assets/stylesheets/general/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 31, app/assets/stylesheets/general/_reset.scss */
body {
  line-height: 1;
}

/* line 35, app/assets/stylesheets/general/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 39, app/assets/stylesheets/general/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 43, app/assets/stylesheets/general/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 49, app/assets/stylesheets/general/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 54, app/assets/stylesheets/general/_reset.scss */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 62, app/assets/stylesheets/general/_reset.scss */
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 70, app/assets/stylesheets/general/_reset.scss */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* line 76, app/assets/stylesheets/general/_reset.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/* line 85, app/assets/stylesheets/general/_reset.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 90, app/assets/stylesheets/general/_reset.scss */
[hidden] {
  display: none;
}

/* line 94, app/assets/stylesheets/general/_reset.scss */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/* line 100, app/assets/stylesheets/general/_reset.scss */
a:focus {
  outline: thin dotted;
}

/* line 104, app/assets/stylesheets/general/_reset.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 109, app/assets/stylesheets/general/_reset.scss */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* line 115, app/assets/stylesheets/general/_reset.scss */
figure {
  margin: 0;
}

/* line 119, app/assets/stylesheets/general/_reset.scss */
form {
  margin: 0;
}

/* line 124, app/assets/stylesheets/general/_reset.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 131, app/assets/stylesheets/general/_reset.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/* line 139, app/assets/stylesheets/general/_reset.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/* line 151, app/assets/stylesheets/general/_reset.scss */
button,
input {
  line-height: normal;
}

/* line 157, app/assets/stylesheets/general/_reset.scss */
button,
select {
  text-transform: none;
}

/* line 163, app/assets/stylesheets/general/_reset.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

/* line 173, app/assets/stylesheets/general/_reset.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 178, app/assets/stylesheets/general/_reset.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/* line 186, app/assets/stylesheets/general/_reset.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/* line 193, app/assets/stylesheets/general/_reset.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 198, app/assets/stylesheets/general/_reset.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 204, app/assets/stylesheets/general/_reset.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* line 209, app/assets/stylesheets/general/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 214, app/assets/stylesheets/general/_reset.scss */
html,
button,
input,
select,
textarea {
  color: #222;
}

/* line 222, app/assets/stylesheets/general/_reset.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 227, app/assets/stylesheets/general/_reset.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 232, app/assets/stylesheets/general/_reset.scss */
img {
  vertical-align: middle;
}

/* line 236, app/assets/stylesheets/general/_reset.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 242, app/assets/stylesheets/general/_reset.scss */
textarea {
  resize: vertical;
}

/* line 246, app/assets/stylesheets/general/_reset.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* line 253, app/assets/stylesheets/general/_reset.scss */
summary::marker {
  content: '';
}

/* Screen Break Points */
/* EMOTE DEFAULT SIZE 64x64px */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/roboto-vf-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/roboto-vf-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
  src: url(/fonts/montserrat-900-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
  src: url(/fonts/montserrat-900-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* line 1, app/assets/stylesheets/general/_typography.scss */
html, body {
  font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  letter-spacing: 0.02rem;
}

/* line 9, app/assets/stylesheets/general/_typography.scss */
a {
  color: #0f68d3;
}

/* line 13, app/assets/stylesheets/general/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat, "Avenir Next", "Segoe UI", Arial, sans-serif;
  font-weight: 900;
}

/* line 18, app/assets/stylesheets/general/_typography.scss */
h1 {
  font-size: 4.5rem;
}

/* line 20, app/assets/stylesheets/general/_typography.scss */
h1 svg {
  max-height: 4.5rem;
}

/* line 25, app/assets/stylesheets/general/_typography.scss */
h2 {
  font-size: 4rem;
}

/* line 27, app/assets/stylesheets/general/_typography.scss */
h2 svg {
  max-height: 4rem;
}

/* line 32, app/assets/stylesheets/general/_typography.scss */
h3 {
  font-size: 3rem;
}

/* line 34, app/assets/stylesheets/general/_typography.scss */
h3 svg {
  max-height: 3rem;
}

/* line 39, app/assets/stylesheets/general/_typography.scss */
h4 {
  font-size: 2rem;
}

/* line 41, app/assets/stylesheets/general/_typography.scss */
h4 svg {
  max-height: 2rem;
}

/* line 46, app/assets/stylesheets/general/_typography.scss */
h5 {
  font-size: 1rem;
}

/* line 48, app/assets/stylesheets/general/_typography.scss */
h5 svg {
  max-height: 1rem;
}

/* line 53, app/assets/stylesheets/general/_typography.scss */
h6 {
  font-size: .875rem;
}

/* line 55, app/assets/stylesheets/general/_typography.scss */
h6 svg {
  max-height: .875rem;
}

@media only screen and (max-width: 64rem) {
  /* line 61, app/assets/stylesheets/general/_typography.scss */
  h1 {
    font-size: 3.33rem;
  }
  /* line 63, app/assets/stylesheets/general/_typography.scss */
  h1 svg {
    max-height: 3.33rem;
  }
  /* line 68, app/assets/stylesheets/general/_typography.scss */
  h2 {
    font-size: 2.66rem;
  }
  /* line 70, app/assets/stylesheets/general/_typography.scss */
  h2 svg {
    max-height: 2.66rem;
  }
  /* line 75, app/assets/stylesheets/general/_typography.scss */
  h3 {
    font-size: 2rem;
  }
  /* line 77, app/assets/stylesheets/general/_typography.scss */
  h3 svg {
    max-height: 2rem;
  }
  /* line 82, app/assets/stylesheets/general/_typography.scss */
  h4 {
    font-size: 1.33rem;
  }
  /* line 84, app/assets/stylesheets/general/_typography.scss */
  h4 svg {
    max-height: 1.33rem;
  }
  /* line 89, app/assets/stylesheets/general/_typography.scss */
  h5 {
    font-size: 1rem;
  }
  /* line 91, app/assets/stylesheets/general/_typography.scss */
  h5 svg {
    max-height: 1rem;
  }
  /* line 96, app/assets/stylesheets/general/_typography.scss */
  h6 {
    font-size: 0.875rem;
  }
  /* line 98, app/assets/stylesheets/general/_typography.scss */
  h6 svg {
    max-height: 0.875rem;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 105, app/assets/stylesheets/general/_typography.scss */
  h1 {
    font-size: 2.5rem;
  }
  /* line 107, app/assets/stylesheets/general/_typography.scss */
  h1 svg {
    max-height: 2.5rem;
  }
  /* line 112, app/assets/stylesheets/general/_typography.scss */
  h2 {
    font-size: 2rem;
  }
  /* line 114, app/assets/stylesheets/general/_typography.scss */
  h2 svg {
    max-height: 2rem;
  }
  /* line 119, app/assets/stylesheets/general/_typography.scss */
  h3 {
    font-size: 1.5rem;
  }
  /* line 121, app/assets/stylesheets/general/_typography.scss */
  h3 svg {
    max-height: 1.5rem;
  }
  /* line 126, app/assets/stylesheets/general/_typography.scss */
  h4 {
    font-size: 1.25rem;
  }
  /* line 128, app/assets/stylesheets/general/_typography.scss */
  h4 svg {
    max-height: 1.25rem;
  }
  /* line 133, app/assets/stylesheets/general/_typography.scss */
  h5 {
    font-size: 1rem;
  }
  /* line 135, app/assets/stylesheets/general/_typography.scss */
  h5 svg {
    max-height: 1rem;
  }
  /* line 140, app/assets/stylesheets/general/_typography.scss */
  h6 {
    font-size: 0.875rem;
  }
  /* line 142, app/assets/stylesheets/general/_typography.scss */
  h6 svg {
    max-height: 0.875rem;
  }
}

/* line 149, app/assets/stylesheets/general/_typography.scss */
p {
  font-size: 1.125rem;
  line-height: 1.5;
}

/* line 155, app/assets/stylesheets/general/_typography.scss */
.size--sm {
  font-size: 1rem;
}

/* line 159, app/assets/stylesheets/general/_typography.scss */
.size--md {
  font-size: 1.25rem;
  font-weight: 300;
}

/* line 164, app/assets/stylesheets/general/_typography.scss */
.size--lg {
  font-size: 2rem;
  font-weight: 300;
}

/* line 170, app/assets/stylesheets/general/_typography.scss */
.dark {
  color: #161616 !important;
}

/* line 174, app/assets/stylesheets/general/_typography.scss */
.light {
  color: #0f68d3 !important;
}

/* line 178, app/assets/stylesheets/general/_typography.scss */
.white {
  color: #fff !important;
}

/* line 182, app/assets/stylesheets/general/_typography.scss */
.discord-color {
  color: #5865F2;
}

/* line 186, app/assets/stylesheets/general/_typography.scss */
.twitch-color {
  color: #6441a5;
}

/* line 190, app/assets/stylesheets/general/_typography.scss */
.slack-color {
  color: #4A154B;
}

/* line 194, app/assets/stylesheets/general/_typography.scss */
a {
  text-decoration: none;
}

/* line 197, app/assets/stylesheets/general/_typography.scss */
a:hover {
  text-decoration: underline;
}

/* line 202, app/assets/stylesheets/general/_typography.scss */
.info-text {
  opacity: .9;
  font-size: .875rem;
  line-height: 1.25;
  flex-basis: min-content;
  flex-grow: 1;
}

/* line 209, app/assets/stylesheets/general/_typography.scss */
.info-text--click {
  display: flex;
  cursor: pointer;
  font-weight: 500;
}

/* line 214, app/assets/stylesheets/general/_typography.scss */
.info-text--click:after {
  opacity: .9;
  content: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="16px" width="16px" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7.41527,7.75061v3.68905H6.3764v1.576h4.24028v-1.576H9.599v-5.265H6.3764v1.576Zm.27562-2.69847A1.19081,1.19081,0,0,0,9.72622,4.2135a1.16411,1.16411,0,0,0-.34629-.8457,1.19293,1.19293,0,0,0-1.69258,0,1.15814,1.15814,0,0,0-.34982.8457A1.14424,1.14424,0,0,0,7.69089,5.05214Z"/></svg>');
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

/* line 223, app/assets/stylesheets/general/_typography.scss */
.info-text--sm {
  font-size: .75rem;
}

/* line 226, app/assets/stylesheets/general/_typography.scss */
.info-text--sm a {
  color: #0f68d3;
}

/* line 233, app/assets/stylesheets/general/_typography.scss */
.text-center {
  text-align: center;
}

/* line 238, app/assets/stylesheets/general/_typography.scss */
.headline {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: .25em;
}

/* line 244, app/assets/stylesheets/general/_typography.scss */
.headline-center {
  justify-content: center;
}

/* line 248, app/assets/stylesheets/general/_typography.scss */
.headline svg {
  fill: #161616;
}

@media only screen and (max-width: 32rem) {
  /* line 255, app/assets/stylesheets/general/_typography.scss */
  .size--sm {
    font-size: 1rem;
  }
  /* line 259, app/assets/stylesheets/general/_typography.scss */
  .size--md {
    font-size: 1.125rem;
  }
  /* line 263, app/assets/stylesheets/general/_typography.scss */
  .size--lg {
    font-size: 1.25rem;
  }
}

/* line 1, app/assets/stylesheets/general/_general.scss */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 6, app/assets/stylesheets/general/_general.scss */
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

/* line 12, app/assets/stylesheets/general/_general.scss */
body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  background-image: url(/assets/bg.svg);
  background-size: 100%;
}

@media only screen and (max-width: 64rem) {
  /* line 12, app/assets/stylesheets/general/_general.scss */
  body {
    box-shadow: inset 0px 4.25rem 0px 0 #161616;
  }
}

/* line 24, app/assets/stylesheets/general/_general.scss */
.section {
  position: relative;
  padding: 4rem 2rem;
  width: 100%;
}

@media only screen and (max-width: 64rem) {
  /* line 24, app/assets/stylesheets/general/_general.scss */
  .section {
    padding: 2rem 1rem;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 24, app/assets/stylesheets/general/_general.scss */
  .section {
    padding: 2rem .5rem;
  }
}

/* line 37, app/assets/stylesheets/general/_general.scss */
.section--hero {
  padding: 2em 2em 4em 2em;
  background: #161616;
  color: #fff;
  overflow: hidden;
}

@media only screen and (max-width: 64rem) {
  /* line 37, app/assets/stylesheets/general/_general.scss */
  .section--hero {
    padding: 2em 1em 1em 1em;
  }
}

/* line 49, app/assets/stylesheets/general/_general.scss */
.container {
  position: relative;
  display: block;
  max-width: 90rem;
  margin: 0 auto;
}

/* line 55, app/assets/stylesheets/general/_general.scss */
.container--slg-display {
  max-width: 100rem;
}

/* line 59, app/assets/stylesheets/general/_general.scss */
.container--lg-display {
  max-width: 90rem;
}

/* line 63, app/assets/stylesheets/general/_general.scss */
.container--md-display {
  max-width: 64rem;
}

/* line 67, app/assets/stylesheets/general/_general.scss */
.container--sm-display {
  max-width: 32rem;
}

/* line 72, app/assets/stylesheets/general/_general.scss */
.head-container {
  display: flex;
  flex-flow: column;
  position: relative;
  margin: 2rem 0;
  gap: 1rem;
}

/* line 79, app/assets/stylesheets/general/_general.scss */
.head-container--hero {
  gap: 1.5rem;
}

/* line 84, app/assets/stylesheets/general/_general.scss */
.head-container--center {
  align-items: center;
}

/* line 88, app/assets/stylesheets/general/_general.scss */
.head-container__headline {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: .1em;
}

/* line 93, app/assets/stylesheets/general/_general.scss */
.head-container__headline svg {
  fill: #161616;
}

/* line 99, app/assets/stylesheets/general/_general.scss */
summary {
  display: flex;
  height: 100%;
  width: 100%;
  clear: both;
}

/* line 106, app/assets/stylesheets/general/_general.scss */
.content-and-image {
  display: flex;
  flex-flow: row;
  gap: 5rem;
}

/* line 111, app/assets/stylesheets/general/_general.scss */
.content-and-image__content, .content-and-image__image {
  width: 100%;
}

/* line 115, app/assets/stylesheets/general/_general.scss */
.content-and-image__image {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 120, app/assets/stylesheets/general/_general.scss */
.content-and-image__image img {
  max-width: 30rem;
}

/* line 2, app/assets/stylesheets/general/_misc.scss */
.mt-1 {
  margin-top: 0.5rem;
}

/* line 5, app/assets/stylesheets/general/_misc.scss */
.mt-2 {
  margin-top: 1rem;
}

/* line 8, app/assets/stylesheets/general/_misc.scss */
.mt-3 {
  margin-top: 1.5rem;
}

/* line 11, app/assets/stylesheets/general/_misc.scss */
.mt-4 {
  margin-top: 2rem;
}

/* line 14, app/assets/stylesheets/general/_misc.scss */
.mt-5 {
  margin-top: 2.5rem;
}

/* line 18, app/assets/stylesheets/general/_misc.scss */
.mb-1 {
  margin-bottom: 0.5rem;
}

/* line 21, app/assets/stylesheets/general/_misc.scss */
.mb-2 {
  margin-bottom: 1rem;
}

/* line 24, app/assets/stylesheets/general/_misc.scss */
.mb-3 {
  margin-bottom: 1.5rem;
}

/* line 27, app/assets/stylesheets/general/_misc.scss */
.mb-4 {
  margin-bottom: 2rem;
}

/* line 30, app/assets/stylesheets/general/_misc.scss */
.mb-5 {
  margin-bottom: 2.5rem;
}

/* line 34, app/assets/stylesheets/general/_misc.scss */
.mr-1 {
  margin-right: 0.5rem;
}

/* line 37, app/assets/stylesheets/general/_misc.scss */
.mr-2 {
  margin-right: 1rem;
}

/* line 40, app/assets/stylesheets/general/_misc.scss */
.mr-3 {
  margin-right: 1.5rem;
}

/* line 43, app/assets/stylesheets/general/_misc.scss */
.mr-4 {
  margin-right: 2rem;
}

/* line 46, app/assets/stylesheets/general/_misc.scss */
.mr-5 {
  margin-right: 2.5rem;
}

/* line 50, app/assets/stylesheets/general/_misc.scss */
.ml-1 {
  margin-left: 0.5rem;
}

/* line 53, app/assets/stylesheets/general/_misc.scss */
.ml-2 {
  margin-left: 1rem;
}

/* line 56, app/assets/stylesheets/general/_misc.scss */
.ml-3 {
  margin-left: 1.5rem;
}

/* line 59, app/assets/stylesheets/general/_misc.scss */
.ml-4 {
  margin-left: 2rem;
}

/* line 62, app/assets/stylesheets/general/_misc.scss */
.ml-5 {
  margin-left: 2.5rem;
}

/* line 68, app/assets/stylesheets/general/_misc.scss */
.pt-0 {
  padding-top: 0rem;
}

/* line 71, app/assets/stylesheets/general/_misc.scss */
.pt-1 {
  padding-top: 0.5rem;
}

/* line 74, app/assets/stylesheets/general/_misc.scss */
.pt-2 {
  padding-top: 1rem;
}

/* line 77, app/assets/stylesheets/general/_misc.scss */
.pt-3 {
  padding-top: 1.5rem;
}

/* line 80, app/assets/stylesheets/general/_misc.scss */
.pt-4 {
  padding-top: 2rem;
}

/* line 83, app/assets/stylesheets/general/_misc.scss */
.pt-5 {
  padding-top: 2.5rem;
}

/* line 87, app/assets/stylesheets/general/_misc.scss */
.pb-0 {
  padding-bottom: 0rem;
}

/* line 90, app/assets/stylesheets/general/_misc.scss */
.pb-1 {
  padding-bottom: 0.5rem;
}

/* line 93, app/assets/stylesheets/general/_misc.scss */
.pb-2 {
  padding-bottom: 1rem;
}

/* line 96, app/assets/stylesheets/general/_misc.scss */
.pb-3 {
  padding-bottom: 1.5rem;
}

/* line 99, app/assets/stylesheets/general/_misc.scss */
.pb-4 {
  padding-bottom: 2rem;
}

/* line 102, app/assets/stylesheets/general/_misc.scss */
.pb-5 {
  padding-bottom: 2.5rem;
}

/* line 106, app/assets/stylesheets/general/_misc.scss */
.pr-0 {
  padding-right: 0rem;
}

/* line 109, app/assets/stylesheets/general/_misc.scss */
.pr-1 {
  padding-right: 0.5rem;
}

/* line 112, app/assets/stylesheets/general/_misc.scss */
.pr-2 {
  padding-right: 1rem;
}

/* line 115, app/assets/stylesheets/general/_misc.scss */
.pr-3 {
  padding-right: 1.5rem;
}

/* line 118, app/assets/stylesheets/general/_misc.scss */
.pr-4 {
  padding-right: 2rem;
}

/* line 121, app/assets/stylesheets/general/_misc.scss */
.pr-5 {
  padding-right: 2.5rem;
}

/* line 125, app/assets/stylesheets/general/_misc.scss */
.pl-0 {
  padding-left: 0rem;
}

/* line 128, app/assets/stylesheets/general/_misc.scss */
.pl-1 {
  padding-left: 0.5rem;
}

/* line 131, app/assets/stylesheets/general/_misc.scss */
.pl-2 {
  padding-left: 1rem;
}

/* line 134, app/assets/stylesheets/general/_misc.scss */
.pl-3 {
  padding-left: 1.5rem;
}

/* line 137, app/assets/stylesheets/general/_misc.scss */
.pl-4 {
  padding-left: 2rem;
}

/* line 140, app/assets/stylesheets/general/_misc.scss */
.pl-5 {
  padding-left: 2.5rem;
}

/* line 146, app/assets/stylesheets/general/_misc.scss */
.w-25 {
  width: 25%;
}

/* line 149, app/assets/stylesheets/general/_misc.scss */
.w-50 {
  width: 50%;
}

/* line 152, app/assets/stylesheets/general/_misc.scss */
.w-75 {
  width: 75%;
}

/* line 155, app/assets/stylesheets/general/_misc.scss */
.w-100 {
  width: 100%;
}

/* line 160, app/assets/stylesheets/general/_misc.scss */
.hyphen {
  width: 1px;
  height: 75%;
  display: inline-block;
  margin: 0 1rem;
  background: rgba(255, 255, 255, 0.1);
}

/* line 168, app/assets/stylesheets/general/_misc.scss */
.flash-message {
  display: none;
  opacity: 0;
}

/* line 173, app/assets/stylesheets/general/_misc.scss */
*[disabled] {
  cursor: default;
  opacity: .5 !important;
}

/* line 178, app/assets/stylesheets/general/_misc.scss */
.hide {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* line 183, app/assets/stylesheets/general/_misc.scss */
.checkerboard-pattern {
  background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

/* line 189, app/assets/stylesheets/general/_misc.scss */
.emote-image--blurred {
  filter: blur(10px);
}

/* line 194, app/assets/stylesheets/general/_misc.scss */
.background-color-secondary {
  background-color: #161616;
}

/* line 198, app/assets/stylesheets/general/_misc.scss */
.background-color-discord {
  background-color: #5865F2;
}

/* line 202, app/assets/stylesheets/general/_misc.scss */
.background-color-twitch {
  background-color: #6441a5;
}

/* line 206, app/assets/stylesheets/general/_misc.scss */
.background-color-slack {
  background-color: #4A154B;
}

/* line 212, app/assets/stylesheets/general/_misc.scss */
.color-secondary {
  color: #161616 !important;
}

/* line 216, app/assets/stylesheets/general/_misc.scss */
.color-discord {
  color: #5865F2 !important;
}

/* line 220, app/assets/stylesheets/general/_misc.scss */
.color-twitch {
  color: #6441a5 !important;
}

/* line 224, app/assets/stylesheets/general/_misc.scss */
.color-slack {
  color: #4A154B !important;
}

/* line 231, app/assets/stylesheets/general/_misc.scss */
.icon-favorite path {
  fill: transparent;
  stroke: #161616;
  stroke-width: 2px;
}

/* line 238, app/assets/stylesheets/general/_misc.scss */
.icon-favorite.filled path {
  fill: #161616;
  stroke: #161616;
  stroke-width: 2px;
}

/* line 247, app/assets/stylesheets/general/_misc.scss */
.emote-status-icon--ai-reviewing {
  animation: emote-status-spin 1.6s linear infinite;
  transform-origin: 50% 50%;
  transform-box: fill-box;
}

/* line 253, app/assets/stylesheets/general/_misc.scss */
.emote-status-text--ai-reviewing {
  display: inline-flex;
  align-items: center;
}

/* line 258, app/assets/stylesheets/general/_misc.scss */
.emote-status-dots {
  display: inline-flex;
  align-items: center;
}

/* line 263, app/assets/stylesheets/general/_misc.scss */
.emote-status-dot {
  display: inline-block;
  width: 0.35em;
  text-align: center;
  opacity: 0.2;
  animation: emote-status-dot 1.2s infinite;
}

/* line 271, app/assets/stylesheets/general/_misc.scss */
.emote-status-dot:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 275, app/assets/stylesheets/general/_misc.scss */
.emote-status-dot:nth-child(3) {
  animation-delay: 0.4s;
}

/* line 279, app/assets/stylesheets/general/_misc.scss */
.muted-box {
  display: block;
  margin-top: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #4b5563;
}

/* line 288, app/assets/stylesheets/general/_misc.scss */
.muted-box strong {
  font-weight: 700;
}

/* line 293, app/assets/stylesheets/general/_misc.scss */
.muted-box--warning {
  background: #fef3c7;
  border-color: #fcd34d;
  color: #92400e;
}

/* line 299, app/assets/stylesheets/general/_misc.scss */
.muted-box__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

/* line 306, app/assets/stylesheets/general/_misc.scss */
.muted-box__link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: #fffbeb;
  border: 1px solid rgba(146, 64, 14, 0.25);
  color: #92400e;
  font-weight: 600;
  text-decoration: none;
  transition: 160ms ease-in-out;
}

/* line 320, app/assets/stylesheets/general/_misc.scss */
.muted-box__link:hover {
  background: #fff7ed;
  border-color: #f59e0b;
}

@keyframes emote-status-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes emote-status-dot {
  0%,
20%,
100% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}

/* line 1, app/assets/stylesheets/partials/_buttons.scss */
button, input, textarea {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif, 'Segoe UI Symbol';
}

/* line 9, app/assets/stylesheets/partials/_buttons.scss */
button {
  user-select: none;
}

/* line 13, app/assets/stylesheets/partials/_buttons.scss */
.button {
  position: relative;
  display: flex;
  padding: 1rem 1.5rem;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: 200ms ease-in-out;
  text-align: center;
  cursor: pointer;
  user-select: none;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-wrap: nowrap;
  gap: .25rem;
  border-radius: 2rem;
}

/* line 32, app/assets/stylesheets/partials/_buttons.scss */
.button:hover, .button:focus, .button:active {
  text-decoration: none;
}

/* line 36, app/assets/stylesheets/partials/_buttons.scss */
.button svg {
  max-height: 1rem;
  width: 1rem;
}

/* line 41, app/assets/stylesheets/partials/_buttons.scss */
.button--grow {
  flex-grow: 1;
}

/* line 45, app/assets/stylesheets/partials/_buttons.scss */
.button--plain {
  color: #161616;
  transition: unset;
}

/* line 49, app/assets/stylesheets/partials/_buttons.scss */
.button--plain:hover, .button--plain:focus, .button--plain:active {
  text-decoration: underline;
}

/* line 54, app/assets/stylesheets/partials/_buttons.scss */
.button--with-icon {
  display: flex;
  flex-flow: row;
  gap: .5rem;
  justify-content: center;
  align-items: center;
}

/* line 61, app/assets/stylesheets/partials/_buttons.scss */
.button--with-icon svg {
  max-height: 100%;
}

/* line 66, app/assets/stylesheets/partials/_buttons.scss */
.button--discord {
  background: #5865F2;
  color: #fff;
}

/* line 70, app/assets/stylesheets/partials/_buttons.scss */
.button--discord:hover, .button--discord:focus, .button--discord:active {
  background: #5562eb;
}

/* line 75, app/assets/stylesheets/partials/_buttons.scss */
.button--download-png {
  background: #2bc45a;
  color: #fff;
}

/* line 79, app/assets/stylesheets/partials/_buttons.scss */
.button--download-png svg {
  height: 1rem;
  width: 1rem;
  stroke: #fff;
}

/* line 85, app/assets/stylesheets/partials/_buttons.scss */
.button--download-png:hover, .button--download-png:focus, .button--download-png:active {
  background: #27b451;
}

/* line 91, app/assets/stylesheets/partials/_buttons.scss */
.button--download-emote {
  background: #2bc49b;
  color: #fff;
}

/* line 95, app/assets/stylesheets/partials/_buttons.scss */
.button--download-emote svg {
  fill: #fff;
  height: 1rem;
  width: 1rem;
}

/* line 101, app/assets/stylesheets/partials/_buttons.scss */
.button--download-emote:hover, .button--download-emote:focus, .button--download-emote:active {
  background: #29b993;
}

/* line 105, app/assets/stylesheets/partials/_buttons.scss */
.button--primary-outline {
  color: #161616;
  border: 1px solid #161616;
}

/* line 113, app/assets/stylesheets/partials/_buttons.scss */
.button--primary {
  background: #fff;
  color: #161616;
}

/* line 117, app/assets/stylesheets/partials/_buttons.scss */
.button--primary:hover, .button--primary:focus, .button--primary:active {
  background: #e7e7e7;
}

/* line 121, app/assets/stylesheets/partials/_buttons.scss */
.button--primary-border {
  box-shadow: inset 0px 0px 0px 1px rgba(23, 23, 23, 0.25);
}

/* line 126, app/assets/stylesheets/partials/_buttons.scss */
.button--secondary {
  background: #0f68d3;
  color: #fff;
}

/* line 130, app/assets/stylesheets/partials/_buttons.scss */
.button--secondary svg {
  fill: #fff;
}

/* line 134, app/assets/stylesheets/partials/_buttons.scss */
.button--secondary-glowy {
  box-shadow: 0px 0px 8px 2px rgba(0, 86, 177, 0.4);
}

/* line 138, app/assets/stylesheets/partials/_buttons.scss */
.button--secondary:hover, .button--secondary:focus, .button--secondary:active {
  background: #0e5cbb;
}

/* line 143, app/assets/stylesheets/partials/_buttons.scss */
.button--dark {
  color: #fff;
  background: #161616;
}

/* line 147, app/assets/stylesheets/partials/_buttons.scss */
.button--dark:hover, .button--dark:focus, .button--dark:active {
  background: #111111;
}

/* line 152, app/assets/stylesheets/partials/_buttons.scss */
.button--white-blue {
  background: #fff;
  color: #0f68d3;
}

/* line 156, app/assets/stylesheets/partials/_buttons.scss */
.button--white-blue:hover, .button--white-blue:focus, .button--white-blue:active {
  background: #ececec;
}

/* line 161, app/assets/stylesheets/partials/_buttons.scss */
.button--white-blue-outline {
  background: none;
  color: #fff;
  box-shadow: inset 0px 0px 0px 1px #fff;
}

/* line 165, app/assets/stylesheets/partials/_buttons.scss */
.button--white-blue-outline:hover, .button--white-blue-outline:focus, .button--white-blue-outline:active {
  background: #ececec;
  color: #0f68d3;
}

/* line 171, app/assets/stylesheets/partials/_buttons.scss */
.button--white-dark-outline {
  background: none;
  color: #fff;
  box-shadow: inset 0px 0px 0px 1px #fff;
}

/* line 175, app/assets/stylesheets/partials/_buttons.scss */
.button--white-dark-outline:hover, .button--white-dark-outline:focus, .button--white-dark-outline:active {
  background: #ececec;
  color: #161616;
}

/* line 182, app/assets/stylesheets/partials/_buttons.scss */
.button--dropdown::after {
  content: "▼";
  font-size: 12px;
  cursor: pointer;
  margin-left: 0.25em;
}

/* line 191, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in {
  display: flex;
  flex-flow: row;
  gap: .5rem;
  width: -webkit-fill-available;
  width: -moz-available;
  padding: 0.75rem 1.5rem;
  line-height: 1.5;
}

/* line 200, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in svg {
  max-height: 1.25rem;
  max-width: 1.25rem;
}

/* line 205, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in-google {
  box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.2);
}

/* line 208, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in-google:hover, .button--sign-in-google:focus, .button--sign-in-google:active {
  background: rgba(0, 0, 0, 0.05);
}

/* line 213, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in-discord {
  background: #5865F2;
  color: #fff;
}

/* line 217, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in-discord svg {
  fill: #fff;
}

/* line 221, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in-discord:hover, .button--sign-in-discord:focus, .button--sign-in-discord:active {
  background: #5562eb;
}

/* line 226, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in-twitch {
  background: #6441a5;
  color: #fff;
}

/* line 230, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in-twitch svg path {
  fill: #fff;
}

/* line 234, app/assets/stylesheets/partials/_buttons.scss */
.button--sign-in-twitch:hover, .button--sign-in-twitch:focus, .button--sign-in-twitch:active {
  background: #5e3d9b;
}

/* line 240, app/assets/stylesheets/partials/_buttons.scss */
.button--small {
  padding: .75rem 1.5rem;
}

/* line 244, app/assets/stylesheets/partials/_buttons.scss */
.button-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.5rem;
  border-radius: 3px;
  cursor: pointer;
  transition: 200ms ease-in-out;
  border: none;
  box-shadow: none;
  opacity: .8;
}

/* line 259, app/assets/stylesheets/partials/_buttons.scss */
.button-icon svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: #fff;
}

/* line 265, app/assets/stylesheets/partials/_buttons.scss */
.button-icon--download {
  background: #0f68d3;
}

/* line 270, app/assets/stylesheets/partials/_buttons.scss */
.button-icon--default svg {
  fill: #161616;
}

/* line 273, app/assets/stylesheets/partials/_buttons.scss */
.button-icon--default svg.no-fill {
  fill: transparent;
}

/* line 279, app/assets/stylesheets/partials/_buttons.scss */
.button-icon:hover, .button-icon:focus, .button-icon:active {
  opacity: 1;
}

/* line 283, app/assets/stylesheets/partials/_buttons.scss */
.button-icon--small {
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
}

/* line 288, app/assets/stylesheets/partials/_buttons.scss */
.button-icon--small svg {
  height: 1.25rem;
  width: 1.25rem;
}

/* line 295, app/assets/stylesheets/partials/_buttons.scss */
.button--disabled {
  opacity: .5;
  cursor: default;
}

/* line 302, app/assets/stylesheets/partials/_buttons.scss */
fieldset.inputs[disabled] input, fieldset.inputs[disabled] textarea {
  opacity: .5;
}

/* line 307, app/assets/stylesheets/partials/_buttons.scss */
.button-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: .5rem 1rem;
}

/* line 313, app/assets/stylesheets/partials/_buttons.scss */
.button-group--center {
  justify-content: center;
}

/* line 317, app/assets/stylesheets/partials/_buttons.scss */
.button-group--flex-column {
  flex-flow: column;
}

/* line 321, app/assets/stylesheets/partials/_buttons.scss */
.button-group--justify-center {
  justify-content: center;
}

/* line 325, app/assets/stylesheets/partials/_buttons.scss */
.button-group--align-start {
  align-items: flex-start;
}

/* line 329, app/assets/stylesheets/partials/_buttons.scss */
.button-group--align-none {
  align-items: unset;
}

/* line 334, app/assets/stylesheets/partials/_buttons.scss */
.download-selector {
  --download-selector-accent: #159173;
  --download-selector-accent-rgb: 21, 145, 115;
  --download-selector-accent-strong: #0f7a61;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  align-items: stretch;
  gap: 0.7rem;
}

/* line 345, app/assets/stylesheets/partials/_buttons.scss */
.download-selector[data-download-selector-theme="original"] {
  --download-selector-accent: #161616;
  --download-selector-accent-rgb: 22, 22, 22;
  --download-selector-accent-strong: #0d0d0d;
}

/* line 351, app/assets/stylesheets/partials/_buttons.scss */
.download-selector[data-download-selector-theme="discord"] {
  --download-selector-accent: #5865f2;
  --download-selector-accent-rgb: 88, 101, 242;
  --download-selector-accent-strong: #4753d8;
}

/* line 357, app/assets/stylesheets/partials/_buttons.scss */
.download-selector[data-download-selector-theme="twitch"] {
  --download-selector-accent: #9146ff;
  --download-selector-accent-rgb: 145, 70, 255;
  --download-selector-accent-strong: #7d33f2;
}

/* line 363, app/assets/stylesheets/partials/_buttons.scss */
.download-selector[data-download-selector-theme="slack"] {
  --download-selector-accent: #4a154b;
  --download-selector-accent-rgb: 74, 21, 75;
  --download-selector-accent-strong: #39103a;
}

/* line 369, app/assets/stylesheets/partials/_buttons.scss */
.download-selector[data-download-selector-theme="whatsapp"] {
  --download-selector-accent: #25d366;
  --download-selector-accent-rgb: 37, 211, 102;
  --download-selector-accent-strong: #1fb458;
}

/* line 375, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__primary {
  min-width: 0;
  min-height: 4.8rem;
  padding: 0.95rem 1.15rem 1rem;
  text-align: left;
  flex: 1 1 auto;
  text-wrap: wrap;
  border-radius: 1.35rem;
  justify-content: flex-start;
  background: #fff;
  color: #161616;
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

/* line 391, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__primary:hover, .download-selector__primary:focus, .download-selector__primary:active {
  text-decoration: none;
  color: #161616;
  background: rgba(var(--download-selector-accent-rgb), 0.05);
  border-color: rgba(var(--download-selector-accent-rgb), 0.18);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* line 402, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__primary-copy {
  min-width: 0;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 0.2rem;
  line-height: 1.2;
}

/* line 411, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__primary-label {
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.15;
  color: var(--download-selector-accent-strong);
}

/* line 419, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__primary-meta {
  max-width: 100%;
  font-size: 0.8rem;
  color: rgba(var(--download-selector-accent-rgb), 0.62);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 428, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__toggle {
  flex: 0 0 auto;
  min-width: 3.85rem;
  min-height: 4.8rem;
  justify-content: center;
  padding: 0 1rem;
  border-radius: 1.35rem;
  background: #fff;
  color: var(--download-selector-accent);
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

/* line 442, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__toggle svg {
  fill: none;
  stroke: currentColor;
  width: 0.95rem;
  height: 0.95rem;
  transition: transform 180ms ease;
}

/* line 450, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__toggle:hover, .download-selector__toggle:focus, .download-selector__toggle:active {
  background: rgba(var(--download-selector-accent-rgb), 0.05);
  color: var(--download-selector-accent-strong);
  border-color: rgba(var(--download-selector-accent-rgb), 0.18);
}

/* line 456, app/assets/stylesheets/partials/_buttons.scss */
.download-selector__toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* line 462, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown {
  position: fixed;
  display: none;
  flex-flow: column;
  gap: 0.35rem;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  text-align: left;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2);
  backdrop-filter: blur(12px);
  z-index: 10001;
  padding: 0.45rem;
  overflow-y: auto;
}

/* line 477, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown[hidden] {
  display: none !important;
}

/* line 481, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-open {
  display: flex;
}

/* line 485, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__header {
  display: flex;
  flex-flow: column;
  gap: 0.25rem;
  padding: 0.7rem 0.8rem 0.55rem;
}

/* line 492, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(22, 22, 22, 0.5);
  font-weight: 700;
}

/* line 500, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__hint {
  font-size: 0.82rem;
  line-height: 1.45;
  color: rgba(22, 22, 22, 0.72);
}

/* line 506, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item {
  --download-accent: #161616;
  --download-accent-rgb: 22, 22, 22;
  display: flex;
  width: 100%;
  gap: 0.75rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #161616;
  padding: 0.85rem 0.9rem;
  font-size: 0.9rem;
  border-radius: 0.85rem;
  border: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

/* line 527, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item:hover, .download-dropdown__item:active, .download-dropdown__item:focus {
  text-decoration: none;
  background: rgba(15, 23, 42, 0.05);
}

/* line 532, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item.is-preferred {
  background: rgba(var(--download-accent-rgb), 0.08);
  box-shadow: inset 0 0 0 1px rgba(var(--download-accent-rgb), 0.16);
}

/* line 536, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item.is-preferred .download-dropdown__item-default {
  opacity: 1;
}

/* line 541, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item.color-discord {
  --download-accent: #5865f2;
  --download-accent-rgb: 88, 101, 242;
}

/* line 546, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item.color-twitch {
  --download-accent: #9146ff;
  --download-accent-rgb: 145, 70, 255;
}

/* line 551, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item.color-slack {
  --download-accent: #4a154b;
  --download-accent-rgb: 74, 21, 75;
}

/* line 556, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item.color-whatsapp {
  --download-accent: #25d366;
  --download-accent-rgb: 37, 211, 102;
}

/* line 562, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item-copy {
  min-width: 0;
  display: flex;
  flex-flow: column;
  gap: 0.28rem;
}

/* line 568, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item-copy strong {
  font-size: 0.95rem;
  font-weight: 500;
}

/* line 574, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

/* line 579, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item-meta span {
  font-size: 0.74rem;
  background: rgba(15, 23, 42, 0.05);
  color: rgba(22, 22, 22, 0.74);
  padding: 0.22rem 0.45rem;
  border-radius: 999px;
}

/* line 588, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown__item-default {
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--download-accent);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 0.32rem 0.55rem;
  border-radius: 999px;
  opacity: 0;
  transition: opacity 160ms ease;
}

/* line 602, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile {
  left: 0.75rem !important;
  right: 0.75rem !important;
  top: 0.75rem !important;
  bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px)) !important;
  width: auto !important;
  max-width: none;
  padding: 0.6rem;
  border-radius: 1.15rem;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
}

/* line 613, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile .download-dropdown__header {
  padding: 0.55rem 0.65rem 0.45rem;
}

/* line 617, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile .download-dropdown__item {
  align-items: flex-start;
  flex-flow: column;
  gap: 0.55rem;
  padding: 0.85rem;
}

/* line 624, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile .download-dropdown__item-default {
  align-self: flex-start;
}

/* line 629, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile.is-compact {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  align-content: start;
}

/* line 635, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile.is-compact .download-dropdown__header {
  grid-column: 1 / -1;
  padding-bottom: 0.25rem;
}

/* line 640, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile.is-compact .download-dropdown__item {
  min-height: 0;
  padding: 0.75rem;
}

/* line 645, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile.is-compact .download-dropdown__item-copy {
  gap: 0.22rem;
}

/* line 649, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile.is-compact .download-dropdown__item-copy strong {
  font-size: 0.9rem;
}

/* line 653, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile.is-compact .download-dropdown__item-meta {
  gap: 0.28rem;
}

/* line 657, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile.is-compact .download-dropdown__item-meta span {
  font-size: 0.68rem;
  padding: 0.18rem 0.38rem;
}

/* line 662, app/assets/stylesheets/partials/_buttons.scss */
.download-dropdown.is-mobile.is-compact .download-dropdown__item-default {
  font-size: 0.68rem;
  padding: 0.24rem 0.45rem;
}

@media only screen and (max-width: 32rem) {
  /* line 670, app/assets/stylesheets/partials/_buttons.scss */
  .download-selector {
    gap: 0.55rem;
  }
  /* line 673, app/assets/stylesheets/partials/_buttons.scss */
  .download-selector__primary {
    min-height: 4.45rem;
    padding: 0.85rem 0.95rem 0.9rem;
    border-radius: 1.15rem;
  }
  /* line 679, app/assets/stylesheets/partials/_buttons.scss */
  .download-selector__primary-label {
    font-size: 0.94rem;
  }
  /* line 683, app/assets/stylesheets/partials/_buttons.scss */
  .download-selector__primary-meta {
    font-size: 0.74rem;
  }
  /* line 687, app/assets/stylesheets/partials/_buttons.scss */
  .download-selector__toggle {
    min-width: 3.35rem;
    min-height: 4.45rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    border-radius: 1.15rem;
  }
  /* line 696, app/assets/stylesheets/partials/_buttons.scss */
  .download-dropdown {
    max-width: calc(100vw - 1.5rem);
  }
  /* line 699, app/assets/stylesheets/partials/_buttons.scss */
  .download-dropdown__item {
    padding: 0.8rem 0.82rem;
  }
  /* line 703, app/assets/stylesheets/partials/_buttons.scss */
  .download-dropdown__hint {
    font-size: 0.78rem;
  }
  /* line 707, app/assets/stylesheets/partials/_buttons.scss */
  .download-dropdown__item-copy strong {
    font-size: 0.9rem;
  }
  /* line 711, app/assets/stylesheets/partials/_buttons.scss */
  .download-dropdown__item-meta {
    gap: 0.3rem;
  }
  /* line 715, app/assets/stylesheets/partials/_buttons.scss */
  .download-dropdown__item-meta span {
    font-size: 0.7rem;
    padding: 0.2rem 0.42rem;
  }
}

/* line 722, app/assets/stylesheets/partials/_buttons.scss */
.toggle-switch {
  position: relative;
  display: flex;
  background: #fff;
  border: 1px solid black;
  padding: .2rem .3rem;
  border-radius: 3px;
  align-items: center;
  gap: .5rem;
}

/* line 732, app/assets/stylesheets/partials/_buttons.scss */
.toggle-switch.switching {
  pointer-events: none;
}

/* line 736, app/assets/stylesheets/partials/_buttons.scss */
.toggle-switch__option {
  display: flex;
  flex-flow: row;
  align-items: center;
  opacity: .5;
  cursor: pointer;
  padding: .4rem;
  border-radius: 3px;
  transition: 200ms;
  gap: .25rem;
}

/* line 747, app/assets/stylesheets/partials/_buttons.scss */
.toggle-switch__option svg {
  fill: #161616;
  height: 1rem;
}

/* line 752, app/assets/stylesheets/partials/_buttons.scss */
.toggle-switch__option:hover, .toggle-switch__option:focus, .toggle-switch__option:active {
  background: rgba(22, 22, 22, 0.1);
  opacity: .75;
}

/* line 757, app/assets/stylesheets/partials/_buttons.scss */
.toggle-switch__option.active {
  opacity: 1;
  cursor: default;
  pointer-events: none;
  background: #161616;
  color: #fff;
}

/* line 764, app/assets/stylesheets/partials/_buttons.scss */
.toggle-switch__option.active svg {
  fill: #fff;
}

/* line 771, app/assets/stylesheets/partials/_buttons.scss */
.emote-download {
  display: flex;
  flex-flow: column;
  gap: .5rem;
  flex-grow: 1;
}

/* line 777, app/assets/stylesheets/partials/_buttons.scss */
.emote-download__platform {
  display: flex;
  flex-flow: row;
  gap: .5rem;
  justify-content: center;
  align-items: center;
}

/* line 784, app/assets/stylesheets/partials/_buttons.scss */
.emote-download__platform-item {
  font-size: .75rem;
  padding: .4rem .3rem .3rem .3rem;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  opacity: 0.5;
}

/* line 792, app/assets/stylesheets/partials/_buttons.scss */
.emote-download__platform-item.active {
  opacity: 1;
}

/* line 799, app/assets/stylesheets/partials/_buttons.scss */
.sign-in-form {
  width: 100%;
}

@media only screen and (max-width: 64rem) {
  /* line 804, app/assets/stylesheets/partials/_buttons.scss */
  .button-group {
    justify-content: center;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 811, app/assets/stylesheets/partials/_buttons.scss */
  .button-group .button, .button-group form.button_to, .button-group li {
    display: flex;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    align-items: center;
  }
}

/* line 821, app/assets/stylesheets/partials/_buttons.scss */
.button-icon .icon-favorite {
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 824, app/assets/stylesheets/partials/_buttons.scss */
.button-icon.is-animating .icon-favorite {
  animation: heart-soft-pop 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes heart-soft-pop {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/* line 1, app/assets/stylesheets/partials/_table.scss */
.table {
  width: 100%;
  display: flex;
  flex-flow: column;
}

/* line 6, app/assets/stylesheets/partials/_table.scss */
.table__header, .table__row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
  width: 100%;
  gap: .5rem;
  padding: .5rem 0;
}

/* line 14, app/assets/stylesheets/partials/_table.scss */
.table__header {
  font-weight: 500;
}

/* line 18, app/assets/stylesheets/partials/_table.scss */
.table__row {
  font-size: .875rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 24, app/assets/stylesheets/partials/_table.scss */
.table__item--supported, .table__item--not-supported, .table__item--partially {
  font-weight: bold;
  text-align: center;
  cursor: default;
}

/* line 30, app/assets/stylesheets/partials/_table.scss */
.table__item--supported {
  color: #0f68d3;
}

/* line 34, app/assets/stylesheets/partials/_table.scss */
.table__item--not-supported {
  color: #d32727;
}

/* line 38, app/assets/stylesheets/partials/_table.scss */
.table__item--partially {
  color: #161616;
}

/* line 45, app/assets/stylesheets/partials/_table.scss */
.legend {
  display: flex;
  flex-flow: row wrap;
  gap: .5rem;
}

/* line 50, app/assets/stylesheets/partials/_table.scss */
.legend__item {
  font-size: .75rem;
  padding: .5rem .75rem;
  border-radius: 5rem;
  color: #fff;
  background: #0f68d3;
  cursor: default;
}

/* line 58, app/assets/stylesheets/partials/_table.scss */
.legend__item--supported {
  background-color: #0f68d3;
}

/* line 62, app/assets/stylesheets/partials/_table.scss */
.legend__item--not-supported {
  background-color: #d32727;
}

/* line 66, app/assets/stylesheets/partials/_table.scss */
.legend__item--partially {
  background-color: #161616;
}

/* line 1, app/assets/stylesheets/partials/_form.scss */
form {
  display: inline-flex;
  flex-flow: column;
  gap: 1rem;
}

/* line 7, app/assets/stylesheets/partials/_form.scss */
form li::marker {
  content: '';
}

/* line 11, app/assets/stylesheets/partials/_form.scss */
form li.select {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}

/* line 19, app/assets/stylesheets/partials/_form.scss */
form[data-controller=form-changes] input[type=submit], form[data-controller=form-changes] button[type=reset] {
  /*display: none;*/
}

/* line 24, app/assets/stylesheets/partials/_form.scss */
form label {
  font-weight: 500;
  display: flex;
  gap: .5rem;
  cursor: pointer;
}

/* line 32, app/assets/stylesheets/partials/_form.scss */
form fieldset.inputs ol {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}

/* line 38, app/assets/stylesheets/partials/_form.scss */
form fieldset.inputs li {
  display: flex;
  flex-flow: column;
  gap: .5rem;
}

/* line 43, app/assets/stylesheets/partials/_form.scss */
form fieldset.inputs li label {
  font-weight: 500;
  display: flex;
  gap: .5rem;
  cursor: pointer;
}

/* line 52, app/assets/stylesheets/partials/_form.scss */
form input[type=text], form textarea, form input[type=email], form select {
  font-family: 'Roboto', sans-serif, 'Segoe UI Symbol';
  color: #161616;
  box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.5);
  border-radius: 3px;
  padding: .75rem .5rem;
}

/* line 60, app/assets/stylesheets/partials/_form.scss */
form select {
  border: none;
  font-weight: 500;
}

/* line 65, app/assets/stylesheets/partials/_form.scss */
form input.lowercase {
  text-transform: lowercase;
}

/* line 70, app/assets/stylesheets/partials/_form.scss */
input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #161616;
  min-width: 1.15rem;
  min-height: 1.15rem;
  max-height: 1.15rem;
  max-width: 1.15rem;
  border: 1px solid rgba(22, 22, 22, 0.5);
  border-radius: 0.15rem;
  transform: translateY(-0.075rem);
  cursor: pointer;
  display: grid;
  place-content: center;
}

/* line 88, app/assets/stylesheets/partials/_form.scss */
input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #161616;
}

/* line 97, app/assets/stylesheets/partials/_form.scss */
input[type="checkbox"]:checked::before {
  transform: scale(1);
}

/* line 101, app/assets/stylesheets/partials/_form.scss */
input.image-upload {
  display: none;
}

/* line 105, app/assets/stylesheets/partials/_form.scss */
.image-preview-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(128px + 8px);
  height: calc(128px + 8px);
  border: 4px dashed #161616;
}

/* line 114, app/assets/stylesheets/partials/_form.scss */
.image-preview {
  width: 128px;
  height: 128px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: none;
  cursor: pointer;
  user-select: none;
}

/* line 124, app/assets/stylesheets/partials/_form.scss */
.image-preview span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  color: white;
  background: rgba(0, 0, 0, 0.85);
}

/* line 137, app/assets/stylesheets/partials/_form.scss */
.image-preview:hover span {
  opacity: 1;
}

/* line 143, app/assets/stylesheets/partials/_form.scss */
.hidden-input {
  display: none;
}

/* line 147, app/assets/stylesheets/partials/_form.scss */
.form-pop {
  margin: 0 auto;
  max-width: 32rem;
  width: 100%;
  padding: 1rem;
  border-radius: 5px;
  display: flex;
  flex-flow: column;
}

/* line 157, app/assets/stylesheets/partials/_form.scss */
.form-inputs {
  display: flex;
  gap: 1rem;
  flex-flow: column;
}

/* line 162, app/assets/stylesheets/partials/_form.scss */
.form-inputs--sm-gap {
  gap: .25rem;
}

/* line 166, app/assets/stylesheets/partials/_form.scss */
.form-inputs--row {
  flex-flow: row wrap;
}

/* line 170, app/assets/stylesheets/partials/_form.scss */
.form-inputs--row-end {
  flex-flow: row wrap;
  align-items: flex-end;
}

@media only screen and (max-width: 32rem) {
  /* line 179, app/assets/stylesheets/partials/_form.scss */
  form fieldset.inputs li {
    width: 100%;
  }
  /* line 184, app/assets/stylesheets/partials/_form.scss */
  form input[type=text] {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/partials/_header.scss */
.header {
  position: relative;
  z-index: 999;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 5.75rem;
  background: #161616;
  color: #fff;
}

/* line 12, app/assets/stylesheets/partials/_header.scss */
.main-nav {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100rem;
  padding: 1.5rem 1rem;
  box-sizing: content-box;
}

/* line 21, app/assets/stylesheets/partials/_header.scss */
.main-nav__logo {
  display: flex;
  margin-right: 5rem;
}

/* line 25, app/assets/stylesheets/partials/_header.scss */
.main-nav__logo svg {
  width: 100%;
  height: 2rem;
}

/* line 31, app/assets/stylesheets/partials/_header.scss */
.main-nav__navigation {
  flex-grow: 1;
}

/* line 35, app/assets/stylesheets/partials/_header.scss */
.main-nav__buttons {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* line 42, app/assets/stylesheets/partials/_header.scss */
.main-nav__buttons > .button,
.main-nav__buttons .main-nav__pfp > details > summary .button {
  padding: 0.6em 1.5em;
}

/* line 48, app/assets/stylesheets/partials/_header.scss */
.main-nav__pfp {
  position: relative;
}

/* line 52, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-actions {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
}

/* line 60, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-leading, .main-nav__mobile-trailing {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}

/* line 68, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-trailing {
  margin-left: auto;
}

/* line 72, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-account {
  position: relative;
}

/* line 76, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-account-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
}

/* line 85, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-account-button--signin {
  min-height: 0;
  line-height: 1;
  transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

/* line 91, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-account-button--avatar {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 999px;
  transition: transform 180ms ease, opacity 180ms ease;
}

/* line 97, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-account-button--avatar:hover, .main-nav__mobile-account-button--avatar:focus-visible, .main-nav__mobile-account-button--avatar:active {
  transform: translateY(-1px);
}

/* line 103, app/assets/stylesheets/partials/_header.scss */
.main-nav__mobile-account-button--avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

/* line 114, app/assets/stylesheets/partials/_header.scss */
.main-nav__menu-button {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.2rem;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  transition: color 180ms ease, transform 180ms ease, opacity 180ms ease;
}

/* line 127, app/assets/stylesheets/partials/_header.scss */
.main-nav__menu-button:hover, .main-nav__menu-button:focus-visible, .main-nav__menu-button:active {
  color: #fff;
  transform: translateY(-1px);
}

/* line 134, app/assets/stylesheets/partials/_header.scss */
.main-nav__menu-button.is-active {
  color: #fff;
}

/* line 138, app/assets/stylesheets/partials/_header.scss */
.main-nav__menu-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18);
}

/* line 144, app/assets/stylesheets/partials/_header.scss */
.main-nav__menu-button-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 156, app/assets/stylesheets/partials/_header.scss */
.main-nav__burger-menu {
  display: inline-flex;
  flex-flow: column;
  justify-content: space-between;
  width: 1.75rem;
  height: 1rem;
}

/* line 163, app/assets/stylesheets/partials/_header.scss */
.main-nav__burger-menu span {
  position: relative;
  display: block;
  width: 100%;
  height: 5px;
  background: currentColor;
  transition: 400ms ease-in-out;
}

/* line 171, app/assets/stylesheets/partials/_header.scss */
.main-nav__burger-menu span::before {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 5px 5px 0 0;
  border-color: currentColor transparent transparent transparent;
}

/* line 184, app/assets/stylesheets/partials/_header.scss */
.main-nav__burger-menu span::after {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 5px 5px;
  border-color: transparent transparent currentColor transparent;
}

/* line 200, app/assets/stylesheets/partials/_header.scss */
.nav-list {
  position: relative;
  display: flex;
  flex-flow: row;
  gap: 2rem;
}

/* line 206, app/assets/stylesheets/partials/_header.scss */
.nav-list__item {
  position: relative;
  padding: 1em 0.5em;
  opacity: 0.75;
  text-align: center;
  transition: opacity 200ms ease-in-out;
}

/* line 213, app/assets/stylesheets/partials/_header.scss */
.nav-list__item a {
  color: #fff;
  text-decoration: none;
}

/* line 218, app/assets/stylesheets/partials/_header.scss */
.nav-list__item:hover, .nav-list__item:active {
  opacity: 1;
}

/* line 222, app/assets/stylesheets/partials/_header.scss */
.nav-list__item:hover .nav-dropdown-list, .nav-list__item:active .nav-dropdown-list {
  display: block;
}

/* line 227, app/assets/stylesheets/partials/_header.scss */
.nav-list__item--selected {
  opacity: 1;
}

/* line 230, app/assets/stylesheets/partials/_header.scss */
.nav-list__item--selected a {
  font-weight: bold;
}

/* line 234, app/assets/stylesheets/partials/_header.scss */
.nav-list__item--selected::before {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 10px;
  background: #0f68d3;
}

/* line 248, app/assets/stylesheets/partials/_header.scss */
.nav-list__item--dropdown::after {
  content: " \25BC";
  font-size: 12px;
  cursor: pointer;
}

/* line 256, app/assets/stylesheets/partials/_header.scss */
.nav-list__buttons {
  display: none;
  justify-content: center;
}

/* line 260, app/assets/stylesheets/partials/_header.scss */
.nav-list__buttons .button {
  margin: 1em;
}

/* line 266, app/assets/stylesheets/partials/_header.scss */
.nav-dropdown-list {
  position: absolute;
  top: 45px;
  display: none;
  width: 150px;
  overflow: hidden;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 0.9rem;
  text-align: left;
}

/* line 280, app/assets/stylesheets/partials/_header.scss */
.nav-dropdown-list__item.soon a {
  color: rgba(22, 22, 22, 0.75);
  cursor: not-allowed;
}

/* line 284, app/assets/stylesheets/partials/_header.scss */
.nav-dropdown-list__item.soon a span {
  padding: 0.2rem 0.3rem;
  border-radius: 1rem;
  background: rgba(15, 104, 211, 0.1);
  font-size: 0.75rem;
}

/* line 293, app/assets/stylesheets/partials/_header.scss */
.nav-dropdown-list__item a {
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
  color: rgba(22, 22, 22, 0.9);
  font-weight: unset;
  transition: background 100ms ease-in, color 100ms ease-in;
}

/* line 301, app/assets/stylesheets/partials/_header.scss */
.nav-dropdown-list__item a:hover, .nav-dropdown-list__item a:active, .nav-dropdown-list__item a:focus {
  background: rgba(15, 104, 211, 0.1);
  color: #161616;
}

/* line 311, app/assets/stylesheets/partials/_header.scss */
.mobile-nav {
  display: none;
}

/* line 315, app/assets/stylesheets/partials/_header.scss */
body.mobile-nav-open {
  overflow: hidden;
}

/* line 318, app/assets/stylesheets/partials/_header.scss */
body.mobile-nav-open .main-nav__menu-button {
  opacity: 0.34;
  transform: none;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.46);
}

@media only screen and (max-width: 64rem) {
  /* line 327, app/assets/stylesheets/partials/_header.scss */
  .header {
    height: 4.25rem;
  }
  @supports (position: sticky) {
    /* line 327, app/assets/stylesheets/partials/_header.scss */
    .header {
      position: sticky;
      top: 0;
      background-color: rgba(22, 22, 22, 0.94);
      backdrop-filter: blur(14px);
    }
  }
  /* line 338, app/assets/stylesheets/partials/_header.scss */
  .main-nav {
    gap: 0.9rem;
    padding: 0.65rem 1rem;
    justify-content: space-between;
  }
  /* line 343, app/assets/stylesheets/partials/_header.scss */
  .main-nav__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-right: 0;
    transform: translate(-50%, -50%);
  }
  /* line 351, app/assets/stylesheets/partials/_header.scss */
  .main-nav__logo svg {
    height: 1.8rem;
  }
  /* line 356, app/assets/stylesheets/partials/_header.scss */
  .main-nav__navigation, .main-nav__buttons {
    display: none;
  }
  /* line 361, app/assets/stylesheets/partials/_header.scss */
  .main-nav__mobile-actions {
    display: flex;
  }
  /* line 365, app/assets/stylesheets/partials/_header.scss */
  .main-nav__menu-button {
    display: inline-flex;
  }
  /* line 370, app/assets/stylesheets/partials/_header.scss */
  .main-nav__pfp .sign-in {
    min-height: 2.45rem;
    padding: 0.7rem 0.95rem;
    border-radius: 999px;
    font-size: 0.88rem;
  }
  /* line 377, app/assets/stylesheets/partials/_header.scss */
  .main-nav__pfp .pfp-image img {
    display: block;
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 999px;
    object-fit: cover;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  }
  /* line 386, app/assets/stylesheets/partials/_header.scss */
  .main-nav__pfp details > summary {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 394, app/assets/stylesheets/partials/_header.scss */
  .main-nav__mobile-account-button--signin {
    padding: 0.6em 1.5em;
    font-size: 1rem;
  }
  /* line 399, app/assets/stylesheets/partials/_header.scss */
  .main-nav__mobile-account-button--avatar {
    width: 2.45rem;
    height: 2.45rem;
  }
  /* line 406, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: block;
    pointer-events: none;
  }
  /* line 413, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav[hidden] {
    display: none;
  }
  /* line 417, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav.is-open {
    pointer-events: auto;
  }
  /* line 420, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav.is-open .mobile-nav__backdrop {
    opacity: 1;
  }
  /* line 424, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav.is-open .mobile-nav__sheet {
    transform: translateY(0);
  }
  /* line 429, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(12, 14, 21, 0.58);
    opacity: 0;
    transition: opacity 220ms ease;
  }
  /* line 437, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__sheet {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    gap: 1.3rem;
    max-height: calc(100vh - 1rem);
    max-height: calc(100dvh - 1rem);
    overflow-y: auto;
    padding: 1.1rem 1rem 1.4rem;
    border-radius: 1.8rem 1.8rem 0 0;
    background: radial-gradient(600px 180px at 0% 0%, rgba(15, 104, 211, 0.08) 0%, rgba(15, 104, 211, 0) 64%), linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(250, 251, 255, 0.99));
    box-shadow: 0 -30px 70px rgba(3, 7, 18, 0.22), 0 -10px 24px rgba(3, 7, 18, 0.08);
    color: #161616;
    transform: translateY(100%);
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 461, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__sheet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.15rem;
  }
  /* line 469, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__switcher {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.3rem;
    width: 15rem;
    max-width: 100%;
    padding: 0.25rem;
    border-radius: 999px;
    background: rgba(22, 22, 22, 0.05);
    box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.08);
  }
  /* line 481, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__switcher-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.65rem 0.95rem;
    border-radius: 999px;
    color: rgba(22, 22, 22, 0.58);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease;
  }
  /* line 494, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__switcher-button.is-active {
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    color: #161616;
  }
  /* line 501, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: rgba(22, 22, 22, 0.84);
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
    transition: color 180ms ease, opacity 180ms ease;
  }
  /* line 513, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__close:hover, .mobile-nav__close:focus-visible, .mobile-nav__close:active {
    color: #161616;
    opacity: 0.72;
  }
  /* line 521, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__section {
    display: flex;
    flex-flow: column;
    gap: 0.8rem;
  }
  /* line 526, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__section[hidden] {
    display: none;
  }
  /* line 531, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }
  /* line 537, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__card {
    display: flex;
    flex-flow: column;
    gap: 0.38rem;
    min-height: 6.3rem;
    padding: 1rem;
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.08), 0 14px 32px rgba(15, 23, 42, 0.06);
    color: #161616;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  }
  /* line 552, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__card:hover, .mobile-nav__card:focus-visible, .mobile-nav__card:active {
    transform: translateY(-1px);
    box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.12), 0 18px 32px rgba(15, 23, 42, 0.08);
    text-decoration: none;
  }
  /* line 562, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__card--active {
    background: linear-gradient(180deg, rgba(15, 104, 211, 0.14), rgba(15, 104, 211, 0.08));
    box-shadow: inset 0 0 0 1px rgba(15, 104, 211, 0.18), 0 18px 34px rgba(15, 104, 211, 0.14);
  }
  /* line 570, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__card-title {
    color: #161616;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }
  /* line 578, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__card-copy {
    color: rgba(22, 22, 22, 0.66);
    font-size: 0.83rem;
    line-height: 1.45;
    text-wrap: balance;
  }
  /* line 585, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__account-header {
    display: flex;
    flex-flow: column;
    gap: 0.28rem;
    padding: 0.2rem 0.1rem 0.15rem;
  }
  /* line 592, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__profile-kicker {
    color: rgba(22, 22, 22, 0.52);
    font-size: 0.76rem;
    font-weight: 500;
  }
  /* line 598, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__profile-name {
    color: #161616;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
  }
  /* line 606, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__account-copy {
    margin: 0;
    color: rgba(22, 22, 22, 0.72);
    font-size: 0.9rem;
    line-height: 1.55;
  }
  /* line 613, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__community {
    padding-top: 0.1rem;
  }
  /* line 617, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__discord-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 3rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: #5865f2;
    box-shadow: 0 16px 28px rgba(88, 101, 242, 0.2);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
  }
  /* line 633, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__discord-cta svg {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
  }
  /* line 638, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__discord-cta svg path {
    fill: #fff;
  }
  /* line 643, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__discord-cta:hover, .mobile-nav__discord-cta:focus-visible, .mobile-nav__discord-cta:active {
    background: #5562eb;
    box-shadow: 0 18px 30px rgba(88, 101, 242, 0.24);
    transform: translateY(-1px);
    text-decoration: none;
  }
  /* line 653, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list {
    display: flex;
    flex-flow: column;
    gap: 0.55rem;
  }
  /* line 659, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.08);
    color: #161616;
    font-size: 0.94rem;
    font-weight: 500;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }
  /* line 674, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-link:hover, .mobile-nav__list-link:focus-visible, .mobile-nav__list-link:active {
    transform: translateY(-1px);
    box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.12), 0 14px 28px rgba(15, 23, 42, 0.06);
    text-decoration: none;
  }
  /* line 684, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-link--primary {
    background: rgba(15, 104, 211, 0.08);
    box-shadow: inset 0 0 0 1px rgba(15, 104, 211, 0.14);
    color: #161616;
  }
  /* line 689, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-link--primary .mobile-nav__list-arrow {
    color: rgba(15, 104, 211, 0.82);
  }
  /* line 694, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-link--muted {
    color: rgba(22, 22, 22, 0.72);
  }
  /* line 698, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-link--danger {
    color: #c73a4d;
  }
  /* line 701, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-link--danger .mobile-nav__list-arrow {
    color: rgba(199, 58, 77, 0.72);
  }
  /* line 705, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-link--danger:hover, .mobile-nav__list-link--danger:focus-visible, .mobile-nav__list-link--danger:active {
    box-shadow: inset 0 0 0 1px rgba(199, 58, 77, 0.18), 0 14px 28px rgba(199, 58, 77, 0.08);
  }
  /* line 715, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__list-arrow {
    color: rgba(22, 22, 22, 0.42);
    font-size: 1rem;
  }
}

@media only screen and (max-width: 40rem) {
  /* line 724, app/assets/stylesheets/partials/_header.scss */
  .main-nav {
    gap: 0.65rem;
    padding: 0.55rem 0.8rem;
  }
  /* line 729, app/assets/stylesheets/partials/_header.scss */
  .main-nav__logo svg {
    height: 1.58rem;
  }
  /* line 734, app/assets/stylesheets/partials/_header.scss */
  .main-nav__mobile-actions {
    gap: 0.5rem;
  }
  /* line 738, app/assets/stylesheets/partials/_header.scss */
  .main-nav__menu-button {
    width: 2.75rem;
    height: 2.1rem;
  }
  /* line 744, app/assets/stylesheets/partials/_header.scss */
  .main-nav__pfp .sign-in {
    min-height: 2.3rem;
    padding: 0.66rem 0.82rem;
    font-size: 0.84rem;
  }
  /* line 750, app/assets/stylesheets/partials/_header.scss */
  .main-nav__pfp .pfp-image img {
    width: 2.3rem;
    height: 2.3rem;
  }
  /* line 757, app/assets/stylesheets/partials/_header.scss */
  .main-nav__mobile-account-button--signin {
    padding: 0.6em 1.2em;
    font-size: 0.84rem;
  }
  /* line 762, app/assets/stylesheets/partials/_header.scss */
  .main-nav__mobile-account-button--avatar {
    width: 2.3rem;
    height: 2.3rem;
  }
  /* line 770, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__sheet {
    gap: 1.1rem;
    max-height: calc(100vh - 0.5rem);
    max-height: calc(100dvh - 0.5rem);
    padding-right: 0.9rem;
    padding-left: 0.9rem;
  }
  /* line 778, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__switcher {
    width: 100%;
  }
  /* line 782, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__grid {
    grid-template-columns: 1fr;
  }
  /* line 786, app/assets/stylesheets/partials/_header.scss */
  .mobile-nav__card {
    min-height: 0;
  }
}

/* line 1, app/assets/stylesheets/partials/_footer.scss */
.site-footer {
  position: relative;
  margin-top: auto;
  background: linear-gradient(180deg, rgba(22, 22, 22, 0.96) 0%, #161616 55%, rgba(0, 0, 0, 0.98) 100%);
  color: rgba(255, 255, 255, 0.72);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/partials/_footer.scss */
.site-footer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(900px 260px at 12% 18%, rgba(15, 104, 211, 0.22) 0%, rgba(15, 104, 211, 0) 62%), radial-gradient(700px 220px at 85% 28%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 60%), radial-gradient(900px 320px at 65% 120%, rgba(15, 104, 211, 0.12) 0%, rgba(15, 104, 211, 0) 60%);
  pointer-events: none;
  opacity: 0.9;
}

/* line 26, app/assets/stylesheets/partials/_footer.scss */
.site-footer__inner {
  position: relative;
  padding: 3.5rem 1rem 0 1rem;
  box-sizing: content-box;
}

/* line 32, app/assets/stylesheets/partials/_footer.scss */
.site-footer__top {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 2.5rem;
  padding-bottom: 2.5rem;
}

/* line 39, app/assets/stylesheets/partials/_footer.scss */
.site-footer__brand {
  display: flex;
  flex-flow: column;
  gap: 0.75rem;
}

/* line 45, app/assets/stylesheets/partials/_footer.scss */
.site-footer__brand-link {
  display: inline-flex;
  align-items: center;
  width: max-content;
  border-radius: 0.75rem;
  padding: 0.25rem 0.25rem 0.25rem 0;
  transition: 160ms ease-in-out;
}

/* line 53, app/assets/stylesheets/partials/_footer.scss */
.site-footer__brand-link:hover {
  opacity: 0.95;
  transform: translateY(-1px);
}

/* line 58, app/assets/stylesheets/partials/_footer.scss */
.site-footer__brand-link:active {
  transform: translateY(0);
}

/* line 62, app/assets/stylesheets/partials/_footer.scss */
.site-footer__brand-link:focus-visible {
  outline: 2px solid rgba(15, 104, 211, 0.95);
  outline-offset: 4px;
}

/* line 68, app/assets/stylesheets/partials/_footer.scss */
.site-footer__brand-logo {
  height: 2.25rem;
  width: auto;
  display: block;
}

/* line 74, app/assets/stylesheets/partials/_footer.scss */
.site-footer__brand-text {
  font-size: 0.95rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.7);
  max-width: 34rem;
}

/* line 81, app/assets/stylesheets/partials/_footer.scss */
.site-footer__col-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.875rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 1rem;
}

/* line 91, app/assets/stylesheets/partials/_footer.scss */
.site-footer__link-list {
  display: flex;
  flex-flow: column;
  gap: 0.625rem;
}

/* line 97, app/assets/stylesheets/partials/_footer.scss */
.site-footer__link-item {
  display: flex;
}

/* line 101, app/assets/stylesheets/partials/_footer.scss */
.site-footer__link {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 0.25rem 0;
  transition: 160ms ease-in-out;
  border-radius: 0.35rem;
}

/* line 111, app/assets/stylesheets/partials/_footer.scss */
.site-footer__link:hover {
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
}

/* line 116, app/assets/stylesheets/partials/_footer.scss */
.site-footer__link:active {
  transform: translateY(1px);
}

/* line 120, app/assets/stylesheets/partials/_footer.scss */
.site-footer__link:focus-visible {
  outline: 2px solid rgba(15, 104, 211, 0.95);
  outline-offset: 3px;
}

/* line 126, app/assets/stylesheets/partials/_footer.scss */
.site-footer__aside {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}

/* line 132, app/assets/stylesheets/partials/_footer.scss */
.site-footer__panel {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1rem;
  padding: 1.25rem;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
  flex: 1;
}

/* line 141, app/assets/stylesheets/partials/_footer.scss */
.site-footer__panel--social {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}

/* line 149, app/assets/stylesheets/partials/_footer.scss */
.site-footer__panel-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.95rem;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 0.5rem;
}

/* line 157, app/assets/stylesheets/partials/_footer.scss */
.site-footer__text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
}

/* line 163, app/assets/stylesheets/partials/_footer.scss */
.site-footer__fineprint {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.62);
}

/* line 169, app/assets/stylesheets/partials/_footer.scss */
.site-footer__social-list {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
}

/* line 175, app/assets/stylesheets/partials/_footer.scss */
.site-footer__social-item {
  display: flex;
}

/* line 179, app/assets/stylesheets/partials/_footer.scss */
.site-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  transition: 160ms ease-in-out;
}

/* line 190, app/assets/stylesheets/partials/_footer.scss */
.site-footer__social-link:hover {
  transform: translateY(-1px);
  background: rgba(0, 0, 0, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 10px 24px rgba(0, 0, 0, 0.18);
}

/* line 198, app/assets/stylesheets/partials/_footer.scss */
.site-footer__social-link:active {
  transform: translateY(0);
}

/* line 202, app/assets/stylesheets/partials/_footer.scss */
.site-footer__social-link:focus-visible {
  outline: 2px solid rgba(15, 104, 211, 0.95);
  outline-offset: 3px;
}

/* line 208, app/assets/stylesheets/partials/_footer.scss */
.site-footer__social-icon {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
}

/* line 214, app/assets/stylesheets/partials/_footer.scss */
.site-footer__bottom {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 1.25rem 0 1.5rem 0;
}

/* line 220, app/assets/stylesheets/partials/_footer.scss */
.site-footer__bottom-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
  box-sizing: content-box;
}

/* line 229, app/assets/stylesheets/partials/_footer.scss */
.site-footer__bottom-links {
  display: flex;
  flex-flow: row wrap;
  gap: 0.9rem;
}

/* line 235, app/assets/stylesheets/partials/_footer.scss */
.site-footer__bottom-link {
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  border-radius: 0.35rem;
  padding: 0.25rem 0;
  transition: 160ms ease-in-out;
}

/* line 242, app/assets/stylesheets/partials/_footer.scss */
.site-footer__bottom-link:hover {
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
}

/* line 247, app/assets/stylesheets/partials/_footer.scss */
.site-footer__bottom-link:active {
  transform: translateY(1px);
}

/* line 251, app/assets/stylesheets/partials/_footer.scss */
.site-footer__bottom-link:focus-visible {
  outline: 2px solid rgba(15, 104, 211, 0.95);
  outline-offset: 3px;
}

/* line 257, app/assets/stylesheets/partials/_footer.scss */
.site-footer__copyright {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.875rem;
  line-height: 1.25;
}

/* line 267, app/assets/stylesheets/partials/_footer.scss */
.site-footer__copyright-sep {
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.26);
  display: inline-block;
}

/* line 275, app/assets/stylesheets/partials/_footer.scss */
.site-footer__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media only screen and (max-width: 64rem) {
  /* line 290, app/assets/stylesheets/partials/_footer.scss */
  .site-footer__inner {
    padding-top: 3rem;
  }
  /* line 294, app/assets/stylesheets/partials/_footer.scss */
  .site-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  /* line 299, app/assets/stylesheets/partials/_footer.scss */
  .site-footer__brand {
    grid-column: 1 / -1;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 307, app/assets/stylesheets/partials/_footer.scss */
  .site-footer__inner {
    padding-top: 2.5rem;
  }
  /* line 311, app/assets/stylesheets/partials/_footer.scss */
  .site-footer__top {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding-bottom: 2rem;
  }
  /* line 317, app/assets/stylesheets/partials/_footer.scss */
  .site-footer__aside {
    flex-flow: column;
  }
  /* line 320, app/assets/stylesheets/partials/_footer.scss */
  .site-footer__bottom-inner {
    flex-flow: column;
    align-items: flex-start;
    padding: 0 1rem;
  }
}

/* line 1, app/assets/stylesheets/partials/_hero.scss */
.hero {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
  position: relative;
  isolation: isolate;
}

/* line 10, app/assets/stylesheets/partials/_hero.scss */
.hero__part {
  position: relative;
  z-index: 1;
}

/* line 15, app/assets/stylesheets/partials/_hero.scss */
.hero .head-container {
  font-size: 1.125em;
}

/* line 17, app/assets/stylesheets/partials/_hero.scss */
.hero .head-container__description {
  max-width: 20em;
  font-weight: 200;
}

/* line 23, app/assets/stylesheets/partials/_hero.scss */
.hero__lumov1 {
  display: flex;
  position: relative;
  height: 27em;
  max-width: 32.5em;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
}

/* line 33, app/assets/stylesheets/partials/_hero.scss */
.hero__lumov1 .lumo-sitting {
  font-size: .5rem;
}

/* line 39, app/assets/stylesheets/partials/_hero.scss */
.hero__svg {
  position: relative;
  height: 27em;
  max-width: 32.5em;
  width: 100%;
}

/* line 45, app/assets/stylesheets/partials/_hero.scss */
.hero__svg * {
  position: absolute;
}

/* line 50, app/assets/stylesheets/partials/_hero.scss */
.hero__svg .bubble-1, .hero__svg .bubble-2, .hero__svg .bubble-3 {
  z-index: 1;
}

/* line 54, app/assets/stylesheets/partials/_hero.scss */
.hero__svg .bubble-1 {
  animation: bubblefloat 15s ease-in-out infinite;
  animation-delay: 2s;
  bottom: 0;
  right: 8.5em;
}

/* line 61, app/assets/stylesheets/partials/_hero.scss */
.hero__svg .bubble-2 {
  animation: bubblefloat 10s ease-in-out infinite;
  top: 1em;
  right: 0;
}

/* line 67, app/assets/stylesheets/partials/_hero.scss */
.hero__svg .bubble-3 {
  animation: bubblefloat 20s ease-in-out infinite;
  animation-delay: 4s;
  top: 5em;
  left: -3rem;
}

/* line 75, app/assets/stylesheets/partials/_hero.scss */
.hero__svg .bubble-item-1 {
  animation: bubbleitemfloat 10s ease-in-out infinite;
  animation-delay: 2s;
  right: 2.5em;
  bottom: 10em;
}

/* line 82, app/assets/stylesheets/partials/_hero.scss */
.hero__svg .bubble-item-2 {
  animation: bubbleitemfloat 15s ease-in-out infinite;
  bottom: 5em;
  left: 5em;
}

/* line 88, app/assets/stylesheets/partials/_hero.scss */
.hero__svg .bubble-item-3 {
  animation: bubbleitemfloat 20s ease-in-out infinite;
  left: 15em;
  top: 8em;
}

@media only screen and (max-width: 75rem) {
  /* line 98, app/assets/stylesheets/partials/_hero.scss */
  .hero__svg .bubble-3 {
    display: block;
    bottom: unset;
    right: unset;
    height: 100%;
    width: 100%;
    padding-top: 2rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  /* line 110, app/assets/stylesheets/partials/_hero.scss */
  .hero__svg .bubble-2 {
    display: none;
  }
  /* line 113, app/assets/stylesheets/partials/_hero.scss */
  .hero__svg .bubble-1 {
    display: none;
  }
  /* line 118, app/assets/stylesheets/partials/_hero.scss */
  .hero__svg .bubble-item-1 {
    display: none;
  }
  /* line 121, app/assets/stylesheets/partials/_hero.scss */
  .hero__svg .bubble-item-2 {
    display: none;
  }
  /* line 124, app/assets/stylesheets/partials/_hero.scss */
  .hero__svg .bubble-item-3 {
    display: none;
  }
}

@media only screen and (max-width: 64rem) {
  /* line 134, app/assets/stylesheets/partials/_hero.scss */
  .hero {
    flex-flow: column-reverse;
    text-align: center;
  }
  /* line 138, app/assets/stylesheets/partials/_hero.scss */
  .hero__svg {
    font-size: .75em;
    margin-left: 0;
  }
  /* line 144, app/assets/stylesheets/partials/_hero.scss */
  .hero .head-container__description {
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 153, app/assets/stylesheets/partials/_hero.scss */
  .hero {
    overflow: hidden;
    min-height: 18rem;
  }
  /* line 157, app/assets/stylesheets/partials/_hero.scss */
  .hero__part {
    width: 100%;
  }
  /* line 161, app/assets/stylesheets/partials/_hero.scss */
  .hero__lumov1 {
    display: flex;
    position: absolute;
    inset: 0;
    max-width: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    pointer-events: none;
    z-index: 0;
  }
  /* line 175, app/assets/stylesheets/partials/_hero.scss */
  .hero__svg {
    font-size: .5em;
  }
  /* line 179, app/assets/stylesheets/partials/_hero.scss */
  .hero .head-container {
    font-size: 0.75em;
  }
  /* line 182, app/assets/stylesheets/partials/_hero.scss */
  .hero .head-container .button-group {
    font-size: 1.25em;
  }
  /* line 188, app/assets/stylesheets/partials/_hero.scss */
  .hero-emote-previews {
    position: absolute;
    inset: 0;
    min-width: 0;
    z-index: 0;
    opacity: 0.18;
    filter: saturate(0.9);
  }
}

@keyframes bubblefloat {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@keyframes bubbleitemfloat {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}

/* line 223, app/assets/stylesheets/partials/_hero.scss */
#emote-container {
  position: relative;
  width: 16rem;
  height: 100%;
}

/* line 228, app/assets/stylesheets/partials/_hero.scss */
#emote-container .emote {
  position: absolute;
  max-width: 64px;
  max-height: 64px;
  width: auto;
  height: auto;
  opacity: 0;
  animation: popFade 6s ease-in-out;
  pointer-events: none;
}

@keyframes popFade {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  10% {
    opacity: 1;
    transform: scale(1.1);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

/* line 259, app/assets/stylesheets/partials/_hero.scss */
.hero-emote-previews {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
  flex-grow: 1;
  min-width: 8rem;
  z-index: 1;
}

/* line 271, app/assets/stylesheets/partials/_hero.scss */
.lumo-sitting-hero {
  position: relative;
  display: block;
  width: 329px;
  min-width: 329px;
  height: 438px;
  min-height: 438px;
  z-index: 1;
}

/* line 280, app/assets/stylesheets/partials/_hero.scss */
.lumo-sitting-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 287, app/assets/stylesheets/partials/_hero.scss */
.lumo-sitting-hero__pinsel {
  position: absolute;
  display: block;
  width: 166px;
  min-width: 166px;
  height: 123px;
  min-height: 123px;
  z-index: 1;
  bottom: -20px;
  right: -20px;
}

/* line 300, app/assets/stylesheets/partials/_hero.scss */
.bubble-effect {
  display: contents;
}

@media only screen and (max-width: 32rem) {
  /* line 305, app/assets/stylesheets/partials/_hero.scss */
  #emote-container {
    width: 100%;
    height: 100%;
  }
  /* line 310, app/assets/stylesheets/partials/_hero.scss */
  .lumo-sitting-hero,
.bubble-effect {
    display: none;
  }
}

/* line 316, app/assets/stylesheets/partials/_hero.scss */
.circle_container {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 10px;
  transform-origin: left center;
}

/* line 323, app/assets/stylesheets/partials/_hero.scss */
.circle_container .circle {
  position: absolute;
  border-radius: 100%;
  background: rgba(15, 104, 211, 0.3);
  left: 0;
  opacity: 0;
  animation-name: move-circle;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

/* line 336, app/assets/stylesheets/partials/_hero.scss */
.circle_container:nth-child(5n + 1) .circle {
  background: rgba(93, 173, 226, 0.34);
}

/* line 340, app/assets/stylesheets/partials/_hero.scss */
.circle_container:nth-child(5n + 2) .circle {
  background: rgba(125, 211, 252, 0.28);
}

/* line 344, app/assets/stylesheets/partials/_hero.scss */
.circle_container:nth-child(5n + 3) .circle {
  background: rgba(244, 114, 182, 0.26);
}

/* line 348, app/assets/stylesheets/partials/_hero.scss */
.circle_container:nth-child(5n + 4) .circle {
  background: rgba(250, 204, 21, 0.22);
}

/* line 352, app/assets/stylesheets/partials/_hero.scss */
.circle_container:nth-child(5n + 5) .circle {
  background: rgba(52, 211, 153, 0.24);
}

@keyframes move-circle {
  0% {
    transform: translateX(0px);
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translateX(70vmin);
    opacity: 0;
  }
}

/* line 2, app/assets/stylesheets/partials/_tabs.scss */
.tabs-container .tabs {
  display: flex;
  flex-flow: row;
  gap: 1rem;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}

/* line 9, app/assets/stylesheets/partials/_tabs.scss */
.tabs-container .tabs button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: .5rem 0;
  font-weight: 500;
  font-size: 0.875rem;
  color: rgba(22, 22, 22, 0.75);
}

/* line 20, app/assets/stylesheets/partials/_tabs.scss */
.tabs-container .tabs button:hover {
  color: #161616;
}

/* line 24, app/assets/stylesheets/partials/_tabs.scss */
.tabs-container .tabs button.active {
  color: #161616;
  box-shadow: 0 2px 0 #161616;
}

/* line 31, app/assets/stylesheets/partials/_tabs.scss */
.tabs-container__content {
  display: none;
  flex-flow: column;
  gap: 1rem;
  padding: 2rem 0;
}

/* line 37, app/assets/stylesheets/partials/_tabs.scss */
.tabs-container__content.active {
  display: flex;
}

/* line 1, app/assets/stylesheets/partials/_social-media.scss */
.social-media {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

/* line 8, app/assets/stylesheets/partials/_social-media.scss */
.social-media__item {
  height: 100%;
}

/* line 10, app/assets/stylesheets/partials/_social-media.scss */
.social-media__item a {
  transition: 200ms ease-in-out;
  width: 100%;
}

/* line 14, app/assets/stylesheets/partials/_social-media.scss */
.social-media__item a img {
  width: 2em;
}

/* line 18, app/assets/stylesheets/partials/_social-media.scss */
.social-media__item a:hover {
  opacity: .8;
}

/* line 24, app/assets/stylesheets/partials/_social-media.scss */
.social-media__nav-item {
  height: 100%;
  padding: .8em 0;
  width: 100%;
}

/* line 29, app/assets/stylesheets/partials/_social-media.scss */
.social-media__nav-item a {
  display: flex;
  transition: 200ms ease-in-out;
  width: 100%;
}

/* line 34, app/assets/stylesheets/partials/_social-media.scss */
.social-media__nav-item a img, .social-media__nav-item a svg {
  width: 1.125em;
  height: 1.25rem;
  fill: #fff;
}

@media only screen and (max-width: 64rem) {
  /* line 34, app/assets/stylesheets/partials/_social-media.scss */
  .social-media__nav-item a img, .social-media__nav-item a svg {
    fill: #161616;
  }
}

/* line 43, app/assets/stylesheets/partials/_social-media.scss */
.social-media__nav-item a:hover {
  opacity: .8;
}

/* line 2, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item-list__content {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  grid-auto-rows: minmax(8rem, auto);
}

/* line 8, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item-list__content--preview {
  align-content: start;
}

/* line 12, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item-list__pagination {
  margin-top: 6em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 19, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item-list-count {
  font-weight: 500;
  opacity: .5;
}

@media only screen and (max-width: 30rem) {
  /* line 27, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item-list__pagination {
    flex-flow: column;
    gap: 2rem;
  }
  /* line 32, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item-list-count {
    order: 3;
  }
}

@media only screen and (max-width: 22rem) {
  /* line 39, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item-list__content {
    grid-gap: .5em;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    grid-auto-rows: minmax(5rem, auto);
  }
}

/* line 48, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  align-items: center;
  flex-flow: column;
  border-radius: 3px;
  width: 100%;
  padding: .75rem .5rem;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.125);
  cursor: pointer;
  box-sizing: border-box;
  transition: 200ms;
}

/* line 64, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item.pending_review {
  opacity: .75;
}

/* line 68, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item.is_private {
  /*box-shadow: 0px 1px 3px rgba(114, 7, 7, 0.5)*/
}

/* line 76, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
  line-height: 0;
}

/* line 84, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__icon svg {
  max-height: 4rem;
  max-width: 4rem;
  height: 4rem;
  width: auto;
  fill: #161616;
}

/* line 93, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  height: 4rem;
  width: 4rem;
  overflow: hidden;
}

/* line 102, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__image img {
  max-height: 4rem;
  max-width: 4rem;
}

/* line 108, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__text {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  align-self: stretch;
}

/* line 117, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__code {
  font-weight: 900;
  font-size: 0.875rem;
  opacity: .8;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

/* line 128, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__author {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  font-size: .75rem;
  opacity: .8;
  word-spacing: -1px;
  text-align: center;
}

/* line 139, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__author svg {
  height: .75rem;
  width: auto;
}

/* line 145, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__state {
  display: flex;
  flex-flow: row;
  align-items: center;
  font-size: .75rem;
  opacity: .8;
  word-spacing: -1px;
  text-align: center;
  gap: .25rem;
}

/* line 155, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__state svg {
  height: .75rem;
  fill: #161616;
}

/* line 161, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__state--placeholder {
  visibility: hidden;
}

/* line 165, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__state--warning {
  color: #92400e;
}

/* line 169, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__state--warning svg {
  fill: #92400e;
}

/* line 173, app/assets/stylesheets/partials/_emote-item.scss */
.emote-item__state--download {
  opacity: .7;
}

@media only screen and (max-width: 22rem) {
  /* line 48, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item {
    flex-flow: row;
    height: 5rem;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
    transition: 200ms ease-in-out;
  }
  /* line 185, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item .emote-item__image {
    min-width: 3em;
  }
  /* line 187, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item .emote-item__image img {
    max-height: 3em;
    max-width: 3em;
  }
  /* line 193, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item .emote-item__text {
    flex-grow: 1;
  }
  /* line 197, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item .emote-item__code {
    text-align: center;
    width: 100%;
  }
  /* line 204, app/assets/stylesheets/partials/_emote-item.scss */
  .emote-item:hover, .emote-item:focus, .emote-item:active {
    background-color: rgba(15, 103, 211, 0.05);
  }
}

/* line 210, app/assets/stylesheets/partials/_emote-item.scss */
.add-emote {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-weight: 900;
  text-decoration: none;
  color: #161616;
  border: 1px solid rgba(22, 22, 22, 0.5);
  border-radius: 3px;
  transition: 200ms;
}

/* line 223, app/assets/stylesheets/partials/_emote-item.scss */
.add-emote:hover, .add-emote:focus, .add-emote:active {
  opacity: .75;
  text-decoration: none;
}

/* line 228, app/assets/stylesheets/partials/_emote-item.scss */
.add-emote__icon svg {
  height: 1.5rem;
  fill: #161616;
}

/* line 233, app/assets/stylesheets/partials/_emote-item.scss */
.add-emote__text {
  text-transform: uppercase;
}

/* line 1, app/assets/stylesheets/partials/_search.scss */
.emote_search {
  --browse-content-max-width: calc(56rem + 6rem);
  display: block;
  width: 100%;
}

/* line 6, app/assets/stylesheets/partials/_search.scss */
.emote_search .search-bar__content,
.emote_search .search-filter,
.emote_search #emote-results .emote-item-list {
  width: 100%;
  max-width: var(--browse-content-max-width);
  margin-inline: auto;
}

/* line 15, app/assets/stylesheets/partials/_search.scss */
.search {
  max-width: 55em;
  height: 3.5rem;
  background: #fff;
  margin: 2em auto;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.125);
}

/* line 26, app/assets/stylesheets/partials/_search.scss */
.search__select {
  height: 100%;
}

/* line 30, app/assets/stylesheets/partials/_search.scss */
.search__text-input {
  height: 100%;
  flex-grow: 1;
}

/* line 34, app/assets/stylesheets/partials/_search.scss */
.search__text-input form {
  display: unset;
  gap: unset;
  flex-flow: unset;
}

/* line 41, app/assets/stylesheets/partials/_search.scss */
.search__button {
  height: 100%;
}

/* line 45, app/assets/stylesheets/partials/_search.scss */
.search__cancel-button {
  height: 100%;
  display: flex;
  display: none;
  align-items: center;
  justify-content: center;
}

/* line 53, app/assets/stylesheets/partials/_search.scss */
.search__display-options {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75em;
  height: 100%;
  margin-left: 1em;
}

/* line 63, app/assets/stylesheets/partials/_search.scss */
.search__filter {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0 1em;
  height: 100%;
}

/* line 71, app/assets/stylesheets/partials/_search.scss */
.search__filter:hover, .search__filter:focus, .search__filter:active {
  background: rgba(0, 0, 0, 0.025);
}

/* line 75, app/assets/stylesheets/partials/_search.scss */
.search__filter svg {
  height: 1.5em;
  width: 1.5em;
  margin-right: .5em;
  fill: #161616;
}

/* line 82, app/assets/stylesheets/partials/_search.scss */
.search__filter span {
  font-size: 1.125em;
  font-weight: 400;
}

/* line 87, app/assets/stylesheets/partials/_search.scss */
.search__filter--active {
  color: #0f68d3;
  box-shadow: inset 0px -1px 0px #0f68d3;
}

/* line 91, app/assets/stylesheets/partials/_search.scss */
.search__filter--active span {
  font-weight: 500;
}

/* line 95, app/assets/stylesheets/partials/_search.scss */
.search__filter--active svg {
  fill: #0f68d3;
}

/* line 98, app/assets/stylesheets/partials/_search.scss */
.search__filter--active svg path {
  stroke: #0f68d3;
  stroke-width: 1;
}

/* line 106, app/assets/stylesheets/partials/_search.scss */
.search__hr {
  background-color: rgba(0, 0, 0, 0.05);
  width: 1px;
  height: 100%;
}

/* line 111, app/assets/stylesheets/partials/_search.scss */
.search-select {
  position: relative;
  height: 100%;
  user-select: none;
}

/* line 116, app/assets/stylesheets/partials/_search.scss */
.search-select__dropdown {
  display: none;
}

/* line 120, app/assets/stylesheets/partials/_search.scss */
.search-select__current {
  position: relative;
  font-weight: bold;
  padding: 0 1.5em;
  cursor: pointer;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 200ms ease-in-out;
  border: none;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
  max-width: 8em;
  background: none;
}

/* line 136, app/assets/stylesheets/partials/_search.scss */
.search-select__current:hover, .search-select__current:focus, .search-select__current:active {
  background: rgba(0, 0, 0, 0.025);
  border-right: 1px solid rgba(0, 0, 0, 0);
}

/* line 141, app/assets/stylesheets/partials/_search.scss */
.search-select__current::after {
  content: "▼";
  font-size: 12px;
  cursor: pointer;
  margin-left: 0.25em;
}

/* line 150, app/assets/stylesheets/partials/_search.scss */
.search-input {
  height: 100%;
  padding-left: 1em;
  width: 100%;
  border: none;
  outline: none;
  box-sizing: border-box !important;
  font-family: 'Roboto', sans-serif;
}

/* line 159, app/assets/stylesheets/partials/_search.scss */
.search-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #999;
}

/* line 163, app/assets/stylesheets/partials/_search.scss */
.search-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #999;
}

/* line 169, app/assets/stylesheets/partials/_search.scss */
.search-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 3.5rem;
  border: none;
  padding: 0;
  background: #0f68d3;
  border-radius: 0 3px 3px 0;
}

/* line 181, app/assets/stylesheets/partials/_search.scss */
.search-submit:hover svg {
  transform: scale(0.7);
}

/* line 186, app/assets/stylesheets/partials/_search.scss */
.search-submit svg {
  transform: scale(0.75);
  transition: 200ms ease-in-out;
  fill: #fff;
}

/* line 193, app/assets/stylesheets/partials/_search.scss */
.search-cancel {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  width: 1.125em;
  border: none;
  padding: 0;
  background: none;
  margin-right: 1em;
  opacity: .75;
}

/* line 205, app/assets/stylesheets/partials/_search.scss */
.search-cancel:hover, .search-cancel:focus, .search-cancel:active {
  opacity: 1;
}

/* line 209, app/assets/stylesheets/partials/_search.scss */
.search-cancel svg {
  transition: 200ms ease-in-out;
}

/* line 212, app/assets/stylesheets/partials/_search.scss */
.search-cancel svg line {
  stroke: #161616;
}

/* line 218, app/assets/stylesheets/partials/_search.scss */
.search--advanced {
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  box-shadow: none;
}

/* line 224, app/assets/stylesheets/partials/_search.scss */
.search--advanced .search-input {
  max-width: auto;
  width: 100%;
}

/* line 229, app/assets/stylesheets/partials/_search.scss */
.search--advanced .search-cancel {
  margin-right: 0;
  width: 2.125em;
  padding-right: 1em;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  height: calc(100% - 2em);
}

/* line 237, app/assets/stylesheets/partials/_search.scss */
.search--advanced .search-submit {
  background-color: unset;
  opacity: .25;
  padding-left: 0;
  width: 3em;
}

/* line 243, app/assets/stylesheets/partials/_search.scss */
.search--advanced .search-submit svg {
  transform: scale(0.65);
  fill: #161616;
}

/* line 248, app/assets/stylesheets/partials/_search.scss */
.search--advanced .search-submit--active {
  opacity: 1;
}

/* line 254, app/assets/stylesheets/partials/_search.scss */
.search-bar {
  position: relative;
  background: #fff;
  width: 100%;
  height: 3.5rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 99;
}

/* line 262, app/assets/stylesheets/partials/_search.scss */
.search-bar__content {
  height: 100%;
  margin: 0 auto;
}

/* line 269, app/assets/stylesheets/partials/_search.scss */
.select-dropdown {
  position: absolute;
  top: calc(100% - 3px);
  background: #fff;
  width: calc(100% - 1px);
  max-width: calc(8em - 2px);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  display: none;
  flex-flow: column;
}

/* line 280, app/assets/stylesheets/partials/_search.scss */
.select-dropdown__item {
  padding: 1rem 0;
  width: 100%;
  cursor: pointer;
  text-align: center;
}

/* line 285, app/assets/stylesheets/partials/_search.scss */
.select-dropdown__item:hover {
  background: rgba(0, 0, 0, 0.025);
}

/* line 291, app/assets/stylesheets/partials/_search.scss */
.display-option {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  width: 2.5em;
  cursor: pointer;
  opacity: .25;
  transition: 100ms ease-in;
}

/* line 301, app/assets/stylesheets/partials/_search.scss */
.display-option:first-child {
  margin-right: 1em;
}

/* line 305, app/assets/stylesheets/partials/_search.scss */
.display-option:hover, .display-option:focus, .display-option:active {
  opacity: .5;
}

/* line 309, app/assets/stylesheets/partials/_search.scss */
.display-option--active {
  opacity: 1;
}

/* line 311, app/assets/stylesheets/partials/_search.scss */
.display-option--active:hover, .display-option--active:focus, .display-option--active:active {
  opacity: 1;
}

/* line 316, app/assets/stylesheets/partials/_search.scss */
.display-option svg {
  width: 2.5em;
  height: 2.5em;
}

/* line 320, app/assets/stylesheets/partials/_search.scss */
.display-option svg.grid-icon {
  height: 2em;
}

@media only screen and (max-width: 100rem) {
  /* line 329, app/assets/stylesheets/partials/_search.scss */
  .search__hr:first-child, .search__hr:last-child {
    display: none;
  }
}

@media only screen and (max-width: 64rem) {
  /* line 339, app/assets/stylesheets/partials/_search.scss */
  .search-bar__content {
    padding: 0;
  }
  /* line 345, app/assets/stylesheets/partials/_search.scss */
  .search__hr:first-child, .search__hr:last-child {
    display: none;
  }
  /* line 350, app/assets/stylesheets/partials/_search.scss */
  .search__display-options {
    padding-right: 1em;
  }
  /* line 355, app/assets/stylesheets/partials/_search.scss */
  .search__filter svg {
    margin-right: 0;
  }
  /* line 358, app/assets/stylesheets/partials/_search.scss */
  .search__filter span {
    display: none;
  }
}

@media only screen and (max-width: 24rem) {
  /* line 366, app/assets/stylesheets/partials/_search.scss */
  .search-cancel {
    border-right: none !important;
  }
  /* line 370, app/assets/stylesheets/partials/_search.scss */
  .search__button {
    display: none;
  }
  /* line 374, app/assets/stylesheets/partials/_search.scss */
  .search__display-options {
    display: none;
  }
  /* line 378, app/assets/stylesheets/partials/_search.scss */
  .search .display-options-hr {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/partials/_tags.scss */
.tag-list {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/* line 8, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item {
  margin: .5em;
}

/* line 13, app/assets/stylesheets/partials/_tags.scss */
.tag {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.45em 1.25em;
  border-radius: 999px;
  text-decoration: none;
  transition: 200ms ease-in-out;
  user-select: none;
  letter-spacing: 0.02em;
}

/* line 24, app/assets/stylesheets/partials/_tags.scss */
.tag:hover, .tag:focus, .tag:active {
  opacity: .8;
  text-decoration: none;
  transform: translateY(-1px);
}

/* line 44, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item:nth-child(8n + 1) {
  color: #0f68d3;
  background: rgba(15, 104, 211, 0.1);
}

/* line 44, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item:nth-child(8n + 2) {
  color: #7c3aed;
  background: rgba(124, 58, 237, 0.1);
}

/* line 44, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item:nth-child(8n + 3) {
  color: #0d9488;
  background: rgba(13, 148, 136, 0.1);
}

/* line 44, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item:nth-child(8n + 4) {
  color: #5865F2;
  background: rgba(88, 101, 242, 0.1);
}

/* line 44, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item:nth-child(8n + 5) {
  color: #e11d48;
  background: rgba(225, 29, 72, 0.1);
}

/* line 44, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item:nth-child(8n + 6) {
  color: #059669;
  background: rgba(5, 150, 105, 0.1);
}

/* line 44, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item:nth-child(8n + 7) {
  color: #ea580c;
  background: rgba(234, 88, 12, 0.1);
}

/* line 44, app/assets/stylesheets/partials/_tags.scss */
.tag-list__item:nth-child(8n + 8) {
  color: #6441a5;
  background: rgba(100, 65, 165, 0.1);
}

/* line 1, app/assets/stylesheets/partials/_banner.scss */
.banner {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  max-width: 80em;
  padding: 1em 2em;
  background: #0f68d3;
  border-radius: 3px;
  margin: 0 auto;
}

/* line 14, app/assets/stylesheets/partials/_banner.scss */
.banner__image svg {
  width: 100%;
  height: 100%;
  max-height: 30em;
  max-width: 30em;
  min-width: 13em;
  min-height: 13em;
}

/* line 24, app/assets/stylesheets/partials/_banner.scss */
.banner__text {
  flex-grow: 1;
  color: #fff;
  padding: 1em 2em;
}

/* line 30, app/assets/stylesheets/partials/_banner.scss */
.banner__buttons {
  width: 100%;
  max-width: 15em;
  padding: 1em;
}

/* line 35, app/assets/stylesheets/partials/_banner.scss */
.banner__buttons .button {
  width: 100%;
}

@media only screen and (max-width: 83.5em) {
  /* line 43, app/assets/stylesheets/partials/_banner.scss */
  .banner__image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0.125;
  }
}

@media only screen and (max-width: 64rem) {
  /* line 54, app/assets/stylesheets/partials/_banner.scss */
  .banner {
    flex-flow: column;
    text-align: center;
    padding: 1em;
  }
  /* line 59, app/assets/stylesheets/partials/_banner.scss */
  .banner__text {
    padding: 0;
  }
  /* line 64, app/assets/stylesheets/partials/_banner.scss */
  .banner__image {
    position: relative;
    opacity: 1;
    display: block;
    max-width: 13em;
  }
  /* line 71, app/assets/stylesheets/partials/_banner.scss */
  .banner__buttons {
    margin-top: 1em;
    padding: 0;
  }
}

/* line 1, app/assets/stylesheets/partials/_counter.scss */
.counter-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-items: center;
  align-items: center;
  margin: 0 auto;
  gap: 2rem;
}

/* line 10, app/assets/stylesheets/partials/_counter.scss */
.counter-list__item:nth-child(2n) {
  color: #0f68d3;
}

/* line 16, app/assets/stylesheets/partials/_counter.scss */
.counter {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  gap: .25rem;
}

/* line 24, app/assets/stylesheets/partials/_counter.scss */
.counter__number {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 6em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  min-width: 5ch;
  text-align: center;
}

/* line 34, app/assets/stylesheets/partials/_counter.scss */
.counter__number--pulse {
  animation: counter-pulse 600ms ease-out;
}

/* line 38, app/assets/stylesheets/partials/_counter.scss */
.counter__text {
  font-size: 1em;
  font-weight: 600;
}

@keyframes counter-pulse {
  0% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

@media only screen and (max-width: 75rem) {
  /* line 57, app/assets/stylesheets/partials/_counter.scss */
  .counter-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 64rem) {
  /* line 63, app/assets/stylesheets/partials/_counter.scss */
  .counter-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 69, app/assets/stylesheets/partials/_counter.scss */
  .counter-list {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* line 1, app/assets/stylesheets/partials/_platforms.scss */
.platforms {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

@media only screen and (max-width: 64rem) {
  /* line 1, app/assets/stylesheets/partials/_platforms.scss */
  .platforms {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
}

/* line 12, app/assets/stylesheets/partials/_platforms.scss */
.platforms__step-logos {
  width: 100%;
  max-width: 20em;
  margin-right: 4em;
}

@media only screen and (max-width: 64rem) {
  /* line 12, app/assets/stylesheets/partials/_platforms.scss */
  .platforms__step-logos {
    max-width: 100%;
    margin-right: 0;
  }
}

/* line 29, app/assets/stylesheets/partials/_platforms.scss */
.step-logos {
  display: flex;
  flex-flow: column-reverse;
}

@media only screen and (max-width: 64rem) {
  /* line 29, app/assets/stylesheets/partials/_platforms.scss */
  .step-logos {
    flex-flow: row-reverse;
    margin-bottom: 1.5em;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 29, app/assets/stylesheets/partials/_platforms.scss */
  .step-logos {
    flex-flow: column;
    margin-bottom: 1em;
    justify-content: center;
  }
}

/* line 44, app/assets/stylesheets/partials/_platforms.scss */
.step-logos__item {
  max-width: 20em;
  opacity: .25;
  transition: 200ms ease-in-out;
  margin-bottom: 4em;
  width: 100%;
}

@media only screen and (max-width: 64rem) {
  /* line 44, app/assets/stylesheets/partials/_platforms.scss */
  .step-logos__item {
    margin-right: 3em;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 44, app/assets/stylesheets/partials/_platforms.scss */
  .step-logos__item {
    margin-right: 0;
    margin-bottom: 4em;
  }
  /* line 60, app/assets/stylesheets/partials/_platforms.scss */
  .step-logos__item--selected {
    margin-bottom: 0;
  }
}

/* line 65, app/assets/stylesheets/partials/_platforms.scss */
.step-logos__item:hover {
  opacity: .75;
  cursor: pointer;
}

/* line 70, app/assets/stylesheets/partials/_platforms.scss */
.step-logos__item--selected {
  opacity: 1;
  order: 1;
}

/* line 74, app/assets/stylesheets/partials/_platforms.scss */
.step-logos__item--selected:hover {
  opacity: 1;
  cursor: default;
}

/* line 80, app/assets/stylesheets/partials/_platforms.scss */
.step-logos__item img {
  position: relative;
  z-index: -1;
  width: 100%;
  height: 5em;
}

/* line 90, app/assets/stylesheets/partials/_platforms.scss */
.step-introductions__item {
  display: none;
}

/* line 93, app/assets/stylesheets/partials/_platforms.scss */
.step-introductions__item h4 {
  font-weight: 1000;
}

/* line 97, app/assets/stylesheets/partials/_platforms.scss */
.step-introductions__item ul {
  list-style-type: square;
  padding: .25em 1.25em;
}

/* line 101, app/assets/stylesheets/partials/_platforms.scss */
.step-introductions__item ul li {
  margin: .75em 0;
}

/* line 106, app/assets/stylesheets/partials/_platforms.scss */
.step-introductions__item--active {
  display: blocK;
}

/* line 1, app/assets/stylesheets/partials/_pack.scss */
.pack {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 250px;
  transition: 200ms ease-in-out;
  top: 0;
}

/* line 11, app/assets/stylesheets/partials/_pack.scss */
.pack__tag {
  position: relative;
  top: 1.25em;
  margin-top: -1.25em;
}

/* line 17, app/assets/stylesheets/partials/_pack.scss */
.pack__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
  width: 250px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/partials/_pack.scss */
.pack__name {
  margin-top: 1em;
  font-weight: 500;
}

/* line 35, app/assets/stylesheets/partials/_pack.scss */
.packs-slider {
  display: flex;
  flex-flow: row;
}

/* line 1, app/assets/stylesheets/partials/_pagination.scss */
.pagination {
  display: flex;
  flex-flow: row;
  align-items: center;
}

/* line 6, app/assets/stylesheets/partials/_pagination.scss */
.pagination__button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #fff;
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
}

/* line 16, app/assets/stylesheets/partials/_pagination.scss */
.pagination__button svg {
  height: 1.25em;
  width: 1.25em;
  fill: #161616;
}

/* line 21, app/assets/stylesheets/partials/_pagination.scss */
.pagination__button svg path {
  fill: #161616;
}

/* line 26, app/assets/stylesheets/partials/_pagination.scss */
.pagination__button--prev {
  margin-right: 1em;
}

/* line 28, app/assets/stylesheets/partials/_pagination.scss */
.pagination__button--prev svg {
  transform: rotate(-180deg);
}

/* line 33, app/assets/stylesheets/partials/_pagination.scss */
.pagination__button--next {
  margin-left: 1em;
}

/* line 37, app/assets/stylesheets/partials/_pagination.scss */
.pagination__button[disabled] {
  opacity: .5;
  cursor: default;
}

/* line 43, app/assets/stylesheets/partials/_pagination.scss */
.pagination__current {
  border: none;
  height: 100%;
  color: #161616;
  border: 1px solid rgba(23, 23, 23, 0.25);
  font-weight: 600;
  height: 1.75rem;
  text-align: center;
  margin-right: .5rem;
  border-radius: 3px;
}

/* line 55, app/assets/stylesheets/partials/_pagination.scss */
.pagination__total {
  font-size: 15px;
}

/* line 59, app/assets/stylesheets/partials/_pagination.scss */
.pagination-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

/* line 66, app/assets/stylesheets/partials/_pagination.scss */
.pagination-buttons__button {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0 .25em;
}

/* line 72, app/assets/stylesheets/partials/_pagination.scss */
.pagination-buttons__button svg {
  height: 1em;
}

/* line 76, app/assets/stylesheets/partials/_pagination.scss */
.pagination-buttons__button--prev {
  flex-flow: row-reverse;
}

/* line 79, app/assets/stylesheets/partials/_pagination.scss */
.pagination-buttons__button--prev svg {
  transform: rotate(-180deg);
  fill: #161616;
  margin-right: .5em;
}

/* line 87, app/assets/stylesheets/partials/_pagination.scss */
.pagination-buttons__button--next svg {
  fill: #fff;
  margin-left: .5em;
}

/* line 1, app/assets/stylesheets/partials/_alert.scss */
.alert {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(15, 23, 42, 0.55);
  z-index: 9999;
  padding: 1.5rem;
}

/* line 14, app/assets/stylesheets/partials/_alert.scss */
.alert.hide {
  display: none;
}

/* line 18, app/assets/stylesheets/partials/_alert.scss */
.alert hr {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  border: none;
}

/* line 25, app/assets/stylesheets/partials/_alert.scss */
.alert__content {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: stretch;
  gap: 1rem;
  background: #fff;
  color: #161616;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
  max-width: 32rem;
  width: 100%;
  max-height: calc(100vh - 3rem);
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 41, app/assets/stylesheets/partials/_alert.scss */
.alert__content--wide {
  max-width: 38rem;
}

/* line 46, app/assets/stylesheets/partials/_alert.scss */
.alert__close-button {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  height: 2rem;
  width: 2rem;
  text-align: center;
  cursor: pointer;
  color: rgba(22, 22, 22, 0.55);
  margin: 0;
  border-radius: 999px;
  transition: background-color 160ms ease, color 160ms ease;
}

/* line 63, app/assets/stylesheets/partials/_alert.scss */
.alert__close-button:hover, .alert__close-button:focus, .alert__close-button:active {
  color: rgba(22, 22, 22, 0.85);
  background: rgba(15, 23, 42, 0.06);
}

/* line 69, app/assets/stylesheets/partials/_alert.scss */
.alert--modal {
  background: rgba(15, 23, 42, 0.55);
}

/* line 73, app/assets/stylesheets/partials/_alert.scss */
.alert__content--emote-modal {
  max-width: 42rem;
}

/* line 79, app/assets/stylesheets/partials/_alert.scss */
details.alert-default-open[open] .alert__content {
  animation: alert-default-open .3s ease 0s 1 normal forwards;
}

/* line 83, app/assets/stylesheets/partials/_alert.scss */
details.alert-message-open[open] .alert__content {
  animation: alert-message-open .3s ease 0s 1 normal forwards;
}

@keyframes alert-default-open {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes alert-message-open {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

/* line 122, app/assets/stylesheets/partials/_alert.scss */
.alert.loading .emote-details__name h1,
.alert.loading .emote-details__image img,
.alert.loading .emote-details__author-platform,
.alert.loading .emote-details__author a,
.alert.loading .emote-details__tags a,
.alert.loading .emote-details__no-tags,
.alert.loading .emote-details__buttons.button-group * {
  opacity: 0;
  color: transparent;
}

/* line 133, app/assets/stylesheets/partials/_alert.scss */
.alert.loading .emote-details__name,
.alert.loading .emote-details__image,
.alert.loading .emote-details__author,
.alert.loading .emote-details__tags,
.alert.loading .emote-details__buttons.button-group {
  position: relative;
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: darkgray;
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 160, app/assets/stylesheets/partials/_alert.scss */
  .alert {
    padding: 1rem;
  }
  /* line 162, app/assets/stylesheets/partials/_alert.scss */
  .alert__content {
    border-radius: 1rem;
    padding: 1rem;
    max-height: calc(100vh - 2rem);
  }
  /* line 168, app/assets/stylesheets/partials/_alert.scss */
  .alert--modal {
    padding: 1rem;
  }
  /* line 172, app/assets/stylesheets/partials/_alert.scss */
  .alert__content--emote-modal {
    max-height: calc(100vh - 2rem);
  }
}

/* line 1, app/assets/stylesheets/partials/_notification.scss */
.notification-container {
  position: fixed;
  bottom: .5rem;
  right: .5rem;
  max-height: calc(100% - 2rem);
  height: auto;
  width: 100%;
  max-width: 30rem;
  z-index: 9999;
  display: flex;
  flex-flow: column;
  gap: .5rem;
  justify-content: flex-end;
}

/* line 16, app/assets/stylesheets/partials/_notification.scss */
.notification {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: .5rem;
  width: 100%;
  min-height: 5rem;
  background: rgba(15, 104, 211, 0.95);
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.125);
  color: #fff;
  padding: .75rem;
  overflow: hidden;
  cursor: default;
}

/* line 31, app/assets/stylesheets/partials/_notification.scss */
.notification__error {
  background: rgba(211, 15, 15, 0.95);
}

/* line 35, app/assets/stylesheets/partials/_notification.scss */
.notification__close-button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5rem;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.2);
  margin: 0.25rem;
}

/* line 47, app/assets/stylesheets/partials/_notification.scss */
.notification__close-button:hover, .notification__close-button:focus, .notification__close-button:active {
  color: rgba(255, 255, 255, 0.3);
}

/* line 52, app/assets/stylesheets/partials/_notification.scss */
.notification .notification__head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 57, app/assets/stylesheets/partials/_notification.scss */
.notification .notification__head b {
  font-weight: bold;
}

/* line 61, app/assets/stylesheets/partials/_notification.scss */
.notification .notification__head svg {
  fill: #fff;
  height: 1.5rem;
}

/* line 68, app/assets/stylesheets/partials/_notification.scss */
.notification__text span {
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.5;
}

/* line 75, app/assets/stylesheets/partials/_notification.scss */
.notification__loading-out-bottom {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 0.25rem;
  background-color: rgba(0, 0, 0, 0.25);
  animation: loading-out 6s ease-out;
}

@keyframes loading-out {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 93, app/assets/stylesheets/partials/_notification.scss */
  .notification-container {
    left: .25rem;
    bottom: .25rem;
    width: calc(100% - 0.5rem);
  }
}

/* line 1, app/assets/stylesheets/partials/_login.scss */
.login-container {
  display: flex;
  flex-flow: column;
  max-width: 38rem;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

/* line 2, app/assets/stylesheets/partials/_profile.scss */
.pfp-container[open] {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
  border-radius: 100%;
}

/* line 7, app/assets/stylesheets/partials/_profile.scss */
.pfp-image {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/partials/_profile.scss */
.pfp-image img {
  width: 100%;
  height: auto;
}

/* line 18, app/assets/stylesheets/partials/_profile.scss */
.pfp-image--large {
  height: 8rem;
  width: 8rem;
}

/* line 23, app/assets/stylesheets/partials/_profile.scss */
.pfp-image--unclickable {
  cursor: default;
}

/* line 28, app/assets/stylesheets/partials/_profile.scss */
.pfp-dropdown {
  position: absolute;
  top: 3rem;
  right: 0;
  background: #fff;
  display: flex;
  flex-flow: column;
  border-radius: 3px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 38, app/assets/stylesheets/partials/_profile.scss */
.pfp-dropdown__head {
  display: block;
  color: rgba(22, 22, 22, 0.9);
  padding: .75rem 1rem;
  width: auto;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  text-decoration: none;
}

/* line 47, app/assets/stylesheets/partials/_profile.scss */
.pfp-dropdown__head:hover, .pfp-dropdown__head:active, .pfp-dropdown__head:focus {
  background: rgba(15, 103, 211, 0.05);
  color: #161616;
  text-decoration: none;
}

/* line 54, app/assets/stylesheets/partials/_profile.scss */
.pfp-dropdown__item {
  display: flex;
  flex-flow: row;
  align-items: center;
  color: rgba(22, 22, 22, 0.9);
  padding: .75rem 1rem;
  width: auto;
  transition: 100ms ease-in;
  font-size: 0.9rem;
  line-height: .9;
  text-decoration: none;
  white-space: nowrap;
  text-wrap: nowrap;
  gap: .25rem;
}

/* line 69, app/assets/stylesheets/partials/_profile.scss */
.pfp-dropdown__item svg {
  fill: #161616;
  height: .9rem;
}

/* line 74, app/assets/stylesheets/partials/_profile.scss */
.pfp-dropdown__item span {
  position: relative;
  top: 2px;
}

/* line 79, app/assets/stylesheets/partials/_profile.scss */
.pfp-dropdown__item:hover, .pfp-dropdown__item:active, .pfp-dropdown__item:focus {
  background: rgba(15, 103, 211, 0.05);
  color: #161616;
  text-decoration: none;
}

/* line 89, app/assets/stylesheets/partials/_profile.scss */
.profile {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1rem;
}

/* line 95, app/assets/stylesheets/partials/_profile.scss */
.profile__badges {
  display: flex;
  flex-flow: row wrap;
  gap: .5rem;
  padding: .5rem 0;
}

/* line 103, app/assets/stylesheets/partials/_profile.scss */
.profile__badge svg {
  height: 1.25rem;
}

/* line 104, app/assets/stylesheets/partials/_profile.scss */
.profile__badge svg.discord {
  fill: #5865F2;
}

/* line 107, app/assets/stylesheets/partials/_profile.scss */
.profile__badge svg.twitch {
  fill: #6441a5;
}

/* line 115, app/assets/stylesheets/partials/_profile.scss */
.profile-details {
  display: flex;
  flex-flow: row wrap;
  gap: 5rem;
}

/* line 120, app/assets/stylesheets/partials/_profile.scss */
.profile-details__item {
  display: flex;
  flex-flow: column;
  gap: .25rem;
}

/* line 125, app/assets/stylesheets/partials/_profile.scss */
.profile-details__item h5 {
  text-transform: uppercase;
}

/* line 129, app/assets/stylesheets/partials/_profile.scss */
.profile-details__item p {
  font-size: 1rem;
  max-width: 30rem;
}

/* line 137, app/assets/stylesheets/partials/_profile.scss */
.profile-settings {
  flex-flow: row wrap;
  gap: 2rem;
}

/* line 142, app/assets/stylesheets/partials/_profile.scss */
.profile-setting {
  display: flex;
  flex-flow: column;
  gap: 1rem;
  max-width: 100%;
  flex-grow: 1;
  flex-basis: 22.5rem;
}

/* line 150, app/assets/stylesheets/partials/_profile.scss */
.profile-setting form {
  max-width: 44rem;
}

/* line 155, app/assets/stylesheets/partials/_profile.scss */
.profile-setting__sec-info {
  max-width: 40rem;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 1rem;
}

/* line 163, app/assets/stylesheets/partials/_profile.scss */
.profile-setting__form {
  max-width: 45rem;
}

/* line 166, app/assets/stylesheets/partials/_profile.scss */
.profile-setting__form--row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1rem;
}

/* line 174, app/assets/stylesheets/partials/_profile.scss */
.profile-setting__upload-field {
  max-width: 100%;
}

/* line 177, app/assets/stylesheets/partials/_profile.scss */
.profile-setting__upload-field input {
  max-width: 100%;
}

@media only screen and (max-width: 32rem) {
  /* line 187, app/assets/stylesheets/partials/_profile.scss */
  .profile-details {
    flex-flow: column;
    gap: 2rem;
  }
}

/* line 1, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details {
  display: flex;
  flex-flow: column;
  gap: 2rem;
  width: 100%;
}

/* line 7, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__top {
  display: flex;
  flex-flow: column;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

/* line 15, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__details {
  display: flex;
  flex-flow: column;
  width: 100%;
  gap: 1rem;
  flex-grow: 1;
}

/* line 23, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__name {
  display: inline-grid;
  text-align: center;
}

/* line 26, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__name h1 {
  height: 2.1rem;
  font-weight: 900;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  font-size: 2em;
  line-height: 1;
}

/* line 38, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__author {
  display: flex;
  flex-flow: row;
  justify-content: center;
  text-align: center;
  gap: .25rem;
}

/* line 45, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__author a {
  text-decoration: none;
  color: #161616;
}

/* line 49, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__author a:hover {
  text-decoration: underline;
}

/* line 54, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__author-platform {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  width: 1rem;
}

/* line 60, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__author-platform svg {
  max-height: 1rem;
  width: auto;
}

/* line 67, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__buttons-out {
  display: flex;
  flex-flow: column;
  gap: 1rem;
  position: absolute;
}

/* line 74, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__tags {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: center;
  gap: .75rem;
  font-size: .95rem;
}

/* line 82, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__tags a {
  color: #0f68d3;
  text-decoration: none;
}

/* line 86, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__tags a:hover {
  text-decoration: underline;
}

/* line 92, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__no-tags {
  text-align: center;
  opacity: .6;
}

/* line 97, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__image {
  height: 8rem;
  width: 8rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1rem;
  cursor: default;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

/* line 109, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__image img {
  max-height: 8rem;
  max-width: 8rem;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
}

/* line 119, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__image-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: transparent;
  cursor: default;
}

/* line 127, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__disclaimer {
  display: flex;
  flex-flow: column;
}

/* line 132, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__license {
  display: grid;
  gap: 0.22rem;
  width: 100%;
  background: #fff;
  padding: 0.85rem 1rem 0.9rem;
  border-radius: 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

/* line 143, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__license-eyebrow {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(22, 22, 22, 0.48);
  line-height: 1;
}

/* line 153, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__license-title {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.15;
  color: #161616;
}

/* line 160, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__license .info-text {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.42;
  color: rgba(22, 22, 22, 0.72);
}

/* line 168, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__status.emote-item__state {
  flex-flow: column;
  align-items: center;
  text-align: left;
  gap: 0.75rem;
}

/* line 176, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__status-line {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 182, app/assets/stylesheets/partials/_emote-details.scss */
.emote-details__status-reason {
  margin-top: 0;
}

/* line 1, app/assets/stylesheets/partials/_filter.scss */
.search-filter {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  justify-content: space-between;
}

/* line 7, app/assets/stylesheets/partials/_filter.scss */
.search-filter__items {
  display: flex;
  flex-flow: row wrap;
  gap: .5rem;
  justify-content: center;
}

/* line 15, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item {
  position: relative;
  display: flex;
  background: #fff;
  border: 1px solid black;
  padding: 0.6rem .7rem;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
}

/* line 25, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item > * {
  pointer-events: none;
}

/* line 29, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item:hover, .search-filter-item:focus, .search-filter-item:active {
  background: #ececec;
}

/* line 33, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item.active {
  background: rgba(15, 104, 211, 0.1);
}

/* line 37, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__name {
  display: flex;
  flex-flow: row;
  align-items: center;
}

/* line 42, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__name::after {
  content: "▼";
  font-size: 12px;
  cursor: pointer;
  margin-left: 0.25em;
}

/* line 50, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__current {
  display: none;
  justify-content: center;
  align-items: center;
  background: #161616;
  color: #fff;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.25rem;
  text-align: center;
  border-radius: 3px;
  font-size: .875rem;
}

/* line 63, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__current svg {
  height: .875rem;
  fill: #fff;
}

/* line 68, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__current.font-bold {
  font-weight: bold;
}

/* line 71, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__current.active {
  display: flex;
}

/* line 76, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__dropdown {
  display: none;
  flex-flow: column;
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  background: white;
  z-index: 1;
  border: 1px solid;
  border-radius: 3px;
  pointer-events: all;
  gap: unset;
}

/* line 89, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__dropdown.active {
  display: flex;
}

/* line 93, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__dropdown-item {
  display: flex;
  flex-flow: row;
  padding: 0.6rem;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
  justify-content: space-between;
  gap: .5rem;
}

/* line 103, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__dropdown-item-content {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: .5rem;
}

/* line 109, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__dropdown-item-content svg {
  height: 1rem;
  fill: #161616;
}

/* line 115, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__dropdown-item:hover, .search-filter-item__dropdown-item:focus, .search-filter-item__dropdown-item:active {
  background: #f8f8f8;
}

/* line 119, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__dropdown-item.disabled {
  opacity: .5;
}

/* line 125, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__buttons {
  display: flex;
  flex-flow: row;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 130, app/assets/stylesheets/partials/_filter.scss */
.search-filter-item__buttons .button {
  border-radius: 0;
  flex-grow: 1;
  font-size: .875rem;
  padding: .5rem;
}

@media only screen and (max-width: 32rem) {
  /* line 140, app/assets/stylesheets/partials/_filter.scss */
  .search-filter {
    justify-content: center;
  }
  /* line 143, app/assets/stylesheets/partials/_filter.scss */
  .search-filter-item {
    position: static;
  }
  /* line 146, app/assets/stylesheets/partials/_filter.scss */
  .search-filter-item__dropdown {
    width: 100%;
  }
  /* line 151, app/assets/stylesheets/partials/_filter.scss */
  .search-filter__items {
    gap: .5rem;
  }
}

/* line 1, app/assets/stylesheets/partials/_autocomplete.scss */
.awesomplete {
  position: relative;
  height: 100%;
}

/* line 5, app/assets/stylesheets/partials/_autocomplete.scss */
.awesomplete ul[id^="awesomplete_list_"] {
  position: absolute;
  top: 100%;
  background: white;
  width: 100%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  z-index: 2;
}

/* line 14, app/assets/stylesheets/partials/_autocomplete.scss */
.awesomplete ul[id^="awesomplete_list_"] li {
  padding: 0.5rem 1rem;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

/* line 22, app/assets/stylesheets/partials/_autocomplete.scss */
.awesomplete ul[id^="awesomplete_list_"] li:hover, .awesomplete ul[id^="awesomplete_list_"] li:focus, .awesomplete ul[id^="awesomplete_list_"] li:active, .awesomplete ul[id^="awesomplete_list_"] li[aria-selected=true] {
  background: #f8f8f8;
}

/* line 26, app/assets/stylesheets/partials/_autocomplete.scss */
.awesomplete ul[id^="awesomplete_list_"] li mark {
  background: none;
  font-weight: bold;
}

/* line 33, app/assets/stylesheets/partials/_autocomplete.scss */
.awesomplete span.visually-hidden {
  display: none !important;
}

/* line 2, app/assets/stylesheets/partials/_infinite-scroll.scss */
.emote-item-list__scroll-toggle {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 12, app/assets/stylesheets/partials/_infinite-scroll.scss */
.emote-item-list__scroll-toggle.sticky-toggle {
  position: sticky;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  margin-bottom: 0;
}

/* line 19, app/assets/stylesheets/partials/_infinite-scroll.scss */
.emote-item-list__scroll-toggle.sticky-toggle .search-filter-item__dropdown-item {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 1rem 0.75rem;
  font-weight: 600;
  color: #000;
}

/* line 28, app/assets/stylesheets/partials/_infinite-scroll.scss */
.emote-item-list__scroll-toggle.sticky-toggle:hover {
  transform: translateY(-2px);
}

/* line 34, app/assets/stylesheets/partials/_infinite-scroll.scss */
.scroll-toggle-container {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 40, app/assets/stylesheets/partials/_infinite-scroll.scss */
.scroll-toggle-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #e2e8f0;
  cursor: pointer;
  user-select: none;
}

/* line 48, app/assets/stylesheets/partials/_infinite-scroll.scss */
.scroll-toggle-input {
  position: relative;
  width: 48px;
  height: 24px;
  background: #374151;
  border-radius: 12px;
  border: 1px solid #4b5563;
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  outline: none;
}

/* line 60, app/assets/stylesheets/partials/_infinite-scroll.scss */
.scroll-toggle-input:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: #9ca3af;
  border-radius: 50%;
  transition: all 0.2s ease;
}

/* line 72, app/assets/stylesheets/partials/_infinite-scroll.scss */
.scroll-toggle-input:checked {
  background: #3b82f6;
  border-color: #2563eb;
}

/* line 76, app/assets/stylesheets/partials/_infinite-scroll.scss */
.scroll-toggle-input:checked:before {
  left: calc(100% - 20px);
  background: #ffffff;
}

/* line 82, app/assets/stylesheets/partials/_infinite-scroll.scss */
.scroll-toggle-input:hover {
  border-color: #6b7280;
}

/* line 86, app/assets/stylesheets/partials/_infinite-scroll.scss */
.scroll-toggle-input:checked:hover {
  border-color: #1d4ed8;
}

/* line 92, app/assets/stylesheets/partials/_infinite-scroll.scss */
.infinite-scroll-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  margin-top: 1rem;
}

/* line 100, app/assets/stylesheets/partials/_infinite-scroll.scss */
.loading-spinner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #9ca3af;
  font-size: 0.875rem;
}

/* line 107, app/assets/stylesheets/partials/_infinite-scroll.scss */
.loading-spinner svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

/* line 113, app/assets/stylesheets/partials/_infinite-scroll.scss */
.loading-spinner .spinner {
  animation: spin 1s linear infinite;
  transform-origin: center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 129, app/assets/stylesheets/partials/_infinite-scroll.scss */
.emote-item-list__pagination[style*="display: none"] {
  display: none !important;
}

/* line 133, app/assets/stylesheets/partials/_infinite-scroll.scss */
.emote-item-list__pagination[style*="display: flex"] {
  display: flex !important;
}

/* line 138, app/assets/stylesheets/partials/_infinite-scroll.scss */
.emote-item--newly-loaded {
  transform: scale(0.3);
  opacity: 0;
}

/* line 143, app/assets/stylesheets/partials/_infinite-scroll.scss */
.emote-item--newly-loaded.emote-item--ready-to-animate {
  animation: newEmoteZoomHighlight 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes newEmoteZoomHighlight {
  0% {
    background-color: rgba(15, 104, 211, 0.15);
    transform: scale(0.3);
    opacity: 0;
  }
  25% {
    background-color: rgba(15, 104, 211, 0.12);
    transform: scale(0.8);
    opacity: 0.7;
  }
  50% {
    background-color: rgba(15, 104, 211, 0.08);
    transform: scale(1.05);
    opacity: 1;
  }
  75% {
    background-color: rgba(15, 104, 211, 0.04);
    transform: scale(0.98);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.95);
    transform: scale(1);
    opacity: 1;
  }
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/partials/_infinite-scroll.scss */
  .emote-item-list__scroll-toggle {
    margin-bottom: 0.75rem;
    padding: 0.5rem;
  }
  /* line 182, app/assets/stylesheets/partials/_infinite-scroll.scss */
  .scroll-toggle-container {
    gap: 0.5rem;
  }
  /* line 186, app/assets/stylesheets/partials/_infinite-scroll.scss */
  .scroll-toggle-label {
    font-size: 0.8rem;
  }
  /* line 190, app/assets/stylesheets/partials/_infinite-scroll.scss */
  .scroll-toggle-input {
    width: 42px;
    height: 22px;
  }
  /* line 194, app/assets/stylesheets/partials/_infinite-scroll.scss */
  .scroll-toggle-input:before {
    width: 16px;
    height: 16px;
  }
  /* line 199, app/assets/stylesheets/partials/_infinite-scroll.scss */
  .scroll-toggle-input:checked:before {
    left: calc(100% - 18px);
  }
}

/* line 1, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro {
  padding: 3rem 2rem 0;
}

@media only screen and (max-width: 64rem) {
  /* line 1, app/assets/stylesheets/partials/_tag-intro.scss */
  .tag-intro {
    padding: 2rem 1rem 0;
  }
}

@media only screen and (max-width: 32rem) {
  /* line 1, app/assets/stylesheets/partials/_tag-intro.scss */
  .tag-intro {
    padding: 2rem 0.5rem 0;
  }
}

/* line 12, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__inner {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.08);
}

/* line 17, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__badge {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0f68d3;
  background: rgba(15, 104, 211, 0.08);
  border-radius: 999px;
  padding: 0.3rem 0.85rem;
  margin-bottom: 1rem;
}

/* line 30, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__title {
  font-size: 2.75rem;
  font-weight: 1000;
  color: #161616;
  line-height: 1.1;
  margin-bottom: 0.875rem;
  display: flex;
  align-items: baseline;
  gap: 0.35em;
  flex-wrap: wrap;
}

/* line 42, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__type {
  color: #0f68d3;
}

/* line 46, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__description {
  font-size: 1.05rem;
  line-height: 1.65;
  color: rgba(22, 22, 22, 0.55);
  max-width: 44rem;
  margin-bottom: 1.25rem;
}

/* line 54, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 60, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__platform {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  letter-spacing: 0.03em;
}

/* line 67, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__platform--discord {
  background: rgba(88, 101, 242, 0.1);
  color: #5865F2;
}

/* line 72, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__platform--twitch {
  background: rgba(100, 65, 165, 0.1);
  color: #6441a5;
}

/* line 77, app/assets/stylesheets/partials/_tag-intro.scss */
.tag-intro__platform--slack {
  background: rgba(74, 21, 75, 0.08);
  color: #4A154B;
}

@media only screen and (max-width: 32rem) {
  /* line 84, app/assets/stylesheets/partials/_tag-intro.scss */
  .tag-intro__title {
    font-size: 2rem;
  }
}

/* line 1, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent-open {
  overflow: hidden;
}

/* line 5, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent {
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 90;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

/* line 16, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__banner {
  width: 100%;
  max-width: 64rem;
  padding: 1.25rem 1.35rem;
  border-radius: 14px;
  background: rgba(16, 18, 24, 0.96);
  color: #fff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
  pointer-events: auto;
}

/* line 27, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__banner p {
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.86);
}

/* line 33, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__banner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

/* line 40, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__banner-link {
  color: #fff;
  font-weight: 600;
}

/* line 45, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__button {
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0.78rem 1.1rem;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
  transition: 180ms ease-in-out;
}

/* line 55, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__button:hover {
  text-decoration: none;
  transform: translateY(1px);
}

/* line 60, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__button--primary {
  background: #fff;
  color: #161616;
}

/* line 65, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__button--secondary {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.22);
}

/* line 71, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__button--ghost {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

/* line 76, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(10, 12, 16, 0.58);
}

/* line 83, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  z-index: 110;
  width: calc(100vw - 2rem);
  max-width: 46rem;
  max-height: calc(100vh - 2rem);
  overflow: auto;
  padding: 1.5rem;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

/* line 98, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

/* line 105, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__dialog-title {
  margin-bottom: 0.45rem;
  font-size: 2rem;
}

/* line 110, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__dialog-close {
  border: none;
  background: transparent;
  color: #161616;
  font-size: 1.8rem;
  line-height: 1;
}

/* line 118, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__status {
  margin-top: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: rgba(15, 104, 211, 0.08);
  font-size: 0.95rem;
}

/* line 126, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__group {
  margin-top: 1rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(22, 22, 22, 0.1);
  border-radius: 12px;
}

/* line 133, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/* line 140, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__group-title {
  display: block;
  font-weight: 800;
  font-size: 1.05rem;
}

/* line 146, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__group-description {
  margin-top: 0.4rem;
  font-size: 0.98rem;
  color: rgba(22, 22, 22, 0.82);
}

/* line 152, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  white-space: nowrap;
}

/* line 159, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__toggle input {
  width: 1rem;
  height: 1rem;
}

/* line 164, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

/* line 171, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__dialog-actions .cookie-consent__button--primary {
  background: #161616;
  color: #fff;
  box-shadow: 0 12px 24px rgba(22, 22, 22, 0.2);
}

/* line 177, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__dialog-actions .cookie-consent__button--primary:hover {
  background: #0d0d0d;
}

/* line 181, app/assets/stylesheets/partials/_cookie-consent.scss */
.cookie-consent__manage-link {
  font-weight: 600;
}

@media only screen and (max-width: 48em) {
  /* line 186, app/assets/stylesheets/partials/_cookie-consent.scss */
  .cookie-consent__dialog {
    width: calc(100vw - 1rem);
    padding: 1.15rem;
  }
  /* line 191, app/assets/stylesheets/partials/_cookie-consent.scss */
  .cookie-consent__group-header,
.cookie-consent__dialog-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 1, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

/* line 10, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge.hidden {
  display: none;
}

/* line 14, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 17, 17, 0.66);
  backdrop-filter: blur(2px);
}

/* line 21, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge__dialog {
  position: relative;
  width: 100%;
  max-width: 28rem;
  background: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* line 32, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge__close {
  position: absolute;
  right: 0.85rem;
  top: 0.75rem;
  border: 0;
  background: transparent;
  font-size: 1.75rem;
  line-height: 1;
  color: #6b7280;
  cursor: pointer;
}

/* line 44, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0f68d3;
}

/* line 53, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge__title {
  margin: 0;
  font-size: 1.4rem;
}

/* line 58, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge__text {
  margin: 0.75rem 0 1rem;
  color: #4b5563;
  line-height: 1.6;
}

/* line 64, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge__widget {
  min-height: 70px;
}

/* line 68, app/assets/stylesheets/partials/_download-challenge.scss */
.download-challenge__status {
  margin-top: 0.85rem;
  color: #4b5563;
  font-size: 0.95rem;
}

/* line 2, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__modal {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

/* line 12, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__modal[hidden] {
  display: none;
}

/* line 17, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__dialog {
  width: 100%;
  max-width: 34rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
  padding: 1.5rem;
}

/* line 26, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__header {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* line 34, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__copy {
  display: flex;
  flex-flow: column;
  gap: 0.4rem;
}

/* line 40, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0f68d3;
}

/* line 48, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__title {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.05;
}

/* line 54, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__text {
  margin: 0;
  color: rgba(22, 22, 22, 0.8);
}

/* line 59, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__close {
  border: 0;
  background: transparent;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  color: rgba(22, 22, 22, 0.65);
}

/* line 68, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__form {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}

/* line 74, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}

/* line 80, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report .input-set {
  display: flex;
  flex-flow: column;
  gap: 0.45rem;
}

/* line 86, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report .input-set label {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(22, 22, 22, 0.92);
}

/* line 93, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report .input-set select,
.emote-report .input-set textarea {
  width: 100%;
  border: 0;
  border-radius: 0.85rem;
  background: linear-gradient(180deg, #fff 0%, #fbfbfd 100%);
  box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.12), 0 10px 24px rgba(15, 23, 42, 0.06);
  color: #161616;
  transition: box-shadow 160ms ease, transform 160ms ease, background-color 160ms ease;
}

/* line 108, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report .input-set select:hover,
.emote-report .input-set textarea:hover {
  box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.18), 0 12px 26px rgba(15, 23, 42, 0.08);
}

/* line 114, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report .input-set select:focus,
.emote-report .input-set textarea:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(15, 104, 211, 0.4), 0 0 0 4px rgba(15, 104, 211, 0.12), 0 14px 28px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

/* line 124, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report .input-set select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: 500;
  min-height: 3rem;
  padding: 0.9rem 2.75rem 0.9rem 1rem;
  background-image: linear-gradient(180deg, #fff 0%, #fbfbfd 100%), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8" fill="none"><path d="M1 1.5 6 6.5 11 1.5" stroke="%23161616" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat, no-repeat;
  background-position: center, right 1rem center;
  background-size: auto, 0.85rem;
  cursor: pointer;
}

/* line 140, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report .input-set textarea {
  min-height: 8.75rem;
  padding: 0.95rem 1rem;
  line-height: 1.55;
  resize: vertical;
}

/* line 147, app/assets/stylesheets/partials/_emote-report.scss */
.emote-report .input-set textarea::placeholder {
  color: rgba(22, 22, 22, 0.5);
}

@media (max-width: 640px) {
  /* line 154, app/assets/stylesheets/partials/_emote-report.scss */
  .emote-report__dialog {
    padding: 1.1rem;
  }
  /* line 158, app/assets/stylesheets/partials/_emote-report.scss */
  .emote-report__actions {
    flex-flow: column-reverse;
  }
  /* line 162, app/assets/stylesheets/partials/_emote-report.scss */
  .emote-report__actions .button {
    width: 100%;
    justify-content: center;
  }
}

/* line 1, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-page {
  max-width: 68rem;
  margin: 2.5rem auto 0 auto;
}

/* line 6, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-page__notice {
  padding: 1rem 1.2rem;
  margin-bottom: 1.5rem;
  background: rgba(244, 180, 0, 0.12);
  border: 1px solid rgba(201, 134, 0, 0.28);
  border-radius: 10px;
}

/* line 14, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-page__notice p {
  font-size: 1rem;
}

/* line 18, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-page__lead {
  max-width: 54rem;
  margin: 0 auto 2rem auto;
  text-align: center;
}

/* line 24, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin-bottom: 2rem;
}

/* line 31, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-card,
.legal-section {
  background: #fff;
  border: 1px solid rgba(22, 22, 22, 0.08);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(22, 22, 22, 0.05);
}

/* line 39, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-card {
  padding: 1.5rem;
}

/* line 43, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-card h2,
.legal-section h2 {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
}

/* line 49, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-card p,
.legal-card li,
.legal-section p,
.legal-section li,
.legal-section dd,
.legal-section dt {
  font-size: 1rem;
  line-height: 1.65;
}

/* line 59, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-card ul,
.legal-section ul {
  list-style: disc;
  padding-left: 1.25rem;
}

/* line 65, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-card li + li,
.legal-section li + li,
.legal-card p + p,
.legal-section p + p,
.legal-section p + ul,
.legal-section ul + p {
  margin-top: 0.65rem;
}

/* line 74, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-section {
  padding: 1.6rem;
}

/* line 78, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-section + .legal-section {
  margin-top: 1rem;
}

/* line 82, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-definition-list {
  display: grid;
  grid-template-columns: minmax(12rem, 16rem) 1fr;
  gap: 0.9rem 1.25rem;
  margin-top: 1rem;
}

/* line 89, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-definition-list dt {
  font-weight: 700;
  color: #161616;
}

/* line 94, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-definition-list dd {
  color: rgba(22, 22, 22, 0.84);
}

/* line 98, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-note {
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  background: rgba(15, 104, 211, 0.06);
  border-left: 4px solid #0f68d3;
  border-radius: 8px;
}

/* line 106, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-cookie-table {
  width: 100%;
  margin-top: 1rem;
}

/* line 111, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-cookie-table th,
.legal-cookie-table td {
  padding: 0.85rem 1rem;
  border-top: 1px solid rgba(22, 22, 22, 0.08);
  vertical-align: top;
  text-align: left;
}

/* line 119, app/assets/stylesheets/partials/_legal-pages.scss */
.legal-cookie-table th {
  font-weight: 700;
}

@media only screen and (max-width: 64em) {
  /* line 124, app/assets/stylesheets/partials/_legal-pages.scss */
  .legal-card-grid,
.legal-definition-list {
    grid-template-columns: 1fr;
  }
}

/* line 1, app/assets/stylesheets/partials/_licenses.scss */
.license-guide {
  margin-top: 2.5em;
}

/* line 5, app/assets/stylesheets/partials/_licenses.scss */
.license-guide__intro {
  max-width: 52em;
  margin: 0 auto 2em auto;
  text-align: center;
}

/* line 10, app/assets/stylesheets/partials/_licenses.scss */
.license-guide__intro p + p {
  margin-top: 0.75em;
}

/* line 15, app/assets/stylesheets/partials/_licenses.scss */
.license-guide__highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25em;
  margin: 2em 0 3em 0;
}

/* line 22, app/assets/stylesheets/partials/_licenses.scss */
.license-highlight,
.license-card {
  background: #fff;
  border: 1px solid rgba(22, 22, 22, 0.08);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(22, 22, 22, 0.06);
}

/* line 30, app/assets/stylesheets/partials/_licenses.scss */
.license-highlight {
  padding: 1.5em;
}

/* line 33, app/assets/stylesheets/partials/_licenses.scss */
.license-highlight h3 {
  font-size: 1.35em;
  margin-bottom: 0.5em;
}

/* line 38, app/assets/stylesheets/partials/_licenses.scss */
.license-highlight p {
  font-size: 1em;
  color: rgba(22, 22, 22, 0.82);
}

/* line 44, app/assets/stylesheets/partials/_licenses.scss */
.license-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5em;
}

/* line 50, app/assets/stylesheets/partials/_licenses.scss */
.license-card {
  overflow: hidden;
}

/* line 54, app/assets/stylesheets/partials/_licenses.scss */
.license-card__top {
  padding: 1.6em 1.6em 1.1em 1.6em;
  background: linear-gradient(180deg, rgba(15, 104, 211, 0.08), rgba(15, 104, 211, 0.02));
  border-bottom: 1px solid rgba(22, 22, 22, 0.08);
}

/* line 59, app/assets/stylesheets/partials/_licenses.scss */
.license-card__top h2 {
  font-size: 1.75em;
  margin-bottom: 0.35em;
}

/* line 65, app/assets/stylesheets/partials/_licenses.scss */
.license-card__summary {
  font-size: 1.05em;
  color: rgba(22, 22, 22, 0.78);
  line-height: 1.45;
}

/* line 71, app/assets/stylesheets/partials/_licenses.scss */
.license-card__body {
  padding: 1.5em 1.6em;
}

/* line 74, app/assets/stylesheets/partials/_licenses.scss */
.license-card__body p,
.license-card__body li {
  font-size: 1em;
}

/* line 79, app/assets/stylesheets/partials/_licenses.scss */
.license-card__body ul {
  padding-left: 1.25em;
  list-style: disc;
}

/* line 84, app/assets/stylesheets/partials/_licenses.scss */
.license-card__body li + li,
.license-card__body p + p,
.license-card__body p + ul,
.license-card__body ul + p {
  margin-top: 0.65em;
}

/* line 92, app/assets/stylesheets/partials/_licenses.scss */
.license-guide__footer {
  max-width: 52em;
  margin: 2.5em auto 0 auto;
  text-align: center;
}

/* line 97, app/assets/stylesheets/partials/_licenses.scss */
.license-guide__footer p + p {
  margin-top: 0.75em;
}

@media only screen and (max-width: 64em) {
  /* line 103, app/assets/stylesheets/partials/_licenses.scss */
  .license-guide__highlights,
.license-grid {
    grid-template-columns: 1fr;
  }
}

/* line 1, app/assets/stylesheets/partials/_faq.scss */
.section--faq {
  padding-top: 3.5rem;
  padding-bottom: 5rem;
  overflow-x: hidden;
}

/* line 7, app/assets/stylesheets/partials/_faq.scss */
.faq {
  /* Override reset.scss `input[type="search"] { box-sizing: content-box; }` */
}

/* line 8, app/assets/stylesheets/partials/_faq.scss */
.faq__head {
  margin: 0 0 2.5rem 0;
}

/* line 12, app/assets/stylesheets/partials/_faq.scss */
.faq__eyebrow {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.875rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(22, 22, 22, 0.7);
  margin: 0;
}

/* line 22, app/assets/stylesheets/partials/_faq.scss */
.faq__headline {
  justify-content: center;
  margin: 0.25rem 0 0 0;
  font-size: 3.25rem;
}

/* line 28, app/assets/stylesheets/partials/_faq.scss */
.faq__layout {
  display: grid;
  grid-template-columns: 15rem 1fr;
  gap: 2rem;
  align-items: start;
}

/* line 35, app/assets/stylesheets/partials/_faq.scss */
.faq__nav {
  position: sticky;
  top: calc(5.75rem + 1rem);
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
  padding: 1.25rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(10px);
}

/* line 46, app/assets/stylesheets/partials/_faq.scss */
.faq__nav-title {
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 0.75rem 0;
  color: rgba(22, 22, 22, 0.8);
}

/* line 54, app/assets/stylesheets/partials/_faq.scss */
.faq__nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}

/* line 63, app/assets/stylesheets/partials/_faq.scss */
.faq__nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.55rem 0.7rem;
  border-radius: 0.75rem;
  text-decoration: none;
  color: rgba(22, 22, 22, 0.78);
  font-weight: 600;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  transition: 160ms ease-in-out;
}

/* line 76, app/assets/stylesheets/partials/_faq.scss */
.faq__nav-link:hover {
  text-decoration: none;
  color: rgba(22, 22, 22, 0.98);
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.06);
}

/* line 85, app/assets/stylesheets/partials/_faq.scss */
.faq__nav-link:active {
  transform: translateY(0);
}

/* line 89, app/assets/stylesheets/partials/_faq.scss */
.faq__nav-link:focus-visible {
  outline: 2px solid rgba(15, 104, 211, 0.95);
  outline-offset: 3px;
}

/* line 95, app/assets/stylesheets/partials/_faq.scss */
.faq__content {
  min-width: 0;
}

/* line 99, app/assets/stylesheets/partials/_faq.scss */
.faq__search {
  position: relative;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
  padding: 1rem 1.1rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

/* line 110, app/assets/stylesheets/partials/_faq.scss */
.faq__search-label {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.875rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(22, 22, 22, 0.7);
  margin-bottom: 0.5rem;
}

/* line 121, app/assets/stylesheets/partials/_faq.scss */
.faq__search-input {
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border-radius: 999px;
  padding: 0.85rem 1rem;
  border: 0;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  font-size: 1.05rem;
}

/* line 135, app/assets/stylesheets/partials/_faq.scss */
.faq__search-input:focus-visible {
  outline: 2px solid rgba(15, 104, 211, 0.95);
  outline-offset: 2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14), 0 0 0 6px rgba(15, 104, 211, 0.16);
}

/* line 145, app/assets/stylesheets/partials/_faq.scss */
.faq input.faq__search-input[type='search'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}

/* line 152, app/assets/stylesheets/partials/_faq.scss */
.faq__search-hint {
  margin: 0.65rem 0 0 0;
  font-size: 0.9rem;
  color: rgba(22, 22, 22, 0.65);
}

/* line 158, app/assets/stylesheets/partials/_faq.scss */
.faq__section {
  margin-top: 1.5rem;
  scroll-margin-top: calc(5.75rem + 1rem);
}

/* line 163, app/assets/stylesheets/partials/_faq.scss */
.faq__section-title {
  font-size: 1.25rem;
  margin: 0 0 0.75rem 0;
  color: rgba(22, 22, 22, 0.92);
}

/* line 169, app/assets/stylesheets/partials/_faq.scss */
.faq__item {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
  padding: 0.1rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

/* line 177, app/assets/stylesheets/partials/_faq.scss */
.faq__item + .faq__item {
  margin-top: 0.75rem;
}

/* line 181, app/assets/stylesheets/partials/_faq.scss */
.faq__item[open] {
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(15, 104, 211, 0.18);
}

/* line 188, app/assets/stylesheets/partials/_faq.scss */
.faq summary.faq__question {
  height: auto;
  position: relative;
  padding: 1rem 1.35rem;
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.25rem;
  align-items: center;
  column-gap: 0.75rem;
  cursor: pointer;
  user-select: none;
  list-style: none;
  color: rgba(22, 22, 22, 0.94);
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.01em;
  transition: background 160ms ease-in-out;
  overflow: visible;
}

/* line 209, app/assets/stylesheets/partials/_faq.scss */
.faq summary.faq__question:hover {
  background: rgba(0, 0, 0, 0.03);
}

/* line 213, app/assets/stylesheets/partials/_faq.scss */
.faq summary.faq__question:focus-visible {
  outline: 2px solid rgba(15, 104, 211, 0.95);
  outline-offset: 4px;
}

/* line 218, app/assets/stylesheets/partials/_faq.scss */
.faq summary.faq__question::-webkit-details-marker {
  display: none;
}

/* line 223, app/assets/stylesheets/partials/_faq.scss */
.faq summary.faq__question > span:first-child {
  min-width: 0;
}

/* line 227, app/assets/stylesheets/partials/_faq.scss */
.faq__chev {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  flex-shrink: 0;
  color: rgba(22, 22, 22, 0.62);
  transition: 160ms ease-in-out;
}

/* line 239, app/assets/stylesheets/partials/_faq.scss */
.faq__chev svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 245, app/assets/stylesheets/partials/_faq.scss */
.faq__chev path {
  stroke: currentColor !important;
  opacity: 1 !important;
}

/* line 251, app/assets/stylesheets/partials/_faq.scss */
.faq__item[open] .faq__chev {
  transform: rotate(180deg);
  color: rgba(15, 104, 211, 0.95);
}

/* line 256, app/assets/stylesheets/partials/_faq.scss */
.faq__answer {
  padding: 0 1.1rem 1.1rem 1.1rem;
  color: rgba(22, 22, 22, 0.8);
}

/* line 260, app/assets/stylesheets/partials/_faq.scss */
.faq__answer p {
  margin: 0.75rem 0 0 0;
  font-size: 1rem;
  line-height: 1.65;
}

/* line 266, app/assets/stylesheets/partials/_faq.scss */
.faq__answer a {
  font-weight: 700;
}

/* line 271, app/assets/stylesheets/partials/_faq.scss */
.faq__cta {
  margin-top: 2rem;
  padding: 1.5rem;
  border-radius: 1.25rem;
  color: rgba(255, 255, 255, 0.82);
  background: radial-gradient(900px 280px at 20% 10%, rgba(15, 104, 211, 0.35) 0%, rgba(15, 104, 211, 0) 60%), radial-gradient(700px 220px at 90% 0%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(135deg, rgba(22, 22, 22, 0.96), rgba(0, 0, 0, 0.98));
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 284, app/assets/stylesheets/partials/_faq.scss */
.faq__cta-title {
  margin: 0;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.95);
}

/* line 290, app/assets/stylesheets/partials/_faq.scss */
.faq__cta-text {
  margin: 0.75rem 0 0 0;
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.8);
}

/* line 295, app/assets/stylesheets/partials/_faq.scss */
.faq__cta-text a {
  color: rgba(255, 255, 255, 0.92);
  text-decoration: underline;
}

/* line 301, app/assets/stylesheets/partials/_faq.scss */
.faq__cta-actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.15rem;
  flex-wrap: wrap;
}

@media only screen and (max-width: 64rem) {
  /* line 311, app/assets/stylesheets/partials/_faq.scss */
  .faq__headline {
    font-size: 2.5rem;
  }
  /* line 315, app/assets/stylesheets/partials/_faq.scss */
  .faq__layout {
    grid-template-columns: 1fr;
  }
  /* line 319, app/assets/stylesheets/partials/_faq.scss */
  .faq__nav {
    position: relative;
    top: auto;
  }
  /* line 324, app/assets/stylesheets/partials/_faq.scss */
  .faq__nav-list {
    flex-flow: row wrap;
  }
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 8px;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.multi.has-items .ts-control {
  padding: 6px 8px 3px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.full .ts-control {
  background-color: #fff;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.focus .ts-control {
  box-shadow: none;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control > * {
  display: inline-block;
  vertical-align: baseline;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.multi .ts-control > div {
  background: #f2f2f2;
  border: 0 solid #d0d0d0;
  color: #303030;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.multi .ts-control > div.active {
  background: #e8e8e8;
  border: 0 solid #cacaca;
  color: #303030;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  background: #fff;
  border: 0 solid #fff;
  color: #7d7d7d;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control > input {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-block !important;
  flex: 1 1 auto;
  line-height: inherit !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  min-height: 0 !important;
  min-width: 7rem;
  padding: 0 !important;
  text-indent: 0 !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control > input::-ms-clear {
  display: none;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control > input:focus {
  outline: none !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.has-items .ts-control > input {
  margin: 0 4px !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control.rtl {
  text-align: right;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.disabled .ts-control {
  background-color: #fafafa;
  opacity: .5;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.input-hidden .ts-control > input {
  left: -10000px;
  opacity: 0;
  position: absolute;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown {
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  left: 0;
  margin: .25rem 0 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .create, .ts-dropdown .no-results, .ts-dropdown .optgroup-header, .ts-dropdown .option {
  padding: 5px 8px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] .option[data-selectable] {
  cursor: inherit;
  opacity: .5;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .option[data-selectable] {
  cursor: pointer;
  opacity: 1;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .optgroup-header {
  background: #fff;
  color: #303030;
  cursor: default;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .active.create {
  color: #495c68;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .spinner {
  display: inline-block;
  height: 30px;
  margin: 5px 8px;
  width: 30px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown .spinner:after {
  animation: lds-dual-ring 1.2s linear infinite;
  border-color: #d0d0d0 transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  content: " ";
  display: block;
  height: 24px;
  margin: 3px;
  width: 24px;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown-content {
  max-height: 200px;
  overflow: hidden auto;
  scroll-behavior: smooth;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 !important;
  box-shadow: inset 0 0 12px 4px #fff;
  visibility: visible !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder:after {
  content: "!";
  visibility: hidden;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: .5rem;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-checkbox_options.rtl .option input {
  margin-left: .5rem;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-clear_button {
  --ts-pr-clear-button:1em;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-clear_button .clear-button {
  background: transparent !important;
  cursor: pointer;
  margin-right: 0 !important;
  opacity: 0;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .5s;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: 8px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button.has-items:not(.disabled):hover .clear-button {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper .dropdown-header {
  background: color-mix(#fff, #d0d0d0, 85%);
  border-bottom: 1px solid #d0d0d0;
  border-radius: 3px 3px 0 0;
  padding: 10px 8px;
  position: relative;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper .dropdown-header-close {
  color: #303030;
  font-size: 20px !important;
  line-height: 20px;
  margin-top: -12px;
  opacity: .4;
  position: absolute;
  right: 8px;
  top: 50%;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper .dropdown-header-close:hover {
  color: #000;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-dropdown_input.focus.dropdown-active .ts-control {
  border: 1px solid #d0d0d0;
  box-shadow: none;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-dropdown_input .dropdown-input {
  background: transparent;
  border: solid #d0d0d0;
  border-width: 0 0 1px;
  box-shadow: none;
  display: block;
  padding: 8px;
  width: 100%;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-dropdown_input .items-placeholder {
  border: 0 !important;
  box-shadow: none !important;
  width: 100%;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.plugin-dropdown_input.dropdown-active .items-placeholder, .plugin-dropdown_input.has-items .items-placeholder {
  display: none !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button .item {
  align-items: center;
  display: inline-flex;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button .item .remove {
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  padding: 0 6px;
  text-decoration: none;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button .remove-single {
  font-size: 23px;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #d0d0d0;
  margin-left: 6px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #cacaca;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button.disabled:not(.rtl) .item .remove {
  border-left-color: #fff;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #d0d0d0;
  margin-right: 6px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #cacaca;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: #fff;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
:root {
  --ts-pr-clear-button:0;
  --ts-pr-caret:0;
  --ts-pr-min:.75rem;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control:not(.rtl) {
  padding-right: 0.75rem !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control.rtl {
  padding-left: 0.75rem !important;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-wrapper {
  position: relative;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control, .ts-control input, .ts-dropdown {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-control, .ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

/* line 1, app/assets/stylesheets/partials/_tom-select.scss */
.ts-hidden-accessible {
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/*# sourceMappingURL=tom-select.min.css.map */
/* line 4, app/assets/stylesheets/partials/_tom-select.scss */
.add-tags .ts-control {
  border: 1px solid rgba(22, 22, 22, 0.5);
  padding: .75rem .5rem;
  background: unset;
}

/* line 10, app/assets/stylesheets/partials/_tom-select.scss */
.add-tags.ts-wrapper.multi.has-items .ts-control {
  padding: .35rem .5rem;
  display: flex;
  gap: 0.25rem;
}

/* line 16, app/assets/stylesheets/partials/_tom-select.scss */
.add-tags .ts-control, .add-tags .ts-control input, .add-tags .ts-dropdown {
  font-size: 1rem;
}

/* line 20, app/assets/stylesheets/partials/_tom-select.scss */
.add-tags.ts-wrapper.multi .ts-control > div {
  background: rgba(22, 22, 22, 0.1);
  color: #161616;
  padding: 0.4rem 0.5rem;
  margin: 0;
  border-radius: 3px;
  font-weight: 300;
  font-size: 0.875rem;
}

/* line 30, app/assets/stylesheets/partials/_tom-select.scss */
.add-tags.ts-wrapper.multi .ts-control > div.active {
  background: rgba(22, 22, 22, 0.2);
  color: #161616;
  font-weight: 500;
}

/* line 36, app/assets/stylesheets/partials/_tom-select.scss */
.add-tags .ts-dropdown {
  margin: 0;
  margin-top: 1px;
  border-radius: 3px;
  font-size: .875rem;
  border: 1px solid rgba(22, 22, 22, 0.25);
}

/* line 44, app/assets/stylesheets/partials/_tom-select.scss */
.add-tags .ts-dropdown .active.create {
  color: rgba(22, 22, 22, 0.5);
  background: none;
}

/* line 52, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-control {
  border: none;
  border-top: 1px solid #161616;
  background: unset;
  border-radius: unset;
  padding: unset !important;
}

/* line 59, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-control .item {
  display: flex;
  align-items: center;
  color: #161616;
  margin: 0;
  font-weight: 500;
  font-size: 0.875rem;
  width: 100%;
  padding: .6rem;
  background: rgba(15, 104, 211, 0.1);
}

/* line 70, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-control .item .user-select__content {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex: 1 1 auto;
  min-width: 0;
}

/* line 77, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-control .item .user-select__content svg {
  height: .875rem;
}

/* line 82, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-control .item .remove {
  padding: 0 !important;
  margin-left: auto;
  margin-right: 0.6rem;
  border-left: none !important;
  height: 1.15rem;
  width: 1.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
}

/* line 97, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-dropdown {
  margin: 0;
  border: 1px solid;
}

/* line 101, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-dropdown .option {
  display: flex;
  align-items: center;
}

/* line 105, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-dropdown .option .user-select__content {
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* line 110, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-dropdown .option .user-select__content svg {
  height: .875rem;
}

/* line 117, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-control input {
  font-size: 1rem;
  padding: .6rem !important;
  cursor: text !important;
}

/* line 122, app/assets/stylesheets/partials/_tom-select.scss */
.search-filter .ts-control input[disabled] {
  cursor: not-allowed !important;
}

/* line 1, app/assets/stylesheets/partials/_tiny-slider.scss */
.tns-visually-hidden {
  display: none !important;
}

/* line 5, app/assets/stylesheets/partials/_tiny-slider.scss */
.tns-controls {
  position: absolute;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  top: 8em;
}

@media only screen and (max-width: 32rem) {
  /* line 5, app/assets/stylesheets/partials/_tiny-slider.scss */
  .tns-controls {
    display: none !important;
  }
}

/* line 17, app/assets/stylesheets/partials/_tiny-slider.scss */
.tns-controls button {
  position: relative;
  border: none;
  height: 36px;
  width: 36px;
  background: url(/assets/icons/arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0;
  transition: 200ms ease-in-out;
}

/* line 28, app/assets/stylesheets/partials/_tiny-slider.scss */
.tns-controls button:nth-child(1) {
  transform: rotate(180deg);
}

/* line 32, app/assets/stylesheets/partials/_tiny-slider.scss */
.tns-controls button:hover {
  top: 2px;
}

/* line 38, app/assets/stylesheets/partials/_tiny-slider.scss */
.tns-inner {
  max-width: calc(100% - 4em);
  overflow: hidden;
  margin: 0 auto !important;
  display: block;
}

@media only screen and (max-width: 32rem) {
  /* line 38, app/assets/stylesheets/partials/_tiny-slider.scss */
  .tns-inner {
    max-width: 100%;
  }
}

/* line 1, app/assets/stylesheets/partials/_trix-editor.scss */
trix-toolbar {
  margin-bottom: -1rem;
}

/* line 4, app/assets/stylesheets/partials/_trix-editor.scss */
trix-toolbar .trix-button--icon-link,
trix-toolbar .trix-button--icon-heading-1,
trix-toolbar .trix-button--icon-bullet-list,
trix-toolbar .trix-button--icon-number-list,
trix-toolbar .trix-button--icon-decrease-nesting-level,
trix-toolbar .trix-button--icon-increase-nesting-level,
trix-toolbar .trix-button--icon-code,
trix-toolbar .trix-button-group--file-tools {
  display: none;
}

/* line 16, app/assets/stylesheets/partials/_trix-editor.scss */
trix-editor, .trix-content {
  word-wrap: break-word;
  word-break: break-all;
}

/* line 20, app/assets/stylesheets/partials/_trix-editor.scss */
trix-editor strong, .trix-content strong {
  font-weight: bold;
}

/* line 24, app/assets/stylesheets/partials/_trix-editor.scss */
trix-editor em, .trix-content em {
  font-style: italic;
}