/*== adding avatar ==*/
.author {
    font-family: "JetBrains Mono";
    text-align: center;
    margin-bottom: 5px;
}
.author-avatar {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    border-radius: 100%;
    user-select: none;
    animation: glowBorder 4s ease-in-out infinite;
  }

img{
    animation: glowBorder 4s ease-in-out infinite;
}
/*== single line code ==*/
.code_line {
    padding: 2px;
    margin: 1px;
}
.logos {
    vertical-align: middle;
    animation: none;
}
/*== logos ==*/
.tech_logos{
    display: flex; 
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    animation: none;
}
.tech_logos img {
    width: 34px;
    max-width: 20px;
    height: auto;
    margin: 20px;
    animation: none;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
a {
    color: #cecece;
}

body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
    list-style-type: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before {
    content: "";
    content: none;
}
.time1 {
    font-size: 12px;;
    padding-left: 25px;
    padding-right: 25px;
}
.a_header {
    padding-left: 15px;
}
q:after,
q:before {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,
html {
    position: relative;
    z-index: auto;
    color: #cecece;
    font-size: 20px;
    line-height: 1.5;
    background-color: #000000;
}

@media(min-width: 48rem) {
    body,
    html {
        font-size: 18px;
    }
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: "JetBrains Mono", monospace;
    overflow-x: hidden;
}
code,
pre,
pre code {
    font-size: 0.875rem;
    line-height: 1.6;
    font-family: 'JetBrains Mono', monospace;
}

code {
  border-radius: 2px;
  background-color: #1a1a1a;
  color: #b8a1de;
  font-family: 'JetBrains Mono', monospace;
}
p > code {
    display: inline-block;
    margin: 0;
    font-size: 0.85em;
    line-height: 1.2;
    vertical-align: baseline;
    border: 1px solid #1a1a1a;
    padding: 1px 4px;
    border-radius: 4px;
    animation: neonPulse 4s ease-in-out infinite;
    background-color: #1a1a1a;
    color: #eee;
    font-family: 'JetBrains Mono', monospace;
  }

pre {
    opacity: 0.8;
    margin-bottom: 1rem;
    padding: 0.2rem;
    position: relative;
    background-color: rgba(30, 32, 60, 0.85); /* только один фон */
    border-radius: 8px;
    overflow: auto;
    animation: glowBorder 4s ease-in-out infinite;
    border: 1px solid rgba(192, 202, 245, 0.2);
    backdrop-filter: blur(8px) saturate(120%);
    -webkit-backdrop-filter: blur(8px); /* для Safari */
    box-shadow: 0 0 10px rgba(192, 202, 245, 0.05); /* лёгкое свечение */
  }


  

  
  @keyframes glowBorder {
    0% {
      box-shadow: 
        0 0 2px rgba(192, 202, 245, 0.2), 
        0 0 4px rgba(192, 202, 245, 0.3);
    }
    50% {
      box-shadow: 
        0 0 6px rgba(192, 202, 245, 0.4), 
        0 0 16px rgba(192, 202, 245, 0.5);
    }
    100% {
      box-shadow: 
        0 0 2px rgba(192, 202, 245, 0.2), 
        0 0 4px rgba(192, 202, 245, 0.3);
    }
  }

  @keyframes codeGlowPulse {
    0% {
      text-shadow: 0 0 2px transparent;
    }
    50% {
      text-shadow: 0 0 3px currentColor, 0 0 6px currentColor;
    }
    100% {
      text-shadow: 0 0 2px transparent;
    }
  }

  @keyframes neonPulse {
    0% {
      text-shadow: 0 0 1px transparent;
    }
    50% {
      text-shadow: 0 0 4px currentColor, 0 0 8px currentColor;
    }
    100% {
      text-shadow: 0 0 1px transparent;
    }
  }

pre code.hljs{
    padding: 0.6em;
}

  /*=== main style in code blocks ===*/
pre code span {
    animation: neonPulse 4s ease-in-out infinite;
  }
  
  .hljs-keyword,
  .hljs-selector-tag,
  .hljs-literal,
  .hljs-section,
  .hljs-link {
    color: #7aa2f7;
  }
  
  .hljs-string,
  .hljs-attribute,
  .hljs-template-tag,
  .hljs-template-variable {
    color: #54b9b1; 
  }
  
  .hljs-number,
  .hljs-meta,
  .hljs-built_in,
  .hljs-builtin-name,
  .hljs-symbol {
    color: #369ce9;
  }
  
  .hljs-comment,
  .hljs-quote {
    color: #565f89;
    opacity: 0.6;
    animation: none; 
  }
  
  .hljs-title,
  .hljs-type,
  .hljs-tag,
  .hljs-name,
  .hljs-selector-id,
  .hljs-selector-class {
    color: #bb9af7;
  }
  
  .hljs-emphasis {
    font-style: italic;
  }
  
  .hljs-strong {
    font-weight: bold;
  }
  
  .hljs-params,
  .hljs-error,
  .hljs-deletion {
    color: #d277ff;
  }
  
  .hljs-addition {
    color: #a9dc76;
    background-color: rgba(169, 220, 118, 0.05);
  }

.emoji {
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
td,
th {
    border: 1px solid #e1e3e4;
    padding: 0.25rem 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 16px;
}
em {
    font-style: italic;
}
ol,
ul {
    margin-top: 0;
    padding-left: 32px;
    margin-bottom: 16px;
    list-style-type: none;
}
ol li,
ul li {
    margin-top: 4px;
    list-style-type: none;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
blockquote {
    font-style: italic;
    margin: 0 1rem 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    -webkit-font-smoothing: initial;
    line-height: 1.25;
    margin: 2rem 0 0.75rem;
    font-family: "JetBrains Mono", monospace;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
.serif {
    font-family: "JetBrains Mono", monospace;
}
.title__center {
    text-align: center;
}
.title__date {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-bottom: 16px;
}
.h1,
h1 {
    font-size: 2rem;
}
.h2,
h2 {
    font-size: 1.5rem;
}
.h3,
h3 {
    font-size: 1.17rem;
}
.h4,
h4 {
    font-size: 1rem;
}
.h5,
h5 {
    font-size: 0.88rem;
}
.h6,
h6 {
    font-size: 0.67rem;
}
.thin {
    font-weight: 200;
}
.light {
    font-weight: 300;
}
.normal {
    font-weight: 400;
}
.semibold {
    font-weight: 600;
}
.bold {
    font-weight: 700;
}
.ultrabold {
    font-weight: 900;
}
#particles-js {
    z-index: 0 !important;
    position: fixed !important;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
  }

  .content-wrapper {
    position: relative !important;
  z-index: 10 !important;
  }
  
.scrollup {
    position: fixed;
    right: 1rem;
    bottom: -50%;
    background-color: black;
    color: gray;
    box-shadow: 0px 0px 10px 3px rgba(192, 202, 245, 0.2);
    display: inline-flex;
    align-items: center; 
    justify-content: center; 
    padding: 6px;
    font-size: 1.25rem;
    transition: bottom .4s, transform .4s;
    border-radius: 12px;
    text-decoration: none; 
    width: 42px; 
    height: 42px;
}

.show-scroll {
    bottom: 1rem;
}



.nav__toggle {
    position: fixed;
    right: 1rem;
    top: 1rem;
    background-color: black;
    color: gray;
    box-shadow: 0px 0px 10px 3px rgba(192, 202, 245, 0.2);
    display: inline-flex;
    align-items: center; 
    justify-content: center; 
    padding: 6px;
    font-size: 1rem;
    transition: transform .4s, opacity .4s, visibility .4s;
    border-radius: 12px;
    text-decoration: none;
    width: 40px; 
    height: 40px; 
    z-index: 10; 
    cursor: pointer; 
}

.nav__toggle:hover {
    background-color: rgba(0, 0, 0, 0.8); 
}


.nav__toggle,
.nav__close {
  font-size: 1rem;
  cursor: pointer;
  position: fixed;
  top: 1rem; 
  right: 1rem; 
  z-index: 10; 
  transition: opacity 0.4s, visibility 0.4s;
}

.nav__close {
  opacity: 0; 
  visibility: hidden;
}

.nav__menu {
  position: fixed;
  top: 0;
  right: -100%; 
  background-color: hsla(0, 0%, 6%, .2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  width: 80%;
  height: 100%;
  padding: 6rem 3rem 0;
  transition: right .4s;
  z-index: 9; 
}

.nav__list {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}

.nav__link {
  color: var(--title-color);
  font-weight: var(--font-semi-bold);
  transition: color .4s;
}

.nav__link:hover {
  color: gray;
}

.active-link {
  color: gray;
}

body.show-menu .nav__menu {
  right: 0; 
}

body.show-menu .nav__close {
  opacity: 1; 
  visibility: visible;
}

body.show-menu .nav__toggle {
  opacity: 0; 
  visibility: hidden;
}


.back-button {
    position: fixed;
    top: 1rem;
    left: 1rem; 
    background-color: black;
    color: gray;
    box-shadow: 0px 0px 10px 3px rgba(192, 202, 245, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    font-size: 1.25rem;
    transition: opacity 0.3s ease, transform 0.4s;
    border-radius: 12px;
    text-decoration: none;
    width: 42px;
    height: 42px;
    z-index: 10;
}

.hidden {
    display: none;
}

.hidden {
    display: none;
}


@keyframes glowPulse {
    0% {
      text-shadow: 0 0 1px #6671ae;
    }
    50% {
      text-shadow: 0 0 2px #6671ae, 0 0 2px #c0caf5;
    }
    100% {
      text-shadow: 0 0 1px #6671ae;
    }
  }
  .typed-container {
    font-family: "JetBrains Mono", monospace;
    font-size: 1rem;
    color: #cecece;
    position: relative;
  }

  .typed-container .typed-cursor {
    display: inline-block;
    width: 0.7ch;
    height: 1.2em;
    background-color: #cecece; 
    vertical-align: middle;
    margin-left: 2px;
    animation: blink-block 4s step-start infinite;
  }
  

.m1 {
    margin: 8px;
}
.mt1 {
    margin-top: 8px;
}
.mr1 {
    margin-right: 8px;
}
.mb1 {
    margin-bottom: 8px;
}
.ml1 {
    margin-left: 8px;
}
.mx1 {
    margin-left: 8px;
    margin-right: 8px;
}
.my1 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.\!m1 {
    margin: 8px !important;
}
.\!mt1 {
    margin-top: 8px !important;
}
.\!mr1 {
    margin-right: 8px !important;
}
.\!mb1 {
    margin-bottom: 8px !important;
}
.\!ml1 {
    margin-left: 8px !important;
}
.\!mx1 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.\!my1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.m2 {
    margin: 16px;
}
.mt2 {
    margin-top: 16px;
}
.mr2 {
    margin-right: 16px;
}
.mb2 {
    margin-bottom: 16px;
}
.ml2 {
    margin-left: 16px;
}
.mx2 {
    margin-left: 16px;
    margin-right: 16px;
}
.my2 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.\!m2 {
    margin: 16px !important;
}
.\!mt2 {
    margin-top: 16px !important;
}
.\!mr2 {
    margin-right: 16px !important;
}
.\!mb2 {
    margin-bottom: 16px !important;
}
.\!ml2 {
    margin-left: 16px !important;
}
.\!mx2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.\!my2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.m3 {
    margin: 24px;
}
.mt3 {
    margin-top: 24px;
}
.mr3 {
    margin-right: 24px;
}
.mb3 {
    margin-bottom: 24px;
}
.ml3 {
    margin-left: 24px;
}
.mx3 {
    margin-left: 24px;
    margin-right: 24px;
}
.my3 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.\!m3 {
    margin: 24px !important;
}
.\!mt3 {
    margin-top: 24px !important;
}
.\!mr3 {
    margin-right: 24px !important;
}
.\!mb3 {
    margin-bottom: 24px !important;
}
.\!ml3 {
    margin-left: 24px !important;
}
.\!mx3 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}
.\!my3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.m4 {
    margin: 32px;
}
.mt4 {
    margin-top: 32px;
}
.mr4 {
    margin-right: 32px;
}
.mb4 {
    margin-bottom: 32px;
}
.ml4 {
    margin-left: 32px;
}
.mx4 {
    margin-left: 32px;
    margin-right: 32px;
}
.my4 {
    margin-top: 32px;
    margin-bottom: 32px;
}
.\!m4 {
    margin: 32px !important;
}
.\!mt4 {
    margin-top: 32px !important;
}
.\!mr4 {
    margin-right: 32px !important;
}
.\!mb4 {
    margin-bottom: 32px !important;
}
.\!ml4 {
    margin-left: 32px !important;
}
.\!mx4 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}
.\!my4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
.m5 {
    margin: 40px;
}
.mt5 {
    margin-top: 40px;
}
.mr5 {
    margin-right: 40px;
}
.mb5 {
    margin-bottom: 40px;
}
.ml5 {
    margin-left: 40px;
}
.mx5 {
    margin-left: 40px;
    margin-right: 40px;
}
.my5 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.\!m5 {
    margin: 40px !important;
}
.\!mt5 {
    margin-top: 40px !important;
}
.\!mr5 {
    margin-right: 40px !important;
}
.\!mb5 {
    margin-bottom: 40px !important;
}
.\!ml5 {
    margin-left: 40px !important;
}
.\!mx5 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}
.\!my5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.m6 {
    margin: 48px;
}
.mt6 {
    margin-top: 48px;
}
.mr6 {
    margin-right: 48px;
}
.mb6 {
    margin-bottom: 48px;
}
.ml6 {
    margin-left: 48px;
}
.mx6 {
    margin-left: 48px;
    margin-right: 48px;
}
.my6 {
    margin-top: 48px;
    margin-bottom: 48px;
}
.\!m6 {
    margin: 48px !important;
}
.\!mt6 {
    margin-top: 48px !important;
}
.\!mr6 {
    margin-right: 48px !important;
}
.\!mb6 {
    margin-bottom: 48px !important;
}
.\!ml6 {
    margin-left: 48px !important;
}
.\!mx6 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}
.\!my6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}
.m7 {
    margin: 56px;
}
.mt7 {
    margin-top: 56px;
}
.mr7 {
    margin-right: 56px;
}
.mb7 {
    margin-bottom: 56px;
}
.ml7 {
    margin-left: 56px;
}
.mx7 {
    margin-left: 56px;
    margin-right: 56px;
}
.my7 {
    margin-top: 56px;
    margin-bottom: 56px;
}
.\!m7 {
    margin: 56px !important;
}
.\!mt7 {
    margin-top: 56px !important;
}
.\!mr7 {
    margin-right: 56px !important;
}
.\!mb7 {
    margin-bottom: 56px !important;
}
.\!ml7 {
    margin-left: 56px !important;
}
.\!mx7 {
    margin-left: 56px !important;
    margin-right: 56px !important;
}
.\!my7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
}
.m8 {
    margin: 64px;
}
.mt8 {
    margin-top: 64px;
}
.mr8 {
    margin-right: 64px;
}
.mb8 {
    margin-bottom: 64px;
}
.ml8 {
    margin-left: 64px;
}
.mx8 {
    margin-left: 64px;
    margin-right: 64px;
}
.my8 {
    margin-top: 64px;
    margin-bottom: 64px;
}
.\!m8 {
    margin: 64px !important;
}
.\!mt8 {
    margin-top: 64px !important;
}
.\!mr8 {
    margin-right: 64px !important;
}
.\!mb8 {
    margin-bottom: 64px !important;
}
.\!ml8 {
    margin-left: 64px !important;
}
.\!mx8 {
    margin-left: 64px !important;
    margin-right: 64px !important;
}
.\!my8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
}
.m9 {
    margin: 72px;
}
.mt9 {
    margin-top: 72px;
}
.mr9 {
    margin-right: 72px;
}
.mb9 {
    margin-bottom: 72px;
}
.ml9 {
    margin-left: 72px;
}
.mx9 {
    margin-left: 72px;
    margin-right: 72px;
}
.my9 {
    margin-top: 72px;
    margin-bottom: 72px;
}
.\!m9 {
    margin: 72px !important;
}
.\!mt9 {
    margin-top: 72px !important;
}
.\!mr9 {
    margin-right: 72px !important;
}
.\!mb9 {
    margin-bottom: 72px !important;
}
.\!ml9 {
    margin-left: 72px !important;
}
.\!mx9 {
    margin-left: 72px !important;
    margin-right: 72px !important;
}
.\!my9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
}
.m10 {
    margin: 80px;
}
.mt10 {
    margin-top: 80px;
}
.mr10 {
    margin-right: 80px;
}
.mb10 {
    margin-bottom: 80px;
}
.ml10 {
    margin-left: 80px;
}
.mx10 {
    margin-left: 80px;
    margin-right: 80px;
}
.my10 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.\!m10 {
    margin: 80px !important;
}
.\!mt10 {
    margin-top: 80px !important;
}
.\!mr10 {
    margin-right: 80px !important;
}
.\!mb10 {
    margin-bottom: 80px !important;
}
.\!ml10 {
    margin-left: 80px !important;
}
.\!mx10 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}
.\!my10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}
@media(min-width: 40rem) {
    .sm\:m1 {
        margin: 8px;
    }
    .sm\:mt1 {
        margin-top: 8px;
    }
    .sm\:mr1 {
        margin-right: 8px;
    }
    .sm\:mb1 {
        margin-bottom: 8px;
    }
    .sm\:ml1 {
        margin-left: 8px;
    }
    .sm\:mx1 {
        margin-left: 8px;
        margin-right: 8px;
    }
    .sm\:my1 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .sm\:m2 {
        margin: 16px;
    }
    .sm\:mt2 {
        margin-top: 16px;
    }
    .sm\:mr2 {
        margin-right: 16px;
    }
    .sm\:mb2 {
        margin-bottom: 16px;
    }
    .sm\:ml2 {
        margin-left: 16px;
    }
    .sm\:mx2 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .sm\:my2 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .sm\:m3 {
        margin: 24px;
    }
    .sm\:mt3 {
        margin-top: 24px;
    }
    .sm\:mr3 {
        margin-right: 24px;
    }
    .sm\:mb3 {
        margin-bottom: 24px;
    }
    .sm\:ml3 {
        margin-left: 24px;
    }
    .sm\:mx3 {
        margin-left: 24px;
        margin-right: 24px;
    }
    .sm\:my3 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .sm\:m4 {
        margin: 32px;
    }
    .sm\:mt4 {
        margin-top: 32px;
    }
    .sm\:mr4 {
        margin-right: 32px;
    }
    .sm\:mb4 {
        margin-bottom: 32px;
    }
    .sm\:ml4 {
        margin-left: 32px;
    }
    .sm\:mx4 {
        margin-left: 32px;
        margin-right: 32px;
    }
    .sm\:my4 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .sm\:m5 {
        margin: 40px;
    }
    .sm\:mt5 {
        margin-top: 40px;
    }
    .sm\:mr5 {
        margin-right: 40px;
    }
    .sm\:mb5 {
        margin-bottom: 40px;
    }
    .sm\:ml5 {
        margin-left: 40px;
    }
    .sm\:mx5 {
        margin-left: 40px;
        margin-right: 40px;
    }
    .sm\:my5 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .sm\:m6 {
        margin: 48px;
    }
    .sm\:mt6 {
        margin-top: 48px;
    }
    .sm\:mr6 {
        margin-right: 48px;
    }
    .sm\:mb6 {
        margin-bottom: 48px;
    }
    .sm\:ml6 {
        margin-left: 48px;
    }
    .sm\:mx6 {
        margin-left: 48px;
        margin-right: 48px;
    }
    .sm\:my6 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .sm\:m7 {
        margin: 56px;
    }
    .sm\:mt7 {
        margin-top: 56px;
    }
    .sm\:mr7 {
        margin-right: 56px;
    }
    .sm\:mb7 {
        margin-bottom: 56px;
    }
    .sm\:ml7 {
        margin-left: 56px;
    }
    .sm\:mx7 {
        margin-left: 56px;
        margin-right: 56px;
    }
    .sm\:my7 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .sm\:m8 {
        margin: 64px;
    }
    .sm\:mt8 {
        margin-top: 64px;
    }
    .sm\:mr8 {
        margin-right: 64px;
    }
    .sm\:mb8 {
        margin-bottom: 64px;
    }
    .sm\:ml8 {
        margin-left: 64px;
    }
    .sm\:mx8 {
        margin-left: 64px;
        margin-right: 64px;
    }
    .sm\:my8 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .sm\:m9 {
        margin: 72px;
    }
    .sm\:mt9 {
        margin-top: 72px;
    }
    .sm\:mr9 {
        margin-right: 72px;
    }
    .sm\:mb9 {
        margin-bottom: 72px;
    }
    .sm\:ml9 {
        margin-left: 72px;
    }
    .sm\:mx9 {
        margin-left: 72px;
        margin-right: 72px;
    }
    .sm\:my9 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .sm\:m10 {
        margin: 80px;
    }
    .sm\:mt10 {
        margin-top: 80px;
    }
    .sm\:mr10 {
        margin-right: 80px;
    }
    .sm\:mb10 {
        margin-bottom: 80px;
    }
    .sm\:ml10 {
        margin-left: 80px;
    }
    .sm\:mx10 {
        margin-left: 80px;
        margin-right: 80px;
    }
    .sm\:my10 {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}
@media(min-width: 48rem) {
    .md\:m1 {
        margin: 8px;
    }
    .md\:mt1 {
        margin-top: 8px;
    }
    .md\:mr1 {
        margin-right: 8px;
    }
    .md\:mb1 {
        margin-bottom: 8px;
    }
    .md\:ml1 {
        margin-left: 8px;
    }
    .md\:mx1 {
        margin-left: 8px;
        margin-right: 8px;
    }
    .md\:my1 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .md\:m2 {
        margin: 16px;
    }
    .md\:mt2 {
        margin-top: 16px;
    }
    .md\:mr2 {
        margin-right: 16px;
    }
    .md\:mb2 {
        margin-bottom: 16px;
    }
    .md\:ml2 {
        margin-left: 16px;
    }
    .md\:mx2 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .md\:my2 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .md\:m3 {
        margin: 24px;
    }
    .md\:mt3 {
        margin-top: 24px;
    }
    .md\:mr3 {
        margin-right: 24px;
    }
    .md\:mb3 {
        margin-bottom: 24px;
    }
    .md\:ml3 {
        margin-left: 24px;
    }
    .md\:mx3 {
        margin-left: 24px;
        margin-right: 24px;
    }
    .md\:my3 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .md\:m4 {
        margin: 32px;
    }
    .md\:mt4 {
        margin-top: 32px;
    }
    .md\:mr4 {
        margin-right: 32px;
    }
    .md\:mb4 {
        margin-bottom: 32px;
    }
    .md\:ml4 {
        margin-left: 32px;
    }
    .md\:mx4 {
        margin-left: 32px;
        margin-right: 32px;
    }
    .md\:my4 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .md\:m5 {
        margin: 40px;
    }
    .md\:mt5 {
        margin-top: 40px;
    }
    .md\:mr5 {
        margin-right: 40px;
    }
    .md\:mb5 {
        margin-bottom: 40px;
    }
    .md\:ml5 {
        margin-left: 40px;
    }
    .md\:mx5 {
        margin-left: 40px;
        margin-right: 40px;
    }
    .md\:my5 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .md\:m6 {
        margin: 48px;
    }
    .md\:mt6 {
        margin-top: 48px;
    }
    .md\:mr6 {
        margin-right: 48px;
    }
    .md\:mb6 {
        margin-bottom: 48px;
    }
    .md\:ml6 {
        margin-left: 48px;
    }
    .md\:mx6 {
        margin-left: 48px;
        margin-right: 48px;
    }
    .md\:my6 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .md\:m7 {
        margin: 56px;
    }
    .md\:mt7 {
        margin-top: 56px;
    }
    .md\:mr7 {
        margin-right: 56px;
    }
    .md\:mb7 {
        margin-bottom: 56px;
    }
    .md\:ml7 {
        margin-left: 56px;
    }
    .md\:mx7 {
        margin-left: 56px;
        margin-right: 56px;
    }
    .md\:my7 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .md\:m8 {
        margin: 64px;
    }
    .md\:mt8 {
        margin-top: 64px;
    }
    .md\:mr8 {
        margin-right: 64px;
    }
    .md\:mb8 {
        margin-bottom: 64px;
    }
    .md\:ml8 {
        margin-left: 64px;
    }
    .md\:mx8 {
        margin-left: 64px;
        margin-right: 64px;
    }
    .md\:my8 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .md\:m9 {
        margin: 72px;
    }
    .md\:mt9 {
        margin-top: 72px;
    }
    .md\:mr9 {
        margin-right: 72px;
    }
    .md\:mb9 {
        margin-bottom: 72px;
    }
    .md\:ml9 {
        margin-left: 72px;
    }
    .md\:mx9 {
        margin-left: 72px;
        margin-right: 72px;
    }
    .md\:my9 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .md\:m10 {
        margin: 80px;
    }
    .md\:mt10 {
        margin-top: 80px;
    }
    .md\:mr10 {
        margin-right: 80px;
    }
    .md\:mb10 {
        margin-bottom: 80px;
    }
    .md\:ml10 {
        margin-left: 80px;
    }
    .md\:mx10 {
        margin-left: 80px;
        margin-right: 80px;
    }
    .md\:my10 {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}
@media(min-width: 64rem) {
    .lg\:m1 {
        margin: 8px;
    }
    .lg\:mt1 {
        margin-top: 8px;
    }
    .lg\:mr1 {
        margin-right: 8px;
    }
    .lg\:mb1 {
        margin-bottom: 8px;
    }
    .lg\:ml1 {
        margin-left: 8px;
    }
    .lg\:mx1 {
        margin-left: 8px;
        margin-right: 8px;
    }
    .lg\:my1 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .lg\:m2 {
        margin: 16px;
    }
    .lg\:mt2 {
        margin-top: 16px;
    }
    .lg\:mr2 {
        margin-right: 16px;
    }
    .lg\:mb2 {
        margin-bottom: 16px;
    }
    .lg\:ml2 {
        margin-left: 16px;
    }
    .lg\:mx2 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .lg\:my2 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .lg\:m3 {
        margin: 24px;
    }
    .lg\:mt3 {
        margin-top: 24px;
    }
    .lg\:mr3 {
        margin-right: 24px;
    }
    .lg\:mb3 {
        margin-bottom: 24px;
    }
    .lg\:ml3 {
        margin-left: 24px;
    }
    .lg\:mx3 {
        margin-left: 24px;
        margin-right: 24px;
    }
    .lg\:my3 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .lg\:m4 {
        margin: 32px;
    }
    .lg\:mt4 {
        margin-top: 32px;
    }
    .lg\:mr4 {
        margin-right: 32px;
    }
    .lg\:mb4 {
        margin-bottom: 32px;
    }
    .lg\:ml4 {
        margin-left: 32px;
    }
    .lg\:mx4 {
        margin-left: 32px;
        margin-right: 32px;
    }
    .lg\:my4 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .lg\:m5 {
        margin: 40px;
    }
    .lg\:mt5 {
        margin-top: 40px;
    }
    .lg\:mr5 {
        margin-right: 40px;
    }
    .lg\:mb5 {
        margin-bottom: 40px;
    }
    .lg\:ml5 {
        margin-left: 40px;
    }
    .lg\:mx5 {
        margin-left: 40px;
        margin-right: 40px;
    }
    .lg\:my5 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .lg\:m6 {
        margin: 48px;
    }
    .lg\:mt6 {
        margin-top: 48px;
    }
    .lg\:mr6 {
        margin-right: 48px;
    }
    .lg\:mb6 {
        margin-bottom: 48px;
    }
    .lg\:ml6 {
        margin-left: 48px;
    }
    .lg\:mx6 {
        margin-left: 48px;
        margin-right: 48px;
    }
    .lg\:my6 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .lg\:m7 {
        margin: 56px;
    }
    .lg\:mt7 {
        margin-top: 56px;
    }
    .lg\:mr7 {
        margin-right: 56px;
    }
    .lg\:mb7 {
        margin-bottom: 56px;
    }
    .lg\:ml7 {
        margin-left: 56px;
    }
    .lg\:mx7 {
        margin-left: 56px;
        margin-right: 56px;
    }
    .lg\:my7 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .lg\:m8 {
        margin: 64px;
    }
    .lg\:mt8 {
        margin-top: 64px;
    }
    .lg\:mr8 {
        margin-right: 64px;
    }
    .lg\:mb8 {
        margin-bottom: 64px;
    }
    .lg\:ml8 {
        margin-left: 64px;
    }
    .lg\:mx8 {
        margin-left: 64px;
        margin-right: 64px;
    }
    .lg\:my8 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .lg\:m9 {
        margin: 72px;
    }
    .lg\:mt9 {
        margin-top: 72px;
    }
    .lg\:mr9 {
        margin-right: 72px;
    }
    .lg\:mb9 {
        margin-bottom: 72px;
    }
    .lg\:ml9 {
        margin-left: 72px;
    }
    .lg\:mx9 {
        margin-left: 72px;
        margin-right: 72px;
    }
    .lg\:my9 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .lg\:m10 {
        margin: 80px;
    }
    .lg\:mt10 {
        margin-top: 80px;
    }
    .lg\:mr10 {
        margin-right: 80px;
    }
    .lg\:mb10 {
        margin-bottom: 80px;
    }
    .lg\:ml10 {
        margin-left: 80px;
    }
    .lg\:mx10 {
        margin-left: 80px;
        margin-right: 80px;
    }
    .lg\:my10 {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}
.mt0\.5 {
    margin-top: 4px;
}
.mr0\.5 {
    margin-right: 4px;
}
.mb0\.5 {
    margin-bottom: 4px;
}
.ml0\.5 {
    margin-left: 4px;
}
.mt1\.5 {
    margin-top: 12px;
}
.mr1\.5 {
    margin-right: 12px;
}
.mb1\.5 {
    margin-bottom: 12px;
}
.ml1\.5 {
    margin-left: 12px;
}
.mt2\.5 {
    margin-top: 20px;
}
.mr2\.5 {
    margin-right: 20px;
}
.mb2\.5 {
    margin-bottom: 20px;
}
.ml2\.5 {
    margin-left: 20px;
}
.mt3\.5 {
    margin-top: 28px;
}
.mr3\.5 {
    margin-right: 28px;
}
.mb3\.5 {
    margin-bottom: 28px;
}
.ml3\.5 {
    margin-left: 28px;
}
.mt4\.5 {
    margin-top: 36px;
}
.mr4\.5 {
    margin-right: 36px;
}
.mb4\.5 {
    margin-bottom: 36px;
}
.ml4\.5 {
    margin-left: 36px;
}
.mt5\.5 {
    margin-top: 44px;
}
.mr5\.5 {
    margin-right: 44px;
}
.mb5\.5 {
    margin-bottom: 44px;
}
.ml5\.5 {
    margin-left: 44px;
}
@media(min-width: 48rem) {
    .md\:mt0\.5 {
        margin-top: 4px;
    }
    .md\:mr0\.5 {
        margin-right: 4px;
    }
    .md\:mb0\.5 {
        margin-bottom: 4px;
    }
    .md\:ml0\.5 {
        margin-left: 4px;
    }
    .md\:mt1\.5 {
        margin-top: 12px;
    }
    .md\:mr1\.5 {
        margin-right: 12px;
    }
    .md\:mb1\.5 {
        margin-bottom: 12px;
    }
    .md\:ml1\.5 {
        margin-left: 12px;
    }
    .md\:mt2\.5 {
        margin-top: 20px;
    }
    .md\:mr2\.5 {
        margin-right: 20px;
    }
    .md\:mb2\.5 {
        margin-bottom: 20px;
    }
    .md\:ml2\.5 {
        margin-left: 20px;
    }
    .md\:mt3\.5 {
        margin-top: 28px;
    }
    .md\:mr3\.5 {
        margin-right: 28px;
    }
    .md\:mb3\.5 {
        margin-bottom: 28px;
    }
    .md\:ml3\.5 {
        margin-left: 28px;
    }
    .md\:mt4\.5 {
        margin-top: 36px;
    }
    .md\:mr4\.5 {
        margin-right: 36px;
    }
    .md\:mb4\.5 {
        margin-bottom: 36px;
    }
    .md\:ml4\.5 {
        margin-left: 36px;
    }
    .md\:mt5\.5 {
        margin-top: 44px;
    }
    .md\:mr5\.5 {
        margin-right: 44px;
    }
    .md\:mb5\.5 {
        margin-bottom: 44px;
    }
    .md\:ml5\.5 {
        margin-left: 44px;
    }
}
.mt0 {
    margin-top: 0;
}
.mr0 {
    margin-right: 0;
}
.mb0 {
    margin-bottom: 0;
}
.ml0 {
    margin-left: 0;
}
@media(min-width: 40rem) {
    .sm\:mt0 {
        margin-top: 0;
    }
    .sm\:mr0 {
        margin-right: 0;
    }
    .sm\:mb0 {
        margin-bottom: 0;
    }
    .sm\:ml0 {
        margin-left: 0;
    }
}
@media(min-width: 48rem) {
    .md\:mt0 {
        margin-top: 0;
    }
    .md\:mr0 {
        margin-right: 0;
    }
    .md\:mb0 {
        margin-bottom: 0;
    }
    .md\:ml0 {
        margin-left: 0;
    }
}
@media(min-width: 64rem) {
    .lg\:mt0 {
        margin-top: 0;
    }
    .lg\:mr0 {
        margin-right: 0;
    }
    .lg\:mb0 {
        margin-bottom: 0;
    }
    .lg\:ml0 {
        margin-left: 0;
    }
}
.mxauto {
    margin-left: auto;
    margin-right: auto;
}
.mlauto {
    margin-left: auto;
}
.p1 {
    padding: 8px;
}
.pt1 {
    padding-top: 8px;
}
.pr1 {
    padding-right: 8px;
}
.pb1 {
    padding-bottom: 8px;
}
.pl1 {
    padding-left: 8px;
}
.py1 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.px1 {
    padding-left: 8px;
    padding-right: 8px;
}
.p2 {
    padding: 16px;
}
.pt2 {
    padding-top: 16px;
}
.pr2 {
    padding-right: 16px;
}
.pb2 {
    padding-bottom: 16px;
}
.pl2 {
    padding-left: 16px;
}
.py2 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.px2 {
    padding-left: 16px;
    padding-right: 16px;
}
.p3 {
    padding: 24px;
}
.pt3 {
    padding-top: 24px;
}
.pr3 {
    padding-right: 24px;
}
.pb3 {
    padding-bottom: 24px;
}
.pl3 {
    padding-left: 24px;
}
.py3 {
    padding-top: 24px;
    padding-bottom: 24px;
}
.px3 {
    padding-left: 24px;
    padding-right: 24px;
}
.p4 {
    padding: 32px;
}
.pt4 {
    padding-top: 32px;
}
.pr4 {
    padding-right: 32px;
}
.pb4 {
    padding-bottom: 32px;
}
.pl4 {
    padding-left: 32px;
}
.py4 {
    padding-top: 32px;
    padding-bottom: 32px;
}
.px4 {
    padding-left: 32px;
    padding-right: 32px;
}
.p5 {
    padding: 40px;
}
.pt5 {
    padding-top: 40px;
}
.pr5 {
    padding-right: 40px;
}
.pb5 {
    padding-bottom: 40px;
}
.pl5 {
    padding-left: 40px;
}
.py5 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.px5 {
    padding-left: 40px;
    padding-right: 40px;
}
.p6 {
    padding: 48px;
}
.pt6 {
    padding-top: 48px;
}
.pr6 {
    padding-right: 48px;
}
.pb6 {
    padding-bottom: 48px;
}
.pl6 {
    padding-left: 48px;
}
.py6 {
    padding-top: 48px;
    padding-bottom: 48px;
}
.px6 {
    padding-left: 48px;
    padding-right: 48px;
}
.p7 {
    padding: 56px;
}
.pt7 {
    padding-top: 56px;
}
.pr7 {
    padding-right: 56px;
}
.pb7 {
    padding-bottom: 56px;
}
.pl7 {
    padding-left: 56px;
}
.py7 {
    padding-top: 56px;
    padding-bottom: 56px;
}
.px7 {
    padding-left: 56px;
    padding-right: 56px;
}
.p8 {
    padding: 64px;
}
.pt8 {
    padding-top: 64px;
}
.pr8 {
    padding-right: 64px;
}
.pb8 {
    padding-bottom: 64px;
}
.pl8 {
    padding-left: 64px;
}
.py8 {
    padding-top: 64px;
    padding-bottom: 64px;
}
.px8 {
    padding-left: 64px;
    padding-right: 64px;
}
.p9 {
    padding: 72px;
}
.pt9 {
    padding-top: 72px;
}
.pr9 {
    padding-right: 72px;
}
.pb9 {
    padding-bottom: 72px;
}
.pl9 {
    padding-left: 72px;
}
.py9 {
    padding-top: 72px;
    padding-bottom: 72px;
}
.px9 {
    padding-left: 72px;
    padding-right: 72px;
}
.p10 {
    padding: 80px;
}
.pt10 {
    padding-top: 80px;
}
.pr10 {
    padding-right: 80px;
}
.pb10 {
    padding-bottom: 80px;
}
.pl10 {
    padding-left: 80px;
}
.py10 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.px10 {
    padding-left: 80px;
    padding-right: 80px;
}
@media(min-width: 40rem) {
    .sm\:p1 {
        padding: 8px;
    }
    .sm\:pt1 {
        padding-top: 8px;
    }
    .sm\:pr1 {
        padding-right: 8px;
    }
    .sm\:pb1 {
        padding-bottom: 8px;
    }
    .sm\:pl1 {
        padding-left: 8px;
    }
    .sm\:px1 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .sm\:py1 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .sm\:p2 {
        padding: 16px;
    }
    .sm\:pt2 {
        padding-top: 16px;
    }
    .sm\:pr2 {
        padding-right: 16px;
    }
    .sm\:pb2 {
        padding-bottom: 16px;
    }
    .sm\:pl2 {
        padding-left: 16px;
    }
    .sm\:px2 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .sm\:py2 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .sm\:p3 {
        padding: 24px;
    }
    .sm\:pt3 {
        padding-top: 24px;
    }
    .sm\:pr3 {
        padding-right: 24px;
    }
    .sm\:pb3 {
        padding-bottom: 24px;
    }
    .sm\:pl3 {
        padding-left: 24px;
    }
    .sm\:px3 {
        padding-left: 24px;
        padding-right: 24px;
    }
    .sm\:py3 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .sm\:p4 {
        padding: 32px;
    }
    .sm\:pt4 {
        padding-top: 32px;
    }
    .sm\:pr4 {
        padding-right: 32px;
    }
    .sm\:pb4 {
        padding-bottom: 32px;
    }
    .sm\:pl4 {
        padding-left: 32px;
    }
    .sm\:px4 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .sm\:py4 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .sm\:p5 {
        padding: 40px;
    }
    .sm\:pt5 {
        padding-top: 40px;
    }
    .sm\:pr5 {
        padding-right: 40px;
    }
    .sm\:pb5 {
        padding-bottom: 40px;
    }
    .sm\:pl5 {
        padding-left: 40px;
    }
    .sm\:px5 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .sm\:py5 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sm\:p6 {
        padding: 48px;
    }
    .sm\:pt6 {
        padding-top: 48px;
    }
    .sm\:pr6 {
        padding-right: 48px;
    }
    .sm\:pb6 {
        padding-bottom: 48px;
    }
    .sm\:pl6 {
        padding-left: 48px;
    }
    .sm\:px6 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .sm\:py6 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .sm\:p7 {
        padding: 56px;
    }
    .sm\:pt7 {
        padding-top: 56px;
    }
    .sm\:pr7 {
        padding-right: 56px;
    }
    .sm\:pb7 {
        padding-bottom: 56px;
    }
    .sm\:pl7 {
        padding-left: 56px;
    }
    .sm\:px7 {
        padding-left: 56px;
        padding-right: 56px;
    }
    .sm\:py7 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .sm\:p8 {
        padding: 64px;
    }
    .sm\:pt8 {
        padding-top: 64px;
    }
    .sm\:pr8 {
        padding-right: 64px;
    }
    .sm\:pb8 {
        padding-bottom: 64px;
    }
    .sm\:pl8 {
        padding-left: 64px;
    }
    .sm\:px8 {
        padding-left: 64px;
        padding-right: 64px;
    }
    .sm\:py8 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .sm\:p9 {
        padding: 72px;
    }
    .sm\:pt9 {
        padding-top: 72px;
    }
    .sm\:pr9 {
        padding-right: 72px;
    }
    .sm\:pb9 {
        padding-bottom: 72px;
    }
    .sm\:pl9 {
        padding-left: 72px;
    }
    .sm\:px9 {
        padding-left: 72px;
        padding-right: 72px;
    }
    .sm\:py9 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .sm\:p10 {
        padding: 80px;
    }
    .sm\:pt10 {
        padding-top: 80px;
    }
    .sm\:pr10 {
        padding-right: 80px;
    }
    .sm\:pb10 {
        padding-bottom: 80px;
    }
    .sm\:pl10 {
        padding-left: 80px;
    }
    .sm\:px10 {
        padding-left: 80px;
        padding-right: 80px;
    }
    .sm\:py10 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media(min-width: 48rem) {
    .md\:p1 {
        padding: 8px;
    }
    .md\:pt1 {
        padding-top: 8px;
    }
    .md\:pr1 {
        padding-right: 8px;
    }
    .md\:pb1 {
        padding-bottom: 8px;
    }
    .md\:pl1 {
        padding-left: 8px;
    }
    .md\:px1 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .md\:py1 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .md\:p2 {
        padding: 16px;
    }
    .md\:pt2 {
        padding-top: 16px;
    }
    .md\:pr2 {
        padding-right: 16px;
    }
    .md\:pb2 {
        padding-bottom: 16px;
    }
    .md\:pl2 {
        padding-left: 16px;
    }
    .md\:px2 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .md\:py2 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .md\:p3 {
        padding: 24px;
    }
    .md\:pt3 {
        padding-top: 24px;
    }
    .md\:pr3 {
        padding-right: 24px;
    }
    .md\:pb3 {
        padding-bottom: 24px;
    }
    .md\:pl3 {
        padding-left: 24px;
    }
    .md\:px3 {
        padding-left: 24px;
        padding-right: 24px;
    }
    .md\:py3 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .md\:p4 {
        padding: 32px;
    }
    .md\:pt4 {
        padding-top: 32px;
    }
    .md\:pr4 {
        padding-right: 32px;
    }
    .md\:pb4 {
        padding-bottom: 32px;
    }
    .md\:pl4 {
        padding-left: 32px;
    }
    .md\:px4 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .md\:py4 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .md\:p5 {
        padding: 40px;
    }
    .md\:pt5 {
        padding-top: 40px;
    }
    .md\:pr5 {
        padding-right: 40px;
    }
    .md\:pb5 {
        padding-bottom: 40px;
    }
    .md\:pl5 {
        padding-left: 40px;
    }
    .md\:px5 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .md\:py5 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .md\:p6 {
        padding: 48px;
    }
    .md\:pt6 {
        padding-top: 48px;
    }
    .md\:pr6 {
        padding-right: 48px;
    }
    .md\:pb6 {
        padding-bottom: 48px;
    }
    .md\:pl6 {
        padding-left: 48px;
    }
    .md\:px6 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .md\:py6 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .md\:p7 {
        padding: 56px;
    }
    .md\:pt7 {
        padding-top: 56px;
    }
    .md\:pr7 {
        padding-right: 56px;
    }
    .md\:pb7 {
        padding-bottom: 56px;
    }
    .md\:pl7 {
        padding-left: 56px;
    }
    .md\:px7 {
        padding-left: 56px;
        padding-right: 56px;
    }
    .md\:py7 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .md\:p8 {
        padding: 64px;
    }
    .md\:pt8 {
        padding-top: 64px;
    }
    .md\:pr8 {
        padding-right: 64px;
    }
    .md\:pb8 {
        padding-bottom: 64px;
    }
    .md\:pl8 {
        padding-left: 64px;
    }
    .md\:px8 {
        padding-left: 64px;
        padding-right: 64px;
    }
    .md\:py8 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .md\:p9 {
        padding: 72px;
    }
    .md\:pt9 {
        padding-top: 72px;
    }
    .md\:pr9 {
        padding-right: 72px;
    }
    .md\:pb9 {
        padding-bottom: 72px;
    }
    .md\:pl9 {
        padding-left: 72px;
    }
    .md\:px9 {
        padding-left: 72px;
        padding-right: 72px;
    }
    .md\:py9 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .md\:p10 {
        padding: 80px;
    }
    .md\:pt10 {
        padding-top: 80px;
    }
    .md\:pr10 {
        padding-right: 80px;
    }
    .md\:pb10 {
        padding-bottom: 80px;
    }
    .md\:pl10 {
        padding-left: 80px;
    }
    .md\:px10 {
        padding-left: 80px;
        padding-right: 80px;
    }
    .md\:py10 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media(min-width: 64rem) {
    .lg\:p1 {
        padding: 8px;
    }
    .lg\:pt1 {
        padding-top: 8px;
    }
    .lg\:pr1 {
        padding-right: 8px;
    }
    .lg\:pb1 {
        padding-bottom: 8px;
    }
    .lg\:pl1 {
        padding-left: 8px;
    }
    .lg\:px1 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .lg\:py1 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .lg\:p2 {
        padding: 16px;
    }
    .lg\:pt2 {
        padding-top: 16px;
    }
    .lg\:pr2 {
        padding-right: 16px;
    }
    .lg\:pb2 {
        padding-bottom: 16px;
    }
    .lg\:pl2 {
        padding-left: 16px;
    }
    .lg\:px2 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .lg\:py2 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .lg\:p3 {
        padding: 24px;
    }
    .lg\:pt3 {
        padding-top: 24px;
    }
    .lg\:pr3 {
        padding-right: 24px;
    }
    .lg\:pb3 {
        padding-bottom: 24px;
    }
    .lg\:pl3 {
        padding-left: 24px;
    }
    .lg\:px3 {
        padding-left: 24px;
        padding-right: 24px;
    }
    .lg\:py3 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .lg\:p4 {
        padding: 32px;
    }
    .lg\:pt4 {
        padding-top: 32px;
    }
    .lg\:pr4 {
        padding-right: 32px;
    }
    .lg\:pb4 {
        padding-bottom: 32px;
    }
    .lg\:pl4 {
        padding-left: 32px;
    }
    .lg\:px4 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .lg\:py4 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .lg\:p5 {
        padding: 40px;
    }
    .lg\:pt5 {
        padding-top: 40px;
    }
    .lg\:pr5 {
        padding-right: 40px;
    }
    .lg\:pb5 {
        padding-bottom: 40px;
    }
    .lg\:pl5 {
        padding-left: 40px;
    }
    .lg\:px5 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .lg\:py5 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .lg\:p6 {
        padding: 48px;
    }
    .lg\:pt6 {
        padding-top: 48px;
    }
    .lg\:pr6 {
        padding-right: 48px;
    }
    .lg\:pb6 {
        padding-bottom: 48px;
    }
    .lg\:pl6 {
        padding-left: 48px;
    }
    .lg\:px6 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .lg\:py6 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .lg\:p7 {
        padding: 56px;
    }
    .lg\:pt7 {
        padding-top: 56px;
    }
    .lg\:pr7 {
        padding-right: 56px;
    }
    .lg\:pb7 {
        padding-bottom: 56px;
    }
    .lg\:pl7 {
        padding-left: 56px;
    }
    .lg\:px7 {
        padding-left: 56px;
        padding-right: 56px;
    }
    .lg\:py7 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .lg\:p8 {
        padding: 64px;
    }
    .lg\:pt8 {
        padding-top: 64px;
    }
    .lg\:pr8 {
        padding-right: 64px;
    }
    .lg\:pb8 {
        padding-bottom: 64px;
    }
    .lg\:pl8 {
        padding-left: 64px;
    }
    .lg\:px8 {
        padding-left: 64px;
        padding-right: 64px;
    }
    .lg\:py8 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .lg\:p9 {
        padding: 72px;
    }
    .lg\:pt9 {
        padding-top: 72px;
    }
    .lg\:pr9 {
        padding-right: 72px;
    }
    .lg\:pb9 {
        padding-bottom: 72px;
    }
    .lg\:pl9 {
        padding-left: 72px;
    }
    .lg\:px9 {
        padding-left: 72px;
        padding-right: 72px;
    }
    .lg\:py9 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .lg\:p10 {
        padding: 80px;
    }
    .lg\:pt10 {
        padding-top: 80px;
    }
    .lg\:pr10 {
        padding-right: 80px;
    }
    .lg\:pb10 {
        padding-bottom: 80px;
    }
    .lg\:pl10 {
        padding-left: 80px;
    }
    .lg\:px10 {
        padding-left: 80px;
        padding-right: 80px;
    }
    .lg\:py10 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
.p0\.5 {
    padding: 4px;
}
.pt0\.5 {
    padding-top: 4px;
}
.pr0\.5 {
    padding-right: 4px;
}
.pb0\.5 {
    padding-bottom: 4px;
}
.pl0\.5 {
    padding-left: 4px;
}
.px0\.5 {
    padding-left: 4px;
    padding-right: 4px;
}
.py0\.5 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.p1\.5 {
    padding: 12px;
}
.pt1\.5 {
    padding-top: 12px;
}
.pr1\.5 {
    padding-right: 12px;
}
.pb1\.5 {
    padding-bottom: 12px;
}
.pl1\.5 {
    padding-left: 12px;
}
.px1\.5 {
    padding-left: 12px;
    padding-right: 12px;
}
.py1\.5 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.p2\.5 {
    padding: 20px;
}
.pt2\.5 {
    padding-top: 20px;
}
.pr2\.5 {
    padding-right: 20px;
}
.pb2\.5 {
    padding-bottom: 20px;
}
.pl2\.5 {
    padding-left: 20px;
}
.px2\.5 {
    padding-left: 20px;
    padding-right: 20px;
}
.py2\.5 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.p3\.5 {
    padding: 28px;
}
.pt3\.5 {
    padding-top: 28px;
}
.pr3\.5 {
    padding-right: 28px;
}
.pb3\.5 {
    padding-bottom: 28px;
}
.pl3\.5 {
    padding-left: 28px;
}
.px3\.5 {
    padding-left: 28px;
    padding-right: 28px;
}
.py3\.5 {
    padding-top: 28px;
    padding-bottom: 28px;
}
.p4\.5 {
    padding: 36px;
}
.pt4\.5 {
    padding-top: 36px;
}
.pr4\.5 {
    padding-right: 36px;
}
.pb4\.5 {
    padding-bottom: 36px;
}
.pl4\.5 {
    padding-left: 36px;
}
.px4\.5 {
    padding-left: 36px;
    padding-right: 36px;
}
.py4\.5 {
    padding-top: 36px;
    padding-bottom: 36px;
}
.p5\.5 {
    padding: 44px;
}
.pt5\.5 {
    padding-top: 44px;
}
.pr5\.5 {
    padding-right: 44px;
}
.pb5\.5 {
    padding-bottom: 44px;
}
.pl5\.5 {
    padding-left: 44px;
}
.px5\.5 {
    padding-left: 44px;
    padding-right: 44px;
}
.py5\.5 {
    padding-top: 44px;
    padding-bottom: 44px;
}
.pt0 {
    padding-top: 0;
}
.pr0 {
    padding-right: 0;
}
.pb0 {
    padding-bottom: 0;
}
.pl0 {
    padding-left: 0;
}
@media(min-width: 40rem) {
    .sm\:pt0 {
        padding-top: 0;
    }
    .sm\:pr0 {
        padding-right: 0;
    }
    .sm\:pb0 {
        padding-bottom: 0;
    }
    .sm\:pl0 {
        padding-left: 0;
    }
}
@media(min-width: 48rem) {
    .md\:pt0 {
        padding-top: 0;
    }
    .md\:pr0 {
        padding-right: 0;
    }
    .md\:pb0 {
        padding-bottom: 0;
    }
    .md\:pl0 {
        padding-left: 0;
    }
}
@media(min-width: 64rem) {
    .lg\:pt0 {
        padding-top: 0;
    }
    .lg\:pr0 {
        padding-right: 0;
    }
    .lg\:pb0 {
        padding-bottom: 0;
    }
    .lg\:pl0 {
        padding-left: 0;
    }
}
.col {
    float: left;
    box-sizing: border-box;
}
.col1 {
    width: 8.3333333333%;
}
.offset1 {
    margin-left: 8.3333333333%;
}
.col2 {
    width: 16.6666666667%;
}
.offset2 {
    margin-left: 16.6666666667%;
}
.col3 {
    width: 25%;
}
.offset3 {
    margin-left: 25%;
}
.col4 {
    width: 33.3333333333%;
}
.offset4 {
    margin-left: 33.3333333333%;
}
.col5 {
    width: 41.6666666667%;
}
.offset5 {
    margin-left: 41.6666666667%;
}
.col6 {
    width: 50%;
}
.offset6 {
    margin-left: 50%;
}
.col7 {
    width: 58.3333333333%;
}
.offset7 {
    margin-left: 58.3333333333%;
}
.col8 {
    width: 66.6666666667%;
}
.offset8 {
    margin-left: 66.6666666667%;
}
.col9 {
    width: 75%;
}
.offset9 {
    margin-left: 75%;
}
.col10 {
    width: 83.3333333333%;
}
.offset10 {
    margin-left: 83.3333333333%;
}
.col11 {
    width: 91.6666666667%;
}
.offset11 {
    margin-left: 91.6666666667%;
}
.col12 {
    width: 100%;
}
.offset12 {
    margin-left: 100%;
}
@media(min-width: 40rem) {
    .sm\:col1 {
        width: 8.3333333333%;
    }
    .sm\:offset1 {
        margin-left: 8.3333333333%;
    }
    .sm\:col2 {
        width: 16.6666666667%;
    }
    .sm\:offset2 {
        margin-left: 16.6666666667%;
    }
    .sm\:col3 {
        width: 25%;
    }
    .sm\:offset3 {
        margin-left: 25%;
    }
    .sm\:col4 {
        width: 33.3333333333%;
    }
    .sm\:offset4 {
        margin-left: 33.3333333333%;
    }
    .sm\:col5 {
        width: 41.6666666667%;
    }
    .sm\:offset5 {
        margin-left: 41.6666666667%;
    }
    .sm\:col6 {
        width: 50%;
    }
    .sm\:offset6 {
        margin-left: 50%;
    }
    .sm\:col7 {
        width: 58.3333333333%;
    }
    .sm\:offset7 {
        margin-left: 58.3333333333%;
    }
    .sm\:col8 {
        width: 66.6666666667%;
    }
    .sm\:offset8 {
        margin-left: 66.6666666667%;
    }
    .sm\:col9 {
        width: 75%;
    }
    .sm\:offset9 {
        margin-left: 75%;
    }
    .sm\:col10 {
        width: 83.3333333333%;
    }
    .sm\:offset10 {
        margin-left: 83.3333333333%;
    }
    .sm\:col11 {
        width: 91.6666666667%;
    }
    .sm\:offset11 {
        margin-left: 91.6666666667%;
    }
    .sm\:col12 {
        width: 100%;
    }
    .sm\:offset12 {
        margin-left: 100%;
    }
}
@media(min-width: 48rem) {
    .md\:col1 {
        width: 8.3333333333%;
    }
    .md\:offset1 {
        margin-left: 8.3333333333%;
    }
    .md\:col2 {
        width: 16.6666666667%;
    }
    .md\:offset2 {
        margin-left: 16.6666666667%;
    }
    .md\:col3 {
        width: 25%;
    }
    .md\:offset3 {
        margin-left: 25%;
    }
    .md\:col4 {
        width: 33.3333333333%;
    }
    .md\:offset4 {
        margin-left: 33.3333333333%;
    }
    .md\:col5 {
        width: 41.6666666667%;
    }
    .md\:offset5 {
        margin-left: 41.6666666667%;
    }
    .md\:col6 {
        width: 50%;
    }
    .md\:offset6 {
        margin-left: 50%;
    }
    .md\:col7 {
        width: 58.3333333333%;
    }
    .md\:offset7 {
        margin-left: 58.3333333333%;
    }
    .md\:col8 {
        width: 66.6666666667%;
    }
    .md\:offset8 {
        margin-left: 66.6666666667%;
    }
    .md\:col9 {
        width: 75%;
    }
    .md\:offset9 {
        margin-left: 75%;
    }
    .md\:col10 {
        width: 83.3333333333%;
    }
    .md\:offset10 {
        margin-left: 83.3333333333%;
    }
    .md\:col11 {
        width: 91.6666666667%;
    }
    .md\:offset11 {
        margin-left: 91.6666666667%;
    }
    .md\:col12 {
        width: 100%;
    }
    .md\:offset12 {
        margin-left: 100%;
    }
}
@media(min-width: 64rem) {
    .lg\:col1 {
        width: 8.3333333333%;
    }
    .lg\:offset1 {
        margin-left: 8.3333333333%;
    }
    .lg\:col2 {
        width: 16.6666666667%;
    }
    .lg\:offset2 {
        margin-left: 16.6666666667%;
    }
    .lg\:col3 {
        width: 25%;
    }
    .lg\:offset3 {
        margin-left: 25%;
    }
    .lg\:col4 {
        width: 33.3333333333%;
    }
    .lg\:offset4 {
        margin-left: 33.3333333333%;
    }
    .lg\:col5 {
        width: 41.6666666667%;
    }
    .lg\:offset5 {
        margin-left: 41.6666666667%;
    }
    .lg\:col6 {
        width: 50%;
    }
    .lg\:offset6 {
        margin-left: 50%;
    }
    .lg\:col7 {
        width: 58.3333333333%;
    }
    .lg\:offset7 {
        margin-left: 58.3333333333%;
    }
    .lg\:col8 {
        width: 66.6666666667%;
    }
    .lg\:offset8 {
        margin-left: 66.6666666667%;
    }
    .lg\:col9 {
        width: 75%;
    }
    .lg\:offset9 {
        margin-left: 75%;
    }
    .lg\:col10 {
        width: 83.3333333333%;
    }
    .lg\:offset10 {
        margin-left: 83.3333333333%;
    }
    .lg\:col11 {
        width: 91.6666666667%;
    }
    .lg\:offset11 {
        margin-left: 91.6666666667%;
    }
    .lg\:col12 {
        width: 100%;
    }
    .lg\:offset12 {
        margin-left: 100%;
    }
}
.col-reset {
    width: inherit;
}
@media(min-width: 40rem) {
    .sm\:col-reset {
        width: inherit;
    }
}
@media(min-width: 48rem) {
    .md\:col-reset {
        width: inherit;
    }
}
@media(min-width: 64rem) {
    .lg\:col-reset {
        width: inherit;
    }
}
.blue {
    color: #55b7dd;
}
.green {
    color: #008081;
}
.red {
    color: #ea5b12;
}
.yellow {
    color: #eca72c;
}
.gray {
    color: #6b6f74;
}
.light-gray {
    color: #e1e3e4;
}
.dark-gray {
    color: #545b5c;
}
.black {
    color: #1f1f1f;
}
.silver {
    color: #e0e0dc;
}
.white {
    color: #fcfffd;
}
.gold {
    color: #ffb700;
}
.orange {
    color: #cb4a00;
}
.frost {
    color: #f4f4f4;
}
.text-center {
    text-align: center;
}
.text-center a:active {
    color: #ffffff;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.underline {
    text-decoration: underline;
}
.no-underline {
    text-decoration: none;
}
.capitalize {
    text-transform: capitalize;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.italic {
    font-style: italic;
}
.shadow {
    box-shadow: 0 1px 5px 0 rgba(31,31,31,.1),0 1px 4px 0 rgba(31,31,31,.06);
}
.bg-blue {
    background: #55b7dd;
}
.bg-green {
    background: #008081;
}
.bg-red {
    background: #ea5b12;
}
.bg-yellow {
    background: #eca72c;
}
.bg-gray {
    background: #6b6f74;
}
.bg-light-gray {
    background: #e1e3e4;
}
.bg-dark-gray {
    background: #545b5c;
}
.bg-black {
    background: #1f1f1f;
}
.bg-silver {
    background: #e0e0dc;
}
.bg-white {
    background: #fcfffd;
}
.bg-gold {
    background: #ffb700;
}
.bg-orange {
    background: #cb4a00;
}
.bg-frost {
    background: #f4f4f4;
}
.\!bg-blue {
    background: #55b7dd !important;
}
.\!bg-green {
    background: #008081 !important;
}
.\!bg-red {
    background: #ea5b12 !important;
}
.\!bg-yellow {
    background: #eca72c !important;
}
.\!bg-gray {
    background: #6b6f74 !important;
}
.\!bg-light-gray {
    background: #e1e3e4 !important;
}
.\!bg-dark-gray {
    background: #545b5c !important;
}
.\!bg-black {
    background: #1f1f1f !important;
}
.\!bg-silver {
    background: #e0e0dc !important;
}
.\!bg-white {
    background: #fcfffd !important;
}
.\!bg-gold {
    background: #ffb700 !important;
}
.\!bg-orange {
    background: #cb4a00 !important;
}
.\!bg-frost {
    background: #f4f4f4 !important;
}
.bt {
    border-top-width: 1px;
    border-top-style: solid;
}
.br {
    border-right-width: 1px;
    border-right-style: solid;
}
.bb {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.bl {
    border-left-width: 1px;
    border-left-style: solid;
}
.b {
    border-width: 1px;
    border-style: solid;
}
.b-blue {
    border-color: #55b7dd;
    transition: border-color 0.2s ease-in-out;
}
.b-green {
    border-color: #008081;
    transition: border-color 0.2s ease-in-out;
}
.b-red {
    border-color: #ea5b12;
    transition: border-color 0.2s ease-in-out;
}
.b-yellow {
    border-color: #eca72c;
    transition: border-color 0.2s ease-in-out;
}
.b-gray {
    border-color: #6b6f74;
    transition: border-color 0.2s ease-in-out;
}
.b-light-gray {
    border-color: #e1e3e4;
    transition: border-color 0.2s ease-in-out;
}
.b-dark-gray {
    border-color: #545b5c;
    transition: border-color 0.2s ease-in-out;
}
.b-black {
    border-color: #1f1f1f;
    transition: border-color 0.2s ease-in-out;
}
.b-silver {
    border-color: #e0e0dc;
    transition: border-color 0.2s ease-in-out;
}
.b-white {
    border-color: #fcfffd;
    transition: border-color 0.2s ease-in-out;
}
.b-gold {
    border-color: #ffb700;
    transition: border-color 0.2s ease-in-out;
}
.b-orange {
    border-color: #cb4a00;
    transition: border-color 0.2s ease-in-out;
}
.b-frost {
    border-color: #f4f4f4;
    transition: border-color 0.2s ease-in-out;
}
.bh-blue:hover {
    border-color: #55b7dd;
}
.bh-green:hover {
    border-color: #008081;
}
.bh-red:hover {
    border-color: #ea5b12;
}
.bh-yellow:hover {
    border-color: #eca72c;
}
.bh-gray:hover {
    border-color: #6b6f74;
}
.bh-light-gray:hover {
    border-color: #e1e3e4;
}
.bh-dark-gray:hover {
    border-color: #545b5c;
}
.bh-black:hover {
    border-color: #1f1f1f;
}
.bh-silver:hover {
    border-color: #e0e0dc;
}
.bh-white:hover {
    border-color: #fcfffd;
}
.bh-gold:hover {
    border-color: #ffb700;
}
.bh-orange:hover {
    border-color: #cb4a00;
}
.bh-frost:hover {
    border-color: #f4f4f4;
}
.b-none {
    border: none;
}
.b1 {
    border-width: 1px;
}
.bt1 {
    border-top-width: 1px;
}
.br1 {
    border-right-width: 1px;
}
.bb1 {
    border-bottom-width: 1px;
}
.bl1 {
    border-left-width: 1px;
}
.b2 {
    border-width: 2px;
}
.bt2 {
    border-top-width: 2px;
}
.br2 {
    border-right-width: 2px;
}
.bb2 {
    border-bottom-width: 2px;
}
.bl2 {
    border-left-width: 2px;
}
.b3 {
    border-width: 3px;
}
.bt3 {
    border-top-width: 3px;
}
.br3 {
    border-right-width: 3px;
}
.bb3 {
    border-bottom-width: 3px;
}
.bl3 {
    border-left-width: 3px;
}
.b4 {
    border-width: 4px;
}
.bt4 {
    border-top-width: 4px;
}
.br4 {
    border-right-width: 4px;
}
.bb4 {
    border-bottom-width: 4px;
}
.bl4 {
    border-left-width: 4px;
}
.b5 {
    border-width: 5px;
}
.bt5 {
    border-top-width: 5px;
}
.br5 {
    border-right-width: 5px;
}
.bb5 {
    border-bottom-width: 5px;
}
.bl5 {
    border-left-width: 5px;
}
.b6 {
    border-width: 6px;
}
.bt6 {
    border-top-width: 6px;
}
.br6 {
    border-right-width: 6px;
}
.bb6 {
    border-bottom-width: 6px;
}
.bl6 {
    border-left-width: 6px;
}
.b7 {
    border-width: 7px;
}
.bt7 {
    border-top-width: 7px;
}
.br7 {
    border-right-width: 7px;
}
.bb7 {
    border-bottom-width: 7px;
}
.bl7 {
    border-left-width: 7px;
}
.b8 {
    border-width: 8px;
}
.bt8 {
    border-top-width: 8px;
}
.br8 {
    border-right-width: 8px;
}
.bb8 {
    border-bottom-width: 8px;
}
.bl8 {
    border-left-width: 8px;
}
.b9 {
    border-width: 9px;
}
.bt9 {
    border-top-width: 9px;
}
.br9 {
    border-right-width: 9px;
}
.bb9 {
    border-bottom-width: 9px;
}
.bl9 {
    border-left-width: 9px;
}
.b10 {
    border-width: 10px;
}
.bt10 {
    border-top-width: 10px;
}
.br10 {
    border-right-width: 10px;
}
.bb10 {
    border-bottom-width: 10px;
}
.bl10 {
    border-left-width: 10px;
}
.r-sm {
    border-radius: 4px;
    overflow: hidden;
}
.r-md {
    border-radius: 8px;
    overflow: hidden;
}
.r-lg {
    border-radius: 12px;
    overflow: hidden;
}
.circle {
    border-radius: 100%;
    overflow: hidden;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.flex {
    display: flex;
}
@media(min-width: 40rem) {
    .sm\:flex {
        display: flex;
    }
}
@media(min-width: 48rem) {
    .md\:flex {
        display: flex;
    }
}
@media(min-width: 64rem) {
    .lg\:flex {
        display: flex;
    }
}
.\!flex {
    display: flex !important;
}
.flex1 {
    flex: 1;
    -webkit-box-flex: 1;
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
@media(min-width: 40rem) {
    .sm\:flex-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}
@media(min-width: 48rem) {
    .md\:flex-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}
@media(min-width: 64rem) {
    .lg\:flex-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}
@media(min-width: 40rem) {
    .sm\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media(min-width: 48rem) {
    .md\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media(min-width: 64rem) {
    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-space-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.flex-grow1 {
    flex-grow: 1;
}
.hide {
    display: none;
}
.inline {
    display: inline;
}
.inline-block {
    display: inline-block;
}
.block {
    display: block;
}
.block\! {
    display: block !important;
}
@media(min-width: 40rem) {
    .sm\:block {
        display: block;
    }
}
@media(min-width: 48rem) {
    .md\:block {
        display: block;
    }
}
@media(min-width: 64rem) {
    .lg\:block {
        display: block;
    }
}
@media(min-width: 40rem) {
    .sm\:hide {
        display: none;
    }
}
@media(min-width: 48rem) {
    .md\:hide {
        display: none;
    }
}
@media(min-width: 64rem) {
    .lg\:hide {
        display: none;
    }
}
.Logo h1 {
    display: block;
}
@media(min-width: 40rem) {
    .Logo h1 {
        display: none;
    }
}
.Logo img {
    display: none;
}
@media(min-width: 40rem) {
    .Logo img {
        display: block;
        max-width: 104px;
        max-height: 104px;
    }
}
.HomePost {
    margin-top: 80px;
}
.HomePost:first-of-type {
    margin-top: 0;
}
.Sponsor {
    background: #fcfffd;
    margin-top: 32px;
    padding-left: 0;
    padding-right: 0;
    float: none;
}
@media(min-width: 48rem) {
    .Sponsor {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 0;
        bottom: 32px;
        left: 0;
        position: fixed;
    }
}
.Sponsor-Logo {
    border-radius: 4px;
    max-width: 120px;
}
.Sponsor-Description {
    font-size: 0.75rem;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 24px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.RandomNumber {
    display: none;
}
.RandomNumber.is-showing {
    display: block;
}
.btn {
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    padding: 8px 16px;
    margin: 0;
    height: auto;
    border: 1px solid rgba(0,0,0,0);
    vertical-align: middle;
    /*-webkit-appearance: none;*/
    color: inherit;
    color: #fcfffd;
    text-align: center;
    border-radius: 4px;
}
.btn:hover {
    text-decoration: none;
    color: #fcfffd;
}
.btn:focus {
    outline: none;
    border-color: rgba(0,0,0,.125);
}
::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.btn-primary {
    background-color: #55b7dd;
}
.btn-primary:hover {
    box-shadow: inset 0 0 0 20rem rgba(0,0,0,.0625);
}
.btn-primary:active {
    box-shadow: inset 0 0 0 20rem rgba(0,0,0,.125),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.125);
}
.btn-primary.is-disabled,
.btn-primary:disabled {
    opacity: 0.5;
}
label {
    font-size: 0.75rem;
    font-weight: bold;
}
.input {
    font-family: inherit;
    font-size: inherit;
    display: block;
    width: 100%;
    padding: 0.25rem;
    border: 1px solid #92959a;
    box-sizing: border-box;
    border-radius: 3px;
    transition: border-color 0.25s ease-in;
    box-shadow: 0;
}
.input::placeholder {
    color: #6b6f74;
}
.input:focus {
    border-color: #6b6f74;
    outline: none;
}
.field_with_errors .input {
    border-color: rgba(234,91,18,.6);
}
.error {
    margin-bottom: 1rem;
}
.error-title {
    background: #ea5b12;
    padding: 0.5rem;
    color: #fcfffd;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
}
.error-list {
    border-left: 1px solid #e1e3e4;
    border-right: 1px solid #e1e3e4;
    border-bottom: 1px solid #e1e3e4;
    margin: 0;
    padding: 0.5rem 0.5rem 0.5rem 2.25rem;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.error-list li {
    margin-top: 0.5rem;
}
.error-list li:first-of-type {
    margin-top: 0;
}
.post strong {
    font-weight: 700;
}
.bg-action-gray {
    background: #efeef3;
}
.Action:first-of-type {
    margin-top: 0;
}
.Action {
    background: #fff;
    margin-top: 24px;
}
.Action.is-connected {
    margin-top: 12px;
    overflow: visible;
    position: relative;
}
.Action.is-connected::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 12px;
    background: #84848e;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.ActionTitle-AppTitle {
    color: gray;
}
.ActionLabel-Option {
    background: #e8f6fe;
    border-radius: 8px;
    overflow: hidden;
    color: #1a61ff;
    font-weight: 700;
    padding: 4px 8px;
}
.ActionOptions {
    align-items: center;
    border-color: #e8e8e8;
}
.ActionOptions-Icon {
    height: 24px;
    margin-right: -calc(4px);
    width: 24px;
    transition: 0.2s transform ease-in-out;
}
.ActionTitle-AppIcon {
    height: 20px;
    width: 20px;
}
.ActionTitle-AppIcon img {
    max-width: 100%;
}
.ActionOptions-Label::after {
    content: " More";
}
.ActionOptions-Icon svg {
    fill: #79797b;
}
.ActionOptions.is-open .ActionOptions-Icon {
    transition: 0.2s transform ease-in-out;
    transform: rotateZ(90deg);
}
.ActionOptions.is-open .ActionOptions-Label::after {
    content: " Less";
}
.ActionOptions-Container {
    height: 0;
    overflow: hidden;
}
.ActionOptions.is-open~.ActionOptions-Container {
    height: 100%;
}
.ActionOptions-Option:first-of-type {
    margin-left: 0;
    padding: 8px 16px;
    border-top: 1px solid;
    border-color: #e8e8e8;
}
.ActionOptions-Option {
    margin-left: 16px;
    padding-bottom: 8px;
    padding-right: 16px;
    padding-top: 8px;
    border-top: 1px solid;
    border-color: #e8e8e8;
    align-items: center;
}
.Toggle {
    background: #e4e4e7;
    border-radius: 24px;
    display: block;
    height: 32px;
    position: relative;
    border: 3px solid #e4e4e7;
    width: 56px;
}
.ToggleBall {
    height: 26px;
    width: 26px;
    display: block;
    border-radius: 100%;
    background: #fcfffd;
    position: absolute;
}
.Toggle.is-on {
    background: #39bd4a;
    border-color: #39bd4a;
}
.Toggle.is-on .ToggleBall {
    right: 0;
}
.ModalLink {
    color: #1a61ff;
}
.Action.CommentAction {
    background: #f9f3e2;
}
.Action.CommentAction p:first-of-type {
    margin-top: 0;
}
.Action.CommentAction p {
    margin-top: 16px;
    margin-bottom: 0;
}
.Action.CommentAction .ActionTitle {
    background: #f6e7c6;
    border-bottom: 1px solid #e1d6b1;
}
a {
    color: #cecece;
    transition: color 0.2s ease-in;
}
a:hover {
    color: #2e2e2e;
}
.post img:not(.emoji).profile {
    max-width: 200px;
    border-radius: 50rem 50rem;
}
@media(min-width: 48rem) {
    .post img:not(.emoji).profile {
        min-width: inherit;
        max-width: 200px;
        margin-left: inherit;
    }
}
.post img:not(.emoji) {
    max-width: 100%;
}
.post img:not(.emoji).half-image {
    max-width: 100%;
}
@media(min-width: 48rem) {
    .post img:not(.emoji).half-image {
        max-width: 50%;
    }
}