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

/* make sure to set some focus styles for accessibility */
/* line 96, app/assets/stylesheets/_reset.scss */
:focus {
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
/* line 101, app/assets/stylesheets/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

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

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

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

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

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

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

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

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 168, app/assets/stylesheets/_reset.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 182, app/assets/stylesheets/_reset.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
/* line 192, app/assets/stylesheets/_reset.scss */
[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 203, app/assets/stylesheets/_reset.scss */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 213, app/assets/stylesheets/_reset.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 221, app/assets/stylesheets/_reset.scss */
a:active,
a:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
/* line 231, app/assets/stylesheets/_reset.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
/* line 240, app/assets/stylesheets/_reset.scss */
figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
/* line 248, app/assets/stylesheets/_reset.scss */
form {
  margin: 0;
}

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 268, app/assets/stylesheets/_reset.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
/* line 282, app/assets/stylesheets/_reset.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 297, app/assets/stylesheets/_reset.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 309, app/assets/stylesheets/_reset.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 324, app/assets/stylesheets/_reset.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 337, app/assets/stylesheets/_reset.scss */
button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 349, app/assets/stylesheets/_reset.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 363, app/assets/stylesheets/_reset.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 375, app/assets/stylesheets/_reset.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
/* line 384, app/assets/stylesheets/_reset.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 395, app/assets/stylesheets/_reset.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
/* line 404, app/assets/stylesheets/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

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

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

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

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

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

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

@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  src: url(/assets/Roboto-Light-db02096a91c20ab62d459001a1059bc8d78caa35d637dc91494c4440815a6ac1.ttf) format("truetype");
}

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url(/assets/Roboto-Regular-017c0be9aaa6d0359737e1fa762ad304c0e0107927faff5a6c1f415c7f5244ed.ttf) format("truetype");
}

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  src: url(/assets/Roboto-Italic-2c0958e0c7e9b63f36f672d3cccba14ca0d7ce2e3d6945b38e4ef3de35b79691.ttf) format("truetype");
}

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  src: url(/assets/Roboto-Medium-e35252aa3dc2e84e9d7211586fee9aede2a426d3230c8b131881d985f16ff836.ttf) format("truetype");
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src: url(/assets/Roboto-Bold-c9cc991deb5d27f267830a19f2301eb164d9e61ec08669c1a1a291c5620ff40a.ttf) format("truetype");
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  src: url(/assets/Roboto-BoldItalic-e408e93bc15805661247698520f1ab944bbc2899fbd9ca71edc1b24dea6565f7.ttf) format("truetype");
}

/* line 1, app/assets/stylesheets/_header.scss */
header {
  width: 100%;
  max-width: 100vw;
  padding: 0.8571428571rem 5.1428571429rem;
  display: grid;
  grid-gap: 3.4285714286rem;
  grid-template-columns: auto 1fr;
  z-index: 2;
  position: fixed;
  z-index: 2;
  translate: all .3s ease;
  grid-template-areas: "logo nav";
}

/* line 6, app/assets/stylesheets/_header.scss */
header.withColor {
  box-shadow: 0px 1px 4px rgba(1, 41, 84, 0.1);
  background-color: #FFFFFF;
}

/* line 9, app/assets/stylesheets/_header.scss */
header section {
  grid-area: logo;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 12, app/assets/stylesheets/_header.scss */
header section a {
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  margin-right: 0.5714285714rem;
}

/* line 14, app/assets/stylesheets/_header.scss */
header section a img {
  width: inherit;
  height: inherit;
}

/* line 16, app/assets/stylesheets/_header.scss */
header section p {
  font-size: 1.2857142857rem;
  line-height: 1.2857142857rem;
  text-transform: uppercase;
  font-weight: 500;
}

/* line 18, app/assets/stylesheets/_header.scss */
header section p span {
  display: block;
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.7142857143rem;
  line-height: 0.7142857143rem;
  margin-top: 0.2857142857rem;
  font-weight: 300;
  text-transform: none;
}

/* line 24, app/assets/stylesheets/_header.scss */
header nav {
  grid-area: nav;
  align-self: center;
}

/* line 26, app/assets/stylesheets/_header.scss */
header nav .mobileToggle.unread {
  position: relative;
}

/* line 28, app/assets/stylesheets/_header.scss */
header nav .mobileToggle.unread:after {
  top: -2px;
  right: -2px;
  content: '';
  position: absolute;
  width: 0.7142857143rem;
  height: 0.7142857143rem;
  background-color: #E33131;
  display: block;
  border-radius: 50%;
}

/* line 33, app/assets/stylesheets/_header.scss */
header nav .wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 35, app/assets/stylesheets/_header.scss */
header nav .wrapper a {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  font-weight: 500;
  text-decoration: none;
  color: #828282;
}

/* line 38, app/assets/stylesheets/_header.scss */
header nav .wrapper a:hover, header nav .wrapper a:focus {
  text-decoration: underline;
}

/* line 41, app/assets/stylesheets/_header.scss */
header nav .wrapper .mainNavigation a {
  margin-right: 1.7142857143rem;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}

/* line 21, app/assets/stylesheets/_mixins.scss */
header nav .wrapper .mainNavigation a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-bottom: 2px solid #555;
  transition: all 0.5s;
}

/* line 31, app/assets/stylesheets/_mixins.scss */
header nav .wrapper .mainNavigation a:hover::before {
  width: 100%;
}

/* line 45, app/assets/stylesheets/_header.scss */
header nav .wrapper .mainNavigation a:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 40, app/assets/stylesheets/_header.scss */
  header nav .wrapper .mainNavigation {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  /* line 49, app/assets/stylesheets/_header.scss */
  header nav .wrapper .mainNavigation a {
    width: fit-content;
  }
}

/* line 52, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

/* line 54, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks a {
  margin-right: 1.7142857143rem;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}

/* line 21, app/assets/stylesheets/_mixins.scss */
header nav .wrapper .userLinks a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-bottom: 2px solid #555;
  transition: all 0.5s;
}

/* line 31, app/assets/stylesheets/_mixins.scss */
header nav .wrapper .userLinks a:hover::before {
  width: 100%;
}

/* line 59, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 210, 105, 0.2);
  position: relative;
  cursor: pointer;
  padding: 0.5714285714rem 1.7142857143rem;
  border-radius: 2.8571428571rem;
  cursor: pointer;
  z-index: 2;
}

/* line 63, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock p {
  font-size: 1.1428571429rem;
  font-weight: 500;
  white-space: nowrap;
  color: #828282;
}

/* line 64, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock img {
  height: 1.1428571429rem;
  margin-left: 0.5714285714rem;
}

/* line 65, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock .dropdown {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  top: 2.2857142857rem;
  right: 0;
  z-index: 1;
  padding: 1.1428571429rem 0.8571428571rem;
  border-radius: 0.4285714286rem;
}

/* line 69, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock .dropdown a {
  display: block;
  white-space: nowrap;
  text-align: right;
  margin: 0 0 0.5714285714rem 0;
  text-transform: inherit;
}

/* line 71, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock .dropdown a:last-child {
  margin-bottom: 0;
}

/* line 72, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock .dropdown a.unread {
  position: relative;
}

/* line 74, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock .dropdown a.unread:after {
  top: -1px;
  right: -4px;
  content: '';
  position: absolute;
  min-width: 0.5714285714rem;
  min-height: 0.5714285714rem;
  width: 0.5714285714rem;
  height: 0.5714285714rem;
  background-color: #E33131;
  display: block;
  border-radius: 50%;
}

/* line 82, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock:hover img {
  transform: rotate(180deg);
}

/* line 83, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock:hover .dropdown {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 86, app/assets/stylesheets/_header.scss */
header nav .wrapper .userLinks .userBlock.unread:after {
  top: 0;
  right: 0;
  content: '';
  position: absolute;
  width: 0.8571428571rem;
  height: 0.8571428571rem;
  background-color: #E33131;
  display: block;
  border-radius: 50%;
}

/* line 94, app/assets/stylesheets/_header.scss */
header nav label, header nav input[type="checkbox"] {
  display: none;
}

/* line 95, app/assets/stylesheets/_header.scss */
header nav label img {
  height: 1.1428571429rem;
  cursor: pointer;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 24, app/assets/stylesheets/_header.scss */
  header nav {
    justify-self: flex-end;
    position: relative;
  }
  /* line 98, app/assets/stylesheets/_header.scss */
  header nav label {
    display: block;
  }
  /* line 99, app/assets/stylesheets/_header.scss */
  header nav .wrapper {
    display: none;
    box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  }
  /* line 100, app/assets/stylesheets/_header.scss */
  header nav #toggle:checked ~ .wrapper {
    display: block;
    position: absolute;
    top: 2.1428571429rem;
    background: #FFFFFF;
    border-radius: 0.4285714286rem;
    box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
    min-width: max-content;
  }
  /* line 106, app/assets/stylesheets/_header.scss */
  header nav #toggle:checked ~ .wrapper .mainNavigation a, header nav #toggle:checked ~ .wrapper .userLinks a {
    margin: 0 0 0.5714285714rem 0;
    text-align: right;
    font-weight: 500;
    display: block;
  }
  /* line 108, app/assets/stylesheets/_header.scss */
  header nav #toggle:checked ~ .wrapper .userLinks {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 4rem;
  }
  /* line 111, app/assets/stylesheets/_header.scss */
  header nav #toggle:checked ~ .wrapper .userLinks a:last-child {
    margin-bottom: 0;
  }
  /* line 112, app/assets/stylesheets/_header.scss */
  header nav #toggle:checked ~ .wrapper .userLinks .userBlock {
    margin-top: 1.7142857143rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 119, app/assets/stylesheets/_header.scss */
  header nav .wrapper {
    right: -3.4285714286rem;
    padding: 1.1428571429rem 3.4285714286rem 1.1428571429rem 1.1428571429rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 122, app/assets/stylesheets/_header.scss */
  header nav .wrapper {
    right: -1.7142857143rem;
    padding: 1.1428571429rem 1.7142857143rem 1.1428571429rem 1.1428571429rem;
  }
}

/* line 1, app/assets/stylesheets/_footer.scss */
footer {
  padding-left: 5.1428571429rem;
  padding-right: 5.1428571429rem;
  padding-top: 1.7142857143rem;
  padding-bottom: 1.7142857143rem;
  background: linear-gradient(180deg, rgba(255, 252, 173, 0.039) 6.46%, rgba(148, 212, 200, 0.3) 100%);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 1.7142857143rem;
  justify-items: center;
  grid-template-areas: "links legal help products social lang" "bottom bottom bottom bottom bottom bottom";
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 1, app/assets/stylesheets/_footer.scss */
  footer {
    padding-left: 3.4285714286rem;
    padding-right: 3.4285714286rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 1, app/assets/stylesheets/_footer.scss */
  footer {
    padding-left: 1.7142857143rem;
    padding-right: 1.7142857143rem;
  }
}

/* line 14, app/assets/stylesheets/_footer.scss */
footer .row h3 {
  margin-bottom: 1.1428571429rem;
  color: rgba(22, 62, 64, 0.65);
  font-weight: 500;
  text-transform: uppercase;
}

/* line 15, app/assets/stylesheets/_footer.scss */
footer .row .elements {
  display: grid;
  grid-gap: 0.5714285714rem 1.1428571429rem;
}

/* line 16, app/assets/stylesheets/_footer.scss */
footer .row.links {
  grid-area: links;
}

/* line 18, app/assets/stylesheets/_footer.scss */
footer .row.links .elements {
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(1, 1fr);
}

/* line 19, app/assets/stylesheets/_footer.scss */
footer .row.links a {
  width: max-content;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}

/* line 21, app/assets/stylesheets/_mixins.scss */
footer .row.links a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-bottom: 2px solid #5DBEAD;
  transition: all 0.5s;
}

/* line 31, app/assets/stylesheets/_mixins.scss */
footer .row.links a:hover::before {
  width: 100%;
}

/* line 21, app/assets/stylesheets/_footer.scss */
footer .row.legal {
  grid-area: legal;
}

/* line 24, app/assets/stylesheets/_footer.scss */
footer .row.help {
  grid-area: help;
}

/* line 27, app/assets/stylesheets/_footer.scss */
footer .row.products {
  grid-area: products;
}

/* line 29, app/assets/stylesheets/_footer.scss */
footer .row.products .elements {
  grid-template-columns: 1fr;
}

/* line 30, app/assets/stylesheets/_footer.scss */
footer .row.products a {
  width: max-content;
  text-decoration: none;
  position: relative;
}

/* line 21, app/assets/stylesheets/_mixins.scss */
footer .row.products a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-bottom: 2px solid #5DBEAD;
  transition: all 0.5s;
}

/* line 31, app/assets/stylesheets/_mixins.scss */
footer .row.products a:hover::before {
  width: 100%;
}

/* line 32, app/assets/stylesheets/_footer.scss */
footer .row.social {
  grid-area: social;
}

/* line 34, app/assets/stylesheets/_footer.scss */
footer .row.social .elements {
  grid-template-columns: repeat(3, 1.4285714286rem);
}

/* line 36, app/assets/stylesheets/_footer.scss */
footer .row.social .elements a {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}

/* line 38, app/assets/stylesheets/_footer.scss */
footer .row.social .elements a img {
  height: inherit;
  width: inherit;
  object-fit: contain;
}

/* line 42, app/assets/stylesheets/_footer.scss */
footer .row.languages {
  grid-area: lang;
}

/* line 45, app/assets/stylesheets/_footer.scss */
footer .row.languages .elements a {
  width: max-content;
  text-decoration: none;
  position: relative;
}

/* line 21, app/assets/stylesheets/_mixins.scss */
footer .row.languages .elements a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-bottom: 2px solid #5DBEAD;
  transition: all 0.5s;
}

/* line 31, app/assets/stylesheets/_mixins.scss */
footer .row.languages .elements a:hover::before {
  width: 100%;
}

/* line 48, app/assets/stylesheets/_footer.scss */
footer .row.languages .elements a.active {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  color: #3d8679;
  text-decoration: underline;
}

/* line 56, app/assets/stylesheets/_footer.scss */
footer .row.bottom {
  grid-area: bottom;
  padding-top: 0.5714285714rem;
}

/* line 58, app/assets/stylesheets/_footer.scss */
footer .row.bottom p {
  color: rgba(22, 62, 64, 0.65);
  text-align: left;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 1, app/assets/stylesheets/_footer.scss */
  footer {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: start;
    grid-template-areas: "links legal help" "products social lang" "bottom bottom bottom";
  }
  /* line 68, app/assets/stylesheets/_footer.scss */
  footer .row.social .elements {
    grid-template-columns: repeat(3, 1.4285714286rem);
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 1, app/assets/stylesheets/_footer.scss */
  footer {
    grid-template-columns: 1fr 1fr;
    justify-items: start;
    grid-template-areas: "links legal" "help products" "social lang" "bottom none";
  }
  /* line 79, app/assets/stylesheets/_footer.scss */
  footer .row.social .elements {
    grid-template-columns: repeat(3, 1.4285714286rem);
  }
}

/* line 1, app/assets/stylesheets/components/_button.scss */
button, .button {
  display: inline-block;
  box-sizing: border-box;
  font-weight: 500;
  color: #FFFFFF;
  outline: none;
  width: fit-content;
  border-radius: 2.8571428571rem;
  cursor: pointer;
  margin: 0;
  transition: all .1s ease-in-out;
  font-family: "Roboto", sans-serif;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  user-select: none;
  background: #5DBEAD;
  outline: none;
  text-transform: uppercase;
  border: none;
}

/* line 7, app/assets/stylesheets/components/_button.scss */
button:visited, button:active, button:focus, .button:visited, .button:active, .button:focus {
  color: #FFFFFF;
}

/* line 9, app/assets/stylesheets/components/_button.scss */
button:hover:not(:disabled), .button:hover:not(:disabled) {
  background-color: #3d8679;
}

/* line 20, app/assets/stylesheets/components/_button.scss */
button.red, .button.red {
  background-color: #E33131;
}

/* line 22, app/assets/stylesheets/components/_button.scss */
button.red:hover:not(:disabled), .button.red:hover:not(:disabled) {
  background-color: #E33131;
  opacity: .85;
}

/* line 25, app/assets/stylesheets/components/_button.scss */
button.gray, .button.gray {
  background-color: white;
  color: #828282;
  border: thin solid #828282;
}

/* line 29, app/assets/stylesheets/components/_button.scss */
button.gray:hover:not(:disabled), .button.gray:hover:not(:disabled) {
  background-color: #ececec;
  opacity: .85;
}

/* line 34, app/assets/stylesheets/components/_button.scss */
button[disabled=disabled], button:disabled, button[disabled=disabled]:visited, button:visited:disabled, button[disabled=disabled]:active, button:active:disabled, button[disabled=disabled]:focus, button:focus:disabled, button.red[disabled=disabled], button.red:disabled, button.red[disabled=disabled]:visited, button.red:visited:disabled, button.red[disabled=disabled]:active, button.red:active:disabled, button.red[disabled=disabled]:focus, button.red:focus:disabled, .button[disabled=disabled], .button:disabled, .button[disabled=disabled]:visited, .button:visited:disabled, .button[disabled=disabled]:active, .button:active:disabled, .button[disabled=disabled]:focus, .button:focus:disabled, .button.red[disabled=disabled], .button.red:disabled, .button.red[disabled=disabled]:visited, .button.red:visited:disabled, .button.red[disabled=disabled]:active, .button.red:active:disabled, .button.red[disabled=disabled]:focus, .button.red:focus:disabled {
  background-color: rgba(0, 49, 102, 0.05);
  color: rgba(22, 62, 64, 0.65);
}

/* line 42, app/assets/stylesheets/components/_button.scss */
button, .button {
  font-size: 1rem;
  line-height: 1;
  padding: 0.8571428571rem 1.7142857143rem;
  white-space: nowrap;
}

/* line 45, app/assets/stylesheets/components/_button.scss */
button.big, .button.big {
  font-size: 1.4285714286rem;
  line-height: 1;
  padding: 1.2857142857rem 2.8571428571rem;
}

/* line 1, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 5px;
  grid-template-areas: "ltv rate loanAmount crypto collateralAmount";
  background-color: #EDFDFC;
  padding: 1.4285714286rem 0.7142857143rem;
  align-items: end;
}

/* line 11, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper .inputLabel {
  width: 100%;
  margin-bottom: 0rem;
}

/* line 15, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper select {
  background-color: #FFFFFF;
  height: 3.5714285714rem;
}

/* line 19, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper input {
  background-color: #FFFFFF;
  height: 3.5714285714rem;
}

/* line 23, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper.ltv {
  grid-area: ltv;
}

/* line 26, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper.rate {
  grid-area: rate;
}

/* line 29, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper.loanAmount {
  grid-area: loanAmount;
}

/* line 32, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper.crypto {
  grid-area: crypto;
}

/* line 35, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper.collateralAmount {
  grid-area: collateralAmount;
}

/* line 39, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper .tooltipWrapper .position {
  color: #FFFFFF;
  width: 220px;
  left: -120px;
}

/* line 44, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper .tooltipWrapper .green {
  display: block;
  visibility: visible;
}

/* line 48, app/assets/stylesheets/components/_collateral_calculator.scss */
.wrapperCollateralCalculator .inputWrapper .tooltipWrapper .white {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 1, app/assets/stylesheets/components/_collateral_calculator.scss */
  .wrapperCollateralCalculator {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 1, app/assets/stylesheets/components/_collateral_calculator.scss */
  .wrapperCollateralCalculator {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
    grid-template-areas: "ltv" "rate" "loanAmount" "crypto" "collateralAmount";
  }
  /* line 69, app/assets/stylesheets/components/_collateral_calculator.scss */
  .wrapperCollateralCalculator .inputWrapper .tooltipWrapper .position {
    left: -40px;
  }
}

/* line 1, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer {
  border-radius: 0.4285714286rem;
  overflow: hidden;
  border: 1px solid rgba(1, 41, 84, 0.1);
}

/* line 4, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages {
  background-color: rgba(1, 41, 84, 0.1);
  padding: 1.7142857143rem;
  height: 38.5714285714rem;
  max-height: 38.5714285714rem;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 7, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages .message {
  box-shadow: 0px 1px 4px rgba(1, 41, 84, 0.1);
  border: 1px solid rgba(1, 41, 84, 0.1);
  padding: 0.5714285714rem 1.1428571429rem;
  border-radius: 0.4285714286rem;
  box-sizing: border-box;
  word-break: break-word;
  margin-bottom: 0.5714285714rem;
  width: 80%;
}

/* line 11, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages .message b.datetime {
  font-size: 0.7142857143rem;
  line-height: 0.8571428571rem;
  margin-top: 1.1428571429rem;
  text-align: right;
  display: block;
  font-variant-numeric: tabular-nums;
  color: rgba(22, 62, 64, 0.65);
}

/* line 15, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages .message p {
  color: #000000;
}

/* line 17, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages .message p a {
  font-weight: 500;
  text-decoration: underline;
}

/* line 18, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages .message p.username {
  width: min-content;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.1428571429rem;
  margin-bottom: 0.5714285714rem;
  font-weight: 500;
}

/* line 23, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages .message.my {
  background-color: #E0F2EC;
  margin-left: 20%;
}

/* line 24, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages .message.counterparty {
  background-color: #EDFDFC;
  margin-right: 20%;
}

/* line 25, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .messages .message.admin {
  background-color: rgba(214, 149, 0, 0.2);
  width: 100%;
}

/* line 28, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .actions {
  background-color: rgba(0, 49, 102, 0.05);
  padding: 1.7142857143rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-end;
}

/* line 32, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .actions .inputWrapper {
  width: 100%;
  margin-bottom: 0.5714285714rem;
}

/* line 33, app/assets/stylesheets/components/_contract_chat.scss */
.chatContainer .actions button {
  height: 3.5714285714rem;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 35, app/assets/stylesheets/components/_contract_chat.scss */
  .chatContainer .actions button {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus {
  padding: 0.3571428571rem 1.1428571429rem;
  border-radius: 2.8571428571rem;
  width: max-content;
}

/* line 3, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus p {
  color: #000000;
  font-weight: 500;
  font-size: 0.8571428571rem;
  line-height: 1rem;
  text-align: center;
}

/* line 6, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.pending {
  background-color: #dcd1fb;
}

/* line 7, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.depositing {
  background-color: #f9decb;
}

/* line 8, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.in_progress {
  background-color: #fdf5d0;
}

/* line 9, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.payment {
  background-color: #e9d5cc;
}

/* line 10, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.repayment {
  background-color: #c9e8e3;
}

/* line 11, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.dispute {
  background-color: #f9cfd0;
}

/* line 12, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.completed {
  background-color: #c7e6fb;
}

/* line 13, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.liquidated {
  background-color: #ebd4cc;
}

/* line 14, app/assets/stylesheets/components/_contract_statuses.scss */
.contractStatus.canceled {
  background-color: #e6e6e4;
}

/* line 1, app/assets/stylesheets/components/_inform_hint.scss */
.informHint {
  width: 100%;
  max-width: 100%;
  padding: 0.5714285714rem 1.1428571429rem;
  box-sizing: border-box;
  border-radius: 1.4285714286rem;
}

/* line 3, app/assets/stylesheets/components/_inform_hint.scss */
.informHint.warning {
  background-color: rgba(214, 149, 0, 0.2);
}

/* line 4, app/assets/stylesheets/components/_inform_hint.scss */
.informHint.positive {
  background-color: rgba(0, 210, 105, 0.2);
}

/* line 5, app/assets/stylesheets/components/_inform_hint.scss */
.informHint.negative {
  background-color: rgba(227, 49, 49, 0.2);
}

/* line 6, app/assets/stylesheets/components/_inform_hint.scss */
.informHint.disabled {
  background-color: rgba(0, 49, 102, 0.05);
}

/* line 1, app/assets/stylesheets/components/_input.scss */
label {
  color: #000000;
}

/* line 3, app/assets/stylesheets/components/_input.scss */
input, textarea, select {
  padding: 0.4285714286rem 1rem;
  border: 1px solid #5DBEAD;
  border-radius: 1.4285714286rem;
  width: 100%;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.2857142857rem;
  font-family: "Roboto", sans-serif;
  color: #000000;
  -webkit-appearance: none;
}

/* line 6, app/assets/stylesheets/components/_input.scss */
input:focus, textarea:focus, select:focus {
  border-color: #3d8679;
}

/* line 7, app/assets/stylesheets/components/_input.scss */
input::placeholder, textarea::placeholder, select::placeholder {
  color: rgba(22, 62, 64, 0.65);
}

/* line 10, app/assets/stylesheets/components/_input.scss */
textarea {
  min-height: 5.7142857143rem;
  line-height: 1.25;
  border-radius: 0.4285714286rem;
}

/* line 12, app/assets/stylesheets/components/_input.scss */
select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/assets/icons/chevron_down-9a4b3cea70af0a08e2964908cfbd63ec7857356126b27b144f77a354c0753c74.svg) calc(100% - 10px)/0.8571428571rem no-repeat #EDFDFC;
  height: 3.1428571429rem;
  color: #828282;
}

/* line 20, app/assets/stylesheets/components/_input.scss */
select::-ms-expand {
  display: none;
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
  /* line 12, app/assets/stylesheets/components/_input.scss */
  select {
    height: 3.7142857143rem;
    border-radius: 2.8571428571rem;
  }
}

/* line 27, app/assets/stylesheets/components/_input.scss */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 28, app/assets/stylesheets/components/_input.scss */
input:read-only:not([type="submit"]), textarea:read-only {
  background-color: rgba(0, 49, 102, 0.05);
  color: rgba(22, 62, 64, 0.65);
  border-color: rgba(0, 49, 102, 0.05);
  cursor: not-allowed;
}

/* line 32, app/assets/stylesheets/components/_input.scss */
input[type=number] {
  -moz-appearance: textfield;
}

/* line 34, app/assets/stylesheets/components/_input.scss */
.inputWrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 36, app/assets/stylesheets/components/_input.scss */
.inputWrapper input {
  height: 3.1428571429rem;
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
  /* line 36, app/assets/stylesheets/components/_input.scss */
  .inputWrapper input {
    height: 3.7142857143rem;
    border-radius: 2.8571428571rem;
  }
}

/* line 44, app/assets/stylesheets/components/_input.scss */
label.inputLabel {
  margin-bottom: 0.2857142857rem;
  display: block;
}

/* line 46, app/assets/stylesheets/components/_input.scss */
.hintsContainer {
  display: none;
}

/* line 48, app/assets/stylesheets/components/_input.scss */
.hintsContainer:not(:empty) {
  display: block;
  margin-top: 0.2857142857rem;
}

/* line 50, app/assets/stylesheets/components/_input.scss */
.hintsContainer:not(:empty) span {
  color: #E33131;
  font-weight: 500;
  font-size: 0.8571428571rem;
  line-height: 1.25;
  display: block;
}

/* line 55, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper span {
  margin-bottom: 0.2857142857rem;
  display: block;
  color: #000000;
}

/* line 56, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper .items {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  height: 3.5714285714rem;
  border-radius: 40px;
  border-radius: 1.4285714286rem;
  background-color: #E0F2EC;
}

/* line 59, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper .items .item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 3.5714285714rem;
}

/* line 61, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper .items .item label {
  height: 3.5714285714rem;
  text-transform: uppercase;
  font-size: 1.1428571429rem;
  line-height: 2rem;
  padding: 0rem 1rem;
  cursor: pointer;
  border-radius: 1.4285714286rem;
  color: #828282;
  font-weight: 500;
  transition-duration: .6s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
}

/* line 65, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper .items .item input {
  visibility: hidden;
  display: none;
}

/* line 67, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper .items .item input:checked + label {
  background-color: #5DBEAD;
  color: #FFFFFF;
}

/* line 68, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper .items .item input:disabled + label {
  cursor: not-allowed;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 56, app/assets/stylesheets/components/_input.scss */
  .radioButtonWrapper .items {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
  }
  /* line 73, app/assets/stylesheets/components/_input.scss */
  .radioButtonWrapper .items .item {
    min-width: 60px;
  }
  /* line 76, app/assets/stylesheets/components/_input.scss */
  .radioButtonWrapper .items .item label {
    min-width: 60px;
    width: 100%;
  }
}

/* line 80, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper.big .items {
  padding: 1.4285714286rem 0rem;
  border-radius: 2.8571428571rem;
}

/* line 82, app/assets/stylesheets/components/_input.scss */
.radioButtonWrapper.big .items .item label {
  border-radius: 2.8571428571rem;
  font-size: 1.4285714286rem;
  line-height: 1.4285714286rem;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 84, app/assets/stylesheets/components/_input.scss */
  .radioButtonWrapper.big .items .item label {
    font-size: 1.1428571429rem;
  }
}

/* line 91, app/assets/stylesheets/components/_input.scss */
.checkboxWrapper {
  display: grid;
  grid-template-columns: 1.1428571429rem 1fr;
  grid-gap: 0.2857142857rem 0.5714285714rem;
  grid-template-areas: "checkbox label" ". hint";
}

/* line 95, app/assets/stylesheets/components/_input.scss */
.checkboxWrapper label {
  cursor: pointer;
  grid-area: label;
  line-height: 1;
}

/* line 96, app/assets/stylesheets/components/_input.scss */
.checkboxWrapper input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 1.1428571429rem;
  width: 1.1428571429rem;
  outline: none;
  display: inline-block;
  position: relative;
  margin: 0;
  cursor: pointer;
  grid-area: checkbox;
  border: 1px solid #5DBEAD;
  background: #FFFFFF;
  transition: background-color .2s ease;
  border-radius: 0.1428571429rem;
}

/* line 101, app/assets/stylesheets/components/_input.scss */
.checkboxWrapper input[type='checkbox']:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.1428571429rem;
}

/* line 105, app/assets/stylesheets/components/_input.scss */
.checkboxWrapper input[type='checkbox']:checked {
  background-color: #5DBEAD;
}

/* line 107, app/assets/stylesheets/components/_input.scss */
.checkboxWrapper input[type='checkbox']:checked:after {
  background: #FFFFFF;
}

/* line 110, app/assets/stylesheets/components/_input.scss */
.checkboxWrapper span {
  grid-area: hint;
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
  line-height: 0.9285714286rem;
}

/* line 1, app/assets/stylesheets/components/_link.scss */
a, .link {
  font-size: 1rem;
  line-height: 1.2857142857rem;
  cursor: pointer;
  font-weight: 500;
}

/* line 3, app/assets/stylesheets/components/_link.scss */
a:not(:hover), .link:not(:hover) {
  text-decoration: none;
}

/* line 4, app/assets/stylesheets/components/_link.scss */
a, a:visited, .link, .link:visited {
  color: #5DBEAD;
}

/* line 2, app/assets/stylesheets/components/_modal.scss */
.modal-mask {
  position: fixed;
  z-index: 9998;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(22, 62, 64, 0.65);
}

/* line 7, app/assets/stylesheets/components/_modal.scss */
.modal-wrapper {
  position: relative;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 11, app/assets/stylesheets/components/_modal.scss */
.modal-container {
  min-width: 21.4285714286rem;
  max-width: 50%;
  width: max-content;
  margin: 0 auto;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  padding: 1.7142857143rem;
  border-radius: 0.4285714286rem;
  background-color: #FFFFFF;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 11, app/assets/stylesheets/components/_modal.scss */
  .modal-container {
    max-width: 90%;
  }
}

/* line 17, app/assets/stylesheets/components/_modal.scss */
.modal-header {
  margin: 0 0 1.7142857143rem 0;
}

/* line 19, app/assets/stylesheets/components/_modal.scss */
.modal-header h3 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  color: #3d8679;
}

/* line 23, app/assets/stylesheets/components/_modal.scss */
.modal-header .tooltipWrapper.password .green {
  display: block;
  visibility: visible;
}

/* line 24, app/assets/stylesheets/components/_modal.scss */
.modal-header .tooltipWrapper.password .white {
  display: none;
  visibility: hidden;
}

/* line 25, app/assets/stylesheets/components/_modal.scss */
.modal-header .tooltipWrapper.password .position {
  left: -190px;
  width: 270px;
  z-index: 10;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 25, app/assets/stylesheets/components/_modal.scss */
  .modal-header .tooltipWrapper.password .position {
    left: -190px;
    padding: 1.1428571429rem;
    width: 250px;
  }
}

/* line 31, app/assets/stylesheets/components/_modal.scss */
.modal-body {
  margin: 0;
}

/* line 34, app/assets/stylesheets/components/_modal.scss */
.modal-body .validationErrors {
  margin: 0 0 1.1428571429rem 0;
  background-color: rgba(227, 49, 49, 0.2);
  padding: 0.5714285714rem;
  border-radius: 0.4285714286rem;
}

/* line 37, app/assets/stylesheets/components/_modal.scss */
.modal-body .validationErrors ul li {
  margin-bottom: 0.5714285714rem;
  color: #E33131;
  font-weight: 500;
}

/* line 39, app/assets/stylesheets/components/_modal.scss */
.modal-body .validationErrors ul li:last-child {
  margin-bottom: 0;
}

/* line 44, app/assets/stylesheets/components/_modal.scss */
.modal-body .inputWrapper {
  margin-bottom: 0.5714285714rem;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 47, app/assets/stylesheets/components/_modal.scss */
  .modal-body .inputWrapper input {
    line-height: 2rem;
  }
}

/* line 51, app/assets/stylesheets/components/_modal.scss */
.modal-body .buttons {
  margin-top: 1.1428571429rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 53, app/assets/stylesheets/components/_modal.scss */
.modal-body .buttons button {
  margin: 0 0.2857142857rem;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0.3571428571rem 0;
  padding: 1.0714285714rem 2.1428571429rem;
  white-space: pre-line;
}

/* line 55, app/assets/stylesheets/components/_modal.scss */
.modal-body .buttons button:first-child {
  margin-left: 0;
}

/* line 56, app/assets/stylesheets/components/_modal.scss */
.modal-body .buttons button:last-child {
  margin-right: 0;
}

/* line 62, app/assets/stylesheets/components/_modal.scss */
.modal-body .buttons button[disabled] {
  white-space: pre-line;
}

/* line 1, app/assets/stylesheets/components/_notifications.scss */
:root {
  --notification-index: 0;
}

/* line 5, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer {
  position: fixed;
  top: 0.5714285714rem;
  right: 0.4285714286rem;
  padding: 0.7142857143rem;
  z-index: 9999;
  transform-style: preserve-3d;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 5, app/assets/stylesheets/components/_notifications.scss */
  .notificationsContainer {
    padding: 0;
    left: 0.4285714286rem;
  }
}

/* line 18, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer .notification {
  display: flex;
  flex-direction: row;
  position: relative;
  width: auto;
  max-width: 28.1428571429rem;
  min-height: 5.5714285714rem;
  box-shadow: 0px 1px 4px rgba(1, 41, 84, 0.1);
  border-radius: 0.7142857143rem;
  color: #FFFFFF;
  background: rgba(14, 29, 26, 0.84);
  margin-bottom: 0.5714285714rem;
  padding: 0.8571428571rem 1.1428571429rem;
  padding-right: 3.1428571429rem;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 18, app/assets/stylesheets/components/_notifications.scss */
  .notificationsContainer .notification {
    padding-right: 3.1428571429rem;
    max-width: unset;
    width: 100%;
  }
}

/* line 39, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer .notification a.message {
  font-weight: normal;
  font-size: 1.2857142857rem;
  line-height: 1.5rem;
  color: #FFFFFF;
  word-break: break-word;
  min-width: 23.5714285714rem;
  text-decoration: none;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 39, app/assets/stylesheets/components/_notifications.scss */
  .notificationsContainer .notification a.message {
    min-width: unset;
  }
}

/* line 53, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer .notification .closeButton {
  position: absolute;
  cursor: pointer;
  top: 0.8571428571rem;
  right: 0.5714285714rem;
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  background: transparent;
}

/* line 62, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer .notification .closeButton img {
  width: inherit;
  height: inherit;
  cursor: inherit;
}

/* line 69, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer .notification .closeButton:hover {
  transition: background 200ms ease-in;
  border-radius: 0.2857142857rem;
  background: #515a59;
}

/* line 76, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer .notification.notifications-enter-active,
.notificationsContainer .notification.notifications-leave-active {
  transition: all 300ms ease-in-out;
}

/* line 81, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer .notification.notifications-enter {
  --x: calc(80% + calc(var(--notification-index) * 30%));
  opacity: 0;
  transform: translateX(var(--x));
}

/* line 87, app/assets/stylesheets/components/_notifications.scss */
.notificationsContainer .notification.notifications-leave-to {
  --x: calc(80% + calc(var(--notification-index) * 30%));
  transform: scale(0.7) translateX(var(--x));
  opacity: 0;
  margin: 0;
  height: 0;
  min-height: 0;
  padding: 0;
}

/* line 2, app/assets/stylesheets/components/_contract_filters.scss */
.contractFilters form {
  padding: 1.7142857143rem 0;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-gap: 1.7142857143rem 2.2857142857rem;
  grid-template-areas: "switcher switcher switcher" ". . .";
}

/* line 8, app/assets/stylesheets/components/_contract_filters.scss */
.contractFilters form h2 {
  grid-area: switcher;
  color: #000000;
  font-size: 1.7142857143rem;
  line-height: 1.2;
  font-weight: 500;
}

/* line 9, app/assets/stylesheets/components/_contract_filters.scss */
.contractFilters form .formBlock {
  align-self: start;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2857142857rem 0.5714285714rem;
  grid-template-areas: "title title" ". .";
}

/* line 11, app/assets/stylesheets/components/_contract_filters.scss */
.contractFilters form .formBlock.side {
  grid-area: switcher;
  grid-template-areas: "switcher";
}

/* line 16, app/assets/stylesheets/components/_contract_filters.scss */
.contractFilters form .formBlock .blockWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2857142857rem 0.5714285714rem;
  width: 100%;
}

/* line 19, app/assets/stylesheets/components/_contract_filters.scss */
.contractFilters form .formBlock span {
  grid-area: title;
  color: #000000;
  display: flex;
}

/* line 20, app/assets/stylesheets/components/_contract_filters.scss */
.contractFilters form .formBlock.find {
  grid-template-columns: 1fr;
  grid-template-areas: "." "button";
  margin-top: 13px;
}

/* line 26, app/assets/stylesheets/components/_contract_filters.scss */
.contractFilters form .formBlock.find button {
  grid-area: button;
  height: 3.1428571429rem;
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
  /* line 32, app/assets/stylesheets/components/_contract_filters.scss */
  .contractFilters form .formBlock.find button {
    height: 3.5714285714rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 2, app/assets/stylesheets/components/_contract_filters.scss */
  .contractFilters form {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "switcher switcher" ". .";
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 2, app/assets/stylesheets/components/_contract_filters.scss */
  .contractFilters form {
    grid-template-columns: 1fr;
    grid-template-areas: "switcher" ".";
  }
}

/* line 1, app/assets/stylesheets/components/_pagination.scss */
nav.pagination {
  margin-top: 1.7142857143rem;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

/* line 5, app/assets/stylesheets/components/_pagination.scss */
nav.pagination .pagination-first-page, nav.pagination .pagination-previous-page, nav.pagination .pagination-current-page, nav.pagination .pagination-next-page, nav.pagination .pagination-last-page {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background-color: #5DBEAD;
  border: 1px solid #5DBEAD;
  border-radius: 2.8571428571rem;
  margin: 0 0.2857142857rem;
}

/* line 10, app/assets/stylesheets/components/_pagination.scss */
nav.pagination .pagination-ellipsis {
  display: none;
}

/* line 11, app/assets/stylesheets/components/_pagination.scss */
nav.pagination .pagination-previous-page, nav.pagination .pagination-next-page {
  background-color: #EDFDFC;
  border-color: #EDFDFC;
  color: #5DBEAD;
}

/* line 12, app/assets/stylesheets/components/_pagination.scss */
nav.pagination .pagination-current-page {
  border-color: #5DBEAD;
  font-weight: 500;
}

/* line 13, app/assets/stylesheets/components/_pagination.scss */
nav.pagination .pagination-first-page, nav.pagination .pagination-last-page {
  color: transparent;
  position: relative;
  background-color: transparent;
  border-color: transparent;
  width: auto;
}

/* line 17, app/assets/stylesheets/components/_pagination.scss */
nav.pagination .pagination-first-page:before, nav.pagination .pagination-last-page:after {
  content: '';
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
  display: block;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}

/* line 21, app/assets/stylesheets/components/_pagination.scss */
nav.pagination .pagination-first-page:before {
  background-image: url(/assets/icons/icon_left_accent-fd258701d7574a20166fde998efd2997ab8e41cb0f0ddda8f7239ca4d8b994b3.svg);
}

/* line 22, app/assets/stylesheets/components/_pagination.scss */
nav.pagination .pagination-last-page:after {
  background-image: url(/assets/icons/icon_right_accent-42797f2138f89c2cad3017adcff15d394076aa05be60eb12a9a19848da8b2989.svg);
}

/* line 1, app/assets/stylesheets/components/_popup_message.scss */
.popupMessage {
  background: #E33131;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  box-sizing: border-box;
  padding-left: 5.1428571429rem;
  padding-right: 5.1428571429rem;
  padding-top: 1.7142857143rem;
  padding-bottom: 1.7142857143rem;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 1, app/assets/stylesheets/components/_popup_message.scss */
  .popupMessage {
    padding-left: 3.4285714286rem;
    padding-right: 3.4285714286rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 1, app/assets/stylesheets/components/_popup_message.scss */
  .popupMessage {
    padding-left: 1.7142857143rem;
    padding-right: 1.7142857143rem;
  }
}

/* line 5, app/assets/stylesheets/components/_popup_message.scss */
.popupMessage .closeButton, .popupMessage .timer {
  position: absolute;
  right: 1.7142857143rem;
}

/* line 6, app/assets/stylesheets/components/_popup_message.scss */
.popupMessage p {
  color: #FFFFFF;
}

/* line 7, app/assets/stylesheets/components/_popup_message.scss */
.popupMessage .timer {
  bottom: 0.8571428571rem;
  pointer-events: none;
  color: #FFFFFF;
  opacity: .5;
  font-size: 0.7142857143rem;
  line-height: 1rem;
}

/* line 11, app/assets/stylesheets/components/_popup_message.scss */
.popupMessage .closeButton {
  top: 0.8571428571rem;
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/components/_popup_message.scss */
.popupMessage .closeButton img {
  width: inherit;
  height: inherit;
  cursor: inherit;
}

/* line 15, app/assets/stylesheets/components/_popup_message.scss */
.popupMessage .message {
  text-align: center;
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  width: 100%;
  word-wrap: break-word;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 18, app/assets/stylesheets/components/_popup_message.scss */
  .popupMessage .closeButton, .popupMessage .timer {
    right: 0.8571428571rem;
  }
  /* line 19, app/assets/stylesheets/components/_popup_message.scss */
  .popupMessage .closeButton {
    top: 0.4285714286rem;
  }
  /* line 20, app/assets/stylesheets/components/_popup_message.scss */
  .popupMessage .timer {
    bottom: 0.4285714286rem;
  }
}

/* line 2, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper {
  padding: 1.7142857143rem;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
}

/* line 7, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper .title {
  margin-top: 2.1428571429rem;
}

/* line 9, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper .title p {
  color: rgba(22, 62, 64, 0.65);
  font-weight: 500;
  font-size: 1.1428571429rem;
  padding: 0.1428571429rem 0;
}

/* line 14, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper .title p a {
  font-size: 1.2857142857rem;
  font-weight: 500;
}

/* line 19, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper .title .userNotification {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.0714285714rem 1.0714285714rem 1.0714285714rem 0;
}

/* line 22, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper .title .userNotification .userNotificationKey {
  width: 21.4285714286rem;
  height: 3.5714285714rem;
  background-color: #EDFDFC;
  margin-right: 1.0714285714rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

/* line 29, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper .title .userNotification .userNotificationWrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1.0714285714rem 1.0714285714rem 1.0714285714rem 0;
}

/* line 33, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper .title .userNotification .telegramNotificationsCopy {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  background: #5dbead;
  color: #FFFFFF;
  border-radius: 2.8571428571rem;
  cursor: pointer;
  height: 3.5714285714rem;
  width: max-content;
  padding: 0px 2.8571428571rem;
  text-transform: uppercase;
}

/* line 43, app/assets/stylesheets/components/_telegram_notifications.scss */
.telegramNotifications .telegramNotificationsWrapper .title .userNotification .telegramNotificationsCopy:hover {
  background-color: #3d8679;
  text-decoration: none;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 49, app/assets/stylesheets/components/_telegram_notifications.scss */
  .telegramNotifications .telegramNotificationsWrapper .title .userNotification .userNotificationWrap {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    margin-right: 0;
    width: 100%;
  }
  /* line 54, app/assets/stylesheets/components/_telegram_notifications.scss */
  .telegramNotifications .telegramNotificationsWrapper .title .userNotification .userNotificationKey {
    width: 100%;
    margin-bottom: 1.0714285714rem;
  }
  /* line 58, app/assets/stylesheets/components/_telegram_notifications.scss */
  .telegramNotifications .telegramNotificationsWrapper .title .userNotification .telegramNotificationsCopy {
    width: 100%;
    padding: 0px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
}

@font-face {
  font-family: 'slick';
  font-face: self;
}

/* line 5, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 20, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 29, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 37, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

/* line 42, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 45, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

/* line 51, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

/* line 75, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

/* line 83, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

/* line 89, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/* line 94, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 107, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-prev {
  left: -25px;
}

/* line 110, app/assets/stylesheets/components/_vue_slick_carousel.scss */
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

/* line 114, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-prev:before {
  content: '←';
}

/* line 117, app/assets/stylesheets/components/_vue_slick_carousel.scss */
[dir='rtl'] .slick-prev:before {
  content: '→';
}

/* line 121, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-next {
  right: -25px;
}

/* line 124, app/assets/stylesheets/components/_vue_slick_carousel.scss */
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

/* line 128, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-next:before {
  content: '→';
}

/* line 131, app/assets/stylesheets/components/_vue_slick_carousel.scss */
[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
/* line 136, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

/* line 140, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-dots {
  position: absolute;
  bottom: -25px;
  margin-top: 25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

/* line 154, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

/* line 183, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

/* line 187, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

/* line 191, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: #5DBEAD;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 212, app/assets/stylesheets/components/_vue_slick_carousel.scss */
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #5DBEAD;
}

/* line 2, app/assets/stylesheets/components/_release_outputs.scss */
.releaseOutputs h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 3, app/assets/stylesheets/components/_release_outputs.scss */
.releaseOutputs .transaction {
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  margin-bottom: 0.2857142857rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* line 7, app/assets/stylesheets/components/_release_outputs.scss */
.releaseOutputs .transaction .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 9, app/assets/stylesheets/components/_release_outputs.scss */
.releaseOutputs .transaction .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 12, app/assets/stylesheets/components/_release_outputs.scss */
.releaseOutputs .transaction .element b span.unconfirmed {
  font-size: 0.7142857143rem;
  line-height: 0.7142857143rem;
  font-weight: 500;
  margin-left: 0.5714285714rem;
  color: #000000;
  padding: 0.2857142857rem 0.4285714286rem;
  background-color: rgba(227, 49, 49, 0.2);
  border-radius: 2.8571428571rem;
  display: inline-block;
}

/* line 17, app/assets/stylesheets/components/_release_outputs.scss */
.releaseOutputs .transaction .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

/* line 20, app/assets/stylesheets/components/_release_outputs.scss */
.releaseOutputs .transaction .element p a {
  color: #3d8679;
  font-size: inherit;
  line-height: inherit;
}

/* line 1, app/assets/stylesheets/components/_transactions_list.scss */
.transactionsList {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 3, app/assets/stylesheets/components/_transactions_list.scss */
.transactionsList .transaction {
  width: 100%;
  box-sizing: border-box;
  padding: 0.7142857143rem 0.8571428571rem;
  border: 1px solid rgba(1, 41, 84, 0.1);
  box-shadow: 0px 1px 4px rgba(1, 41, 84, 0.1);
  border-radius: 0.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 7, app/assets/stylesheets/components/_transactions_list.scss */
.transactionsList .transaction .value b.amount {
  font-size: 1.1428571429rem;
  font-variant-numeric: tabular-nums;
}

/* line 8, app/assets/stylesheets/components/_transactions_list.scss */
.transactionsList .transaction .value p {
  display: inline-block;
  margin-left: 0.2857142857rem;
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
}

/* line 10, app/assets/stylesheets/components/_transactions_list.scss */
.transactionsList .transaction a {
  font-weight: bold;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

/* line 11, app/assets/stylesheets/components/_transactions_list.scss */
.transactionsList .transaction:last-child {
  margin-bottom: 0;
}

/* line 1, app/assets/stylesheets/components/_tooltip.scss */
tooltip {
  display: none;
}

/* line 5, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  left: 0;
}

/* line 10, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper img {
  width: 14px;
  height: auto;
  cursor: pointer;
}

/* line 17, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.rate .position, .tooltipWrapper.left .position, .tooltipWrapper.right .position, .tooltipWrapper.liquidTip .position, .tooltipWrapper.ltvTip .position, .tooltipWrapper.rateTip .position {
  left: -40px;
  max-width: 300px;
  z-index: 10;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 17, app/assets/stylesheets/components/_tooltip.scss */
  .tooltipWrapper.rate .position, .tooltipWrapper.left .position, .tooltipWrapper.right .position, .tooltipWrapper.liquidTip .position, .tooltipWrapper.ltvTip .position, .tooltipWrapper.rateTip .position {
    max-width: 270px;
  }
}

/* line 22, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.ltv .position {
  left: -40px;
  max-width: 340px;
  z-index: 10;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 22, app/assets/stylesheets/components/_tooltip.scss */
  .tooltipWrapper.ltv .position {
    max-width: 270px;
  }
}

/* line 26, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.blockchain {
  margin-top: -8px;
  color: #fff;
}

/* line 29, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.blockchain.tooltipWrapper {
  text-transform: none;
}

/* line 31, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.blockchain.tooltipWrapper .green {
  display: block;
  visibility: visible;
}

/* line 32, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.blockchain.tooltipWrapper .white {
  display: none;
  visibility: hidden;
}

/* line 34, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.blockchain .position {
  left: -180px;
  max-width: 270px;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 36, app/assets/stylesheets/components/_tooltip.scss */
  .tooltipWrapper.blockchain .position {
    left: -200px;
  }
}

/* line 40, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.left.tooltipWrapper {
  text-transform: none;
}

/* line 42, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.left.tooltipWrapper .green {
  display: block;
  visibility: visible;
}

/* line 43, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.left.tooltipWrapper .white {
  display: none;
  visibility: hidden;
}

/* line 47, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.right.tooltipWrapper {
  text-transform: none;
}

/* line 49, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.right.tooltipWrapper .green {
  display: block;
  visibility: visible;
}

/* line 50, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.right.tooltipWrapper .white {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 53, app/assets/stylesheets/components/_tooltip.scss */
  .tooltipWrapper.right .position {
    left: -215px;
  }
}

/* line 56, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.liquidTip {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1428571429rem;
}

/* line 58, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.liquidTip.tooltipWrapper {
  text-transform: none;
}

/* line 60, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.liquidTip.tooltipWrapper .green {
  display: block;
  visibility: visible;
}

/* line 61, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.liquidTip.tooltipWrapper .white {
  display: none;
  visibility: hidden;
}

/* line 64, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.liquidTip .tooltip span {
  color: #FFFFFF;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 67, app/assets/stylesheets/components/_tooltip.scss */
  .tooltipWrapper.liquidTip .position {
    left: -215px;
  }
}

/* line 70, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.release, .tooltipWrapper.refund {
  color: #FFFFFF;
}

/* line 73, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.release .position, .tooltipWrapper.refund .position {
  left: -10px;
  width: 240px;
}

/* line 74, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.release .green, .tooltipWrapper.refund .green {
  display: block;
  visibility: visible;
}

/* line 75, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.release .white, .tooltipWrapper.refund .white {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 77, app/assets/stylesheets/components/_tooltip.scss */
  .tooltipWrapper.release .position, .tooltipWrapper.refund .position {
    width: 240px;
    left: -220px;
  }
}

/* line 81, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.transaction .green {
  display: block;
  visibility: visible;
}

/* line 82, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.transaction .white {
  display: none;
  visibility: hidden;
}

/* line 84, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.paymentAddressTooltip {
  color: #FFFFFF;
}

/* line 86, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.paymentAddressTooltip .position {
  left: -10px;
  width: 240px;
}

/* line 87, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.paymentAddressTooltip .green {
  display: block;
  visibility: visible;
}

/* line 88, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper.paymentAddressTooltip .white {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 90, app/assets/stylesheets/components/_tooltip.scss */
  .tooltipWrapper.paymentAddressTooltip .position {
    width: 240px;
    left: -220px;
  }
}

/* line 93, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper .tooltip {
  visibility: hidden;
  opacity: 0;
  word-break: break-word;
  position: absolute;
  z-index: 1;
  width: max-content;
  max-width: 300px;
  background-color: #3d8679;
  bottom: calc(100% + 7px);
  left: 50%;
  border-radius: 0.4285714286rem;
  padding: 8px 16px;
  text-align: left;
  transition: opacity .3s ease;
  box-sizing: border-box;
}

/* line 98, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper .tooltip p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1428571429rem;
  color: #FFFFFF;
}

/* line 105, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper .triangle:after {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s ease;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px;
  margin-left: -5px;
  left: 50%;
  top: -7px;
  border-color: #3d8679 transparent transparent transparent;
}

/* line 111, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper:hover img {
  opacity: .8;
}

/* line 112, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

/* line 114, app/assets/stylesheets/components/_tooltip.scss */
.tooltipWrapper:hover .triangle:after {
  visibility: visible;
  opacity: 1;
}

/* line 1, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment {
  font-family: "Roboto";
  padding: 1.7142857143rem;
  border: 2px solid #E6E8EB;
  border-radius: 1.1428571429rem;
  background: #FAFAFC;
}

/* line 8, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment.blockCancelIcon {
  display: flex;
}

/* line 12, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment__titleContract {
  font-size: 1.4285714286rem;
  font-weight: bold;
  margin-bottom: 0.5714285714rem;
  line-height: 1.5714285714rem;
}

/* line 19, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment__description {
  font-size: 1.1428571429rem;
  margin-bottom: 1.1428571429rem;
  line-height: 1.2857142857rem;
}

/* line 26, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment__content div {
  margin-bottom: 1.1428571429rem;
  align-items: center;
  display: grid;
  grid-template-columns: 1.4285714286rem auto;
  gap: 1.4285714286rem;
}

/* line 34, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment__content textarea {
  min-height: 8rem;
  margin-bottom: 1.7142857143rem;
}

/* line 39, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment__content label {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
}

/* line 45, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment input[type="radio"] {
  appearance: none;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  border: 1px solid #323130;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 1.4285714286rem;
  background-clip: content-box;
  padding: 0.2142857143rem;
}

/* line 57, app/assets/stylesheets/components/_payment_cancel.scss */
.wrapperCancelPayment input[type="radio"]:checked {
  background-color: #5dbead;
  border: 1px solid #5dbead;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 64, app/assets/stylesheets/components/_payment_cancel.scss */
  .wrapperCancelPayment {
    max-width: 90vw;
  }
  /* line 66, app/assets/stylesheets/components/_payment_cancel.scss */
  .wrapperCancelPayment__button-block {
    display: flex;
    justify-content: center;
  }
  /* line 70, app/assets/stylesheets/components/_payment_cancel.scss */
  .wrapperCancelPayment__button-block button {
    width: 100%;
  }
  /* line 75, app/assets/stylesheets/components/_payment_cancel.scss */
  .wrapperCancelPayment__description {
    font-size: 1.1428571429rem;
    margin-bottom: 1.1428571429rem;
    line-height: 1.2857142857rem;
  }
  /* line 82, app/assets/stylesheets/components/_payment_cancel.scss */
  .wrapperCancelPayment__content textarea {
    margin-bottom: 24px;
  }
  /* line 88, app/assets/stylesheets/components/_payment_cancel.scss */
  input[type="radio"] {
    float: left;
  }
}

/* line 2, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages .content {
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0 0 2.1428571429rem 2.1428571429rem;
  max-width: 1367px;
  padding: 2.8571428571rem;
  margin: 0 auto;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 2, app/assets/stylesheets/pages/_common_pages.scss */
  .page.commonPages .content {
    padding: 1.7142857143rem;
  }
}

/* line 7, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages .content h2 {
  font-size: 1.4285714286rem;
  line-height: 1.7142857143rem;
}

/* line 8, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages .content h3 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
}

/* line 9, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages .content h4 {
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
}

/* line 13, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.about .content h1 {
  margin-bottom: 2.2857142857rem;
}

/* line 17, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.residencePolicyConfirmation .content h1 {
  text-align: center;
}

/* line 18, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.residencePolicyConfirmation .content button {
  margin: 2.2857142857rem auto 0 auto;
  display: block;
}

/* line 22, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.terms .content h1 {
  margin-bottom: 0.5714285714rem;
}

/* line 23, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.terms .content h2 {
  margin-bottom: 1.1428571429rem;
}

/* line 24, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.terms .content h3 {
  margin-bottom: 0.5714285714rem;
}

/* line 25, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.terms .content h4 {
  color: rgba(22, 62, 64, 0.65);
  margin-bottom: 1.7142857143rem;
}

/* line 26, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.terms .content p {
  margin-bottom: 0.5714285714rem;
}

/* line 30, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content h1 {
  margin-bottom: 2.8571428571rem;
}

/* line 31, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content .row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.8571428571rem;
  margin-bottom: 4rem;
  grid-template-areas: "title title title" ". . .";
}

/* line 36, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content .row h3 {
  grid-area: title;
  margin-bottom: 0.5714285714rem;
}

/* line 37, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content .row .element {
  display: grid;
  grid-template-columns: 2.2857142857rem 1fr;
  grid-gap: 0 1.1428571429rem;
  grid-template-areas: "icon title" "icon description";
}

/* line 42, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content .row .element .imgWrapper {
  grid-area: icon;
  width: 2.2857142857rem;
  height: 2.2857142857rem;
}

/* line 44, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content .row .element .imgWrapper img {
  height: inherit;
  width: inherit;
  object-fit: contain;
}

/* line 46, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content .row .element b {
  grid-area: title;
  font-weight: 500;
}

/* line 47, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content .row .element a {
  grid-area: description;
}

/* line 49, app/assets/stylesheets/pages/_common_pages.scss */
.page.commonPages.contacts .content .row:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 31, app/assets/stylesheets/pages/_common_pages.scss */
  .page.commonPages.contacts .content .row {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title title" ". .";
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 31, app/assets/stylesheets/pages/_common_pages.scss */
  .page.commonPages.contacts .content .row {
    grid-template-columns: 1fr;
    grid-template-areas: "title" ".";
  }
}

/* line 2, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content {
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
  padding: 2.8571428571rem;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 2, app/assets/stylesheets/pages/_faq.scss */
  .page.faq .content {
    padding: 1.7142857143rem;
  }
}

/* line 8, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content h1 {
  text-align: center;
  margin-bottom: 2.8571428571rem;
}

/* line 9, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row {
  margin-bottom: 3.4285714286rem;
}

/* line 11, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row:last-child {
  margin-bottom: 0;
}

/* line 12, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row .rowInfo {
  color: #000000;
}

/* line 13, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row h2 {
  font-size: 1.7142857143rem;
  line-height: 2rem;
  margin-bottom: 1.7142857143rem;
}

/* line 16, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row > ul {
  margin: 0;
  list-style-type: none;
}

/* line 18, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row > ul > li {
  margin-bottom: 1.1428571429rem;
}

/* line 20, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row > ul > li > a {
  font-size: 1.4285714286rem;
  line-height: 1.7142857143rem;
  color: #3d8679;
}

/* line 21, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row > ul > li > ul {
  margin: 0.5714285714rem 0 0 1.1428571429rem;
  list-style-type: none;
}

/* line 23, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row > ul > li > ul > li {
  margin-bottom: 0.5714285714rem;
}

/* line 25, app/assets/stylesheets/pages/_faq.scss */
.page.faq .content .row > ul > li > ul > li > a {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
}

/* line 33, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content h2 {
  text-align: center;
  font-size: 1.7142857143rem;
  line-height: 2rem;
  margin-bottom: 2.2857142857rem;
}

/* line 35, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content h2:not(:first-child) {
  margin-top: 4.5714285714rem;
}

/* line 39, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item {
  margin-bottom: 2.8571428571rem;
}

/* line 41, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item:last-child {
  margin-bottom: 0;
}

/* line 42, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item h3 {
  font-size: 1.4285714286rem;
  line-height: 1.7142857143rem;
  margin-bottom: 1.1428571429rem;
  margin-top: 3.5714285714rem;
}

/* line 45, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item p {
  font-size: 1.1428571429rem;
  line-height: 2.8571428571rem;
  margin-bottom: 0.5714285714rem;
}

/* line 47, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item p a {
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
}

/* line 48, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item p:last-child {
  margin-bottom: 0;
}

/* line 51, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item .listStyle > li {
  list-style-type: none;
  font-size: 1.1428571429rem;
  line-height: 2.8571428571rem;
  margin-bottom: 0.5714285714rem;
}

/* line 53, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item .listStyle > li::before {
  color: #5DBEAD;
  content: "▪";
  padding-right: 10px;
}

/* line 54, app/assets/stylesheets/pages/_faq.scss */
.page.faq.pageInside .content .item .listStyle > li a {
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
}

/* line 2, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container {
  padding: 2.8571428571rem;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
}

/* line 5, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .titleWrapper {
  margin-bottom: 2.8571428571rem;
}

/* line 7, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .titleWrapper .title {
  margin-bottom: 1.7142857143rem;
}

/* line 9, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .titleWrapper .paymentPassword h3.rowTitle {
  font-size: 1.4285714286rem;
  line-height: 1.7142857143rem;
  font-weight: 500;
  padding: 0.8571428571rem 0rem;
  margin: 0.8571428571rem 0rem;
}

/* line 13, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .titleWrapper .paymentPassword > p {
  padding: 0.5714285714rem 0rem;
  color: rgba(22, 62, 64, 0.65);
  font-weight: 500;
}

/* line 14, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .titleWrapper .paymentPassword:last-child {
  margin-bottom: 0;
}

/* line 17, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .row {
  margin-bottom: 2.8571428571rem;
}

/* line 19, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .row h3.rowTitle {
  font-size: 1.4285714286rem;
  line-height: 1.7142857143rem;
  font-weight: 500;
  padding-bottom: 0.5714285714rem;
  margin-bottom: 0.5714285714rem;
}

/* line 23, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .row > p {
  color: rgba(22, 62, 64, 0.65);
  font-weight: 500;
  margin-bottom: 1.1428571429rem;
}

/* line 24, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .row:last-child {
  margin-bottom: 0;
}

/* line 26, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard .container .row button {
  height: 3.5714285714rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

/* line 30, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper {
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
}

/* line 33, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 35, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper .element b {
  color: rgba(22, 62, 64, 0.65);
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 36, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper .element p {
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

/* line 39, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper.main {
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.5714285714rem;
  grid-template-areas: ". ." "borrow borrow";
}

/* line 45, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper.main .element b {
  font-size: 1rem;
  line-height: 1.2857142857rem;
  margin-bottom: 0.2857142857rem;
}

/* line 46, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper.main .element p {
  font-size: 1.4285714286rem;
  line-height: 1.7142857143rem;
}

/* line 47, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper.main .element.borrowLeft {
  grid-area: borrow;
}

/* line 50, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper.secondary {
  grid-template-columns: repeat(3, 1fr);
}

/* line 53, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper.secondary .element b {
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
}

/* line 54, app/assets/stylesheets/pages/_dashboard.scss */
.page.dashboard.general .container .statsWraper.secondary .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 58, app/assets/stylesheets/pages/_dashboard.scss */
  .page.dashboard.general .container .statsWraper.main {
    grid-template-areas: "." "." "borrow";
  }
  /* line 64, app/assets/stylesheets/pages/_dashboard.scss */
  .page.dashboard.general .container .statsWraper.main, .page.dashboard.general .container .statsWraper.secondary {
    grid-template-columns: 1fr;
  }
}

/* line 2, app/assets/stylesheets/pages/_exchange_rates.scss */
.exchangeRates {
  margin: 1rem 20% 0 20%;
}

/* line 5, app/assets/stylesheets/pages/_exchange_rates.scss */
.exchangeRates .providerName {
  font-weight: bold;
  padding: 2rem 0 0.5rem 0;
  font-size: 1.4rem;
  column-span: 3;
}

/* line 7, app/assets/stylesheets/pages/_exchange_rates.scss */
.exchangeRates tr {
  padding: 0 0 0.5rem 0;
}

/* line 8, app/assets/stylesheets/pages/_exchange_rates.scss */
.exchangeRates td {
  padding: 0.5rem 0.5rem 0.5rem 2rem;
}

/* line 9, app/assets/stylesheets/pages/_exchange_rates.scss */
.exchangeRates td.pairName {
  font-weight: bold;
}

/* line 10, app/assets/stylesheets/pages/_exchange_rates.scss */
.exchangeRates td.pairValue {
  font-size: 1.1rem;
}

/* line 11, app/assets/stylesheets/pages/_exchange_rates.scss */
.exchangeRates td.pairLastUpdate {
  color: gray;
}

/* line 2, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper {
  padding: 2.8571428571rem;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
  max-width: 1367px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 3fr minmax(0px, 2fr);
  grid-gap: 2.8571428571rem;
  grid-template-areas: "main sidebar";
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 2, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper {
    padding: 1.7142857143rem;
    grid-template-columns: 1fr;
    grid-template-areas: "main" "sidebar";
  }
}

/* line 12, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock {
  grid-area: main;
}

/* line 14, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .title {
  display: grid;
  justify-content: flex-start;
  align-items: flex-start;
  grid-template-columns: repeat(2, max-content);
  grid-template-rows: repeat(2, max-content);
  grid-template-areas: "contractRole contractStatus" "contractID contractID";
}

/* line 27, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .title h2 {
  font-size: 1.7142857143rem;
  line-height: 2rem;
  grid-area: contractRole;
  margin-right: 1.1428571429rem;
}

/* line 28, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .title p {
  grid-area: contractID;
  padding-top: 0.7142857143rem;
}

/* line 29, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .title .contractStatus {
  grid-area: contractStatus;
  margin-right: 1.1428571429rem;
}

/* line 32, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .title .contractStatus p {
  padding-top: 0.2857142857rem;
  padding-bottom: 0.2857142857rem;
  font-size: 1rem;
}

/* line 35, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock {
  width: 100%;
  margin-top: 2.8571428571rem;
}

/* line 38, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 39, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper {
  background-color: rgba(1, 41, 84, 0.1);
  border-radius: 0.4285714286rem;
  overflow: hidden;
  width: 100%;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* line 42, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper.received {
  grid-template-columns: 1fr;
}

/* line 43, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp, .page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown, .page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteReceived {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
}

/* line 45, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp p, .page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown p, .page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteReceived p {
  font-weight: 500;
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  text-align: center;
}

/* line 47, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp, .page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown {
  padding: 0.5714285714rem;
}

/* line 49, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp img, .page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown img {
  height: 1.7142857143rem;
  margin-bottom: 0.5714285714rem;
}

/* line 50, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp:hover, .page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown:hover {
  cursor: pointer;
}

/* line 52, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp:hover img, .page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown:hover img {
  filter: invert(1);
}

/* line 55, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteReceived {
  padding: 1.7142857143rem 0.5714285714rem;
}

/* line 59, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp p {
  color: #3d8679;
}

/* line 60, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp:hover {
  background-color: #5DBEAD;
}

/* line 62, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteUp:hover p {
  color: #FFFFFF;
}

/* line 66, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown p {
  color: #E33131;
}

/* line 67, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown:hover {
  background-color: #E33131;
}

/* line 69, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .voteBlock .vote .voteWrapper .voteDown:hover p {
  color: #FFFFFF;
}

/* line 76, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps {
  margin-top: 2.8571428571rem;
  margin-bottom: 2.8571428571rem;
}

/* line 79, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 84, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .mb {
  margin-bottom: 0.7142857143rem;
}

/* line 87, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper {
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  margin-bottom: 0.2857142857rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 99, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 102, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.7142857143rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 111, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper .element b span.status {
  font-size: 0.5714285714rem;
  line-height: 0.7142857143rem;
  font-weight: 500;
  margin-left: 0.5714285714rem;
  color: #000000;
  padding: 0.2857142857rem 0.4285714286rem;
  border-radius: 2.8571428571rem;
  display: inline-block;
}

/* line 122, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper .element b span.unconfirmed,
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper .element b span.invalid {
  background-color: rgba(227, 49, 49, 0.2);
}

/* line 127, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper .element b span.valid {
  background-color: rgba(0, 210, 105, 0.2);
}

/* line 131, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  word-break: break-word;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

/* line 139, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper .element p a {
  color: #3d8679;
  font-size: inherit;
  line-height: inherit;
  word-break: break-word;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 87, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .timestamps .timestampsWrapper {
    grid-template-columns: 1fr;
  }
}

/* line 150, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary {
  width: 100%;
  margin: 2.8571428571rem 0;
}

/* line 152, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 153, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo {
  background-color: rgba(1, 41, 84, 0.1);
  border-radius: 0.4285714286rem;
  overflow: hidden;
  width: 100%;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "counterparty counterparty" ". ." ". ." ". ." ". ." "period period" "multisig_based_escrow_address escrow_address" "origination_fee_address origination_fee_address" "force_liquidation_btc_price force_liquidation_btc_price" ". .";
}

/* line 167, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 169, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element .wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 169, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .summary .contractInfo .element .wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 175, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 178, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  font-weight: 500;
  color: #000000;
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}

/* line 181, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element p a {
  color: #3d8679;
  font-size: inherit;
  line-height: inherit;
  word-break: break-word;
}

/* line 183, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element.counterparty {
  grid-area: counterparty;
}

/* line 184, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element.escrow_address {
  grid-area: escrow_address;
}

/* line 185, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element.force_liquidation_btc_price {
  grid-area: force_liquidation_btc_price;
}

/* line 186, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element.multisig_based_escrow_address {
  grid-area: multisig_based_escrow_address;
}

/* line 187, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element.origination_fee_address {
  grid-area: origination_fee_address;
}

/* line 188, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .summary .contractInfo .element.period {
  grid-area: period;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 192, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .summary .contractInfo {
    grid-template-columns: 1fr;
    grid-template-areas: "counterparty" "." "." "." "." "." "." "period" "multisig_based_escrow_address" "escrow_address" "origination_fee_address" "force_liquidation_btc_price";
  }
}

/* line 210, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo {
  margin-bottom: 2.8571428571rem;
}

/* line 212, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 213, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo button {
  margin-top: 0.5714285714rem;
  height: 3.5714285714rem;
}

/* line 214, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo button:first-child {
  margin-right: 0.7142857143rem;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 216, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo button {
    width: 100%;
    padding: 1.0714285714rem 2.1428571429rem;
  }
  /* line 217, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo button:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 220, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo button {
    white-space: break-spaces;
  }
  /* line 221, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo button:first-child {
    margin-left: 0;
  }
}

/* line 224, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .repaymentBlock .repaymentUpateAddressButton {
  margin-right: 0.7142857143rem;
}

/* line 226, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .repaymentTitle {
  margin-top: 2.5714285714rem;
}

/* line 227, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .titleInfo {
  margin-top: 2.5714285714rem;
}

/* line 229, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .titleInfo p {
  margin-top: 0.5714285714rem;
}

/* line 231, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper {
  background-color: rgba(1, 41, 84, 0.1);
  border-radius: 0.4285714286rem;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "paymentAmount paymentAmount paymentAmount" "paymentLink paymentLink paymentLink" "paymentSum paymentSum paymentLength" "lenderReleaseAddress lenderReleaseAddress lenderReleaseAddress" "borrowerRefundAddress borrowerRefundAddress borrowerRefundAddress";
}

/* line 234, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 237, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .wrap .tooltipWrapper .position {
  color: #FFFFFF;
  width: 220px;
  left: -10px;
}

/* line 238, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .wrap .tooltipWrapper .green {
  display: block;
  visibility: visible;
}

/* line 239, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .wrap .tooltipWrapper .white {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 234, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 243, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .wrap .tooltipWrapper .position {
    width: 200px;
    left: -180px;
  }
}

/* line 246, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 248, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 252, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  word-break: break-all;
}

/* line 256, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink {
  grid-area: paymentLink;
}

/* line 258, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink .mb {
  margin-bottom: 0.7142857143rem;
}

/* line 262, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink b span.status {
  font-size: 0.5714285714rem;
  line-height: 0.7142857143rem;
  font-weight: 500;
  margin-left: 0.5714285714rem;
  color: #000000;
  padding: 0.2857142857rem 0.4285714286rem;
  border-radius: 2.8571428571rem;
  display: inline-block;
}

/* line 273, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink b span.unconfirmed,
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink b span.invalid {
  background-color: rgba(227, 49, 49, 0.2);
}

/* line 278, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink b span.valid {
  background-color: rgba(0, 210, 105, 0.2);
}

/* line 282, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink p {
  word-break: break-word;
}

/* line 284, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink p a {
  color: #3d8679;
  font-size: inherit;
  line-height: inherit;
  word-break: break-word;
}

/* line 287, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentAddress {
  grid-area: paymentAddress;
}

/* line 289, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentAddress .paymentWrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 289, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentAddress .paymentWrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 296, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentConfirmation {
  grid-area: paymentConfirmation;
}

/* line 297, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentSum {
  grid-area: paymentSum;
}

/* line 298, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLength {
  grid-area: paymentLength;
}

/* line 299, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentLink {
  grid-area: paymentLink;
}

/* line 300, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentAmount {
  grid-area: paymentAmount;
}

/* line 303, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.paymentAmount span.overpaid {
  font-size: 0.5714285714rem;
  line-height: 0.7142857143rem;
  font-weight: 500;
  margin-left: 0.5714285714rem;
  color: #000000;
  background-color: rgba(227, 49, 49, 0.2);
  padding: 0.2857142857rem 0.4285714286rem;
  border-radius: 2.8571428571rem;
  display: inline-block;
}

/* line 315, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.return {
  grid-area: return;
}

/* line 316, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.repaymentAddress {
  grid-area: repaymentAddress;
}

/* line 318, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.repaymentAddress .releaseWrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 318, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.repaymentAddress .releaseWrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 325, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.lenderReleaseAddress {
  grid-area: lenderReleaseAddress;
}

/* line 327, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.lenderReleaseAddress .releaseWrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 327, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.lenderReleaseAddress .releaseWrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 334, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.borrowerRefundAddress {
  grid-area: borrowerRefundAddress;
}

/* line 336, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.borrowerRefundAddress .refundWrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 336, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper .element.borrowerRefundAddress .refundWrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 350, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.paymentExtraBlock {
  grid-template-areas: "paymentAmount paymentAmount paymentAmount paymentAmount" "paymentAddress paymentAddress paymentAddress paymentAddress" "paymentLink paymentLink paymentLink paymentLink";
}

/* line 356, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.withLink {
  grid-template-areas: "paymentAmount paymentAmount paymentAmount" "return return return" "repaymentAddress repaymentAddress repaymentAddress" "paymentLink paymentLink paymentLink" "paymentSum paymentSum paymentLength" "lenderReleaseAddress lenderReleaseAddress lenderReleaseAddress" "borrowerRefundAddress borrowerRefundAddress borrowerRefundAddress" "paymentAddress paymentAddress paymentAddress";
}

/* line 367, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.withPaymentAddress {
  grid-template-areas: "paymentAmount paymentAmount paymentAmount" "return return return" "paymentAddress paymentAddress paymentAddress" "repaymentAddress repaymentAddress repaymentAddress" "paymentSum paymentSum paymentLength" "paymentLink paymentLink paymentLink" "lenderReleaseAddress lenderReleaseAddress lenderReleaseAddress" "borrowerRefundAddress borrowerRefundAddress borrowerRefundAddress";
}

/* line 378, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.withLink.withPaymentAddress {
  grid-template-areas: "paymentAmount paymentAmount paymentAmount" "return return return" "paymentAddress paymentAddress paymentAddress" "paymentSum paymentSum paymentLength" "paymentLink paymentLink paymentLink" "lenderReleaseAddress lenderReleaseAddress lenderReleaseAddress" "borrowerRefundAddress borrowerRefundAddress borrowerRefundAddress" "repaymentAddress repaymentAddress repaymentAddress";
}

/* line 389, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.withLink.withRepaymentAddress {
  grid-template-areas: "paymentAmount paymentAmount paymentAmount" "return return return return" "repaymentAddress repaymentAddress repaymentAddress" "paymentSum paymentSum paymentLength" "paymentLink paymentLink paymentLink" "lenderReleaseAddress lenderReleaseAddress lenderReleaseAddress" "borrowerRefundAddress borrowerRefundAddress borrowerRefundAddress";
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 231, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper {
    grid-template-columns: 1fr;
    grid-template-areas: "paymentAmount" "paymentSum" "paymentLength" "lenderReleaseAddress" "borrowerRefundAddress";
  }
  /* line 407, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.withLink {
    grid-template-areas: "paymentAmount" "return" "repaymentAddress" "paymentSum" "paymentLength" "paymentLink" "lenderReleaseAddress" "borrowerRefundAddress";
  }
  /* line 418, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.withPaymentAddress {
    grid-template-areas: "paymentAmount" "paymentAddress" "paymentSum" "paymentLink" "paymentLength" "lenderReleaseAddress" "borrowerRefundAddress";
  }
  /* line 428, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.withLink.withPaymentAddress {
    grid-template-areas: "paymentAmount" "paymentAddress" "paymentSum" "paymentLength" "paymentLink" "repaymentAddress" "lenderReleaseAddress" "borrowerRefundAddress";
  }
  /* line 439, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .depositInfo .depositWrapper.withLink.withRepaymentAddress {
    grid-template-areas: "paymentAmount" "return" "repaymentAddress" "paymentSum" "paymentLength" "paymentLink" "lenderReleaseAddress" "borrowerRefundAddress";
  }
}

/* line 455, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .transactionUpdateTimer {
  margin: 1.1428571429rem 0;
}

/* line 457, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo {
  margin-bottom: 2.8571428571rem;
}

/* line 459, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 460, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .mb {
  margin-bottom: 0.7142857143rem;
}

/* line 463, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper {
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  margin-bottom: 0.2857142857rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 2fr 1fr;
}

/* line 466, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 468, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.7142857143rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 472, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper .element b span.status {
  font-size: 0.5714285714rem;
  line-height: 0.7142857143rem;
  font-weight: 500;
  margin-left: 0.5714285714rem;
  color: #000000;
  padding: 0.2857142857rem 0.4285714286rem;
  border-radius: 2.8571428571rem;
  display: inline-block;
}

/* line 483, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper .element b span.unconfirmed,
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper .element b span.invalid {
  background-color: rgba(227, 49, 49, 0.2);
}

/* line 488, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper .element b span.valid {
  background-color: rgba(0, 210, 105, 0.2);
}

/* line 492, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  word-break: break-word;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

/* line 495, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper .element p a {
  color: #3d8679;
  font-size: inherit;
  line-height: inherit;
  word-break: break-word;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 463, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .repaymentInfo .repaymentWrapper {
    grid-template-columns: 1fr;
  }
}

/* line 502, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .refundInfo {
  margin-bottom: 2.8571428571rem;
}

/* line 504, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .refundInfo h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 505, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .refundInfo .refundWrapper {
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  margin-bottom: 0.2857142857rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 2fr 1fr;
}

/* line 508, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .refundInfo .refundWrapper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 510, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .refundInfo .refundWrapper .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 513, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .refundInfo .refundWrapper .element b span.unconfirmed {
  font-size: 0.7142857143rem;
  line-height: 0.7142857143rem;
  font-weight: 500;
  margin-left: 0.5714285714rem;
  color: #000000;
  padding: 0.2857142857rem 0.4285714286rem;
  background-color: rgba(227, 49, 49, 0.2);
  border-radius: 2.8571428571rem;
  display: inline-block;
}

/* line 518, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .refundInfo .refundWrapper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  word-break: break-word;
}

/* line 521, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .refundInfo .refundWrapper .element p span#refundTransactionsList {
  cursor: pointer;
  color: #3d8679;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  margin-left: 0.2857142857rem;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 505, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .refundInfo .refundWrapper {
    grid-template-columns: 1fr;
  }
}

/* line 528, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .releaseTransactions {
  margin-bottom: 2.8571428571rem;
}

/* line 530, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .releaseTransactions h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 531, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .releaseTransactions .releaseTransactionsWrapper {
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  margin-bottom: 0.2857142857rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 2fr 1fr;
}

/* line 534, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .releaseTransactions .releaseTransactionsWrapper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 536, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .releaseTransactions .releaseTransactionsWrapper .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 539, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .releaseTransactions .releaseTransactionsWrapper .element b span.unconfirmed {
  font-size: 0.7142857143rem;
  line-height: 0.7142857143rem;
  font-weight: 500;
  margin-left: 0.5714285714rem;
  color: #000000;
  padding: 0.2857142857rem 0.4285714286rem;
  background-color: rgba(227, 49, 49, 0.2);
  border-radius: 2.8571428571rem;
  display: inline-block;
}

/* line 544, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .releaseTransactions .releaseTransactionsWrapper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  word-break: break-word;
}

/* line 547, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .releaseTransactions .releaseTransactionsWrapper .element p span#releaseOutputsList {
  cursor: pointer;
  color: #3d8679;
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  margin-left: 0.2857142857rem;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 531, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .releaseTransactions .releaseTransactionsWrapper {
    grid-template-columns: 1fr;
  }
}

/* line 554, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv {
  margin-bottom: 2.8571428571rem;
}

/* line 556, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv h2 {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.2857142857rem;
}

/* line 557, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv > p {
  margin-bottom: 0.5714285714rem;
  color: rgba(22, 62, 64, 0.65);
  font-size: 1rem;
  font-weight: 500;
}

/* line 558, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv button {
  height: 3.5714285714rem;
}

/* line 559, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper {
  background-color: rgba(1, 41, 84, 0.1);
  border-radius: 0.4285714286rem;
  overflow: hidden;
  width: 100%;
  margin: 0;
  margin-bottom: 0.5714285714rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 2fr 1fr;
}

/* line 562, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 564, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 568, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  word-break: break-word;
}

/* line 572, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element.escrowAddress b {
  margin-bottom: 0.2857142857rem;
}

/* line 575, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element.ltv p {
  width: max-content;
  font-weight: 500;
  padding: 0.2857142857rem 1.1428571429rem;
  border-radius: 2.8571428571rem;
}

/* line 578, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element.ltv p.green {
  background-color: rgba(0, 210, 105, 0.2);
}

/* line 579, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element.ltv p.yellow {
  background-color: rgba(214, 149, 0, 0.2);
}

/* line 580, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element.ltv p.red {
  background-color: #E33131;
  color: #FFFFFF;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 559, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper {
    grid-template-columns: 1fr;
  }
  /* line 585, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .currentLtv .currentLtvWrapper .element {
    display: block;
  }
}

/* line 588, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .currentLtv .button {
  padding: 1.0714285714rem 2.1428571429rem;
  white-space: pre-line;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 590, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .currentLtv .button {
    width: 100%;
  }
}

/* line 597, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .collateralBlock p {
  margin-bottom: 0.5714285714rem;
  color: rgba(22, 62, 64, 0.65);
  font-size: 1rem;
  font-weight: 500;
}

/* line 598, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .collateralBlock img {
  vertical-align: text-top;
  height: 1.1428571429rem;
  margin-left: 0.2857142857rem;
}

/* line 599, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .collateralBlock .updateBalanceButton {
  margin-left: 0.5714285714rem;
}

/* line 602, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo {
  margin-bottom: 2.2857142857rem;
}

/* line 604, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .timer {
  margin-bottom: 1.1428571429rem;
}

/* line 605, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details {
  width: 100%;
  box-sizing: border-box;
  margin: 0px 1.7142857143rem 1.7142857143rem 0px;
  border-radius: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  padding: 1.4285714286rem;
}

/* line 612, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details summary {
  outline: none;
  transition-duration: .6s;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

/* line 616, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details summary .summaryWrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition-duration: .6s;
}

/* line 619, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details summary .summaryWrapper h3 {
  font-weight: bold;
  margin-top: 0;
}

/* line 620, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details summary .summaryWrapper img {
  margin-left: 0.8571428571rem;
  height: 1rem;
  transition-duration: .6s;
}

/* line 622, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details summary::-webkit-details-marker {
  display: none;
}

/* line 623, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details summary::marker {
  color: transparent;
}

/* line 625, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details p {
  font-size: 1.1428571429rem;
  line-height: 2rem;
  padding-right: 2rem;
  font-weight: normal;
  margin-top: 1.7142857143rem;
}

/* line 626, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details:last-child {
  margin-bottom: 0;
}

/* line 628, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details[open] {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  border-color: transparent;
  transition-duration: .6s;
}

/* line 632, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details[open] summary {
  padding: 1.7142857143rem 0;
}

/* line 635, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details[open] summary .summaryWrapper img {
  transform: rotate(180deg);
}

/* line 638, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details[open] .mediumText {
  transition-duration: .6s;
}

/* line 640, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details[open] .mediumText .pendingHint {
  margin-top: 0.7142857143rem;
}

/* line 642, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details[open] i {
  font-style: italic;
}

/* line 645, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details[open] b {
  font-weight: bold;
}

/* line 648, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo details[open] span {
  text-decoration: underline;
}

/* line 653, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .pending > p {
  font-size: 1.1428571429rem;
  padding: 0.5714285714rem 0;
}

/* line 657, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .lenderMoneyWarning h2 {
  font-size: 1.1428571429rem;
  font-weight: 500;
  margin-bottom: 0.5714285714rem;
}

/* line 658, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .lenderMoneyWarning > p {
  font-size: 1.1428571429rem;
}

/* line 661, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .waitingDepositLender h2 {
  font-size: 1.1428571429rem;
  font-weight: 500;
  margin-bottom: 0.5714285714rem;
}

/* line 664, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .waitingDepositBorrower .notEnoughFunds {
  margin-bottom: 1.1428571429rem;
}

/* line 665, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .waitingDepositBorrower .escrowWrapper {
  background-color: rgba(1, 41, 84, 0.1);
  border-radius: 0.4285714286rem;
  overflow: hidden;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: 1fr;
}

/* line 668, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .waitingDepositBorrower .escrowWrapper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 671, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .waitingDepositBorrower .escrowWrapper .element b {
  color: rgba(22, 62, 64, 0.65);
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 675, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .waitingDepositBorrower .escrowWrapper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  letter-spacing: -0.2px;
  word-break: break-word;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 681, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .contractStatusInfo .depositing .waitingDepositBorrower .escrowWrapper .element {
    display: block;
  }
}

/* line 688, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .payment h2, .page.contract .wrapper .mainContractBlock .contractStatusInfo .dispute h2, .page.contract .wrapper .mainContractBlock .contractStatusInfo .inProgress h2, .page.contract .wrapper .mainContractBlock .contractStatusInfo .partialRepayment h2, .page.contract .wrapper .mainContractBlock .contractStatusInfo .repayment h2, .page.contract .wrapper .mainContractBlock .contractStatusInfo .completed h2, .page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled h2 {
  font-size: 1.1428571429rem;
  font-weight: 500;
  margin-bottom: 0.5714285714rem;
}

/* line 689, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .payment > p, .page.contract .wrapper .mainContractBlock .contractStatusInfo .dispute > p, .page.contract .wrapper .mainContractBlock .contractStatusInfo .inProgress > p, .page.contract .wrapper .mainContractBlock .contractStatusInfo .partialRepayment > p, .page.contract .wrapper .mainContractBlock .contractStatusInfo .repayment > p, .page.contract .wrapper .mainContractBlock .contractStatusInfo .completed > p, .page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled > p {
  font-size: 1.1428571429rem;
}

/* line 692, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled {
  background-color: #FAFAFC;
  border-radius: 10px;
  border: 1px solid #E6E8EB;
  padding: 1.7142857143rem 1.7857142857rem;
}

/* line 697, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled .blockCancelIcon {
  display: flex;
}

/* line 699, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled .blockCancelIcon > p {
  font-size: 1.1428571429rem;
}

/* line 703, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled .blockCancelInfo {
  margin-left: 9px;
  margin-top: 4px;
}

/* line 707, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled .CancelInfoTitle {
  margin-bottom: 0.5714285714rem;
  font-weight: 500;
  font-family: 'Roboto';
  font-size: 1.4285714286rem;
}

/* line 714, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled .blockCancelSmallIcon {
  display: flex;
  margin-top: 1.1428571429rem;
  align-items: center;
  font-family: 'Roboto';
  line-height: 19px;
  font-size: 1.1428571429rem;
}

/* line 721, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled .blockCancelSmallIcon > img {
  margin-right: 0.2857142857rem;
}

/* line 724, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled .blockCancelSmallIcon > .reasonTitle {
  font-weight: 500;
  word-break: break-word;
}

/* line 728, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .canceled .blockCancelSmallIcon > .reasonAnswer {
  font-weight: 400;
  margin-left: 4px;
}

/* line 735, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .payment .wrapHint, .page.contract .wrapper .mainContractBlock .contractStatusInfo .repayment .wrapHint {
  padding: 0.7142857143rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  margin: 0px 1.7142857143rem 1.7142857143rem 0px;
  border-radius: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  justify-content: space-around;
}

/* line 745, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .contractStatusInfo .payment .wrapHint .paymentHint, .page.contract .wrapper .mainContractBlock .contractStatusInfo .repayment .wrapHint .paymentHint {
  padding: 0.7142857143rem;
}

/* line 749, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .actionButtons {
  margin-top: 1.7142857143rem;
  display: flex;
}

/* line 752, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .actionButtons button {
  margin: 0.5714285714rem 0.5714285714rem 0 0;
  height: 3.5714285714rem;
  order: 1;
}

/* line 754, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .actionButtons button.cancel {
  order: 2;
}

/* line 756, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .actionButtons .wide-btn {
  width: 100%;
  padding: 1.0714285714rem 0.7142857143rem;
}

/* line 760, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .actionButtons i {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 763, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .actionButtons i button:not(.cancel) {
  order: 0;
}

/* line 766, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .mainContractBlock .actionButtons i button {
  order: 1;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 749, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .actionButtons {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  /* line 771, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .actionButtons i {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  /* line 775, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .actionButtons button {
    margin-right: 0;
    margin-bottom: 0.5714285714rem;
    white-space: pre-line;
    padding: 1.0714285714rem 0.7142857143rem;
    width: 100%;
  }
  /* line 781, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .actionButtons button.red {
    margin-right: 1.4285714286rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 785, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .mainContractBlock .actionButtons button {
    width: 100%;
  }
}

/* line 789, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .sidebar {
  grid-area: sidebar;
}

/* line 791, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .sidebar .modalLink {
  word-wrap: break-word;
  padding: 10px 0px;
}

/* line 792, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .sidebar .otherInfo {
  padding-bottom: 1.1428571429rem;
}

/* line 797, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .sidebar .otherInfo table tbody tr td {
  padding: 0.2857142857rem;
}

/* line 799, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .sidebar .otherInfo table tbody tr td a {
  color: #3d8679;
}

/* line 805, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .sidebar .chatContainer {
  width: 100%;
}

/* line 807, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .wrapper .sidebar .transactionsListComponentContainer .tooltipWrapper .position {
  left: -20px;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 809, app/assets/stylesheets/pages/_contract_page.scss */
  .page.contract .wrapper .sidebar .transactionsListComponentContainer .tooltipWrapper .position {
    left: -80px;
  }
}

/* line 815, app/assets/stylesheets/pages/_contract_page.scss */
.page.contract .show-escrow-data {
  margin-top: 10px;
}

/* line 1, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  grid-gap: 1.1428571429rem;
}

/* line 3, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card {
  padding-top: 0.7142857143rem;
  background-color: #FFFFFF;
  grid-gap: 0 0.5714285714rem;
  border: 1px solid rgba(1, 41, 84, 0.1);
  box-shadow: 0px 1px 4px rgba(1, 41, 84, 0.1);
  border-radius: 0.4285714286rem;
  display: grid;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  grid-template-columns: 2fr 1fr;
  box-sizing: border-box;
  grid-template-areas: "side status" "amount amount" "period period" "click click";
}

/* line 13, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element {
  align-self: center;
}

/* line 15, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element p, .contractCards .card .element b, .contractCards .card .element span {
  font-variant-numeric: tabular-nums;
  color: #000000;
}

/* line 16, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.side {
  grid-area: side;
  justify-self: start;
  align-self: flex-start;
  padding-left: 0.8571428571rem;
}

/* line 18, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.side b {
  display: block;
  font-weight: 600;
  font-size: 1.1428571429rem;
  line-height: 1.2857142857rem;
  letter-spacing: 0.25px;
}

/* line 22, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.side p {
  font-size: 0.8571428571rem;
  line-height: 1rem;
  color: rgba(22, 62, 64, 0.65);
  font-weight: 400;
  text-transform: lowercase;
}

/* line 25, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.side p span {
  color: rgba(22, 62, 64, 0.65);
  font-weight: 500;
}

/* line 27, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.side .sideTitle {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 29, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.side .sideTitle span {
  margin-left: 0.7142857143rem;
  color: #3d8679;
  font-weight: 300;
}

/* line 32, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.status {
  grid-area: status;
  justify-self: end;
  align-self: flex-start;
  padding-right: 0.8571428571rem;
}

/* line 33, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.amount {
  grid-area: amount;
  padding: 1.1428571429rem 0.8571428571rem 0 0.8571428571rem;
}

/* line 35, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.amount p {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.7142857143rem;
  line-height: 2rem;
  font-weight: bold;
}

/* line 38, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.amount p span {
  font-size: 0.7142857143rem;
  line-height: 0.7142857143rem;
  font-weight: 500;
  margin-left: 0.2857142857rem;
  padding: 0.2857142857rem 0.4285714286rem;
  border-radius: 2.8571428571rem;
}

/* line 42, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.amount p span.green {
  background-color: rgba(0, 210, 105, 0.2);
}

/* line 43, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.amount p span.yellow {
  background-color: rgba(214, 149, 0, 0.2);
}

/* line 44, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.amount p span.red {
  background-color: #E33131;
  color: #FFFFFF;
}

/* line 48, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.period {
  grid-area: period;
  padding: 0.1428571429rem 0.8571428571rem 1.1428571429rem 0.8571428571rem;
}

/* line 50, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.period p {
  color: rgba(22, 62, 64, 0.65);
  font-weight: 400;
}

/* line 52, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.period p b {
  color: inherit;
  letter-spacing: -0.25px;
  font-weight: 500;
}

/* line 55, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.click {
  grid-area: click;
  align-self: end;
}

/* line 57, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card .element.click p {
  text-align: center;
  font-weight: 500;
  color: rgba(22, 62, 64, 0.65);
  padding: 0.7142857143rem 0.8571428571rem;
  background-color: rgba(0, 49, 102, 0.05);
}

/* line 64, app/assets/stylesheets/pages/_contract_cards.scss */
.contractCards .card:hover .element.click p {
  color: #3d8679;
  background-color: rgba(0, 210, 105, 0.2);
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 1, app/assets/stylesheets/pages/_contract_cards.scss */
  .contractCards {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 1, app/assets/stylesheets/pages/_contract_cards.scss */
  .contractCards {
    grid-template-columns: 1fr;
  }
}

/* line 2, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts .contractsWrapper {
  padding: 1.7142857143rem;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
}

/* line 4, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts .contractsWrapper .title {
  padding-bottom: 1.7142857143rem;
}

/* line 7, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .row {
  margin-bottom: 2.8571428571rem;
}

/* line 9, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .row h3.rowTitle {
  font-size: 1.4285714286rem;
  line-height: 1.7142857143rem;
  font-weight: 500;
  padding-bottom: 0.5714285714rem;
  margin-bottom: 0.5714285714rem;
}

/* line 13, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .row:last-child {
  margin-bottom: 0;
}

/* line 15, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .statsWraper {
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/* line 19, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .statsWraper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 21, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .statsWraper .element b {
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  text-transform: uppercase;
  color: rgba(22, 62, 64, 0.65);
  font-weight: bold;
  display: block;
  letter-spacing: .25px;
}

/* line 25, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .statsWraper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 15, app/assets/stylesheets/pages/_contracts.scss */
  .page.contracts.all .statsWraper {
    grid-template-columns: 1fr;
  }
}

/* line 35, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractFilters form {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1.1428571429rem;
}

/* line 37, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractFilters form button {
  height: 2.2857142857rem;
  align-self: end;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 35, app/assets/stylesheets/pages/_contracts.scss */
  .page.contracts.all .contractFilters form {
    grid-template-columns: 1fr;
  }
}

/* line 42, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractFilters a {
  margin-top: 0.5714285714rem;
  display: block;
}

/* line 44, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table {
  margin-top: 2.8571428571rem;
  padding: 0;
  overflow: hidden;
}

/* line 46, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableHeader {
  background: rgba(0, 49, 102, 0.05);
}

/* line 48, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableHeader p {
  padding: 0.5714285714rem;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(22, 62, 64, 0.65);
}

/* line 51, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableHeader p:first-child {
  padding-left: 1.7142857143rem;
}

/* line 52, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableHeader p:last-child {
  padding-right: 1.7142857143rem;
}

/* line 53, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableHeader p.status, .page.contracts.all .contractsWrapper.table .tableHeader p.ltv, .page.contracts.all .contractsWrapper.table .tableHeader p.originationFee {
  text-align: center;
}

/* line 58, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableHeader, .page.contracts.all .contractsWrapper.table .tableRow {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 9.4285714286rem 11.4285714286rem 1fr 1fr 1fr 9.4285714286rem 1fr;
}

/* line 60, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableHeader p, .page.contracts.all .contractsWrapper.table .tableHeader a, .page.contracts.all .contractsWrapper.table .tableRow p, .page.contracts.all .contractsWrapper.table .tableRow a {
  font-variant-numeric: proportional-nums;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 58, app/assets/stylesheets/pages/_contracts.scss */
  .page.contracts.all .contractsWrapper.table .tableHeader, .page.contracts.all .contractsWrapper.table .tableRow {
    overflow: auto;
  }
}

/* line 67, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow {
  border-bottom: 1px solid rgba(0, 49, 102, 0.05);
}

/* line 69, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow:last-child {
  border-bottom: 0;
}

/* line 70, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element {
  box-sizing: border-box;
  padding: 0.5714285714rem;
  align-self: center;
}

/* line 73, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element:first-child {
  padding-left: 1.7142857143rem;
}

/* line 74, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element:last-child {
  padding-right: 1.7142857143rem;
}

/* line 75, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element.status {
  justify-self: center;
}

/* line 79, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element:not(.currentLtv) span {
  font-size: 0.8571428571rem;
  line-height: 0.8571428571rem;
  color: rgba(22, 62, 64, 0.65);
  display: block;
}

/* line 84, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element.currentLtv {
  justify-self: center;
}

/* line 86, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element.currentLtv span {
  width: max-content;
  font-weight: 500;
  padding: 0.2857142857rem 1.1428571429rem;
  border-radius: 2.8571428571rem;
}

/* line 89, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element.currentLtv span.green {
  background-color: rgba(0, 210, 105, 0.2);
}

/* line 90, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element.currentLtv span.yellow {
  background-color: rgba(214, 149, 0, 0.2);
}

/* line 91, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element.currentLtv span.red {
  background-color: #E33131;
  color: #FFFFFF;
}

/* line 94, app/assets/stylesheets/pages/_contracts.scss */
.page.contracts.all .contractsWrapper.table .tableRow .element.originationFee {
  justify-self: center;
}

/* line 2, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper {
  max-width: 1367px;
  margin: 0 auto;
  padding: 1.7142857143rem;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
}

/* line 5, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper .title {
  padding-bottom: 1.7142857143rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 7, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper .title h1 {
  margin-right: 1.4285714286rem;
}

/* line 9, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper .list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.1428571429rem;
}

/* line 11, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper .list .notificationItem {
  padding: 0.5714285714rem;
  border-bottom: 1px solid rgba(1, 41, 84, 0.1);
}

/* line 13, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper .list .notificationItem a {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  color: #3d8679;
  font-weight: bold;
}

/* line 14, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper .list .notificationItem p {
  font-size: 0.8571428571rem;
  line-height: 1.4285714286rem;
  color: rgba(22, 62, 64, 0.65);
  font-weight: 500;
}

/* line 15, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper .list .notificationItem.unread {
  background-color: rgba(0, 210, 105, 0.2);
  border-radius: 0.1428571429rem;
  border-bottom: none;
}

/* line 16, app/assets/stylesheets/pages/_notifications.scss */
.page.user.notifications .notificationsWrapper .list .notificationItem.unread a {
  color: #000000;
}

/* line 1, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.7142857143rem;
}

/* line 3, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offerFilters form {
  padding: 1.7142857143rem;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 2.1428571429rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 20px 1fr;
  grid-gap: 1.7142857143rem 2.2857142857rem;
  grid-template-areas: "switcher" ".";
}

/* line 15, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offerFilters form .formBlockWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 0.5fr;
  grid-gap: 1.7142857143rem 2.2857142857rem;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 15, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offerFilters form .formBlockWrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 15, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offerFilters form .formBlockWrapper {
    grid-template-columns: 1fr;
  }
}

/* line 27, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offersWrapper {
  padding: 1.7142857143rem;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
}

/* line 29, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offersWrapper .titleHeader {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.7142857143rem;
}

/* line 33, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offersWrapper .titleHeader .title {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

/* line 37, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offersWrapper .titleHeader .button {
  height: 3.5714285714rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

/* line 41, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offersWrapper .titleHeader .tooltipWrapper.borrowTip .position, .page.offersTable .offersWrapper .titleHeader .tooltipWrapper.lendTip .position {
  left: -10px;
  max-width: 270px;
  z-index: 10;
}

/* line 45, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offersWrapper .titleHeader .tooltipWrapper.lendTip, .page.offersTable .offersWrapper .titleHeader .tooltipWrapper.borrowTip {
  text-transform: none;
}

/* line 48, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offersWrapper .titleHeader .tooltipWrapper.lendTip .green, .page.offersTable .offersWrapper .titleHeader .tooltipWrapper.borrowTip .green {
  display: block;
  visibility: visible;
}

/* line 49, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .offersWrapper .titleHeader .tooltipWrapper.lendTip .white, .page.offersTable .offersWrapper .titleHeader .tooltipWrapper.borrowTip .white {
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 29, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 54, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.lendHeader {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  /* line 57, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.lendHeader .title h1 {
    font-size: 1.8571428571rem;
  }
  /* line 59, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.lendHeader .button {
    margin-top: 1.4285714286rem;
  }
  /* line 61, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.borrowHeader {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  /* line 64, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.borrowHeader .title h1 {
    font-size: 1.8571428571rem;
  }
  /* line 66, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.borrowHeader .button {
    margin-top: 1.4285714286rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 71, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.lendHeader .title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 73, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.lendHeader .title h1 {
    font-size: 1.6428571429rem;
  }
  /* line 74, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.lendHeader .title .tooltipWrapper {
    margin-left: 10px;
  }
  /* line 76, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.lendHeader .title .tooltipWrapper.lendTip .position {
    left: -220px;
    max-width: 250px;
    z-index: 10;
  }
  /* line 79, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.lendHeader .button {
    margin-top: 1.4285714286rem;
  }
  /* line 81, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.borrowHeader {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  /* line 83, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.borrowHeader .title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 85, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.borrowHeader .title h1 {
    font-size: 1.8571428571rem;
  }
  /* line 87, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.borrowHeader .title .tooltipWrapper.borrowTip .position {
    left: -220px;
    max-width: 250px;
    z-index: 10;
  }
  /* line 90, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader.borrowHeader .button {
    margin-top: 1.4285714286rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 94, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper .titleHeader .button {
    width: 100%;
  }
}

/* line 98, app/assets/stylesheets/pages/_offers_table.scss */
.page.offersTable .sorting {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 1.7142857143rem;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 1, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable {
    grid-gap: 0;
  }
  /* line 104, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offersWrapper {
    border-radius: 0;
  }
  /* line 108, app/assets/stylesheets/pages/_offers_table.scss */
  .page.offersTable .offerFilters form {
    box-shadow: none;
  }
}

/* line 1, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  grid-gap: 1.1428571429rem;
}

/* line 4, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .tooltipWrapper .white {
  display: none;
}

/* line 6, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .newBlock {
  display: grid;
  grid-template-rows: 14px 25px;
  grid-template-areas: "titles" "content" "help";
  padding: 0.7142857143rem 0.8571428571rem;
  background-color: #FFFFFF;
  grid-gap: 0.5714285714rem;
  border: 1px solid rgba(1, 41, 84, 0.1);
  box-shadow: 0px 1px 4px rgba(1, 41, 84, 0.1);
  border-radius: 0.4285714286rem;
}

/* line 18, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .newBlock:hover {
  background-color: #EDFDFC;
}

/* line 20, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .titles {
  grid-template-columns: repeat(6, 1fr);
  display: grid;
}

/* line 23, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .titles .subtitle {
  font-weight: 200;
  font-size: 0.8571428571rem;
  color: rgba(22, 62, 64, 0.65);
}

/* line 25, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card {
  display: grid;
  width: 100%;
  grid-template-areas: "amount period ltv rate apr info";
  text-decoration: none;
  grid-template-columns: repeat(6, 1fr);
  box-sizing: border-box;
}

/* line 32, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card:hover {
  background-color: #EDFDFC;
}

/* line 33, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element {
  align-self: center;
}

/* line 35, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element p, .offerCards .card .element b, .offerCards .card .element span {
  font-variant-numeric: tabular-nums;
}

/* line 36, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element > b {
  color: #000000;
  display: block;
  margin-bottom: 0.1428571429rem;
}

/* line 37, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element > p {
  color: rgba(22, 62, 64, 0.65);
  font-weight: 500;
}

/* line 38, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.amount {
  grid-area: amount;
  color: rgba(22, 62, 64, 0.65);
}

/* line 39, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.apr {
  grid-area: apr;
}

/* line 40, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.period {
  grid-area: period;
}

/* line 41, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.ltv {
  grid-area: ltv;
}

/* line 42, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.rate {
  grid-area: rate;
}

/* line 43, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.statuses, .offerCards .card .element.creator {
  grid-area: info;
}

/* line 46, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.statuses p.offerStatus span {
  margin: 0 0.5714285714rem 0 0;
  display: inline-block;
  text-transform: lowercase;
  letter-spacing: -.2px;
  padding: 0.1428571429rem 0.4285714286rem;
  border-radius: 0.4285714286rem;
  text-align: center;
}

/* line 49, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.statuses p.offerStatus span:last-child {
  margin-right: 0;
}

/* line 50, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.statuses p.offerStatus span.yellow {
  background-color: rgba(214, 149, 0, 0.2);
  color: #D69500;
}

/* line 51, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.statuses p.offerStatus span.red {
  background-color: rgba(227, 49, 49, 0.2);
  color: #E33131;
}

/* line 52, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.statuses p.offerStatus span.green {
  background-color: rgba(0, 210, 105, 0.2);
  color: #3d8679;
}

/* line 53, app/assets/stylesheets/pages/_offer_cards.scss */
.offerCards .card .element.statuses p.offerStatus span.gray {
  background-color: rgba(0, 49, 102, 0.05);
  color: rgba(22, 62, 64, 0.65);
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 25, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .card {
    grid-template-columns: 1fr;
    grid-template-areas: "amount" "period" "ltv" "rate" "apr" "info";
    grid-template-rows: repeat(6, 20px);
    grid-row-gap: 0.7142857143rem;
  }
  /* line 69, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .card .element {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 1.0714285714rem 0;
    justify-content: flex-end;
  }
  /* line 73, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .card .element b {
    margin-right: 0.5714285714rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 78, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .newBlock {
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 1fr 30px;
    margin: 1.0714285714rem 0px;
    -webkit-box-shadow: -13px -12px 7px 0px #E0F2EC;
    -moz-box-shadow: -13px -12px 7px 0px #E0F2EC;
    box-shadow: -13px -12px 7px 0px #E0F2EC;
    grid-template-areas: "titles content" "help help";
  }
  /* line 91, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .newBlock .titles {
    display: flex;
    flex-direction: column;
  }
  /* line 93, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .newBlock .titles b {
    margin: 5px 0px;
  }
  /* line 95, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .newBlock .helpLink {
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: right;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 99, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .newBlock {
    grid-template-columns: 1.5fr 1.7fr;
  }
  /* line 101, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .newBlock .helpLink {
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: left;
  }
  /* line 103, app/assets/stylesheets/pages/_offer_cards.scss */
  .offerCards .newBlock .card .element {
    letter-spacing: -.5px;
    text-align: right;
  }
}

/* line 2, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
.page.lendBorrowFaq .content {
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
  color: #000000;
  padding: 2.8571428571rem;
}

/* line 6, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
.page.lendBorrowFaq .content p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 1.4285714286rem;
}

/* line 8, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
.page.lendBorrowFaq .content .lendBorrowFaq__list {
  margin: 0.7142857143rem;
}

/* line 11, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
.page.lendBorrowFaq .content .lendBorrowFaq__list > li {
  margin: 0.7142857143rem 0;
  list-style-type: none;
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  margin-bottom: 0.5714285714rem;
}

/* line 13, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
.page.lendBorrowFaq .content .lendBorrowFaq__list > li::before {
  color: #5DBEAD;
  content: "▪";
  padding-right: 10px;
}

/* line 14, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
.page.lendBorrowFaq .content .lendBorrowFaq__list > li a {
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
}

/* line 17, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
.page.lendBorrowFaq .content .lendBorrowFaq__title {
  margin: 1.4285714286rem 0;
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
}

/* line 18, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
.page.lendBorrowFaq .content .inner-list {
  list-style: none;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 2, app/assets/stylesheets/pages/_lendBorrowFaq.scss */
  .page.lendBorrowFaq .content {
    padding: 1.7142857143rem;
  }
}

/* line 2, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic .statisticWrapper {
  padding: 1.7142857143rem;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
}

/* line 4, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic .statisticWrapper .title {
  padding-bottom: 1.7142857143rem;
}

/* line 7, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic.contracts .row {
  margin-bottom: 2.8571428571rem;
}

/* line 9, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic.contracts .row h3.rowTitle {
  font-size: 1.4285714286rem;
  line-height: 1.7142857143rem;
  font-weight: 500;
  padding-bottom: 0.5714285714rem;
  margin-bottom: 0.5714285714rem;
}

/* line 13, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic.contracts .row:last-child {
  margin-bottom: 0;
}

/* line 15, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic.contracts .statsWraper {
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/* line 19, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic.contracts .statsWraper .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 21, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic.contracts .statsWraper .element b {
  font-size: 0.8571428571rem;
  line-height: 1.1428571429rem;
  text-transform: uppercase;
  color: rgba(22, 62, 64, 0.65);
  font-weight: bold;
  display: block;
  letter-spacing: .25px;
}

/* line 25, app/assets/stylesheets/pages/_statistic.scss */
.page.statistic.contracts .statsWraper .element p {
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 15, app/assets/stylesheets/pages/_statistic.scss */
  .page.statistic.contracts .statsWraper {
    grid-template-columns: 1fr;
  }
}

/* line 2, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper {
  padding: 2.8571428571rem;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(5, 27, 51, 0.15);
  border-radius: 0.4285714286rem;
  max-width: 1367px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2.2857142857rem;
  grid-template-areas: "title" "about" "contracts" "offers";
}

/* line 10, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper h2 {
  padding-bottom: 1.7142857143rem;
  font-size: 1.5714285714rem;
  line-height: 1.8571428571rem;
}

/* line 11, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title {
  grid-area: title;
}

/* line 13, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title h1 {
  word-break: break-all;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

/* line 15, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title h1 span {
  color: #3d8679;
  display: inline-block;
}

/* line 17, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title .statuses {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 19, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title .statuses .status {
  font-size: 1rem;
  line-height: 1.1428571429rem;
  border-radius: 1.4285714286rem;
  margin: 0.5714285714rem 0.5714285714rem 0px 0px;
  padding: 0.2857142857rem 0.5714285714rem;
}

/* line 22, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title .statuses .status.verified {
  background-color: #3d8679;
  color: #FFFFFF;
}

/* line 23, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title .statuses .status.blocked {
  background-color: #D69500;
  color: #FFFFFF;
}

/* line 24, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title .statuses .status.banned, .page.user .userWrapper .title .statuses .status.canceled {
  background-color: #E33131;
  color: #FFFFFF;
}

/* line 25, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title .statuses .status:last-child {
  margin-right: 0;
}

/* line 28, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title .actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.5714285714rem;
}

/* line 30, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .title .actions .button:not(:last-child) {
  margin-right: 0.5714285714rem;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 28, app/assets/stylesheets/pages/_user.scss */
  .page.user .userWrapper .title .actions {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  /* line 33, app/assets/stylesheets/pages/_user.scss */
  .page.user .userWrapper .title .actions .button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.5714285714rem;
  }
}

/* line 37, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .contractStatistic {
  grid-area: statistic;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: rgba(1, 41, 84, 0.1);
  overflow: hidden;
  width: 100%;
  margin: 0;
  border-radius: 0.4285714286rem;
  border: 1px solid transparent;
  text-align: left;
  grid-gap: 1px;
  display: grid;
}

/* line 41, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .contractStatistic .element {
  background-color: #FFFFFF;
  padding: 0.5714285714rem;
}

/* line 43, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .contractStatistic .element b {
  color: rgba(22, 62, 64, 0.65);
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 44, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .contractStatistic .element p {
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 37, app/assets/stylesheets/pages/_user.scss */
  .page.user .userWrapper .contractStatistic {
    grid-template-columns: 1fr;
  }
}

/* line 50, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation {
  grid-area: about;
}

/* line 52, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .rating {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 54, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .rating b {
  margin-right: 0.5714285714rem;
}

/* line 55, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .rating p.withRating span {
  font-weight: 500;
}

/* line 57, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .rating p.withRating span.positiveRating {
  color: #3d8679;
}

/* line 58, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .rating p.withRating span.negativeRating {
  color: #E33131;
}

/* line 61, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .inlineRow {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 63, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .inlineRow b {
  margin-right: 0.5714285714rem;
}

/* line 65, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .about {
  margin-top: 0.5714285714rem;
}

/* line 67, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .about b {
  margin-bottom: 0.5714285714rem;
  display: block;
}

/* line 68, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .about .descriptionWrapper {
  padding: 0.5714285714rem 1.1428571429rem;
  background-color: rgba(1, 41, 84, 0.1);
  max-height: 5.7142857143rem;
  border-radius: 0.4285714286rem;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 71, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .additionalInformation .about .descriptionWrapper p {
  word-break: break-word;
  white-space: pre-line;
}

/* line 75, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .contracts {
  grid-area: contracts;
}

/* line 78, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .offers {
  grid-area: offers;
}

/* line 80, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .offers .titles {
  grid-template-columns: repeat(5, 1fr);
}

/* line 82, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .offers .titles .hidden {
  display: none;
}

/* line 84, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .offers .offerList .offerCards .card {
  grid-template-areas: "amount period ltv rate apr";
  grid-template-columns: repeat(5, 1fr);
}

/* line 86, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .offers .offerList .offerCards .card .element.creator {
  display: none;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 84, app/assets/stylesheets/pages/_user.scss */
  .page.user .userWrapper .offers .offerList .offerCards .card {
    grid-template-columns: 1fr;
    grid-gap: 1.1428571429rem 0.5714285714rem;
    grid-template-areas: "amount" "period" "ltv" "rate" "apr";
  }
  /* line 97, app/assets/stylesheets/pages/_user.scss */
  .page.user .userWrapper .offers .offerList .offerCards .card .element.amount {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-end;
  }
  /* line 99, app/assets/stylesheets/pages/_user.scss */
  .page.user .userWrapper .offers .offerList .offerCards .card .element.amount b {
    margin-right: 0;
    margin-bottom: 0.1428571429rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 84, app/assets/stylesheets/pages/_user.scss */
  .page.user .userWrapper .offers .offerList .offerCards .card {
    grid-template-columns: 1fr;
    grid-template-areas: "amount" "period" "ltv" "rate" "apr";
  }
}

/* line 114, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .emptyBlock {
  padding: 0.5714285714rem 1.1428571429rem;
  border-radius: 0.4285714286rem;
  width: 100%;
  background: rgba(0, 49, 102, 0.05);
}

/* line 116, app/assets/stylesheets/pages/_user.scss */
.page.user .userWrapper .emptyBlock p {
  color: rgba(22, 62, 64, 0.65);
  padding: 2.2857142857rem 0;
  text-align: center;
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 2, app/assets/stylesheets/pages/_user.scss */
  .page.user .userWrapper {
    padding: 1.7142857143rem;
  }
}

/* line 2, app/assets/stylesheets/pages/_votes_admin.scss */
.page.votesAdmin .voteElement {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5714285714rem;
}

/* line 6, app/assets/stylesheets/pages/_votes_admin.scss */
.page.votesAdmin .voteElement .element {
  -webkit-margin-end: 0.5714285714rem;
}

/* line 8, app/assets/stylesheets/pages/_votes_admin.scss */
.page.votesAdmin .voteElement .element b {
  color: rgba(22, 62, 64, 0.65);
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  letter-spacing: .25px;
}

/* line 9, app/assets/stylesheets/pages/_votes_admin.scss */
.page.votesAdmin .voteElement .element p {
  letter-spacing: -0.2px;
  color: #000000;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

/* line 44, app/assets/stylesheets/application.css.scss */
html,
body {
  width: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.4285714286rem;
  font-weight: normal;
  color: #000000;
}

@media screen and (max-width: 1367px) and (min-width: 767px) {
  /* line 44, app/assets/stylesheets/application.css.scss */
  html,
body {
    font-size: 1.0241404535vw;
  }
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 44, app/assets/stylesheets/application.css.scss */
  html,
body {
    font-size: 1.8252933507vw;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 44, app/assets/stylesheets/application.css.scss */
  html,
body {
    font-size: 3.2710280374vw;
  }
}

/* line 71, app/assets/stylesheets/application.css.scss */
div,
header,
footer,
body,
main {
  box-sizing: border-box;
}

/* line 79, app/assets/stylesheets/application.css.scss */
b {
  font-weight: bold;
}

/* line 83, app/assets/stylesheets/application.css.scss */
body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: #FFFFFF;
}

/* line 87, app/assets/stylesheets/application.css.scss */
body main {
  flex-grow: 1;
}

/* line 91, app/assets/stylesheets/application.css.scss */
body header {
  padding-top: 0.8571428571rem;
  padding-bottom: 0.8571428571rem;
}

/* line 96, app/assets/stylesheets/application.css.scss */
body main {
  margin-top: 4.5714285714rem;
}

/* line 100, app/assets/stylesheets/application.css.scss */
body main .page:not(.frontpage) {
  padding-top: 3.4285714286rem;
  padding-bottom: 3.4285714286rem;
  max-width: 1920px;
  margin: 0 auto;
  padding-left: 5.1428571429rem;
  padding-right: 5.1428571429rem;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 100, app/assets/stylesheets/application.css.scss */
  body main .page:not(.frontpage) {
    padding-left: 3.4285714286rem;
    padding-right: 3.4285714286rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 100, app/assets/stylesheets/application.css.scss */
  body main .page:not(.frontpage) {
    padding-left: 1.7142857143rem;
    padding-right: 1.7142857143rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 100, app/assets/stylesheets/application.css.scss */
  body main .page:not(.frontpage) {
    padding: 0;
  }
}

/* line 114, app/assets/stylesheets/application.css.scss */
body header,
body footer {
  padding-left: 5.1428571429rem;
  padding-right: 5.1428571429rem;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 114, app/assets/stylesheets/application.css.scss */
  body header,
body footer {
    padding-left: 3.4285714286rem;
    padding-right: 3.4285714286rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 114, app/assets/stylesheets/application.css.scss */
  body header,
body footer {
    padding-left: 1.7142857143rem;
    padding-right: 1.7142857143rem;
  }
}

/* line 121, app/assets/stylesheets/application.css.scss */
h1,
h2,
h3 {
  font-weight: bold;
}

/* line 127, app/assets/stylesheets/application.css.scss */
h1 {
  font-size: 2rem;
  line-height: 2.5714285714rem;
}

/* line 132, app/assets/stylesheets/application.css.scss */
.notFoundBlock {
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 5.7142857143rem 1.7142857143rem;
}

/* line 137, app/assets/stylesheets/application.css.scss */
.notFoundBlock img {
  width: 14.2857142857rem;
  margin-right: 2.8571428571rem;
}

/* line 143, app/assets/stylesheets/application.css.scss */
.notFoundBlock .content h1 {
  margin-bottom: 1.7142857143rem;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  /* line 132, app/assets/stylesheets/application.css.scss */
  .notFoundBlock {
    padding: 2.8571428571rem 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  /* line 152, app/assets/stylesheets/application.css.scss */
  .notFoundBlock img {
    width: 11.4285714286rem;
    margin: 0 0 2.8571428571rem 0;
  }
  /* line 158, app/assets/stylesheets/application.css.scss */
  .notFoundBlock .content h1 {
    text-align: center;
  }
  /* line 162, app/assets/stylesheets/application.css.scss */
  .notFoundBlock .content a {
    margin: 0 auto;
    display: block;
  }
}

/* line 170, app/assets/stylesheets/application.css.scss */
.flash {
  padding-left: 5.1428571429rem;
  padding-right: 5.1428571429rem;
  width: 100%;
  margin-top: 1.1428571429rem;
}

@media screen and (max-width: 767px) and (min-width: 428px) {
  /* line 170, app/assets/stylesheets/application.css.scss */
  .flash {
    padding-left: 3.4285714286rem;
    padding-right: 3.4285714286rem;
  }
}

@media screen and (max-width: 428px) and (min-width: 0px) {
  /* line 170, app/assets/stylesheets/application.css.scss */
  .flash {
    padding-left: 1.7142857143rem;
    padding-right: 1.7142857143rem;
  }
}

/* line 175, app/assets/stylesheets/application.css.scss */
.flash > div {
  width: 100%;
  text-align: center;
  font-size: 1.1428571429rem;
  line-height: 1.4285714286rem;
  border-radius: 0.4285714286rem;
  padding: 0.5714285714rem 1.1428571429rem;
}

/* line 184, app/assets/stylesheets/application.css.scss */
.flash .error {
  background: rgba(227, 49, 49, 0.2);
  color: #E33131;
}

/* line 190, app/assets/stylesheets/application.css.scss */
ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0.5714285714rem 0;
}

/* line 195, app/assets/stylesheets/application.css.scss */
ul > li {
  margin-bottom: 0.5714285714rem;
}

/* line 198, app/assets/stylesheets/application.css.scss */
ul > li > ul {
  list-style-position: inside;
  list-style-type: circle;
  margin-left: 1.7142857143rem;
}

/* line 203, app/assets/stylesheets/application.css.scss */
ul > li > ul > li {
  margin-bottom: 0.2857142857rem;
}

/* line 206, app/assets/stylesheets/application.css.scss */
ul > li > ul > li:last-child {
  margin-bottom: 1.1428571429rem;
}

/* line 214, app/assets/stylesheets/application.css.scss */
.button.warning {
  background-color: #D69500;
}

/* line 218, app/assets/stylesheets/application.css.scss */
.btcAddress {
  word-break: break-all;
}