:root {
  /* FONT SIZES */
  --title-font-size: 1.8rem;
  --larger-font-size: 1.1rem;
  --regular-font-size: 0.9rem;
  --button-font-size: 0.8rem;
  --small-font-size: 0.8rem;
  --micro-font-size: 0.6rem;
  /* FONT */
  --font-title: Poppins-Bold;
  --font-title-medium: Poppins-Medium;
  --font-title-light: Poppins-Light;
  --font-bold: Roboto-Bold;
  --font-default: Roboto-Regular;
  --font-light: Roboto-Light;
  --font-url: Roboto-Bold;
}

@font-face {
  font-family: Roboto-Bold;
  src: url("../assets/fonts/Roboto-Bold.ttf");
}
@font-face {
  font-family: Roboto-Regular;
  src: url("../assets/fonts/Roboto-Regular.ttf");
}
@font-face {
  font-family: Roboto-Light;
  src: url("../assets/fonts/Roboto-Light.ttf");
}
@font-face {
  font-family: Poppins-Bold;
  src: url("../assets/fonts/Poppins-Bold.ttf");
}
@font-face {
  font-family: Poppins-Medium;
  src: url("../assets/fonts/Poppins-Medium.ttf");
}
@font-face {
  font-family: Poppins-Light;
  src: url("../assets/fonts/Poppins-Light.ttf");
}
.fnt-white {
  color: var(--white);
}

.fnt-primary {
  color: var(--primary);
}

.fnt-secondary {
  color: var(--secondary);
}

h1 {
  font-family: var(--font-title);
  font-size: var(--title-font-size);
  color: var(--white);
  padding: 1.5rem 0;
}

p, li, a {
  font-size: var(--regular-font-size);
  font-family: var(--font-light);
  letter-spacing: 0.02rem;
  color: var(--white);
}

input {
  font-size: var(--regular-font-size);
  font-family: var(--font-default);
}

.btn__container {
  display: flex;
  flex-direction: column;
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}

.btn {
  padding: 0.5rem 1.5rem;
}

.btn-primary {
  color: var(--white);
  background-color: var(--secondary);
  border-radius: 20px;
  border-color: var(--secondary);
  font-size: var(--button-font-size);
  font-family: var(--font-bold);
}
.btn-primary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:active {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:focus {
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.25rem rgba(15, 82, 71, 0.5);
}
.btn-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(15, 82, 71, 0.5);
}

html {
  font-size: var(--larger-font-size);
  font-family: var(--font-default);
  position: relative;
  min-height: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
html > body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-size: cover;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(15, 82, 71, 0.9)), var(--background-url);
  background-position: center center;
  font-family: var(--font-default);
  user-select: none;
}

.spinner__container {
  padding-top: 40vh;
}
.spinner__container > .spinner {
  width: 3.5rem;
  height: 3.5rem;
  -webkit-animation: spinner 2s ease-in-out infinite;
  -moz-animation: spinner 2s ease-in-out infinite;
  animation: spinner 2s ease-in-out infinite;
}

.subscriptions {
  color: var(--white);
  font-size: var(--regular-font-size);
  font-family: var(--font-light);
  margin-top: 10rem;
}
.subscriptions > .subscription {
  color: var(--white-color);
}
.subscriptions > .subscription > .pending, .subscriptions > .subscription .done, .subscriptions > .subscription .error {
  height: 1rem;
  vertical-align: middle;
  margin: auto 2rem auto 0rem;
}
.subscriptions > .subscription > .pending {
  filter: var(--white-filter);
  -webkit-animation: loader-subscription 1.5s ease-in-out infinite;
  -moz-animation: loader-subscription 1.5s ease-in-out infinite;
  animation: loader-subscription 1.5s ease-in-out infinite;
}
.subscriptions > .subscription > .error {
  filter: var(--error-primary-filter);
}
.subscriptions > .subscription > .description {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  font-size: var(--regular-font-size);
  font-family: var(--font-title-light);
}

.callback {
  position: absolute;
  text-align: center;
  bottom: 10vh;
  left: calc(50% - 5rem);
  width: 12rem;
  height: 80px;
}
.callback > .message {
  display: flex;
  height: 1.5rem;
  color: var(--white-color);
  font-size: var(--regular-font-size);
  font-family: var(--font-light);
}
.callback > .message > .description {
  text-align: left;
  margin-top: auto;
  margin-bottom: auto;
  color: var(--white);
  font-size: var(--regular-font-size);
  font-family: var(--font-title-light);
}

@-moz-keyframes spinner {
  100% {
    -moz-transform: rotate(1080deg);
  }
}
@-webkit-keyframes spinner {
  100% {
    -webkit-transform: rotate(1080deg);
  }
}
@keyframes spinner {
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
@-moz-keyframes loader-subscription {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-subscription {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes loader-subscription {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.environment {
  color: var(--error-primary);
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/YRF3/YR.Framework.SigningService/YR.Framework.SigningService/wwwroot/scss/_typography.scss%22,%22file:///C:/YRF3/YR.Framework.SigningService/YR.Framework.SigningService/wwwroot/scss/_button.scss%22,%22file:///C:/YRF3/YR.Framework.SigningService/YR.Framework.SigningService/wwwroot/scss/site.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAC;AACG;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AC7EH;EACG;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;;ACnCR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EAEA;;AAEA;EACI;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAMZ;EACI;IACI;;;AAIR;EACI;IACI;;;AAIR;EACI;IACI;IACA;;;AAIR;EACI;IACI;;;AAIR;EACI;IACI;;;AAIR;EACI;IACI;IACA;;;AAIR;EACI%22%7D */