/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html{
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%; }
body{
  margin:0; }
article,
aside,
footer,
header,
nav,
section{
  display:block; }
h1{
  font-size:2em;
  margin:0.67em 0; }
figcaption,
figure{
  display:block; }
figure{
  margin:1em 40px; }
hr{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  height:0;
  overflow:visible; }
main{
  display:block; }
pre{
  font-family:monospace, monospace;
  font-size:1em; }
a{
  background-color:transparent;
  -webkit-text-decoration-skip:objects; }
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted; }
b,
strong{
  font-weight:inherit; }
b,
strong{
  font-weight:bolder; }
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:1em; }
dfn{
  font-style:italic; }
mark{
  background-color:#ff0;
  color:#000; }
small{
  font-size:80%; }
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline; }

sub{
  bottom:-0.25em; }

sup{
  top:-0.5em; }
audio,
video{
  display:inline-block; }
audio:not([controls]){
  display:none;
  height:0; }
img{
  border-style:none; }
svg:not(:root){
  overflow:hidden; }
button,
input,
optgroup,
select,
textarea{
  font-family:sans-serif;
  font-size:100%;
  line-height:1.15;
  margin:0; }
button{
  overflow:visible; }
button,
select{
  text-transform:none; }
button,
html [type="button"],
[type="reset"],
[type="submit"]{
  -webkit-appearance:button; }

button,
[type="button"],
[type="reset"],
[type="submit"]{ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText; }
input{
  overflow:visible; }
[type="checkbox"],
[type="radio"]{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding:0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
  height:auto; }
[type="search"]{
  -webkit-appearance:textfield;
  outline-offset:-2px; }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration{
    -webkit-appearance:none; }
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit; }
fieldset{
  padding:0.35em 0.75em 0.625em; }
legend{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  display:table;
  max-width:100%;
  padding:0;
  color:inherit;
  white-space:normal; }
progress{
  display:inline-block;
  vertical-align:baseline; }
textarea{
  overflow:auto; }
details{
  display:block; }
summary{
  display:list-item; }
menu{
  display:block; }
canvas{
  display:inline-block; }
template{
  display:none; }
[hidden]{
  display:none; }
html{
  font-size:62.5%; }

html,
*,
*:before,
*:after{
  -webkit-box-sizing:border-box;
          box-sizing:border-box; }

@font-face{
  font-family:'Coaster';
  src:url("/dist/fonts/Coaster/Regular/Coaster.otf") format("opentype");
  font-weight:400;
  font-style:normal; }

@font-face{
  font-family:'Hometree';
  src:url("/dist/fonts/Hometree/Hometree-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal; }

@font-face{
  font-family:'Hometree';
  src:url("/dist/fonts/Hometree/Hometree-Medium.ttf") format("truetype");
  font-weight:500;
  font-style:normal; }

@font-face{
  font-family:'Hometree';
  src:url("/dist/fonts/Hometree/Hometree-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal; }

@font-face{
  font-family:'Hometree';
  src:url("/dist/fonts/Hometree/Hometree-Bold.ttf") format("truetype");
  font-weight:900;
  font-style:normal; }
.icon{
  height:2.4rem;
  width:2.4rem; }

.icon .icon--stroke{
  fill:none; }

.icon .icon--fill{
  stroke:none; }

.icon,
.icon circle,
.icon line,
.icon g,
.icon path{
  -webkit-transition:stroke .4s, fill .4s;
  transition:stroke .4s, fill .4s; }

.icon--small{
  height:1.6rem;
  width:1.6rem; }

.icon--medium{
  height:2rem;
  width:2rem; }

.icon--large{
  height:3.2rem;
  width:3.2rem; }

.icon--xlarge{
  height:4.2rem;
  width:4.2rem; }
main{
  display:block; }

.main-content{
  min-height:100vh;
  background:#17171c;
  overflow:visible; }
  .main-content--is-loading{
    visibility:hidden; }

.page{
  display:none;
  height:auto;
  padding:14px 10px; }
  .page__profile{
    padding:0; }

.page[active]{
  display:block; }

button,
svg{
  outline:none; }
  button:active,
  svg:active{
    color:#ffbd00;
    fill:#ffbd00;
    stroke:#ffbd00; }
  @media (min-width: 768px){
    button:focus,
    svg:focus{
      color:#ffbd00;
      fill:#ffbd00;
      stroke:#ffbd00; } }

.floating-wrapper{
  -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5);
          box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5);
  overflow:auto;
  background-color:#fff;
  position:relative;
  height:100%; }
  .floating-wrapper-form{
    background-color:#fafafa;
    position:relative; }

@media (min-width: 1200px){
  .page{
    padding:20px 30px; }
  .floating-wrapper{
    max-width:calc(100vw - 170px);
    margin-left:-170px; } }

html{
  -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
          text-size-adjust:100%; }

body{
  font-family:"Hometree", "Arial Black", "sans serif";
  font-size:1.6rem;
  color:#fff;
  font-weight:400;
  text-rendering:optimizelegibility;
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased; }

h1{
  font-size:3.2rem;
  line-height:4rem; }

p{
  font-family:"Hometree", "Arial Black", "sans serif";
  font-size:1.6rem;
  margin-top:1.6rem;
  margin-bottom:0; }

input, p, a, span, li, div, textarea, select{
  font-family:"Hometree", "Arial Black", "sans serif";
  font-size:1.6rem;
  line-height:2.4rem; }
h1,
h2,
h3,
h4,
h5,
h6,
.alpha,
.beta,
.gamma,
.delta,
.epsilon{
  margin:0;
  font-weight:500;
  margin-bottom:0; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .alpha small,
  .beta small,
  .gamma small,
  .delta small,
  .epsilon small{
    font-weight:normal; }
.text-centre,
.text-center{
  text-align:center; }

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

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

.loader{
  position:relative; }
  .loader:after{
    content:'';
    position:absolute;
    top:calc(50% - 2rem);
    left:calc(50% - 2rem);
    border-radius:100%;
    border-style:solid;
    border-width:.3rem;
    width:4rem;
    height:4rem;
    border-color:transparent #ffbd00 #ffbd00 transparent;
    -webkit-animation:spin 1s linear infinite;
            animation:spin 1s linear infinite; }
  .loader--fullscreen{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(255, 255, 255, 0.9);
    z-index:2; }

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

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

.ht-splash{
  -webkit-animation:background-gradient-pulse 4s ease infinite;
          animation:background-gradient-pulse 4s ease infinite;
  background:linear-gradient(225deg, #ffad00, #a32e80) 400% 400%;
  background-size:400% 400%;
  overflow:hidden; }
  .ht-splash__block{
    height:calc(100vw / 11);
    min-height:calc(100vh / 20);
    width:calc((100vw - $navigation-width) / 11); }
    .ht-splash__block:nth-child(1){
      background-color:rgba(254, 179, 7, 0.05); }
    .ht-splash__block:nth-child(2){
      background-color:rgba(254, 179, 7, 0.1); }
    .ht-splash__block:nth-child(3){
      background-color:rgba(254, 179, 7, 0.15); }
    .ht-splash__block:nth-child(4){
      background-color:rgba(254, 179, 7, 0.2); }
    .ht-splash__block:nth-child(5){
      background-color:rgba(254, 179, 7, 0.25); }
    .ht-splash__block:nth-child(6){
      background-color:rgba(254, 179, 7, 0.3); }
    .ht-splash__block:nth-child(7){
      background-color:rgba(254, 179, 7, 0.35); }
    .ht-splash__block:nth-child(8){
      background-color:rgba(254, 179, 7, 0.4); }
    .ht-splash__block:nth-child(9){
      background-color:rgba(254, 179, 7, 0.45); }
    .ht-splash__block:nth-child(10){
      background-color:rgba(254, 179, 7, 0.5); }
    .ht-splash__block:nth-child(11){
      background-color:rgba(254, 179, 7, 0.55); }
  .ht-splash__content{
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    left:0;
    position:absolute;
    text-align:center;
    top:0;
    width:100vw; }

@-webkit-keyframes background-gradient-pulse{
  0%{
    background-position:99% 0; }
  50%{
    background-position:2% 100%; }
  100%{
    background-position:99% 0; } }

@keyframes background-gradient-pulse{
  0%{
    background-position:99% 0; }
  50%{
    background-position:2% 100%; }
  100%{
    background-position:99% 0; } }

@-webkit-keyframes ht-spin{
  0%{
    border-color:#a32e80 transparent transparent #a32e80;
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg); }
  30%{
    border-color:#ffbd00 transparent transparent #ffbd00; }
  70%{
    border-color:#ffbd00 transparent transparent #ffbd00; }
  100%{
    border-color:#a32e80 transparent transparent #a32e80;
    -webkit-transform:rotate(1440deg);
            transform:rotate(1440deg); } }

@keyframes ht-spin{
  0%{
    border-color:#a32e80 transparent transparent #a32e80;
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg); }
  30%{
    border-color:#ffbd00 transparent transparent #ffbd00; }
  70%{
    border-color:#ffbd00 transparent transparent #ffbd00; }
  100%{
    border-color:#a32e80 transparent transparent #a32e80;
    -webkit-transform:rotate(1440deg);
            transform:rotate(1440deg); } }

.ht-splash{
  height:100vh; }
  .ht-splash__content{
    height:100vh; }
  .ht-splash__logo{
    fill:#fafafa;
    max-width:30rem;
    width:75vw; }
  .ht-splash__title{
    color:#fafafa;
    margin:0; }
  .ht-splash__loader{
    display:block;
    height:7rem;
    margin:4.8rem auto 0;
    width:7rem; }
    .ht-splash__loader:after{
      -webkit-animation:ht-spin 4s linear infinite;
              animation:ht-spin 4s linear infinite;
      border-color:#a32e80 transparent transparent #a32e80;
      border-radius:50%;
      border-style:solid;
      border-width:.5rem;
      content:'';
      display:block;
      height:100%;
      width:100%; }
  .ht-splash__no-js{
    bottom:3rem;
    color:#fafafa;
    left:50%;
    margin:0;
    max-width:70vw;
    position:absolute;
    text-align:center;
    -webkit-transform:translate(-50%);
            transform:translate(-50%);
    width:100%; }
  .ht-splash__row{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex; }
    .ht-splash__row:nth-child(1){
      background-color:rgba(254, 179, 7, 0.8); }
    .ht-splash__row:nth-child(2){
      background-color:rgba(254, 179, 7, 0.76); }
    .ht-splash__row:nth-child(3){
      background-color:rgba(254, 179, 7, 0.72); }
    .ht-splash__row:nth-child(4){
      background-color:rgba(254, 179, 7, 0.68); }
    .ht-splash__row:nth-child(5){
      background-color:rgba(254, 179, 7, 0.64); }
    .ht-splash__row:nth-child(6){
      background-color:rgba(254, 179, 7, 0.6); }
    .ht-splash__row:nth-child(7){
      background-color:rgba(254, 179, 7, 0.56); }
    .ht-splash__row:nth-child(8){
      background-color:rgba(254, 179, 7, 0.52); }
    .ht-splash__row:nth-child(9){
      background-color:rgba(254, 179, 7, 0.48); }
    .ht-splash__row:nth-child(10){
      background-color:rgba(254, 179, 7, 0.44); }
    .ht-splash__row:nth-child(11){
      background-color:rgba(254, 179, 7, 0.4); }
    .ht-splash__row:nth-child(12){
      background-color:rgba(254, 179, 7, 0.36); }
    .ht-splash__row:nth-child(13){
      background-color:rgba(254, 179, 7, 0.32); }
    .ht-splash__row:nth-child(14){
      background-color:rgba(254, 179, 7, 0.28); }
    .ht-splash__row:nth-child(15){
      background-color:rgba(254, 179, 7, 0.24); }
    .ht-splash__row:nth-child(16){
      background-color:rgba(254, 179, 7, 0.2); }
    .ht-splash__row:nth-child(17){
      background-color:rgba(254, 179, 7, 0.16); }
    .ht-splash__row:nth-child(18){
      background-color:rgba(254, 179, 7, 0.12); }
    .ht-splash__row:nth-child(19){
      background-color:rgba(254, 179, 7, 0.08); }
    .ht-splash__row:nth-child(20){
      background-color:rgba(254, 179, 7, 0.04); }
    .ht-splash__row:nth-child(21){
      background-color:rgba(254, 179, 7, 0); }

.ht-pandora-app-toast{
  background:#ffad00;
  bottom:4.7rem;
  color:#fff;
  cursor:pointer;
  line-height:6rem;
  max-height:0;
  position:fixed;
  text-align:center;
  -webkit-transition:max-height .3s;
  transition:max-height .3s;
  width:100%; }
  .ht-pandora-app-toast--open{
    max-height:6rem;
    opacity:1; }
body{
  background-color:#17171c;
  margin:0;
  min-height:100vh; }