.button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
  border-radius: 1.6rem;
  width: max-content;
  color: #fff; }
  .button::ng-deep .loader svg {
    width: 2rem;
    height: 1em; }
    .button::ng-deep .loader svg path {
      fill: #FFFFFF !important; }
  .button--transparent {
    color: #181818; }
  .button--red {
    background-color: #fa2027; }
  .button--green {
    background-color: #128750; }
  .button--white {
    background-color: #fff;
    color: #181818;
    border: solid 1px #bbb; }
  .button--white-shadow {
    background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, #EFECF8 100%);
    box-shadow: 0px -4px 2px 0px rgba(0, 0, 0, 0.25) inset, 0px 2px 1px 0px rgba(255, 255, 255, 0.25) inset;
    border: none;
    color: #181818; }
  .button--river {
    background-color: #1e5f6e; }
  .button--black {
    background-color: #0F172A;
    color: #FFFFFF;
    border: 1px solid #0F172A; }
  .button--gradient-blue {
    position: relative;
    background: linear-gradient(92deg, rgba(60, 95, 219, 0.95) 12.26%, rgba(78, 54, 226, 0.95) 44.29%, rgba(71, 16, 227, 0.95) 63.49%);
    color: #fff; }
    .button--gradient-blue:before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 1.6rem;
      padding: 2px;
      background: linear-gradient(45deg, #6041FF00, #6041FF);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .button--gradient-blue .title {
      font-family: "Digital-7 Mono" !important;
      font-size: 2.4rem !important;
      font-style: normal !important;
      font-weight: 400 !important;
      line-height: 1 !important;
      /* 3rem */
      text-transform: uppercase; }
  .button--large {
    padding: 0.8rem 1rem;
    font-family: "Inter";
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.25;
    border-radius: 1.6rem; }
  .button--x-large {
    padding: 1.2rem 1.6rem;
    font-family: "Inter";
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.25;
    border-radius: 3.2rem; }
  .button--disabled {
    background-color: #e0e0e0; }
  .button.wide {
    border-radius: 1000rem;
    padding-left: 5.6rem;
    padding-right: 5.6rem; }
  .button.blur {
    position: relative; }
    .button.blur:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 120%;
      height: 120%;
      border-radius: 10000rem;
      background: linear-gradient(93deg, rgba(255, 255, 255, 0.95) 9.16%, rgba(255, 255, 255, 0.95) 43.89%, rgba(255, 255, 255, 0.95) 64.72%);
      filter: blur(20px);
      z-index: -1; }
  .button .title {
    font-family: "Inter";
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.25;
    white-space: nowrap; }
  .button .icon {
    font-size: 1.8rem; }
    .button .icon--before {
      margin-right: 0.4rem; }
    .button .icon--after {
      margin-left: 0.4rem; }

@media (min-width: 992px) {
  .button--large, .button--x-large {
    padding: 1.2rem 1.6rem;
    border-radius: 100rem; }
    .button--large .title, .button--x-large .title {
      font-family: "Inter";
      font-size: 1.6rem;
      font-weight: 500;
      letter-spacing: normal;
      line-height: 1.25; }
  .button--small {
    padding: 0.4rem 0.8rem 0.5rem;
    border-radius: 1.6rem; }
    .button--small .title {
      font-family: "Inter";
      font-size: 1.3rem;
      font-weight: 500;
      letter-spacing: normal;
      line-height: 1.25; } }
@media (hover: hover) {
  .button {
    transition: background-color .3s ease, color .3s ease; }
    .button:not(.button--disabled) {
      cursor: pointer; }
      .button:not(.button--disabled).button--white {
        position: relative; }
        .button:not(.button--disabled).button--white:before {
          content: "";
          position: absolute;
          left: -1px;
          top: -1px;
          width: calc(100% + 2px);
          height: calc(100% + 2px);
          border: 2px solid #181818;
          border-radius: 1.6rem;
          opacity: 0.0;
          transition: opacity .3s ease; }
        .button:not(.button--disabled).button--white:hover:before {
          opacity: 1.0; }
      .button:not(.button--disabled).button--large:before {
        border-radius: 100rem; }
      .button:not(.button--disabled).button--red:hover {
        background-color: #ad1d22; }
      .button:not(.button--disabled).button--river:hover {
        background-color: #1a4c58; } }
.accordion {
  background-color: #fff;
  border: 0.1rem solid #ddd;
  border-radius: 0.8rem; }
  .accordion.opened .accordion__toggle {
    transform: scale(-1); }
  .accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 1.6rem; }
  .accordion__title {
    font-family: "Inter";
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.1;
    padding-right: 2.2rem;
    flex: 1 1 auto; }
  .accordion__toggle {
    transition: transform .3s ease; }
    .accordion__toggle::ng-deep .icon {
      font-size: 1.6rem; }
  .accordion__content-wrapper {
    height: 0;
    overflow: hidden;
    transition: height .3s ease; }
  .accordion__content {
    padding: 0.9rem 1.6rem 2.4rem 1.6rem;
    font-family: "Inter";
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4; }
    .accordion__content::ng-deep a:not(.preview-box) {
      color: #1e5f6e;
      text-decoration: underline; }
    .accordion__content::ng-deep i, .accordion__content::ng-deep em {
      font-style: italic; }

:host {
  display: flex; }

.icon.blur {
  position: relative; }
  .icon.blur:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1000rem;
    background: rgba(255, 255, 255, 0.85);
    filter: blur(20px);
    z-index: 0; }

.input-text__label {
  font-family: "Inter";
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.45;
  text-transform: uppercase;
  display: block;
  color: #181818;
  margin-bottom: 0.4rem; }
.input-text__required {
  font-family: "Inter";
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.45;
  color: #fa2027; }
.input-text__input-wrapper {
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0.8rem; }
  .input-text__input-wrapper input {
    display: block;
    width: 100%;
    padding: 1rem 1.2rem;
    border-radius: 0.8rem;
    background: #fcfcfc;
    font-family: Inter;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 145%;
    /* 2.175rem */
    border: 2px solid transparent; }
    .input-text__input-wrapper input::placeholder {
      color: #969696; }
    .input-text__input-wrapper input:focus {
      border-color: #1e5f6e;
      background-color: #f1f5f5; }

/*# sourceMappingURL=br-frontend-atoms.css.map */