@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("https://use.typekit.net/dpo2eva.css");
@import url("https://use.typekit.net/dpo2eva.css");
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  list-style: none;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0);
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
  color: grey;
}
.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}
.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}
.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980ec;
  color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}
meta.foundation-version {
  font-family: "/5.5.3/";
}
meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em;
}
meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width:39.938em)/";
  width: 0em;
}
meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40em)/";
  width: 40em;
}
meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40em) and (max-width:79.938em)/";
  width: 40em;
}
meta.foundation-mq-large {
  font-family: "/only screen and (min-width:80em)/";
  width: 80em;
}
meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:80em) and (max-width:89.938em)/";
  width: 80em;
}
meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90em)/";
  width: 90em;
}
meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90em) and (max-width:119.938em)/";
  width: 90em;
}
meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120em)/";
  width: 120em;
}
meta.foundation-data-attribute-namespace {
  font-family: false;
}
html,
body {
  height: 100%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-size: 100%;
}
body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "museo-sans-rounded", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative;
}
a:hover {
  cursor: pointer;
}
img {
  max-width: 100%;
  height: auto;
}
img {
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.hide {
  display: none;
}
.invisible {
  visibility: hidden;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  display: inline-block;
  vertical-align: middle;
}
textarea {
  height: auto;
  min-height: 50px;
}
select {
  width: 100%;
}
.row {
  margin: 0 auto;
  max-width: 62.5rem;
  width: 100%;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  margin: 0 -1.25rem;
  max-width: none;
  width: auto;
}
.row .row:before,
.row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  margin: 0;
  max-width: none;
  width: auto;
}
.row .row.collapse:before,
.row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}
.column,
.columns {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 100%;
  float: left;
}
.column + .column:last-child,
.column + .columns:last-child,
.columns + .column:last-child,
.columns + .columns:last-child {
  float: right;
}
.column + .column.end,
.column + .columns.end,
.columns + .column.end,
.columns + .columns.end {
  float: left;
}
@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .small-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }
  .small-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }
  .small-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .small-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .small-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .small-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .small-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .small-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .small-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .small-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .small-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .small-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .small-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .small-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .small-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }
  .small-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left;
  }
  .small-1 {
    width: 8.3333333333%;
  }
  .small-2 {
    width: 16.6666666667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.3333333333%;
  }
  .small-5 {
    width: 41.6666666667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.3333333333%;
  }
  .small-8 {
    width: 66.6666666667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.3333333333%;
  }
  .small-11 {
    width: 91.6666666667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-offset-0 {
    margin-left: 0 !important;
  }
  .small-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .small-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .small-offset-3 {
    margin-left: 25% !important;
  }
  .small-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .small-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .small-offset-6 {
    margin-left: 50% !important;
  }
  .small-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .small-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .small-offset-9 {
    margin-left: 75% !important;
  }
  .small-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .small-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none;
  }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left;
  }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right;
  }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left;
  }
}
@media only screen and (min-width: 40em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }
  .medium-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .medium-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .medium-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .medium-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .medium-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .medium-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .medium-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }
  .medium-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left;
  }
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-0 {
    margin-left: 0 !important;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .medium-offset-3 {
    margin-left: 25% !important;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .medium-offset-6 {
    margin-left: 50% !important;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .medium-offset-9 {
    margin-left: 75% !important;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none;
  }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left;
  }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right;
  }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left;
  }
  .push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
}
@media only screen and (min-width: 80em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }
  .large-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .large-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .large-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .large-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .large-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .large-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .large-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }
  .large-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left;
  }
  .large-1 {
    width: 8.3333333333%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-0 {
    margin-left: 0 !important;
  }
  .large-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .large-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .large-offset-3 {
    margin-left: 25% !important;
  }
  .large-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .large-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .large-offset-6 {
    margin-left: 50% !important;
  }
  .large-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .large-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .large-offset-9 {
    margin-left: 75% !important;
  }
  .large-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .large-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none;
  }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right;
  }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left;
  }
  .push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
}
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #008cba;
  border-color: #0078a0;
  color: #ffffff;
}
.alert-box .close {
  right: 0.25rem;
  background: inherit;
  color: #333333;
  font-size: 1.375rem;
  line-height: 0.9;
  margin-top: -0.6875rem;
  opacity: 0.3;
  padding: 0 6px 4px;
  position: absolute;
  top: 50%;
}
.alert-box .close:hover,
.alert-box .close:focus {
  opacity: 0.5;
}
.alert-box.radius {
  border-radius: 3px;
}
.alert-box.round {
  border-radius: 1000px;
}
.alert-box.success {
  background-color: #43ac6a;
  border-color: #3a945b;
  color: #ffffff;
}
.alert-box.alert {
  background-color: #f04124;
  border-color: #de2d0f;
  color: #ffffff;
}
.alert-box.secondary {
  background-color: #e7e7e7;
  border-color: #c7c7c7;
  color: #4f4f4f;
}
.alert-box.warning {
  background-color: #f08a24;
  border-color: #de770f;
  color: #ffffff;
}
.alert-box.info {
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #4f4f4f;
}
.alert-box.alert-close {
  opacity: 0;
}
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}
[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
  content: " ";
  display: table;
}
[class*="block-grid-"]:after {
  clear: both;
}
[class*="block-grid-"] > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 0.625rem 1.25rem;
}
@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.3333333333%;
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.6666666667%;
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.2857142857%;
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.1111111111%;
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.0909090909%;
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.3333333333%;
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 40em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.3333333333%;
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.6666666667%;
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.2857142857%;
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.1111111111%;
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.0909090909%;
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.3333333333%;
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 80em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.3333333333%;
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.6666666667%;
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.2857142857%;
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.1111111111%;
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.0909090909%;
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.3333333333%;
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #ffffff;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px;
}
.f-dropdown.open {
  display: block;
}
.f-dropdown > *:first-child {
  margin-top: 0;
}
.f-dropdown > *:last-child {
  margin-bottom: 0;
}
.f-dropdown:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #ffffff transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -12px;
  left: 10px;
  z-index: 89;
}
.f-dropdown:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #cccccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -14px;
  left: 9px;
  z-index: 88;
}
.f-dropdown.right:before {
  left: auto;
  right: 10px;
}
.f-dropdown.right:after {
  left: auto;
  right: 9px;
}
.f-dropdown.drop-right {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #ffffff;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-left: 2px;
  max-width: 200px;
}
.f-dropdown.drop-right.open {
  display: block;
}
.f-dropdown.drop-right > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-right > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-right:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #ffffff transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 10px;
  left: -12px;
  z-index: 89;
}
.f-dropdown.drop-right:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #cccccc transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 9px;
  left: -14px;
  z-index: 88;
}
.f-dropdown.drop-left {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #ffffff;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-left: -2px;
  max-width: 200px;
}
.f-dropdown.drop-left.open {
  display: block;
}
.f-dropdown.drop-left > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-left > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-left:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #ffffff;
  border-left-style: solid;
  position: absolute;
  top: 10px;
  right: -12px;
  left: auto;
  z-index: 89;
}
.f-dropdown.drop-left:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #cccccc;
  border-left-style: solid;
  position: absolute;
  top: 9px;
  right: -14px;
  left: auto;
  z-index: 88;
}
.f-dropdown.drop-top {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #ffffff;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-left: 0;
  margin-top: -2px;
  max-width: 200px;
}
.f-dropdown.drop-top.open {
  display: block;
}
.f-dropdown.drop-top > *:first-child {
  margin-top: 0;
}
.f-dropdown.drop-top > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.drop-top:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #ffffff transparent transparent transparent;
  border-top-style: solid;
  bottom: -12px;
  position: absolute;
  top: auto;
  left: 10px;
  right: auto;
  z-index: 89;
}
.f-dropdown.drop-top:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #cccccc transparent transparent transparent;
  border-top-style: solid;
  bottom: -14px;
  position: absolute;
  top: auto;
  left: 9px;
  right: auto;
  z-index: 88;
}
.f-dropdown li {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0;
}
.f-dropdown li:hover,
.f-dropdown li:focus {
  background: #eeeeee;
}
.f-dropdown li a {
  display: block;
  padding: 0.5rem;
  color: #555555;
}
.f-dropdown.content {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #ffffff;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  padding: 1.25rem;
  width: 100%;
  z-index: 89;
  max-width: 200px;
}
.f-dropdown.content.open {
  display: block;
}
.f-dropdown.content > *:first-child {
  margin-top: 0;
}
.f-dropdown.content > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.radius {
  border-radius: 3px;
}
.f-dropdown.tiny {
  max-width: 200px;
}
.f-dropdown.small {
  max-width: 300px;
}
.f-dropdown.medium {
  max-width: 500px;
}
.f-dropdown.large {
  max-width: 800px;
}
.f-dropdown.mega {
  width: 100% !important;
  max-width: 100% !important;
}
.f-dropdown.mega.open {
  left: 0 !important;
}
.flex-video {
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625rem;
  position: relative;
}
.flex-video.widescreen {
  padding-bottom: 56.34%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
.icon-bar {
  display: inline-block;
  font-size: 0;
  width: 100%;
  background: #333333;
}
.icon-bar > * {
  display: block;
  float: left;
  font-size: 1rem;
  margin: 0 auto;
  padding: 1.25rem;
  text-align: center;
  width: 25%;
}
.icon-bar > * i,
.icon-bar > * img {
  display: block;
  margin: 0 auto;
}
.icon-bar > * i + label,
.icon-bar > * img + label {
  margin-top: 0.0625rem;
}
.icon-bar > * i {
  font-size: 1.875rem;
  vertical-align: middle;
}
.icon-bar > * img {
  height: 1.875rem;
  width: 1.875rem;
}
.icon-bar.label-right > * i,
.icon-bar.label-right > * img {
  display: inline-block;
  margin: 0 0.0625rem 0 0;
}
.icon-bar.label-right > * i + label,
.icon-bar.label-right > * img + label {
  margin-top: 0;
}
.icon-bar.label-right > * label {
  display: inline-block;
}
.icon-bar.vertical.label-right > * {
  text-align: left;
}
.icon-bar.vertical,
.icon-bar.small-vertical {
  height: 100%;
  width: auto;
}
.icon-bar.vertical .item,
.icon-bar.small-vertical .item {
  float: none;
  margin: auto;
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.medium-vertical {
    height: 100%;
    width: auto;
  }
  .icon-bar.medium-vertical .item {
    float: none;
    margin: auto;
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.large-vertical {
    height: 100%;
    width: auto;
  }
  .icon-bar.large-vertical .item {
    float: none;
    margin: auto;
    width: auto;
  }
}
.icon-bar > * {
  font-size: 1rem;
  padding: 1.25rem;
}
.icon-bar > * i + label,
.icon-bar > * img + label {
  margin-top: 0.0625rem;
  font-size: 1rem;
}
.icon-bar > * i {
  font-size: 1.875rem;
}
.icon-bar > * img {
  height: 1.875rem;
  width: 1.875rem;
}
.icon-bar > * label {
  color: #ffffff;
}
.icon-bar > * i {
  color: #ffffff;
}
.icon-bar > a:hover {
  background: #008cba;
}
.icon-bar > a:hover label {
  color: #ffffff;
}
.icon-bar > a:hover i {
  color: #ffffff;
}
.icon-bar > a.active {
  background: #008cba;
}
.icon-bar > a.active label {
  color: #ffffff;
}
.icon-bar > a.active i {
  color: #ffffff;
}
.icon-bar .item.disabled {
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none;
}
.icon-bar .item.disabled > * {
  opacity: 0.7;
  cursor: not-allowed;
}
.icon-bar.two-up .item {
  width: 50%;
}
.icon-bar.two-up.vertical .item,
.icon-bar.two-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.three-up .item {
  width: 33.3333%;
}
.icon-bar.three-up.vertical .item,
.icon-bar.three-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.four-up .item {
  width: 25%;
}
.icon-bar.four-up.vertical .item,
.icon-bar.four-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.five-up .item {
  width: 20%;
}
.icon-bar.five-up.vertical .item,
.icon-bar.five-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.six-up .item {
  width: 16.66667%;
}
.icon-bar.six-up.vertical .item,
.icon-bar.six-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.seven-up .item {
  width: 14.28571%;
}
.icon-bar.seven-up.vertical .item,
.icon-bar.seven-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.seven-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.seven-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.eight-up .item {
  width: 12.5%;
}
.icon-bar.eight-up.vertical .item,
.icon-bar.eight-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.eight-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.eight-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.two-up .item {
  width: 50%;
}
.icon-bar.two-up.vertical .item,
.icon-bar.two-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.three-up .item {
  width: 33.3333%;
}
.icon-bar.three-up.vertical .item,
.icon-bar.three-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.four-up .item {
  width: 25%;
}
.icon-bar.four-up.vertical .item,
.icon-bar.four-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.five-up .item {
  width: 20%;
}
.icon-bar.five-up.vertical .item,
.icon-bar.five-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.six-up .item {
  width: 16.66667%;
}
.icon-bar.six-up.vertical .item,
.icon-bar.six-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.seven-up .item {
  width: 14.28571%;
}
.icon-bar.seven-up.vertical .item,
.icon-bar.seven-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.seven-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.seven-up.large-vertical .item {
    width: auto;
  }
}
.icon-bar.eight-up .item {
  width: 12.5%;
}
.icon-bar.eight-up.vertical .item,
.icon-bar.eight-up.small-vertical .item {
  width: auto;
}
@media only screen and (min-width: 40em) {
  .icon-bar.eight-up.medium-vertical .item {
    width: auto;
  }
}
@media only screen and (min-width: 80em) {
  .icon-bar.eight-up.large-vertical .item {
    width: auto;
  }
}
.joyride-list {
  display: none;
}
.joyride-tip-guide {
  background: #333333;
  color: #ffffff;
  display: none;
  font-family: inherit;
  font-weight: normal;
  position: absolute;
  top: 0;
  width: 95%;
  z-index: 103;
  left: 2.5%;
}
.lt-ie9 .joyride-tip-guide {
  margin-left: -400px;
  max-width: 800px;
  left: 50%;
}
.joyride-content-wrapper {
  padding: 1.125rem 1.25rem 1.5rem;
  width: 100%;
}
.joyride-content-wrapper .button {
  margin-bottom: 0 !important;
}
.joyride-content-wrapper .joyride-prev-tip {
  margin-right: 10px;
}
.joyride-tip-guide .joyride-nub {
  border: 10px solid #333333;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  left: 22px;
}
.joyride-tip-guide .joyride-nub.top {
  border-color: #333333;
  border-top-color: transparent !important;
  border-top-style: solid;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: -20px;
}
.joyride-tip-guide .joyride-nub.bottom {
  border-color: #333333 !important;
  border-bottom-color: transparent !important;
  border-bottom-style: solid;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  bottom: -20px;
}
.joyride-tip-guide .joyride-nub.right {
  right: -20px;
}
.joyride-tip-guide .joyride-nub.left {
  left: -20px;
}
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  color: #ffffff;
  font-weight: bold;
  line-height: 1.25;
  margin: 0;
}
.joyride-tip-guide p {
  font-size: 0.875rem;
  line-height: 1.3;
  margin: 0 0 1.125rem 0;
}
.joyride-timer-indicator-wrap {
  border: solid 1px #555555;
  bottom: 1rem;
  height: 3px;
  position: absolute;
  width: 50px;
  right: 1.0625rem;
}
.joyride-timer-indicator {
  background: #666666;
  display: block;
  height: inherit;
  width: 0;
}
.joyride-close-tip {
  color: #777777 !important;
  font-size: 24px;
  font-weight: normal;
  line-height: 0.5 !important;
  position: absolute;
  text-decoration: none;
  top: 10px;
  right: 12px;
}
.joyride-close-tip:hover,
.joyride-close-tip:focus {
  color: #eeeeee !important;
}
.joyride-modal-bg {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  left: 0;
}
.joyride-expose-wrapper {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 15px #ffffff;
  position: absolute;
  z-index: 102;
}
.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9999;
}
@media only screen {
  .joyride-tip-guide {
    width: 300px;
    left: inherit;
  }
  .joyride-tip-guide .joyride-nub.bottom {
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px;
  }
  .joyride-tip-guide .joyride-nub.right {
    border-color: #333333 !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
    left: auto;
    right: -20px;
    top: 22px;
  }
  .joyride-tip-guide .joyride-nub.left {
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    left: -20px;
    right: auto;
    top: 22px;
  }
}
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333;
}
.panel > :first-child {
  margin-top: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p,
.panel li,
.panel dl {
  color: #333333;
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}
.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
  line-height: 1.4;
}
.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #ecfaff;
  color: #333333;
}
.panel.callout > :first-child {
  margin-top: 0;
}
.panel.callout > :last-child {
  margin-bottom: 0;
}
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout p,
.panel.callout li,
.panel.callout dl {
  color: #333333;
}
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}
.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
  line-height: 1.4;
}
.panel.callout a:not(.button) {
  color: #008cba;
}
.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
  color: #0078a0;
}
.panel.radius {
  border-radius: 3px;
}
.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0;
}
.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #ffffff;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 39.938em) {
  .reveal-modal {
    min-height: 100vh;
  }
}
.reveal-modal .column,
.reveal-modal .columns {
  min-width: 0;
}
.reveal-modal > :first-child {
  margin-top: 0;
}
.reveal-modal > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 40em) {
  .reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 80%;
  }
}
@media only screen and (min-width: 40em) {
  .reveal-modal {
    top: 6.25rem;
  }
}
.reveal-modal.radius {
  box-shadow: none;
  border-radius: 3px;
}
.reveal-modal.round {
  box-shadow: none;
  border-radius: 1000px;
}
.reveal-modal.collapse {
  padding: 0;
  box-shadow: none;
}
@media only screen and (min-width: 40em) {
  .reveal-modal.tiny {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 30%;
  }
}
@media only screen and (min-width: 40em) {
  .reveal-modal.small {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 40%;
  }
}
@media only screen and (min-width: 40em) {
  .reveal-modal.medium {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 60%;
  }
}
@media only screen and (min-width: 40em) {
  .reveal-modal.large {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 70%;
  }
}
@media only screen and (min-width: 40em) {
  .reveal-modal.xlarge {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 95%;
  }
}
.reveal-modal.full {
  height: 100vh;
  height: 100%;
  left: 0;
  margin-left: 0 !important;
  max-width: none !important;
  min-height: 100vh;
  top: 0;
}
@media only screen and (min-width: 40em) {
  .reveal-modal.full {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 100%;
  }
}
.reveal-modal.toback {
  z-index: 1003;
}
.reveal-modal .close-reveal-modal {
  color: #aaaaaa;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0.625rem;
  right: 1.375rem;
}
.tabs {
  margin-bottom: 0 !important;
  margin-left: 0;
}
.tabs:before,
.tabs:after {
  content: " ";
  display: table;
}
.tabs:after {
  clear: both;
}
.tabs dd,
.tabs .tab-title {
  float: left;
  list-style: none;
  margin-bottom: 0 !important;
  position: relative;
}
.tabs dd > a,
.tabs .tab-title > a {
  display: block;
  background-color: #efefef;
  color: #222222;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 1rem;
  padding: 1rem 2rem;
}
.tabs dd > a:hover,
.tabs .tab-title > a:hover {
  background-color: #e1e1e1;
}
.tabs dd.active > a,
.tabs .tab-title.active > a {
  background-color: #ffffff;
  color: #222222;
}
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.tabs.vertical dd,
.tabs.vertical .tab-title {
  position: inherit;
  float: none;
  display: block;
  top: auto;
}
.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%;
}
.tabs-content:before,
.tabs-content:after {
  content: " ";
  display: table;
}
.tabs-content:after {
  clear: both;
}
.tabs-content > .content {
  display: none;
  float: left;
  padding: 1.25rem 0;
  width: 100%;
}
.tabs-content > .content.active {
  display: block;
  float: none;
}
.tabs-content > .content.contained {
  padding: 1.25rem;
}
.tabs-content.vertical {
  display: block;
}
.tabs-content.vertical > .content {
  padding: 0 1.25rem;
}
@media only screen and (min-width: 40em) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%;
  }
  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%;
  }
}
.no-js .tabs-content > .content {
  display: block;
  float: none;
}
.has-tip {
  border-bottom: dotted 1px #cccccc;
  color: #333333;
  cursor: help;
  font-weight: bold;
}
.has-tip:hover,
.has-tip:focus {
  border-bottom: dotted 1px #003f54;
  color: #008cba;
}
.has-tip.tip-left,
.has-tip.tip-right {
  float: none !important;
}
.tooltip {
  background: #333333;
  color: #ffffff;
  display: none;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.3;
  max-width: 300px;
  padding: 0.75rem;
  position: absolute;
  width: 100%;
  z-index: 1006;
  left: 50%;
}
.tooltip > .nub {
  border: solid 5px;
  border-color: transparent transparent #333333 transparent;
  display: block;
  height: 0;
  pointer-events: none;
  position: absolute;
  top: -10px;
  width: 0;
  left: 5px;
}
.tooltip > .nub.rtl {
  left: auto;
  right: 5px;
}
.tooltip.radius {
  border-radius: 3px;
}
.tooltip.round {
  border-radius: 1000px;
}
.tooltip.round > .nub {
  left: 2rem;
}
.tooltip.opened {
  border-bottom: dotted 1px #003f54 !important;
  color: #008cba !important;
}
.tap-to-close {
  color: #777777;
  display: block;
  font-size: 0.625rem;
  font-weight: normal;
}
@media only screen {
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px;
  }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    bottom: -10px;
    top: auto;
  }
  .tooltip.tip-left,
  .tooltip.tip-right {
    float: none !important;
  }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333333;
    left: auto;
    margin-top: -5px;
    right: -10px;
    top: 50%;
  }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    left: -10px;
    margin-top: -5px;
    right: auto;
    top: 50%;
  }
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
@media only screen and (max-width: 39.938em) {
  .small-only-text-left {
    text-align: left !important;
  }
  .small-only-text-right {
    text-align: right !important;
  }
  .small-only-text-center {
    text-align: center !important;
  }
  .small-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen {
  .small-text-left {
    text-align: left !important;
  }
  .small-text-right {
    text-align: right !important;
  }
  .small-text-center {
    text-align: center !important;
  }
  .small-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  .medium-only-text-left {
    text-align: left !important;
  }
  .medium-only-text-right {
    text-align: right !important;
  }
  .medium-only-text-center {
    text-align: center !important;
  }
  .medium-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left !important;
  }
  .medium-text-right {
    text-align: right !important;
  }
  .medium-text-center {
    text-align: center !important;
  }
  .medium-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 80em) and (max-width: 89.938em) {
  .large-only-text-left {
    text-align: left !important;
  }
  .large-only-text-right {
    text-align: right !important;
  }
  .large-only-text-center {
    text-align: center !important;
  }
  .large-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 80em) {
  .large-text-left {
    text-align: left !important;
  }
  .large-text-right {
    text-align: right !important;
  }
  .large-text-center {
    text-align: center !important;
  }
  .large-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90em) and (max-width: 119.938em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }
  .xlarge-only-text-right {
    text-align: right !important;
  }
  .xlarge-only-text-center {
    text-align: center !important;
  }
  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90em) {
  .xlarge-text-left {
    text-align: left !important;
  }
  .xlarge-text-right {
    text-align: right !important;
  }
  .xlarge-text-center {
    text-align: center !important;
  }
  .xlarge-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120em) and (max-width: 999999999999) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }
  .xxlarge-only-text-right {
    text-align: right !important;
  }
  .xxlarge-only-text-center {
    text-align: center !important;
  }
  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120em) {
  .xxlarge-text-left {
    text-align: left !important;
  }
  .xxlarge-text-right {
    text-align: right !important;
  }
  .xxlarge-text-center {
    text-align: center !important;
  }
  .xxlarge-text-justify {
    text-align: justify !important;
  }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
a {
  color: #008cba;
  line-height: inherit;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #0078a0;
}
a img {
  border: none;
}
p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}
p.lead {
  font-size: 1.21875rem;
  line-height: 1.6;
}
p aside {
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1.35;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222222;
  font-family: "museo-sans-rounded", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #6f6f6f;
  font-size: 60%;
  line-height: 0;
}
h1 {
  font-size: 2.125rem;
}
h2 {
  font-size: 1.6875rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.125rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}
hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem;
}
em,
i {
  font-style: italic;
  line-height: inherit;
}
strong,
b {
  font-weight: bold;
  line-height: inherit;
}
small {
  font-size: 60%;
  line-height: inherit;
}
code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
ul,
ol,
dl {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem;
}
ul {
  margin-left: 1.1rem;
}
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
ul.square li ul,
ul.circle li ul,
ul.disc li ul {
  list-style: inherit;
}
ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}
ol {
  margin-left: 1.4rem;
}
ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
.no-bullet {
  list-style-type: none;
  margin-left: 0;
}
.no-bullet li ul,
.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.75rem;
}
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help;
}
abbr {
  text-transform: none;
}
abbr[title] {
  border-bottom: 1px dotted #dddddd;
}
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #dddddd;
}
blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #555555;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
  color: #555555;
}
blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f;
}
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #dddddd;
  padding: 0.625rem 0.75rem;
}
.vcard li {
  margin: 0;
  display: block;
}
.vcard .fn {
  font-weight: bold;
  font-size: 0.9375rem;
}
.vevent .summary {
  font-weight: bold;
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem;
}
@media only screen and (min-width: 40em) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.4;
  }
  h1 {
    font-size: 2.75rem;
  }
  h2 {
    font-size: 2.3125rem;
  }
  h3 {
    font-size: 1.6875rem;
  }
  h4 {
    font-size: 1.4375rem;
  }
  h5 {
    font-size: 1.125rem;
  }
  h6 {
    font-size: 1rem;
  }
}
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.34in;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left,
.off-canvas-wrap.move-bottom,
.off-canvas-wrap.move-top {
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
}
.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.inner-wrap:before,
.inner-wrap:after {
  content: " ";
  display: table;
}
.inner-wrap:after {
  clear: both;
}
.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: #ffffff;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
}
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
  color: #ffffff;
  font-weight: bold;
  line-height: 2.8125rem;
  margin: 0;
}
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
  font-size: 1.125rem;
}
.left-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-right: solid 1px #1a1a1a;
  left: 0;
}
.right-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-left: solid 1px #1a1a1a;
  right: 0;
}
.tab-bar-section {
  height: 2.8125rem;
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  top: 0;
}
.tab-bar-section.left {
  text-align: left;
}
.tab-bar-section.right {
  text-align: right;
}
.tab-bar-section.left {
  left: 0;
  right: 2.8125rem;
}
.tab-bar-section.right {
  left: 2.8125rem;
  right: 0;
}
.tab-bar-section.middle {
  left: 2.8125rem;
  right: 2.8125rem;
}
.tab-bar .menu-icon {
  color: #ffffff;
  display: block;
  height: 2.8125rem;
  padding: 0;
  position: relative;
  text-indent: 2.1875rem;
  transform: translate3d(0, 0, 0);
  width: 2.8125rem;
}
.tab-bar .menu-icon span::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: 0.90625rem;
  box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
  width: 1rem;
}
.tab-bar .menu-icon span:hover:after {
  box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}
.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 23.75rem;
  z-index: 1001;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  top: 0;
}
.left-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}
.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 23.75rem;
  z-index: 1001;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  top: 0;
}
.right-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}
.top-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 23.75rem;
  z-index: 1001;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate(0, -100%);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  height: 18.75rem;
}
.top-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}
.bottom-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 23.75rem;
  z-index: 1001;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate(0, 100%);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  height: 18.75rem;
}
.bottom-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}
ul.off-canvas-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.off-canvas-list li label {
  background: #444444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  margin: 0;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
}
ul.off-canvas-list li a {
  border-bottom: 1px solid #262626;
  color: rgba(255, 255, 255, 0.7);
  display: block;
  padding: 0.6666666667rem;
  transition: background 300ms ease;
}
ul.off-canvas-list li a:hover {
  background: #242424;
}
ul.off-canvas-list li a:active {
  background: #242424;
}
.move-right > .inner-wrap {
  -webkit-transform: translate3d(23.75rem, 0, 0);
  -moz-transform: translate3d(23.75rem, 0, 0);
  -ms-transform: translate(23.75rem, 0);
  -o-transform: translate3d(23.75rem, 0, 0);
  transform: translate3d(23.75rem, 0, 0);
}
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .move-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.move-left > .inner-wrap {
  -webkit-transform: translate3d(-23.75rem, 0, 0);
  -moz-transform: translate3d(-23.75rem, 0, 0);
  -ms-transform: translate(-23.75rem, 0);
  -o-transform: translate3d(-23.75rem, 0, 0);
  transform: translate3d(-23.75rem, 0, 0);
}
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.move-top > .inner-wrap {
  -webkit-transform: translate3d(0, -18.75rem, 0);
  -moz-transform: translate3d(0, -18.75rem, 0);
  -ms-transform: translate(0, -18.75rem);
  -o-transform: translate3d(0, -18.75rem, 0);
  transform: translate3d(0, -18.75rem, 0);
}
.move-top .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .move-top .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.move-bottom > .inner-wrap {
  -webkit-transform: translate3d(0, 18.75rem, 0);
  -moz-transform: translate3d(0, 18.75rem, 0);
  -ms-transform: translate(0, 18.75rem);
  -o-transform: translate3d(0, 18.75rem, 0);
  transform: translate3d(0, 18.75rem, 0);
}
.move-bottom .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .move-bottom .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu,
.offcanvas-overlap .bottom-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .offcanvas-overlap .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}
.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .offcanvas-overlap-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}
.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .offcanvas-overlap-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.offcanvas-overlap-top .bottom-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}
.offcanvas-overlap-top .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .offcanvas-overlap-top .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.offcanvas-overlap-bottom .top-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}
.offcanvas-overlap-bottom .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 40em) {
  .offcanvas-overlap-bottom .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.no-csstransforms .left-off-canvas-menu {
  left: -23.75rem;
}
.no-csstransforms .right-off-canvas-menu {
  right: -23.75rem;
}
.no-csstransforms .top-off-canvas-menu {
  top: -18.75rem;
}
.no-csstransforms .bottom-off-canvas-menu {
  bottom: -18.75rem;
}
.no-csstransforms .move-left > .inner-wrap {
  right: 23.75rem;
}
.no-csstransforms .move-right > .inner-wrap {
  left: 23.75rem;
}
.no-csstransforms .move-top > .inner-wrap {
  right: 18.75rem;
}
.no-csstransforms .move-bottom > .inner-wrap {
  left: 18.75rem;
}
.left-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 23.75rem;
  height: 18.75rem;
  z-index: 1002;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.left-submenu * {
  -webkit-backface-visibility: hidden;
}
.left-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
  margin: 0;
}
.left-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}
.left-submenu .back > a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline;
}
.left-submenu.move-right,
.left-submenu.offcanvas-overlap-right,
.left-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.right-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 23.75rem;
  height: 18.75rem;
  z-index: 1002;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.right-submenu * {
  -webkit-backface-visibility: hidden;
}
.right-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
  margin: 0;
}
.right-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}
.right-submenu .back > a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline;
}
.right-submenu.move-left,
.right-submenu.offcanvas-overlap-left,
.right-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.top-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 23.75rem;
  height: 18.75rem;
  z-index: 1002;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate(0, -100%);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.top-submenu * {
  -webkit-backface-visibility: hidden;
}
.top-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
  margin: 0;
}
.top-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}
.top-submenu.move-bottom,
.top-submenu.offcanvas-overlap-bottom,
.top-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0, 0%, 0);
  -moz-transform: translate3d(0, 0%, 0);
  -ms-transform: translate(0, 0%);
  -o-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.bottom-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 23.75rem;
  height: 18.75rem;
  z-index: 1002;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate(0, 100%);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}
.bottom-submenu * {
  -webkit-backface-visibility: hidden;
}
.bottom-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
  margin: 0;
}
.bottom-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}
.bottom-submenu.move-top,
.bottom-submenu.offcanvas-overlap-top,
.bottom-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0, 0%, 0);
  -moz-transform: translate3d(0, 0%, 0);
  -ms-transform: translate(0, 0%);
  -o-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline;
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline;
}
@media only screen {
  .show-for-small-only,
  .show-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }
  .hide-for-small-only,
  .hide-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }
  .visible-for-small-only,
  .visible-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .hidden-for-small-only,
  .hidden-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.show-for-small-only,
  table.show-for-small-up,
  table.show-for-small,
  table.show-for-small-down,
  table.hide-for-medium-only,
  table.hide-for-medium-up,
  table.hide-for-medium,
  table.show-for-medium-down,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.show-for-small-only,
  thead.show-for-small-up,
  thead.show-for-small,
  thead.show-for-small-down,
  thead.hide-for-medium-only,
  thead.hide-for-medium-up,
  thead.hide-for-medium,
  thead.show-for-medium-down,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.show-for-small-only,
  tbody.show-for-small-up,
  tbody.show-for-small,
  tbody.show-for-small-down,
  tbody.hide-for-medium-only,
  tbody.hide-for-medium-up,
  tbody.hide-for-medium,
  tbody.show-for-medium-down,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.show-for-small-only,
  tr.show-for-small-up,
  tr.show-for-small,
  tr.show-for-small-down,
  tr.hide-for-medium-only,
  tr.hide-for-medium-up,
  tr.hide-for-medium,
  tr.show-for-medium-down,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.show-for-small-only,
  td.show-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.show-for-small,
  td.show-for-small,
  th.show-for-small-down,
  td.show-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.hide-for-medium-up,
  td.hide-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.show-for-medium-down,
  td.show-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 40em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.show-for-medium-only,
  table.show-for-medium-up,
  table.show-for-medium,
  table.show-for-medium-down,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.show-for-medium-only,
  thead.show-for-medium-up,
  thead.show-for-medium,
  thead.show-for-medium-down,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.show-for-medium-only,
  tbody.show-for-medium-up,
  tbody.show-for-medium,
  tbody.show-for-medium-down,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.show-for-medium-only,
  tr.show-for-medium-up,
  tr.show-for-medium,
  tr.show-for-medium-down,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.show-for-medium-only,
  td.show-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.show-for-medium,
  td.show-for-medium,
  th.show-for-medium-down,
  td.show-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 80em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.show-for-large-only,
  table.show-for-large-up,
  table.show-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.show-for-large-only,
  thead.show-for-large-up,
  thead.show-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.show-for-large-only,
  tbody.show-for-large-up,
  tbody.show-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.show-for-large-only,
  tr.show-for-large-up,
  tr.show-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.show-for-large-only,
  td.show-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.show-for-large,
  td.show-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 90em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.hide-for-large,
  table.hide-for-large-down,
  table.show-for-xlarge-only,
  table.show-for-xlarge-up,
  table.show-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-large,
  thead.hide-for-large-down,
  thead.show-for-xlarge-only,
  thead.show-for-xlarge-up,
  thead.show-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-large,
  tbody.hide-for-large-down,
  tbody.show-for-xlarge-only,
  tbody.show-for-xlarge-up,
  tbody.show-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-large,
  tr.hide-for-large-down,
  tr.show-for-xlarge-only,
  tr.show-for-xlarge-up,
  tr.show-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.hide-for-large-down,
  td.hide-for-large-down,
  th.show-for-xlarge-only,
  td.show-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up,
  th.show-for-xlarge,
  td.show-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 120em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .hide-for-xlarge-only,
  .show-for-xlarge-up,
  .hide-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .show-for-xlarge-only,
  .hide-for-xlarge-up,
  .show-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .hidden-for-xlarge-only,
  .visible-for-xlarge-up,
  .hidden-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .visible-for-xlarge-only,
  .hidden-for-xlarge-up,
  .visible-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.hide-for-large,
  table.hide-for-large-down,
  table.hide-for-xlarge-only,
  table.show-for-xlarge-up,
  table.hide-for-xlarge,
  table.hide-for-xlarge-down,
  table.show-for-xxlarge-only,
  table.show-for-xxlarge-up,
  table.show-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-large,
  thead.hide-for-large-down,
  thead.hide-for-xlarge-only,
  thead.show-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.hide-for-xlarge-down,
  thead.show-for-xxlarge-only,
  thead.show-for-xxlarge-up,
  thead.show-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-large,
  tbody.hide-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.show-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.hide-for-xlarge-down,
  tbody.show-for-xxlarge-only,
  tbody.show-for-xxlarge-up,
  tbody.show-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-large,
  tr.hide-for-large-down,
  tr.hide-for-xlarge-only,
  tr.show-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.hide-for-xlarge-down,
  tr.show-for-xxlarge-only,
  tr.show-for-xxlarge-up,
  tr.show-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.hide-for-large-down,
  td.hide-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.hide-for-xlarge-down,
  td.hide-for-xlarge-down,
  th.show-for-xxlarge-only,
  td.show-for-xxlarge-only,
  th.show-for-xxlarge-up,
  td.show-for-xxlarge-up,
  th.show-for-xxlarge,
  td.show-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
table.hide-for-landscape,
table.show-for-portrait {
  display: table !important;
}
thead.hide-for-landscape,
thead.show-for-portrait {
  display: table-header-group !important;
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
  display: table-row-group !important;
}
tr.hide-for-landscape,
tr.show-for-portrait {
  display: table-row !important;
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}
@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
  table.show-for-landscape,
  table.hide-for-portrait {
    display: table !important;
  }
  thead.show-for-landscape,
  thead.hide-for-portrait {
    display: table-header-group !important;
  }
  tbody.show-for-landscape,
  tbody.hide-for-portrait {
    display: table-row-group !important;
  }
  tr.show-for-landscape,
  tr.hide-for-portrait {
    display: table-row !important;
  }
  td.show-for-landscape,
  td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
  table.show-for-portrait,
  table.hide-for-landscape {
    display: table !important;
  }
  thead.show-for-portrait,
  thead.hide-for-landscape {
    display: table-header-group !important;
  }
  tbody.show-for-portrait,
  tbody.hide-for-landscape {
    display: table-row-group !important;
  }
  tr.show-for-portrait,
  tr.hide-for-landscape {
    display: table-row !important;
  }
  td.show-for-portrait,
  td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}
.show-for-touch {
  display: none !important;
}
.hide-for-touch {
  display: inherit !important;
}
.touch .show-for-touch {
  display: inherit !important;
}
.touch .hide-for-touch {
  display: none !important;
}
table.hide-for-touch {
  display: table !important;
}
.touch table.show-for-touch {
  display: table !important;
}
thead.hide-for-touch {
  display: table-header-group !important;
}
.touch thead.show-for-touch {
  display: table-header-group !important;
}
tbody.hide-for-touch {
  display: table-row-group !important;
}
.touch tbody.show-for-touch {
  display: table-row-group !important;
}
tr.hide-for-touch {
  display: table-row !important;
}
.touch tr.show-for-touch {
  display: table-row !important;
}
td.hide-for-touch {
  display: table-cell !important;
}
.touch td.show-for-touch {
  display: table-cell !important;
}
th.hide-for-touch {
  display: table-cell !important;
}
.touch th.show-for-touch {
  display: table-cell !important;
}
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.show-on-focus:focus,
.show-on-focus:active {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}
.print-only,
.show-for-print {
  display: none !important;
}
@media print {
  .print-only,
  .show-for-print {
    display: block !important;
  }
  .hide-on-print,
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
}
@font-face {
  font-family: "lg";
  src: url(//assets.beanstack-cdn.com/assets/lg-608afacf457a4af850151d0cf6b031c18b36b35fc739d508132169dc187fa1c4.eot);
  src: url(//assets.beanstack-cdn.com/assets/lg-608afacf457a4af850151d0cf6b031c18b36b35fc739d508132169dc187fa1c4.eot)
      format("embedded-opentype"),
    url(//assets.beanstack-cdn.com/assets/lg-c38854ba3bf0743b2b3f5d7fa44c0b1b38e59ac5965f31faf67394ad9eb84f36.woff)
      format("woff"),
    url(//assets.beanstack-cdn.com/assets/lg-cc21e969c67d92be37e6815f24bd77d9903a78659406a43f8ca194e350cb1338.ttf)
      format("truetype"),
    url(//assets.beanstack-cdn.com/assets/lg-69e9be5838e0a26317fc954e77e36d22aa5e53a0dcaa129b3248e4954eccea67.svg)
      format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: "lg";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #fff;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  z-index: 1080;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}
.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #eee;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
  -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
  -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
  transition: transform 250ms ease 0s, opacity 250ms !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item.lg-complete
  .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0d0a0a;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #fff;
}
.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(//assets.beanstack-cdn.com/assets/vimeo-play-2d094ae3f32e296935772687b52778626cd8639d14fe3868e77738ba88a880ff.png)
    no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(//assets.beanstack-cdn.com/assets/vimeo-play-2d094ae3f32e296935772687b52778626cd8639d14fe3868e77738ba88a880ff.png)
    no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent
    url(//assets.beanstack-cdn.com/assets/video-play-33977ac9370e8917ce96d2a73830891e036c9ab199be5addd7b2b7fac3624179.png)
    no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url(//assets.beanstack-cdn.com/assets/youtube-play-be62389b7c19756836ce3d3824c06f97c3af044de0953a7791dde78e7b83e128.png)
    no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(//assets.beanstack-cdn.com/assets/youtube-play-be62389b7c19756836ce3d3824c06f97c3af044de0953a7791dde78e7b83e128.png)
    no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}
.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -moz-transition: -moz-transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#lg-zoom-in:after {
  content: "\e311";
}
#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}
#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}
.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}
.group {
  *zoom: 1;
}
.group:before,
.group:after {
  display: table;
  content: "";
  line-height: 0;
}
.group:after {
  clear: both;
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url(//assets.beanstack-cdn.com/assets/lg-loading-09b6c9ed288c961bf6f196d777294a974698ce759d1689547e5b87098f0702b2.gif)
    no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: static;
  padding: 0 5px;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
input,
textarea,
button,
select,
label,
a,
#bnstk-hamburger,
.bnstk-close {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.touch-hover {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.hide {
  display: none;
}
.invisible {
  visibility: hidden;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.no-float {
  float: none;
}
.row.full-width {
  max-width: 100%;
  padding: 0 1rem;
}
.row.full-width.no-padding {
  padding: 0;
}
ul {
  margin-left: 0;
}
ul.no-bullets {
  list-style-type: none;
  margin-left: 0;
}
ul li ul {
  margin-left: 0;
}
.has-tip {
  border-bottom: none;
}
.has-tip:hover {
  border-bottom: none;
}
.disabled {
  opacity: 0.54;
  filter: alpha(opacity=54);
}
.hidden {
  display: none !important;
}
*:focus {
  outline: 1px dotted #424242;
}
*:focus:hover,
*:focus:active {
  outline: none !important;
}
*:hover,
*:active {
  outline: none !important;
}
#skip-to-content a {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip-to-content a:focus {
  background-color: #326ece;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  padding: 0.325rem;
  position: fixed;
  left: 45%;
  width: auto;
  height: auto;
  top: 0;
  z-index: 9999999;
}
.bold {
  font-weight: 700;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.subhead {
  font-size: 24px;
  line-height: 1.25;
}
body {
  font-family: "museo-sans-rounded", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #424242;
  font-weight: 700;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
  color: #424242;
  margin-top: 0;
}
.h1,
h1 {
  font-size: 30px;
  color: #424242;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
.h2,
h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #424242;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 80em) {
  .h2,
  h2 {
    font-size: 24px;
    line-height: 1.25;
  }
}
.h3,
h3 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  color: #424242;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.h4,
h4 {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.h5,
h5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  color: #757575;
}
p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
p.colored-bg {
  font-size: 24px;
  line-height: 1.25;
  color: #ffffff;
}
p.subheader {
  color: #424242;
  margin: 0 0 1.5rem;
}
a {
  color: #326ece;
  word-wrap: break-word;
}
a:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
  text-decoration: underline;
  color: #2c63ba;
}
a:active {
  color: #2858a5;
}
a:focus {
  color: #326ece;
}
@media only screen and (min-width: 80em) {
  .non-srp-h1 {
    color: #ffffff;
  }
}
.buttons-wrap.non-srp .button {
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .buttons-wrap.non-srp .button {
    margin: 0 0.3125rem;
  }
}
header.with-subheader {
  margin-bottom: 0;
  padding-bottom: 0;
}
header.with-subheader p {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
header.with-subheader.index-title p {
  margin-bottom: 1.25rem;
}
header.with-subheader.with-toggler p {
  margin-bottom: 1.25rem;
}
header.index-title {
  text-align: center;
}
header.with-buttons {
  margin-bottom: 2.5rem;
  padding-bottom: 0;
}
header.with-buttons h1 {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  header.with-buttons h1 {
    margin-bottom: 1.875rem;
  }
}
header.with-buttons.grid-index-title {
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 40em) {
  header.with-buttons.grid-index-title {
    margin-bottom: 3.75rem;
  }
}
@media only screen and (min-width: 80em) {
  header.with-buttons.grid-index-title {
    margin-bottom: 5rem;
  }
}
header.with-reader-buttons {
  margin-bottom: 1.25rem;
  padding-bottom: 0;
}
header.with-reader-buttons:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 40em) {
  header.with-reader-buttons {
    margin-bottom: 2.5rem;
  }
}
header.with-reader-buttons .button,
header.with-reader-buttons h1 {
  display: inline-block;
  margin-bottom: 0;
}
header.with-reader-buttons h1 {
  display: block;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 40em) {
  header.with-reader-buttons h1 {
    display: inline-block;
    margin: 0 1.25rem 0 0;
  }
}
header.with-reader-buttons h1 + .button {
  float: left;
}
@media only screen and (min-width: 40em) {
  header.with-reader-buttons h1 + .button {
    float: none;
  }
}
header.with-reader-buttons + header h1 {
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  border-top: 1px solid #e0e0e0;
  padding-top: 2.5rem;
}
header.with-reader-buttons .button {
  float: right;
  width: 49%;
}
@media only screen and (min-width: 40em) {
  header.with-reader-buttons .button {
    position: relative;
    float: none;
    top: -7px;
    width: auto;
  }
}
header.with-stats h1 {
  margin-bottom: 0.625rem;
}
header.with-paging {
  position: relative;
}
header.with-paging h2 {
  position: relative;
  display: inline-block;
  margin: 0;
  top: 8px;
}
header.with-divide {
  text-align: center;
}
header.with-divide h1 {
  margin: 0;
}
header.with-divide h1 + p {
  margin-top: 1.25rem;
}
header.with-divide .divide {
  background: #326ece;
  height: 12px;
  margin: 2.5rem auto 3rem;
  width: 2.5rem;
}
header.with-top-border {
  border-top: 1px solid #e0e0e0;
  margin-top: 1.875rem;
  padding-top: 1.875rem;
}
header.no-buttons {
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 40em) {
  header.no-buttons {
    margin-bottom: 3.75rem;
  }
}
@media only screen and (min-width: 40em) {
  .blank-slate {
    margin-bottom: 2.5rem;
  }
}
.clean-list .title {
  font-weight: 700;
  display: block;
}
.clean-list .subtitle {
  font-weight: 700;
  color: #a3a3a3;
  margin-bottom: 0.625rem;
}
ol.pretty-numbers {
  margin: 0;
}
ol.pretty-numbers li {
  counter-increment: list;
  line-height: 1;
  margin-bottom: 1.25rem;
  margin-left: 37px;
  text-indent: -37px;
}
ol.pretty-numbers li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
ol.pretty-numbers li:before {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  display: inline-block;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #326ece;
  color: #ffffff;
  content: counter(list);
  height: 27px;
  line-height: 27px;
  margin-right: 7px;
  padding-left: 0;
  text-indent: 10px;
  width: 27px;
}
aside.tip {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  background: #ffffff;
  border-left: 4px solid #e0e0e0;
  margin: 0.875rem 0 1rem;
  padding: 12px 16px;
}
footer {
  font-size: 14px;
  line-height: 1.4;
}
footer .logo:hover {
  text-decoration: none;
}
.grid-index-title {
  text-align: center;
  padding-bottom: 3.75rem;
}
.grid-index-title h1 {
  margin: 0;
}
.ordered-list {
  counter-reset: ordered-list-counter;
  margin: 0;
}
.ordered-list dt {
  font-size: 24px;
  line-height: 1.25;
  position: relative;
  margin-bottom: 1rem;
  padding-left: 3rem;
}
.ordered-list dt:before {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #326ece;
  color: #ffffff;
  content: counter(ordered-list-counter);
  counter-increment: ordered-list-counter;
  left: 0;
  padding: 4px 12px;
  top: 0;
}
.ordered-list dd {
  margin-bottom: 1.25rem;
  padding-left: 3rem;
}
.ordered-list dd input[type="radio"] {
  cursor: pointer;
  margin-bottom: 0.625rem;
}
.ordered-list dd label {
  font-weight: normal;
  color: #424242;
}
.ordered-list dd label:hover {
  color: #757575;
}
.warning-link {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #e85648;
}
.warning-link:hover {
  color: #e54131;
}
.warning-link:active {
  color: #e12d1c;
}
.warning-link:focus {
  color: #e85648;
}
.filters .h3,
.filters h3 {
  font-size: 24px;
  line-height: 1.25;
  margin: 0;
  padding: 20px;
}
.filters .h5,
.filters h5 {
  margin-bottom: 1.25rem;
}
.field-asterisk {
  color: #e85648;
  display: inline-block !important;
}
.numbered-list dt {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: normal;
}
.possessive:after {
  content: "'s";
  margin-left: -3px;
}
.mfp-content h1 {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
}
@media only screen and (min-width: 80em) {
  .mfp-content h1 {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
  }
}
#home .masthead {
  position: relative;
}
#home .masthead .heading {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  color: #424242;
  padding: 0 1.25rem;
}
@media only screen and (min-width: 40em) {
  #home .masthead .heading {
    letter-spacing: -0.03em;
    font-size: 54px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 80em) {
  #home .masthead .heading {
    letter-spacing: -0.03em;
    font-size: 72px;
    line-height: 1.2;
    color: #ffffff;
  }
}
#home .intro-wrap p {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  #home .intro-wrap p {
    font-size: 24px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 40em) {
  #home .intro-wrap p span {
    display: block;
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
    color: #757575;
    letter-spacing: normal;
    margin-bottom: 4px;
  }
}
#home .features-wrap h2 {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  color: #ffffff;
  margin: 1.25rem 0 0.625rem;
}
#home .features-wrap p {
  color: #ffffff;
  margin: 0 auto;
}
@media only screen and (min-width: 90em) {
  #home .features-wrap p {
    width: 66%;
  }
}
@media only screen and (min-width: 120em) {
  #home .features-wrap p {
    width: 50%;
  }
}
.sign-in h1 {
  margin-bottom: 1.25rem;
}
#wish-list-form .title:after,
#wish-list-form .title:before {
  content: '"';
}
#modal-title {
  font-weight: normal;
}
#modal-title.wish-list {
  font-size: 24px;
  line-height: 1.25;
}
#book-logger-form #logged-book-date-multi label,
#book-logger-form #logged_book_date_read_input label,
#book-logger-form #profile_library_branch_id_input label,
#book-logger-form #profile_library_partner_id_input label,
#book-logger-form #profile_library_school_id_input label {
  display: none;
}
#profile-switcher {
  text-align: center;
}
#profile-switcher .profile-switcher-list {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
}
#profile-switcher .profile-switcher-list li {
  display: inline-block;
}
.no-reader {
  text-align: center;
  max-width: 600px !important;
}
.no-reader .section-header header {
  float: none;
}
.no-reader h1 {
  text-align: center;
}
.stats-list .log-type {
  font-weight: 700;
}
.stats-list .with-icon {
  position: relative;
  top: -2px;
}
.badge-wrap .badge-title {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0.3125rem;
}
.badges-earned {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.link-list {
  font-weight: 700;
}
.wrong-cover-link {
  display: inline-block;
  margin-top: 0.625rem;
}
.profile-grid-item-date {
  font-weight: 700;
  display: block;
  color: #a3a3a3;
  margin-bottom: 1.25rem;
}
.item-category {
  margin-bottom: 0.375rem;
  line-height: 1.25;
  display: inline-block;
  font-weight: 700;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.item-title {
  text-transform: capitalize;
  margin: 0;
}
.item-title + p {
  margin: 1.875rem 0 0;
}
.list-item-title {
  text-transform: capitalize;
  margin: 0;
  top: 0;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 4px;
}
@media screen and (min-width: 540px) {
  .list-item-title {
    font-size: 1.375rem;
  }
}
.grid-item .list-item-title {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #424242;
  margin-top: 1.25rem;
}
.grid-item .list-item-title:hover {
  text-decoration: none;
}
.grid-item .wish-list-button {
  display: inline-flex;
  margin-top: 1.25rem;
}
.grid-item .wish-list-button + .list-item-title {
  display: block;
  margin-top: 1.25rem;
}
.grid-item .log-button {
  margin-top: 1.25rem;
}
#reviews-list .author {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 4px;
}
#reviews-list .written-by {
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 500;
}
#reviews-list p {
  margin: 0;
}
.library-list .learning-tracks .list-item-title {
  font-size: 24px;
  line-height: 1.25;
}
@media only screen and (min-width: 80em) {
  .library-list .learning-tracks .list-item-title {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
  }
}
.sub-item-title {
  color: #707070;
  margin-top: 8px;
  line-height: 1.25;
  font-size: 0.9375rem;
  font-weight: 500;
}
#reviews-list .sub-item-title,
.item-wrap .sub-item-title {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.5rem;
  padding-bottom: 1.25rem;
}
.status-pill {
  font-weight: 700;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #f7f7f7;
  margin-bottom: 1.25rem;
  padding: 0.3125rem 1.25rem 0.4rem;
}
@media only screen and (min-width: 40em) {
  .learning-tip p {
    font-size: 24px;
    line-height: 1.25;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 80em) {
  .learning-tip p {
    margin: 0;
  }
}
.library-list .description {
  margin: 0;
}
.item-wrap.book-list .description,
.item-wrap.learning-track .description {
  margin-bottom: 2.5rem;
}
.library-card-request-wrap {
  margin-top: 1.25rem;
}
.library-card-request-wrap h3 {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 0.3125rem;
}
.library-card-request-wrap p {
  margin-bottom: 0;
}
.beanstack-book-link {
  font-size: 14px;
  line-height: 1.3;
}
#cancel-logger-link {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #a3a3a3;
}
#cancel-logger-link:hover {
  color: #8f8f8f;
}
.team-wrap h3 {
  font-size: 24px;
  line-height: 1.25;
}
.team-wrap p {
  margin-bottom: 0;
}
.badge-content-wrapper .badge-requirement {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  display: block;
  margin-bottom: 0.625rem;
}
.word-for-reward {
  font-weight: 700;
  display: inline-block;
  margin-right: 0.3125rem;
}
.word-for-reward:after {
  content: "-";
  padding-left: 2px;
}
.badge-modal-content {
  text-align: center;
}
.badge-modal-content #book-logger {
  text-align: left;
}
.badge-modal-content .badge-info-text,
.badge-modal-content .completed-text {
  display: none;
  border-bottom: 8px solid #f7f7f7;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content .badge-info-text,
  .badge-modal-content .completed-text {
    padding-bottom: 2.5rem;
  }
}
.badge-modal-content #badge-childs-name,
.badge-modal-content #program-completed-text,
.badge-modal-content .badge-childs-name {
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #badge-childs-name,
  .badge-modal-content #program-completed-text,
  .badge-modal-content .badge-childs-name {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.badge-modal-content #badge-name,
.badge-modal-content #program-completed-title,
.badge-modal-content .badge-info-text .badge-name {
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #badge-name,
  .badge-modal-content #program-completed-title,
  .badge-modal-content .badge-info-text .badge-name {
    letter-spacing: -0.03em;
    font-size: 54px;
    line-height: 1.2;
  }
}
.badge-modal-content #program-name-badge-text {
  display: none;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #program-name-badge-text {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.badge-modal-content #badge-reward-title {
  display: none;
  font-size: 24px;
  line-height: 1.25;
  border-top: 1px solid #e0e0e0;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
}
.badge-modal-content #badge-reward-title .reward-icon {
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -491px -536px;
  height: 48px;
  margin: 0 auto 1.25rem;
  width: 42px;
}
.badge-modal-content #badge-reward-title strong {
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
  margin-bottom: 0.3125rem;
}
.badge-modal-content #badge-reward-description {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0.625rem;
}
.badge-modal-content .badge-name {
  font-size: 24px;
  line-height: 1.25;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content .badge-name {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
  }
}
.badge-modal-content .program-completion-badge {
  display: none;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content .program-completion-badge {
    margin-bottom: 2.5rem;
  }
}
.badge-modal-content #badge-profile-link {
  display: none;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #badge-profile-link {
    margin-top: 2.5rem;
  }
}
.account-wrap .kid-login-reminder h1,
.account-wrap .kid-login-reminder h2,
.account-wrap .kid-login-reminder p,
.funnel .customize-intro h1,
.funnel .customize-intro h2,
.funnel .customize-intro p {
  color: #ffffff;
}
.account-wrap .kid-login-reminder h1.with-divide,
.funnel .customize-intro h1.with-divide {
  margin-bottom: 1.25rem;
}
.account-wrap .kid-login-reminder .header-divide,
.funnel .customize-intro .header-divide {
  opacity: 0.16;
  filter: alpha(opacity=16);
  background-color: #ffffff;
  height: 2px;
  margin-bottom: 1.5rem;
}
.account-wrap .kid-login-reminder p,
.funnel .customize-intro p {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}
@media only screen and (min-width: 80em) {
  .account-wrap .kid-login-reminder p,
  .funnel .customize-intro p {
    font-size: 24px;
    line-height: 1.25;
  }
}
.account-wrap .kid-login-reminder p.with-bottom-margin,
.funnel .customize-intro p.with-bottom-margin {
  margin-bottom: 1.25rem;
}
.account-wrap .kid-login-reminder p span:before,
.funnel .customize-intro p span:before {
  content: "or take a screenshot,";
}
@media only screen and (min-width: 80em) {
  .account-wrap .kid-login-reminder p span:before,
  .funnel .customize-intro p span:before {
    content: "or print it out,";
  }
}
.bs-schools .header h1 {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .bs-schools .header h1 {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 80em) {
  .bs-schools .header h1 {
    letter-spacing: -0.03em;
    font-size: 54px;
    line-height: 1.2;
  }
  .bs-schools .header h1 span {
    display: block;
  }
}
@media only screen and (min-width: 90em) {
  .bs-schools .header h1 {
    letter-spacing: -0.03em;
    font-size: 72px;
    line-height: 1.2;
  }
}
.bs-schools main h2 {
  color: #ffffff;
  margin-bottom: 1.25rem;
}
.bs-schools main .buckets p {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
}
.bs-schools main p {
  font-size: 24px;
  line-height: 1.25;
  color: #ffffff;
  margin: 12px 0 48px;
}
@media only screen and (min-width: 40em) {
  .bs-schools main p {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
    margin: 24px 0 48px;
  }
}
.bs-schools main .copyright {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
}
.bs-schools .thanks-wrap h1 {
  color: #ffffff;
  margin: 0;
}
.bs-schools .thanks-wrap p {
  font-size: 24px;
  line-height: 1.25;
  display: inline-block;
  border-top: 4px solid #ffffff;
  color: #ffffff;
  margin-top: 12px;
  padding-top: 12px;
}
.bs-schools .thanks-wrap p a {
  text-decoration: underline;
  color: #ffffff;
}
.bs-schools .thanks-wrap p a:active,
.bs-schools .thanks-wrap p a:focus,
.bs-schools .thanks-wrap p a:hover {
  color: #ffffff;
  text-decoration: none;
}
#launchpad-homepage {
  text-align: center;
}
#launchpad-homepage h2 {
  color: #ffffff;
}
#launchpad-homepage h3 {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 0.625rem;
}
.new-admin {
  font-family: "museo-sans-rounded", sans-serif;
}
.new-admin .index-message {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  display: block;
  margin-bottom: 4px;
}
.new-admin h1 {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
.new-admin .index h1 {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
.new-admin .item-wrap h1 {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .new-admin .item-wrap h1 {
    margin-bottom: 2.5rem;
  }
}
.new-admin .empty-index {
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .new-admin .empty-index {
    text-align: left;
  }
}
.new-admin .empty-index h1 {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 40em) {
  .new-admin .empty-index h1 {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
  }
}
.new-admin .search h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}
@media only screen and (min-width: 40em) {
  .new-admin .search h2 {
    margin: 0 12px 0 0;
    top: 2px;
  }
}
.new-admin .item-wrap {
  text-align: left;
}
.new-admin .sidebar li {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.3125rem;
}
.new-admin .sidebar a {
  font-weight: 700;
}
.new-admin .reveal-modal h3 {
  font-weight: 700;
}
.new-admin .reveal-modal label {
  text-transform: capitalize;
}
.new-admin #reader-list h3 {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  margin-bottom: 0.3125rem;
}
.new-admin #new-owner-details h4 {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}
.new-admin .non-capitalized {
  text-transform: none;
}
.new-admin .inline-edit {
  display: none;
  color: #a3a3a3;
  margin-left: 8px;
}
.new-admin .inline-edit .ampersand {
  position: relative;
  top: 1px;
}
.new-admin .inline-edit:hover {
  color: #757575;
  text-decoration: none;
}
.new-admin .card-block-grid {
  text-align: center;
}
.new-admin .card-block-grid a {
  font-weight: 700;
  display: block;
  padding: 1.25rem 0;
}
.new-admin .person {
  text-transform: capitalize;
}
.new-admin .person a {
  text-transform: capitalize;
}
.new-admin .date {
  color: #a3a3a3;
}
.new-admin .item,
.new-admin .person {
  font-weight: 700;
  text-transform: capitalize;
}
.new-admin .item div,
.new-admin .person div {
  font-weight: normal;
}
.new-admin .item .branch,
.new-admin .person .branch {
  text-transform: capitalize;
}
.new-admin .search-status {
  margin-left: 8px;
}
.new-admin .account-label {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  margin-bottom: 0.5rem;
}
.new-admin .account-label .dot-divide {
  position: relative;
  margin: 0 2px;
  top: -1px;
}
.new-admin #account-owner-link {
  text-transform: capitalize;
}
.new-admin .card-header {
  font-size: 24px;
  line-height: 1.25;
  background: #e8e8e8;
  margin-bottom: 0;
  padding: 1rem 1.25rem;
}
.new-admin table.ui-datepicker-calendar thead tr th {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
  padding: 0.75rem 0;
}
.new-admin .card .no-results {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
  margin: 0;
}
.new-admin .quick-interaction label {
  text-transform: capitalize;
}
.new-admin .quick-interaction p {
  margin-bottom: 0.875rem;
}
.new-admin .quick-interaction p.with-divide {
  border-top: 1px solid #f7f7f7;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
.new-admin .list-header {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.new-admin table tr td,
.new-admin table tr th {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.new-admin .block-grid {
  margin: 0 0 2.5rem;
}
.new-admin .title {
  font-weight: 700;
}
.new-admin .search .content p {
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-bottom: 1rem;
}
.new-admin .account-info .dot-divide {
  font-size: 24px;
  line-height: 1.25;
  margin: 0 8px;
}
.new-admin .badge-title {
  display: block;
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0.625rem;
}
.new-admin .notification {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
}
.new-admin .notification.error,
.new-admin .notification.success {
  color: #ffffff;
}
.new-admin .edit-link {
  display: block;
}
.new-admin .logged-hours {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
}
.new-admin .logged-hours.active {
  color: #424242;
}
.new-admin .tabs .tab-title > a,
.new-admin .tabs dd > a {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
}
.new-admin .tabs .tab-title > a:hover,
.new-admin .tabs dd > a:hover {
  color: #5c5c5c;
}
.new-admin aside {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  background-color: #ffffff;
  border-left: 6px solid #a3a3a3;
  margin: 0.875rem 0 1.25rem;
  padding: 12px 16px;
}
.new-admin aside div {
  margin-bottom: 0.625rem;
}
.new-admin .accordion span {
  font-weight: 700;
  display: block;
  cursor: pointer;
  background: #ffffff;
  border-bottom: 1px dotted #e0e0e0;
  color: #424242;
  padding: 1rem 1.25rem;
}
.new-admin .accordion span:hover {
  color: #757575;
}
.new-admin .accordion span.active {
  border-bottom: none;
  color: #326ece;
  padding-bottom: 0;
}
.new-admin .accordion label {
  font-weight: normal;
  display: block;
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid #f7f7f7;
  color: #757575;
  margin: 0;
  padding: 12px 18px;
}
.new-admin .accordion label:hover {
  background: #fcfcfc;
  color: #575757;
}
.new-admin .accordion input[type="checkbox"]:checked + label {
  color: #0ba85f;
}
.new-admin .drag-and-drop-wrap p {
  margin: 0;
}
.new-admin .offcanvas-wrap .close {
  display: none;
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  position: fixed;
  font-weight: 700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  background-color: #757575;
  color: #ffffff;
  line-height: 0;
  padding: 14px 6px 13px;
  right: 35px;
  top: 20px;
  z-index: 11000;
}
@media only screen and (min-width: 80em) {
  .new-admin .offcanvas-wrap .close:hover {
    background-color: dimgray;
  }
}
.new-admin .offcanvas-wrap.tags h2 {
  background: #424242;
  color: #ffffff;
  margin: 0;
  padding: 1.25rem;
}
.new-admin .offcanvas-wrap.tags h2 span {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  cursor: pointer;
  display: inline-block;
  letter-spacing: normal;
  color: #a3a3a3;
  padding-left: 4px;
}
.new-admin .offcanvas-wrap.tags h2 span:hover {
  text-decoration: underline;
}
.new-admin .offcanvas-wrap.tags h3 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0.875rem;
}
.new-admin .offcanvas-wrap.tags .additional-tags {
  cursor: pointer;
  color: #326ece;
  padding: 0 1.25rem 1.25rem;
}
.new-admin .tags-wrap .close {
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  position: fixed;
  font-weight: 700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  background-color: #757575;
  color: #ffffff;
  line-height: 0;
  padding: 14px 6px 13px;
  right: 35px;
  top: 20px;
  z-index: 11000;
}
@media only screen and (min-width: 80em) {
  .new-admin .tags-wrap .close:hover {
    background-color: dimgray;
  }
}
.new-admin .tags-wrap.tags h2 {
  background: #424242;
  color: #ffffff;
  margin: 0;
  padding: 1.25rem;
}
.new-admin .tags-wrap.tags h2 span {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  cursor: pointer;
  display: inline-block;
  letter-spacing: normal;
  color: #a3a3a3;
  padding-left: 4px;
}
.new-admin .tags-wrap.tags h2 span:hover {
  text-decoration: underline;
}
.new-admin .tags-wrap.tags h3 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0.875rem;
}
.new-admin .tags-wrap.tags .additional-tags {
  cursor: pointer;
  color: #326ece;
  padding: 0 1.25rem 1.25rem;
}
.new-admin .registration-answers dt:before {
  position: absolute;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  background: #326ece;
  color: #ffffff;
  left: 0;
  padding: 4px 10px;
  top: 0;
}
.new-admin .badges-display .image-layer div {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #a3a3a3;
}
.new-admin .badges-display .image-layer span + div {
  color: #424242;
  margin-bottom: 0.15625rem;
}
.new-admin .badges-display .image-layer span + div + div + div {
  font-weight: normal;
  margin-top: 0.15625rem;
}
.programs-funnel .masthead {
  text-align: center;
  color: #ffffff;
}
.programs-funnel .masthead .title {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .masthead .title {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 40em) {
  .programs-funnel .masthead .title {
    font-size: 24px;
    line-height: 1.25;
  }
}
.programs-funnel .masthead .dates {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .masthead .dates {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 0.3125rem;
  }
}
.programs-funnel .masthead .heading {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  border-bottom: none;
  color: #ffffff;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .masthead .heading {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 80em) {
  .programs-funnel .masthead .heading {
    letter-spacing: -0.03em;
    font-size: 54px;
    line-height: 1.2;
  }
}
.programs-funnel .masthead p {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  margin: 1.25rem auto 0;
}
@media only screen and (min-width: 80em) {
  .programs-funnel .masthead p {
    font-size: 24px;
    line-height: 1.25;
  }
}
.programs-funnel .heading {
  text-align: center;
  margin-bottom: 1rem;
  float: none;
}
.programs-funnel .intro-wrap .group-register {
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .group-register {
    text-align: left;
  }
}
.programs-funnel .intro-wrap .how-it-works header {
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .how-it-works header {
    text-align: left;
  }
}
.programs-funnel .intro-wrap .age-group {
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .age-group {
    text-align: left;
  }
}
.programs-funnel .intro-wrap .age-group .title {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 0;
}
.programs-funnel .intro-wrap .age-group .ages {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .age-group .ages {
    margin-bottom: 0;
  }
}
.programs-funnel .intro-wrap .sponsors h2 {
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin: 0;
}
.programs-funnel .checkbox-wrap {
  opacity: 1;
  filter: alpha(opacity=100);
}
.programs-funnel .checkbox-wrap:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.programs-funnel .checkbox-wrap:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.programs-funnel .checkbox-wrap:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .programs-funnel .checkbox-wrap:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .programs-funnel .checkbox-wrap:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .programs-funnel .checkbox-wrap:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.programs-funnel .checkbox-wrap label {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
  text-transform: none;
  font-weight: 700;
}
.programs-funnel .checkbox-wrap label input {
  display: block;
  margin: 0 auto 0.3125rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .checkbox-wrap label input {
    position: relative;
    display: inline-block;
    margin-right: 0.625rem;
  }
}
.programs-funnel .checkbox-wrap label abbr {
  display: none;
}
.programs-funnel .recommendations-callout {
  text-align: center;
}
.programs-funnel .recommendations-callout .sentence {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #424242;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .recommendations-callout .sentence {
    font-size: 24px;
    line-height: 1.25;
  }
  .programs-funnel .recommendations-callout .sentence span {
    display: block;
  }
}
.programs-funnel .recommendations-callout p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .recommendations-callout p {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.programs-index {
  text-align: center;
}
.programs-index h1 {
  display: block;
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  .programs-index h1 {
    letter-spacing: -0.03em;
    font-size: 54px;
    line-height: 1.2;
    margin: 0;
  }
}
.programs-index h2 {
  margin-bottom: 2.5rem;
}
.program-name h1 {
  margin-bottom: 0.625rem;
}
.program-dates {
  text-transform: capitalize;
  margin-bottom: 1.875rem;
}
.programs-index .program-dates {
  margin-bottom: 0;
}
.programs-deck .program-card {
  text-align: center;
}
.programs-deck .program-card.upcoming-program h3 {
  color: #a3a3a3;
}
.programs-deck .program-card a:hover {
  text-decoration: none;
}
.programs-deck .program-card h3 {
  font-size: 24px;
  line-height: 1.25;
  color: #326ece;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 40em) {
  .programs-deck .program-card h3 {
    font-size: 24px;
    line-height: 1.25;
  }
}
.programs-deck .program-card h3.not-participating {
  color: #424242;
}
.programs-deck .program-card p {
  margin: 0;
}
.program-achievements-list li {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #424242;
}
.program-achievements-list li span {
  font-weight: 700;
}
.program {
  text-align: center;
}
.program .completion-badge h3 {
  font-weight: 700;
  margin-bottom: 0.3125rem;
}
.program .completion-badge .badge-requirement {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
}
.program .required-badges-header h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 0.625rem;
}
.program .required-badges-header + span + .buttons-wrap {
  margin-top: 1.25rem;
}
.program .program-info-content h2 {
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 40em) {
  .program .program-info-content h2 {
    margin-bottom: 2.5rem;
  }
}
.program .badges-grid {
  text-align: center;
}
.program .badges-grid h3 {
  font-weight: 700;
  margin-bottom: 0.15625rem;
}
.program .badges-grid a {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-transform: capitalize;
}
.program .learning-track-title {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  border-top: 1px dotted #e0e0e0;
  color: #757575;
  margin: 0.625rem 0 0.3125rem;
  padding-top: 0.625rem;
}
.program .badge-requirement {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-transform: capitalize;
  color: #a3a3a3;
}
.program .rewards-and-certificates h3 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .program .rewards-and-certificates h3 {
    font-size: 24px;
    line-height: 1.25;
  }
}
.program .rewards-and-certificates h4 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #a3a3a3;
  margin-bottom: 0.3125rem;
}
.program .rewards-and-certificates .requirement {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
.tpd-tooltip {
  text-align: center;
}
.tpd-tooltip #completion-badge-tooltip,
.tpd-tooltip .badge-tooltip-wrap {
  padding: 0.3125rem 0.625rem 0.625rem;
}
.tpd-tooltip .badge-tooltip-header {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  border-bottom: 1px solid #757575;
  margin-bottom: 0.875rem;
  padding-bottom: 0.875rem;
}
.tpd-tooltip span.program-completion-reward {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: normal;
}
.tpd-tooltip .certificate,
.tpd-tooltip .reward {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 0;
}
.tpd-tooltip .date-range {
  font-weight: normal;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin-top: 0.625rem;
}
.bs-icon {
  display: inline-block;
  fill: currentColor;
  height: 25px;
  stroke: currentColor;
  stroke-width: 0;
  width: 25px;
}
.bs-icon.bs-delete.delete-trashcan {
  margin-left: -30px;
  fill: #656565;
}
.bs-icon.bs-warning.needs-personalized {
  fill: #f6bd59;
  vertical-align: text-top;
  position: relative;
  top: 2px;
}
.bs-icon.bs-warning.log-warning {
  fill: #f6bd59;
  vertical-align: text-top;
  position: relative;
  top: 2px;
  height: 2em;
  width: 2em;
}
.icon {
  display: inline-block;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png");
  color: transparent;
  font-size: 0;
  line-height: 0;
}
.icon.square.small {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/square-small-light-icon-sprite-v2.png");
  background-image: url("https://assets.beanstack-cdn.com/static-assets/square-small-light-icon-sprite-v2.svg");
  height: 16px;
  width: 16px;
}
.icon.square.small.reader {
  background-position: 0 0;
}
.icon.square.small.profile {
  background-position: 0 -16px;
}
.icon.square.small.settings {
  background-position: 0 -32px;
}
.icon.square.small.home {
  background-position: 0 -48px;
}
.icon.square.base {
  background-size: 24px 384px;
  height: 24px;
  width: 24px;
}
.icon.square.base.light {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/square-base-light-icon-sprite-v3.png");
  background-image: url("https://assets.beanstack-cdn.com/static-assets/square-base-light-icon-sprite-v3.svg");
}
.icon.square.base.chevron-left-round {
  background-position: 0 0;
}
.icon.square.base.chevron-right-round {
  background-position: 0 -24px;
}
.icon.square.base.titles-completed {
  background-position: 0 -48px;
}
.icon.square.base.reading-time {
  background-position: 0 -72px;
}
.icon.square.base.pages-read {
  background-position: 0 -96px;
}
.icon.square.base.days-of-reading {
  background-position: 0 -120px;
}
.icon.square.base.learning-moments {
  background-position: 0 -144px;
}
.icon.square.base.events {
  background-position: 0 -168px;
}
.icon.square.base.films-and-videos {
  background-position: 0 -192px;
}
.icon.square.base.news-and-magazines {
  background-position: 0 -216px;
}
.icon.square.base.back {
  background-position: 0 -240px;
}
.icon.square.base.close {
  background-position: 0 -264px;
}
.icon.square.base.error {
  background-position: 0 -288px;
}
.icon.square.base.important {
  background-position: 0 -312px;
}
.icon.square.base.success {
  background-position: 0 -336px;
}
.icon.square.base.points {
  background-position: 0 -360px;
}
.full-width-element {
  width: 100%;
  max-width: 100%;
}
.no-margin {
  margin: 0 !important;
}
.show-on-ss-ms {
  display: block;
}
html,
body {
  height: 100%;
}
body {
  width: 100%;
  max-width: 100%;
  background-color: #ffffff;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 129px 0 0;
}
body.logged-out {
  padding: 64px 0 0;
}
body.preview {
  padding: 48px 0 0;
}
body.full-screen {
  padding-top: 0px;
}
main {
  display: block;
  flex: 1 0 auto;
  padding: 0 0 48px;
}
main .row {
  max-width: 1190px;
}
main .row--slim {
  max-width: 1000px;
}
main.programs-funnel {
  padding: 0 0 48px;
}
.fit-vids-style {
  display: none;
}
.logged-out main {
  padding: 64px 0 48px;
}
#main-content {
  flex: 1 0 auto;
  padding: 0 0 72px;
}
@media only screen and (max-width: 39.938em) {
  #main-content {
    padding: 0 0 48px;
  }
}
.logged-out #main-content {
  padding: 64px 0 48px;
}
.logged-out #main-content.programs-funnel {
  padding: 0 0 48px;
}
.row {
  max-width: 1000px;
}
.row.full-width {
  width: 100%;
  max-width: 100%;
}
.tabs-content > .content {
  padding: 0;
}
[class*="block-grid-"] > li {
  padding: 0 0.75rem 1.5rem;
}
table {
  background: #ffffff;
  border: solid 1px #dddddd;
  margin-bottom: 1.25rem;
  table-layout: auto;
}
table caption {
  background: transparent;
  color: #424242;
  font-size: 1rem;
  font-weight: bold;
}
table thead {
  background: transparent;
}
table thead tr td,
table thead tr th {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
  font-weight: bold;
  padding: 0.875rem 0;
}
table tfoot {
  background: #f5f5f5;
}
table tfoot tr td,
table tfoot tr th {
  color: #424242;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}
table tr td,
table tr th {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
  padding: 0.875rem 0;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  background-color: transparent;
}
table tr th {
  border-bottom: 1px solid #e0e0e0;
}
table tr.alt,
table tr.even,
table tr:nth-of-type(even) {
  background: #ffffff;
}
table tbody tr td,
table tbody tr th,
table tfoot tr td,
table tfoot tr th,
table thead tr th,
table tr td {
  display: table-cell;
  line-height: 1.125rem;
}
.clear {
  display: block;
}
@media only screen and (min-width: 40em) {
  .closed {
    display: none;
  }
}
.preload {
  display: none;
}
.no-account {
  display: block;
  margin-top: 0.875rem;
}
.with-top-padding {
  padding-top: 1.25rem;
}
.with-divide .thin-divide {
  margin-bottom: 2.5rem;
}
.category-header + .thin-divide {
  margin-bottom: 3.5rem;
}
.remember-user {
  margin-bottom: 1.25rem;
}
.callout {
  background-color: #424242;
  padding: 2.5rem 0;
}
@media only screen and (min-width: 40em) {
  .callout {
    padding: 3.75rem 0;
  }
}
.add-divider:after {
  content: "/";
  margin: 0 -11px 0 0;
}
.clean-list li {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .clean-list li {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.clean-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.clean-list.profile li {
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.clean-list.centered-text {
  text-align: center;
}
dl.numbered-list {
  margin: 0;
  counter-reset: numbered-list-counter;
}
dl.numbered-list dt {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.25rem;
  padding: 0 0 1.25rem 3rem;
}
dl.numbered-list dt:before {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  font-family: "museo-sans-rounded", sans-serif;
  display: inline-block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
  background-color: #326ece;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  text-indent: 12px;
  padding-left: 0;
  line-height: 32px;
  content: counter(numbered-list-counter);
  counter-increment: numbered-list-counter;
}
dl.numbered-list dt:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.number-pb {
  position: relative;
  height: 48px;
  background: url("https://assets.beanstack-cdn.com/static-assets/diagonal-pattern.png");
}
.number-pb .number-pb-shown {
  position: absolute;
  background-color: #0ba85f;
  top: 0;
  left: 0;
  height: 48px;
}
.number-pb .number-pb-num {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  position: absolute;
  color: #ffffff;
  background: #099051;
  top: 0;
  left: 0;
  height: 48px;
  padding: 0 1rem;
  line-height: 2.9;
}
.number-pb .number-pb-num.complete {
  margin-left: -65px;
}
body.no-scroll {
  position: fixed;
  overflow-y: scroll;
}
body.scroll {
  position: static;
  overflow-y: auto;
}
.sliding-overlay-wrap {
  display: none;
  position: fixed;
  background: #ffffff;
  left: 0;
  width: 100%;
  height: 100%;
  top: 100%;
  bottom: -100%;
  z-index: 50000;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.sliding-overlay-wrap .sliding-overlay-close {
  text-align: right;
  padding: 1.5rem 1.5rem 0;
}
.sliding-overlay-wrap .sliding-overlay-close button {
  line-height: 0;
  font-size: 0;
  color: transparent;
  background-color: transparent;
  padding: 0;
  border: none;
  width: auto;
}
.sliding-overlay-wrap .sliding-overlay-close .bnstk-overlay-close {
  background-color: #f2f2f2;
  height: 31px;
  width: 31px;
  border-radius: 7px;
}
.sliding-overlay-wrap .sliding-overlay-close .bnstk-overlay-close .bs-close {
  height: 15px;
  width: 15px;
  fill: #424242;
}
.form-list:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  vertical-align: top;
  height: 100%;
}
@media only screen and (min-width: 40em) {
  .form-list .ms-two-columns {
    display: inline-block;
    vertical-align: top;
    width: 47.8%;
    margin-right: 1.25rem;
  }
  .form-list .ms-two-columns + .ms-two-columns {
    margin-right: 0;
  }
  .form-list .ms-two-columns.start-column {
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 80em) {
  .form-list .ms-two-columns {
    width: 48.3%;
  }
}
.header-with-paging-wrap {
  margin-bottom: 1.875rem;
}
.header-with-paging-wrap:after {
  clear: both;
  content: "";
  display: table;
}
.header-with-paging-wrap header.with-paging {
  float: left;
}
.header-with-paging-wrap .profile-paging {
  float: left;
  margin-left: 1.25rem;
}
.header-with-paging-wrap .view-all-recommendations {
  float: right;
}
.jPanelMenu-panel {
  background: none !important;
}
#book-logger .logging-picker {
  margin-bottom: 1rem;
}
#book-logger .logging {
  display: inline-block;
  text-align: center;
  position: relative;
  top: 4px;
  width: 60px;
}
#book-logger .logging.hours {
  width: 84px;
}
#book-logger .logging-triggers {
  display: inline-block;
}
#book-logger #logged_book_book_author_input,
#book-logger #logged_book_book_title_input {
  margin-bottom: 0.75rem;
  padding-right: 0;
}
.light-bg-overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.light-bg-overlay .close-button {
  position: fixed;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #326ece;
  width: 30px;
  z-index: 11000;
  top: 18px;
  right: 18px;
}
.light-bg-overlay .close-button:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.light-bg-overlay .close-button:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.light-bg-overlay .close-button:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .light-bg-overlay .close-button:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .light-bg-overlay .close-button:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .light-bg-overlay .close-button:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.mfp-content {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .mfp-content {
    padding: 3rem 0;
  }
}
.mfp-content .card {
  background: #ffffff;
  padding: 2rem;
}
html.mfp-helper {
  height: 100%;
}
html.mfp-helper body {
  overflow: hidden !important;
  height: 100%;
  -webkit-transform: translateZ(0);
}
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
@media screen {
  .show-for-sr {
    display: none;
  }
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.program-preview-topbar {
  position: fixed;
  width: 100%;
  max-width: 100%;
  background-color: #424242;
  top: 0;
  left: 0;
  height: 60px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.program-preview-topbar img {
  height: 28px;
  margin: 0;
}
.program-preview-topbar img:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.program-preview-topbar img:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.program-preview-topbar .nav-and-header {
  text-align: right;
}
.program-preview-topbar .nav-and-header h1 {
  float: none !important;
}
.program-preview-topbar a {
  font-size: 14px;
  line-height: 1.4;
  display: inline-block;
  color: #ffffff;
  margin-right: 0.625rem;
  text-decoration: underline;
}
.program-preview-topbar a:hover {
  color: #ffffff;
  text-decoration: none;
}
.program-preview-topbar header {
  display: inline-block;
}
.program-preview-topbar h1 {
  font-size: 14px;
  line-height: 1.4;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
a.visually-hidden {
  color: var(--primaryDark);
  text-decoration: none;
}
a.visually-hidden:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  width: auto;
  top: 5px;
  left: 5px;
  background: #fff;
  margin: 0;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 8px;
  border: 2.5px solid #6dafff;
  outline: none;
  z-index: 9999;
}
.program-content .feedback-block {
  margin: 48px 0 0 0;
}
.feedback-block {
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #f7f7f7;
  padding: 16px 16px 16px 56px;
  margin-bottom: 1rem;
  border-radius: 12px;
}
.feedback-block a {
  color: #424242;
  text-decoration: underline;
}
.feedback-block a:active,
.feedback-block a:focus,
.feedback-block a:hover {
  color: #424242;
}
@media only screen and (min-width: 80em) {
  .feedback-block a:hover {
    text-decoration: none;
  }
}
.feedback-block__icon {
  display: none;
}
.feedback-block__text {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
.feedback-block--important {
  background-color: #ffecc8;
  color: #826022;
}
.feedback-block--important::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/48/826022/user-manual.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 16px;
}
.feedback-block--important a {
  color: #826022;
}
.feedback-block--danger {
  background-color: #fce6e4;
  color: #ab3f35;
}
.feedback-block--danger::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/48/AB3F35/error--v1.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 16px;
}
.feedback-block--danger a {
  color: #ab3f35;
}
.feedback-block.connected-profile-callout .feedback-block__icon {
  display: block;
  position: absolute;
  left: 15px;
  top: 35%;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  transition: all 0.13s ease;
  height: 44px;
  padding: 0 12px;
  border: 2px solid #dedede;
  border-radius: 10px;
  background-color: #fff;
  font-size: 1rem;
  color: #424242;
  font-weight: 500;
  font-family: "museo-sans-rounded", sans-serif;
  width: 100%;
  overflow: visible;
  -webkit-appearance: none;
  margin-bottom: 16px;
}
input[type="text"]::-webkit-search-decoration,
input[type="password"]::-webkit-search-decoration,
input[type="date"]::-webkit-search-decoration,
input[type="datetime"]::-webkit-search-decoration,
input[type="datetime-local"]::-webkit-search-decoration,
input[type="month"]::-webkit-search-decoration,
input[type="week"]::-webkit-search-decoration,
input[type="email"]::-webkit-search-decoration,
input[type="number"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-decoration,
input[type="tel"]::-webkit-search-decoration,
input[type="time"]::-webkit-search-decoration,
input[type="url"]::-webkit-search-decoration,
textarea::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
textarea:hover {
  border-color: #c8c8c8;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  outline: none;
}
abbr[title] {
  border-bottom: none;
}
textarea {
  height: 80px;
  padding: 8px 15px;
}
textarea[rows] {
  height: auto;
}
select {
  transition: all 0.13s ease;
  height: 44px;
  padding: 0 12px;
  border: 2px solid #dedede;
  border-radius: 10px;
  background-color: #fff;
  font-size: 1rem;
  color: #424242;
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
  width: 100%;
  overflow: visible;
  margin-bottom: 16px;
  appearance: none;
  background-color: transparent;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/arrow-down.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px);
  background-size: 10px;
}
select:hover {
  border-color: #c8c8c8;
  background-color: #fff;
}
select:focus {
  outline: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
#user_otp_attempt,
#user_login,
#user_password {
  margin-top: 0.5rem;
}
.on-grid {
  text-align: left;
}
.stats-aside select {
  background: #fff
    url("https://assets.beanstack-cdn.com/static-assets/arrow-dropdown.png")
    no-repeat 95% 48%;
  margin-bottom: 1.5rem;
}
.stats-aside select:hover {
  background: #fff
    url("https://assets.beanstack-cdn.com/static-assets/arrow-dropdown.png")
    no-repeat 95% 48%;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
fieldset legend {
  display: none;
}
fieldset ol {
  margin: 0;
}
fieldset.inputs {
  margin: 0;
}
label,
.label {
  font-weight: 900;
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
  line-height: 1.5;
}
label .password,
.label .password {
  float: right;
  margin-left: 0.875rem;
}
label.outside-formtastic,
.label.outside-formtastic {
  margin-bottom: -10px;
}
label.parent-funnel,
.label.parent-funnel {
  margin-top: 18px;
}
label.sentence,
.label.sentence {
  text-transform: none;
}
label.sentence .subsentence,
.label.sentence .subsentence {
  color: #a3a3a3;
  font-weight: normal !important;
  display: block;
}
label.with-period:after,
.label.with-period:after {
  content: ".";
  margin-left: -3px;
}
label.show-for-sr,
.label.show-for-sr {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 40em) {
  .label-wrap {
    float: left;
  }
}
.label-with-link {
  float: left;
}
.label-with-link:after {
  clear: both;
  content: "";
  display: table;
}
.label-link-wrap {
  font-weight: normal;
  display: inline-block;
  float: right;
  font-size: 16px;
  padding: 0;
}
.label-link-wrap.sentence {
  text-transform: none;
}
.forgot-credentials-wrap {
  display: flex;
  justify-content: space-between;
}
.forgot-credentials-wrap input {
  margin: 0;
}
.forgot-credentials-wrap label {
  width: 100%;
}
.forgot-credentials-wrap .forgot-credentials-link {
  font-weight: 700;
  font-size: 13px;
  padding: 0;
  text-align: right;
}
.sign-in-btn {
  width: 110px;
  margin: 25px auto;
}
.age-label {
  display: block;
  font-weight: 900;
  color: #424242;
  margin-bottom: 8px;
}
#logged_book_learning_moment_attributes_description_input .label {
  text-transform: none;
}
label abbr,
.label abbr {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  color: #ab3f35;
  top: 1px;
  border: none;
  padding-left: 4px;
}
.highlight-error {
  border: 2px solid #e85648 !important;
}
.highlight-error:hover {
  border-color: #ab3f35;
}
.highlight-error:focus {
  border-color: #ab3f35;
  box-shadow: 0 2px 9px rgba(232, 86, 72, 0.2);
}
#user-account-info #user_first_name_input input {
  margin-top: 0;
}
#save {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#user_first_name_input label {
  display: none;
}
#user_first_name_input input {
  margin-top: 18px;
}
input.hasDatepicker[type="date"] {
  height: auto;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
#ui-datepicker-div {
  display: none;
}
.new-admin .select2-container--default .select2-selection--multiple {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid #e0e0e0;
  height: 54px;
  margin-bottom: 0;
}
.new-admin .select2-container--default .select2-selection--multiple:hover {
  border-color: #d4d4d4;
}
.new-admin
  .select2-container--default
  .select2-selection--multiple.select2-container--focus {
  border: 2px solid #a3a3a3;
}
.new-admin
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 2px solid #a3a3a3;
}
.new-admin .select2-dropdown {
  top: -18px;
}
.promote-beanstack-app h2 {
  font-weight: 900;
  font-size: 22px;
  letter-spacing: normal;
  margin-bottom: 8px;
}
.promote-beanstack-app p {
  color: #656565;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: normal;
  margin-bottom: 24px;
}
.promote-beanstack-app a {
  margin-right: 8px;
}
.promote-beanstack-app a:last-child {
  margin-right: 0;
}
.promote-beanstack-app .divider {
  margin: 26px 0 40px;
}
.field-grouping {
  border: 1px solid #e0e0e0;
  margin-bottom: 1.25rem;
}
.field-grouping header {
  text-align: left;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #e0e0e0;
  background: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/absurdidad.png");
}
.field-grouping header h2 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
}
.field-grouping .field-grouping-content {
  padding: 1.25rem;
}
.field-grouping .field-grouping-content .link-list li:first-child a {
  padding-top: 0px;
}
.field-grouping .field-grouping-content .link-list li:last-child a {
  padding-bottom: 0px;
}
.hide-card-field {
  display: none;
}
.hidden-element-field {
  display: none;
}
.error-messages {
  color: #e85648;
}
.invalid-card-number {
  border: 3px solid #e85648 !important;
}
input.smart-checkbox[type="checkbox"] {
  display: none;
}
label.smart-checkbox-label {
  display: block;
}
input[type="checkbox"] + .check {
  display: inline-block;
  position: relative;
  top: 4px;
  height: 18px;
  width: 19px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png")
    0 0;
}
input[type="checkbox"] + .check + label {
  display: inline-block;
  font-weight: 700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #a3a3a3;
  border: none;
  text-transform: none;
  padding: 12px 12px 12px 8px;
  background-color: none;
  border-color: #ddd;
  margin: 0;
}
input[type="checkbox"] + .check + label:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
input[type="checkbox"]:checked + .check {
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png")
    0 -18px;
}
input[type="checkbox"]:checked + .check + label {
  background-image: none;
  color: #0ba85f;
}
#book-logger-form fieldset {
  margin: 0;
}
#book-logger-form .hello {
  text-align: right;
}
#book-logger-form .book-logger-list {
  display: inline-block;
}
#book-logger-form .book-logger-list li {
  display: inline-block;
}
#book-logger-form .book-logger-list label {
  font-weight: normal;
  font-size: 1.25em;
}
#book-logger-form .book-logger-list label.selected {
  font-weight: bold;
  color: #0ba85f;
}
#book-logger-form .check_boxes {
  list-style: none;
}
#book-logger-form .check_boxes label {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #424242;
  background: #ffffff;
  border: 3px solid #e0e0e0;
  text-transform: none;
  margin: 0 0 0.625rem 0;
  padding: 18px 36px 18px 18px;
}
@media only screen and (min-width: 40em) {
  #book-logger-form .check_boxes label {
    padding: 1.25rem;
  }
}
#book-logger-form .check_boxes label.selected {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #424242;
  border-color: #0ba85f;
  background: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/tick-v2.png")
    no-repeat 95% 45%;
}
#book-logger-form .check_boxes label.selected:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#book-logger-form .check_boxes label.selected:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#book-logger-form .check_boxes label.selected:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
#book-logger-form .check_boxes label.selected:hover {
  border-color: #a3a3a3;
}
@media only screen and (min-width: 40em) {
  #book-logger-form .check_boxes label.selected {
    background: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/tick-v2.png")
      no-repeat 97% 45%;
  }
}
@media only screen and (min-width: 80em) {
  #book-logger-form .check_boxes label.selected:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  #book-logger-form .check_boxes label.selected:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  #book-logger-form .check_boxes label.selected:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media only screen and (min-width: 80em) {
  #book-logger-form .check_boxes label:hover {
    color: #424242;
    border-color: #d4d4d4;
  }
}
#book-logger-form .check_boxes label input {
  display: none;
}
#book-logger-form .inline-hints {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-style: italic;
  padding: 0;
  margin-bottom: 1.25rem;
}
.switch-field input[type="radio"] {
  display: none;
}
.switch-field input[type="radio"] + label {
  margin: 0 0.3125rem 0 0;
  padding: 8px 12px 9px 12px;
  color: #424242;
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  display: inline-block;
  font-weight: 700;
}
.switch-field input[type="radio"] + label:hover {
  border-color: #d9d9d9;
}
.switch-field input[type="radio"]:checked + label {
  background-color: #326ece;
  border-color: #326ece;
  color: #ffffff;
}
.switch-field input[type="radio"]:checked + label:hover {
  border-color: #326ece;
}
.switch-info {
  border: 2px solid #e0e0e0;
  padding: 1.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  background: url("https://assets.beanstack-cdn.com/static-assets/absurdidad.png");
}
@media only screen and (min-width: 40em) {
  .switch-info {
    padding: 2.5rem;
  }
}
.switch-info .subheader {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
}
@media only screen and (min-width: 40em) {
  .switch-info .subheader {
    font-size: 24px;
    line-height: 1.25;
  }
}
.switch-info .switch-description-label {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
}
@media only screen and (min-width: 40em) {
  .switch-info .switch-description-label {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.switch-info .switch-description-list {
  margin: 0;
  list-style: disc;
  padding-left: 1.25rem;
}
.switch-info .switch-field {
  margin-bottom: 2.5rem;
}
.sign-in .button {
  width: 100%;
  max-width: 100%;
}
.sign-in-extras .button-wrap {
  margin-top: 1.25rem;
}
#save-library-js {
  display: block;
}
#edit-profile fieldset {
  border: 2px solid #d9d9d9;
  border-radius: 8px;
}
#edit-profile input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
#edit-profile input[type="radio"]:active + label {
  color: #424242;
  background-color: #ffffff;
}
#edit-profile input[type="radio"]:focus + label {
  color: #424242;
  background-color: #f2f2f2;
}
#edit-profile input[type="radio"] + label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: background-color 0.13s ease;
  position: relative;
  color: #656565;
  height: 44px;
  background-color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
  z-index: 10;
  padding: 0 16px;
  border-radius: 8px;
  margin: 0;
  border: 2px solid transparent;
}
@media screen and (max-width: 639px) {
  #edit-profile input[type="radio"] + label {
    height: 36px;
    padding: 0 12px;
  }
}
#edit-profile input[type="radio"] + label:hover {
  color: #424242;
  background-color: #f2f2f2;
}
#edit-profile input[type="radio"]:checked + label {
  color: #424242;
  background-color: #ffffff;
  background-image: none;
  position: relative;
  z-index: 20;
  margin: -2px;
  padding-left: 18px;
  padding-right: 18px;
  height: 48px;
}
@media screen and (max-width: 639px) {
  #edit-profile input[type="radio"]:checked + label {
    height: 40px;
    padding: 0 14px;
  }
}
#edit-profile input[type="radio"]:checked + label:hover {
  color: #424242;
}
#edit-profile input[type="radio"]:checked + label:active {
  color: #424242;
  background-color: #ffffff;
}
#edit-profile .save-button {
  margin-top: 1.25rem;
}
#delete-user {
  margin-top: 2rem;
}
#delete-account-creator-span {
  cursor: pointer;
  color: #424242;
  float: right;
}
#tfa .infobox,
#delete-profile .infobox,
#delete-user .infobox {
  font-size: 14px;
  line-height: 1.4;
  position: relative;
  color: #424242;
  font-size: 15px !important;
  text-transform: none;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.25rem 1.25rem 3.5rem;
  border-top: 4px solid #424242;
}
#tfa .infobox.successbox,
#delete-profile .infobox.successbox,
#delete-user .infobox.successbox {
  border-radius: 12px;
  background-color: #dbf2e7;
  color: #087542;
  border: none;
  font-size: 15px;
  line-height: 1.5;
  display: flex;
  justify-content: flex-start;
  padding: 20px;
}
#tfa .infobox.helpbox,
#delete-profile .infobox.helpbox,
#delete-user .infobox.helpbox {
  border-radius: 12px;
  background-color: #ffecc8;
  color: #826022;
  border: none;
  font-size: 15px;
  line-height: 1.5;
  display: flex;
  justify-content: flex-start;
  padding: 20px;
}
#tfa .infobox.errorbox,
#delete-profile .infobox.errorbox,
#delete-user .infobox.errorbox {
  border-radius: 12px;
  background-color: #fce6e4;
  color: #ab3f35;
  border: none;
  font-size: 15px;
  line-height: 1.5;
  display: flex;
  justify-content: flex-start;
  padding: 20px;
}
#tfa .infobox.errorbox .infobox__icon,
#delete-profile .infobox.errorbox .infobox__icon,
#delete-user .infobox.errorbox .infobox__icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/e85648/unavailable.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
  margin-right: 20px;
  flex-shrink: 0;
}
#tfa .infobox .infobox-icon,
#delete-profile .infobox .infobox-icon,
#delete-user .infobox .infobox-icon {
  position: absolute;
  display: inline-block;
  left: 16px;
  width: 20px;
  height: 20px;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/bs-admin-sprite.png?v=2");
  top: 50%;
  margin-top: -10px;
}
#tfa .infobox .infobox-icon.errorbox-icon,
#delete-profile .infobox .infobox-icon.errorbox-icon,
#delete-user .infobox .infobox-icon.errorbox-icon {
  background-position: -173px -201px;
}
#tfa .button.reject,
#delete-profile .button.reject,
#delete-user .button.reject {
  margin-left: 0;
}
#tfa ul.confirm-delete,
#delete-profile ul.confirm-delete,
#delete-user ul.confirm-delete {
  position: relative;
  display: inline-block;
  margin-bottom: 24px;
}
#tfa ul.confirm-delete li,
#delete-profile ul.confirm-delete li,
#delete-user ul.confirm-delete li {
  padding: 10px 0;
}
#tfa ul.confirm-delete label,
#delete-profile ul.confirm-delete label,
#delete-user ul.confirm-delete label {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
  cursor: pointer;
}
#tfa ul.confirm-delete input[type="checkbox"],
#delete-profile ul.confirm-delete input[type="checkbox"],
#delete-user ul.confirm-delete input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
#tfa
  ul.confirm-delete
  input[type="checkbox"]:checked
  + label
  .checkbox-faux-control
  svg,
#delete-profile
  ul.confirm-delete
  input[type="checkbox"]:checked
  + label
  .checkbox-faux-control
  svg,
#delete-user
  ul.confirm-delete
  input[type="checkbox"]:checked
  + label
  .checkbox-faux-control
  svg {
  transform: scale(1);
  opacity: 1;
}
#tfa ul.confirm-delete .checkbox-faux-control,
#delete-profile ul.confirm-delete .checkbox-faux-control,
#delete-user ul.confirm-delete .checkbox-faux-control {
  transition: all 0.13s ease;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: solid 2px #d9d9d9;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 12px;
}
#tfa ul.confirm-delete .checkbox-faux-control svg,
#delete-profile ul.confirm-delete .checkbox-faux-control svg,
#delete-user ul.confirm-delete .checkbox-faux-control svg {
  width: 16px;
  height: 16px;
  opacity: 0;
  transition: opacity 0.13s ease,
    transform 0.25s cubic-bezier(0.72, 0.05, 0.42, 1.38);
  transform: scale(0);
}
#tfa ul.confirm-delete .checkbox-label-text,
#delete-profile ul.confirm-delete .checkbox-label-text,
#delete-user ul.confirm-delete .checkbox-label-text {
  font-weight: 700;
  color: #424242;
  font-size: 16px;
  line-height: 1.5;
  overflow-wrap: break-word;
  display: block;
  white-space: inherit;
}
#delete-profile-modal,
#delete-user-modal {
  max-width: 650px;
  margin: 0 auto;
}
#delete-profile-modal #confirm-delete-button,
#delete-user-modal #confirm-delete-button {
  margin-left: 0;
}
#delete-profile-modal #error-response,
#delete-user-modal #error-response {
  padding: 12px 20px;
  display: none;
  align-items: flex-start;
  border-radius: 8px;
  background-color: #fce6e4;
  color: #ab3f35;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
}
#delete-profile-modal #error-response::before,
#delete-user-modal #error-response::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-top: 2px;
  flex-shrink: 0;
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Error+Red.svg")
    no-repeat;
}
#delete-profile-modal #error-response.is-visible,
#delete-user-modal #error-response.is-visible {
  display: flex;
}
#cancel-logger-link {
  cursor: pointer;
  margin-left: 12px;
}
#logged_book_number_of_times_completed_input,
#logged_book_logged_hours_input {
  display: none;
}
#new_logged_book .hint {
  font-family: "museo-sans-rounded", sans-serif;
  text-transform: none;
  margin-bottom: 1.25rem;
}
#new_logged_book #reader-actions-hint {
  font-style: italic;
}
#new_logged_book #reader-actions-hint img {
  width: 24px;
  margin-right: 0.625rem;
}
.counterfeit-field.warning {
  border-color: #ffbc42;
}
.counterfeit-field.warning:hover {
  border-color: #826022;
  box-shadow: 0 2px 9px rgba(255, 188, 66, 0.2);
}
.counterfeit-field.violation {
  border-color: #e85648;
}
.counterfeit-field.violation:hover {
  border-color: #ab3f35;
  box-shadow: 0 2px 9px rgba(232, 86, 72, 0.2);
}
.counterfeit-block {
  position: relative;
  margin-top: -20px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 28px;
}
.log-value-error-block {
  position: relative;
  margin-top: -20px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 28px;
}
.log-value-error-block .error-text {
  color: #e85648;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
}
.log-value-error-block .error-text::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-top: 1px;
  flex-shrink: 0;
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Error+Red.svg")
    no-repeat;
}
.counterfeit-text {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
}
.counterfeit-text::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-top: 1px;
  flex-shrink: 0;
}
.counterfeit-text.warning {
  color: #826022;
}
.counterfeit-text.warning::before {
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Warning+Yellow.svg")
    no-repeat;
}
.counterfeit-text.violation {
  color: #ab3f35;
}
.counterfeit-text.violation::before {
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Error+Red.svg")
    no-repeat;
}
.autocomplete-wrapper {
  position: absolute;
  width: 100%;
  z-index: 1000000;
  padding-top: 12px;
}
@media screen and (min-width: 500px) {
  .autocomplete-wrapper {
    width: 399px;
  }
}
.ui-autocomplete {
  background: #ffffff;
  max-height: 300px;
  overflow-y: scroll;
  border-radius: 10px;
  box-shadow: 0 4px 22px rgba(26, 26, 26, 0.14);
  padding: 10px 0;
  max-width: 100%;
}
.ui-autocomplete li {
  font-family: "museo-sans-rounded", sans-serif;
  cursor: pointer;
  padding: 10px 20px;
  display: flex;
  align-items: center;
}
.ui-autocomplete li:hover {
  color: #757575;
}
.ui-autocomplete li strong {
  display: block;
  font-size: 16px;
  color: #424242;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.ui-autocomplete li span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #656565;
  line-height: 1.25;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.ui-autocomplete li .ui-autocomplete-meta {
  width: 100%;
  overflow: hidden;
  background: transparent;
}
.ui-autocomplete li .ui-autocomplete-image-wrapper {
  width: 40px;
  height: auto;
  border-radius: 4px;
  position: relative;
  margin-right: 16px;
  flex-shrink: 0;
}
.ui-autocomplete li .ui-autocomplete-image-wrapper::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 4px;
  width: calc(100% - 8px);
  height: 8px;
  border-radius: 8px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
.ui-autocomplete li .ui-autocomplete-image {
  width: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.ui-autocomplete li .ui-autocomplete-no-image {
  background-color: #f26430;
  width: 40px;
  height: 60px;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-autocomplete li .ui-autocomplete-no-image svg {
  width: 14px;
  height: 21px;
  fill: #fff;
}
.ui-autocomplete-loading {
  background: url("https://assets.beanstack-cdn.com/static-assets/Message.gif")
    no-repeat 98.5%/10%;
}
#verify-log-value {
  margin-bottom: 25px;
  background-color: white;
  border: 2px solid #ffbc42;
  border-radius: 2px;
  padding: 1rem;
}
#verify-log-value:after {
  clear: both;
  content: "";
  display: table;
}
#verify-log-value input {
  cursor: pointer !important;
  position: absolute;
  top: 0;
  left: 0;
}
#verify-log-value span {
  cursor: pointer;
  background-image: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/bs-admin-sprite.png?v=2");
  height: 100%;
  width: 100%;
}
#verify-log-value .verify-checkbox {
  width: 32px;
  height: 32px;
  position: relative;
  float: left;
}
#verify-log-value input + .check {
  cursor: pointer !important;
  background-position: -299px -183px;
  display: inline-block;
}
#verify-log-value input:checked + .check {
  background-image: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/bs-admin-sprite.png?v=2");
  background-position: -341px -183px;
}
#verify-log-value .verify-text {
  margin: 0 1rem 0 1rem;
  float: left;
  width: calc(100% - 32px - 48px - 2rem);
}
#verify-log-value .bs-fingers-crossed {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  float: left;
}
#verify-log-value .ie-hide {
  height: 2.5625rem;
  opacity: 0;
  position: absolute;
  width: 2.25rem;
  z-index: 99999;
}
.angucomplete-dropdown {
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding: 6px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  left: 0px;
  margin-top: -6px;
  background-color: #ffffff;
  width: 100%;
  text-align: center;
}
.angucomplete-searching {
  color: #acacac;
  font-size: 16px;
}
.angucomplete-description {
  font-size: 14px;
}
.angucomplete-row {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  cursor: pointer;
  font-family: "museo-sans-rounded", sans-serif;
  padding: 18px;
  border-bottom: 1px dotted #e0e0e0;
}
.angucomplete-row:hover {
  color: #757575;
}
.angucomplete-row:last-child {
  border-bottom: none;
}
.angucomplete-row .highlight {
  color: #ff0000;
}
.angucomplete-selected-row {
  background-color: lightblue;
  color: #ffffff;
}
.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px;
}
.angucomplete-image-default {
  background-image: url(//assets.beanstack-cdn.com/assets/default.png);
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px;
}
.ng-invalid-autocomplete-required {
  border-color: red !important;
}
form.profile {
  margin: 0;
  padding: 0;
}
#code-form {
  margin-bottom: 2.5rem;
}
.share-code {
  margin-bottom: 1.875rem;
}
.submit-book-form {
  position: relative;
}
.submit-book-form #add-author-wrap {
  position: relative;
}
.submit-book-form #add-illustrator-wrap {
  position: relative;
}
#add-author-form-wrap label,
#add-illustrator-form-wrap label {
  text-transform: capitalize;
}
.author-select + span,
.illustrator-select + span {
  margin-bottom: 3.5rem;
}
.select2-container {
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  transition: all 0.13s ease;
  border-radius: 8px !important;
  font-size: 14px;
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
  width: 100%;
  overflow: visible;
  cursor: pointer;
  margin-bottom: 16px !important;
  height: 44px !important;
  padding: 0 15px !important;
  border: 2px solid #d9d9d9 !important;
  color: #424242 !important;
  background-color: #fff;
}
.select2-container--default .select2-selection--single:hover {
  border-color: #b5b5b5;
}
.select2-container--default .select2-selection--single:focus {
  outline: none;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px !important;
  padding: 0 !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #e0e0e0 !important;
  color: #424242 !important;
}
.select2-container--default
  .select2-results__option[aria-selected="true"]:hover {
  color: #424242 !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background: #f7f7f7 !important;
  color: #424242 !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected]:hover {
  color: #424242 !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  margin-top: 6px !important;
  margin-left: -15px !important;
}
.translated .select2-dropdown--above {
  height: 238px;
  overflow-y: scroll;
  top: -40px;
}
.connected-profile-authorized .authorized-message {
  text-align: left;
  margin-bottom: 1rem;
}
.connected-profile-authorized .authorized-message img {
  width: 28px;
  float: left;
  margin-right: 10px;
}
.connected-profile-authorized .authorized-message,
.connected-profile-authorized .authorized-message p {
  color: #50ae55;
  font-size: 20px;
  font-weight: 600;
}
.connected-profile-authorized .authorized-message p {
  margin-bottom: 0;
}
.connected-profile-authorized .authorized-message .account-already-connected,
.connected-profile-authorized .authorized-message .account-already-connected p {
  color: #424242;
}
.edit-options section {
  margin-bottom: 40px;
}
.new-funnel .connected-profile-form p,
.connected-text-block p {
  margin-bottom: 1rem;
}
.new-funnel .connected-profile-form .connected-additional-text,
.connected-text-block .connected-additional-text {
  color: #646464;
  font-size: 14px;
  margin-bottom: 1.5rem;
}
.new-funnel .connected-profile-form .connected-additional-link,
.connected-text-block .connected-additional-link {
  color: #b1b1b1;
  font-size: 14px;
  margin-bottom: 1.5rem;
}
.new-funnel .connected-profile-form .connected-additional-link a,
.connected-text-block .connected-additional-link a {
  color: inherit;
  text-decoration: underline;
}
.new-funnel .connected-profile-form .connected-additional-link a:hover,
.connected-text-block .connected-additional-link a:hover {
  color: #979797;
}
.new-funnel .connected-profile-form .connected-label,
.connected-text-block .connected-label {
  margin-bottom: 1rem;
}
.new-funnel .connected-profile-form,
#connected-login {
  -webkit-box-shadow: inset 0 -6px 8px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 -6px 8px rgba(0, 0, 0, 0.02);
  background-color: #f7f7f7;
  border-radius: 12px;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/tandems/reg-background.png");
  background-size: 360px auto;
  background-repeat: no-repeat;
  background-position: right -20px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 40px 40px 20px;
  position: relative;
}
@media screen and (max-width: 560px) {
  .new-funnel .connected-profile-form,
  #connected-login {
    background-position: 80px -30px;
  }
}
@media screen and (min-width: 561px) and (max-width: 768px) {
  .new-funnel .connected-profile-form,
  #connected-login {
    background-position: right -40px;
  }
}
.new-funnel .connected-profile-form:before,
#connected-login:before {
  display: block;
  content: "";
  position: absolute;
  top: -20px;
  left: 40px;
  border-right: 15px solid #fff;
  border-left: 15px solid #fff;
  border-bottom: 20px solid #f7f7f7;
}
.new-funnel .connected-profile-form button,
#connected-login button {
  border-radius: 8px;
}
.new-funnel .connected-profile-form input,
.new-funnel .connected-profile-form select,
#connected-login input,
#connected-login select {
  border-radius: 4px;
}
.new-funnel .connected-profile-form .connected-loader,
#connected-login .connected-loader {
  text-align: center;
}
.new-funnel .connected-profile-form .connected-loader:not(.hide) .loading-img,
#connected-login .connected-loader:not(.hide) .loading-img {
  margin: 20px 0;
  max-width: 30px;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
}
@-webkit-keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#connected-login {
  background-size: 360px auto;
  background-position: right -40px;
  margin-bottom: 20px;
}
#connected-login:before {
  display: none;
}
.new-funnel .connected-profile-form .connected-errors,
#connected-login .connected-errors,
.connected-confirm-school-change {
  background-color: #d9604f;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 20px;
  width: 100%;
}
.new-funnel .connected-profile-form .connected-errors a,
#connected-login .connected-errors a,
.connected-confirm-school-change a {
  color: #fff;
  text-decoration: underline;
}
#connected-login.connect-to-library .connected-errors {
  margin-left: 20px;
  margin-right: 20px;
}
.connected-confirm-school-change {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.connected-confirm-school-change.hide {
  display: none;
}
.connected-confirm-school-change .school-change-text {
  width: 70%;
}
.connected-confirm-school-change #cancel-school-change {
  background-color: transparent;
  border: 1px solid white;
  color: white;
  width: 20%;
}
.connected-confirm-school-change #cancel-school-change:hover {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
.connected-text-block .connected-label {
  margin-top: 1rem;
}
.new-funnel .connected-profile-authorized .authorized-message {
  text-align: center;
  padding-top: 10px;
}
.new-funnel .connected-login-fields {
  display: flex;
  align-content: stretch;
}
.new-funnel .connected-login-fields.hide {
  display: none;
}
.new-funnel .connected-login-fields .connected-login-fields-left {
  width: 50%;
  padding-right: 30px;
}
.new-funnel .connected-login-fields .connected-login-fields-right {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .new-funnel .connected-login-fields {
    display: block;
  }
  .new-funnel .connected-login-fields .connected-login-fields-left,
  .new-funnel .connected-login-fields .connected-login-fields-right,
  .new-funnel .connected-login-fields .connected-login-fields-right button {
    width: 100%;
  }
  .new-funnel .connected-login-fields .connected-login-fields-left {
    padding-left: 0;
  }
  .new-funnel .connected-login-fields .connected-login-fields-right button {
    margin-right: 0;
  }
}
#connected-login.connect-to-library .connected-new-account,
#connected-login.connect-to-library .connected-login-fields {
  display: inline-block;
  width: 45%;
}
#connected-login.connect-to-library .connected-new-account button,
#connected-login.connect-to-library .connected-new-account input,
#connected-login.connect-to-library .connected-login-fields button,
#connected-login.connect-to-library .connected-login-fields input {
  width: 100%;
}
#connected-login.connect-to-school {
  padding-bottom: 30px;
  padding-top: 30px;
}
#connected-login .connected-content.hide {
  display: none !important;
}
#connected-login .connected-content .avatar {
  margin: 0 auto;
  width: 80px;
}
#connected-login .connected-content .avatar .avatar--image,
#connected-login .connected-content .avatar .avatar--initials {
  border-radius: 100px;
  margin-bottom: 10px;
}
#connected-login .connected-content .avatar .avatar--initials {
  background-color: #eee;
  padding: 27px 0;
}
#connected-login .connected-content .connected-additional-select select {
  background-color: #ffffff;
}
#connected-login .connected-content .connected-login-fields button {
  width: 100%;
}
@media screen and (min-width: 960px) and (max-width: 1280px) {
  #connected-login .connected-content .connected-login-fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #connected-login .connected-content .connected-login-fields button {
    margin-right: 0;
    width: initial;
  }
  #connected-login .connected-content .connected-login-fields input {
    width: 40%;
    height: 48px;
    margin-bottom: 0;
  }
  #connected-login
    .connected-content
    .connected-login-fields
    input::-webkit-input-placeholder {
    font-size: 14px;
  }
  #connected-login
    .connected-content
    .connected-login-fields
    input::-moz-placeholder {
    font-size: 14px;
  }
  #connected-login
    .connected-content
    .connected-login-fields
    input:-ms-input-placeholder {
    font-size: 14px;
  }
  #connected-login
    .connected-content
    .connected-login-fields
    input:-moz-placeholder {
    font-size: 14px;
  }
}
#connected-login .connected-content .connected-profile-authorized {
  text-align: center;
}
#connected-login .connected-content .connected-profile-authorized.hide {
  display: none;
}
#connected-login .connected-content .connected-profile-authorized .avatar {
  display: inline-block;
  margin: 0 20px 0 0;
  text-align: center;
}
#connected-login
  .connected-content
  .connected-profile-authorized
  .avatar
  .avatar--initials {
  margin: 0;
}
#connected-login
  .connected-content
  .connected-profile-authorized
  .profile-info {
  font-weight: 600;
  margin: 0 auto;
}
#connected-login
  .connected-content
  .connected-profile-authorized
  .profile-info
  .authorized-message {
  text-align: center;
}
#connected-login .connected-content .revoked-access-link {
  margin: 0 auto;
  width: initial;
}
#connected-login .connected-content button + button {
  margin-right: 0;
}
@media screen and (max-width: 680px) {
  #connected-login .connected-content button + button {
    margin-top: 20px;
  }
}
#connected-login .profile-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#connected-login .profile-selector input:checked + .option-block {
  box-shadow: 0 0 0 3px #5599e1;
}
#connected-login .profile-selector .option-block {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 28px 42px;
  text-align: center;
  position: relative;
}
#connected-login .profile-selector .option-block label {
  text-align: center;
}
#connected-login .profile-selector .option-block .option--school {
  font-size: 14px;
  margin: 0 auto;
  max-width: 120px;
}
#connected-login .profile-selector .option-block .tandem-link {
  width: 40px;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 70px;
  right: 30px;
  border: 2px solid #eee;
  border-radius: 42px;
}
#connected-login .profile-selector .profile-option {
  margin-right: 20px;
}
#connected-login .profile-selector .profile-option:last-child {
  margin: 0;
}
#connected-login .profile-selector .profile-link-icon {
  background-color: #fff;
  border-radius: 30px;
}
#connected-login .profile-selector .profile-link-icon .link-img {
  max-width: 60px;
}
#connected-login .profile-creation-confirmation .connected-description {
  margin-bottom: 10px;
}
#connected-login .profile-creation-confirmation .connected-additional-text {
  color: #646464;
  font-size: 14px;
  margin-bottom: 1.5rem;
}
#connected-login .profile-confirmation #confirmation-btn,
#connected-login .profile-creation-confirmation #confirmation-btn,
#connected-login .profile-selection #confirmation-btn {
  padding-left: 30px;
  padding-right: 30px;
}
#connected-login .profile-confirmation .connected-label,
#connected-login .profile-creation-confirmation .connected-label,
#connected-login .profile-selection .connected-label {
  text-align: center;
}
#connected-login .profile-confirmation .option-block,
#connected-login .profile-creation-confirmation .option-block {
  min-height: 220px;
  width: 204px;
}
#connected-login.connect-to-library:not(.authorized) .connected-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#connected-login.connect-to-library .connected-content .connected-dividers {
  margin: 0 10px;
}
#connected-login.connect-to-library
  .connected-content
  .connected-dividers
  .connected-dividers--first,
#connected-login.connect-to-library
  .connected-content
  .connected-dividers
  .connected-dividers--last {
  height: 37.5%;
  background-color: #dcdcdc;
  width: 4px;
  border-radius: 8px;
  margin: 0 auto;
}
#connected-login.connect-to-library
  .connected-content
  .connected-dividers
  .connected-dividers--text {
  color: #dcdcdc;
  margin: 20px 0;
  text-transform: uppercase;
  font-weight: 600;
}
#connected-login.connect-to-library .connected-content .connected-new-account,
#connected-login.connect-to-library .connected-content .connected-login-fields {
  display: inline-block;
  width: 40%;
  margin: 0 auto;
  padding: 10px 0 18px;
}
#connected-login.connect-to-library
  .connected-content
  .connected-new-account
  button,
#connected-login.connect-to-library
  .connected-content
  .connected-new-account
  input,
#connected-login.connect-to-library
  .connected-content
  .connected-login-fields
  button,
#connected-login.connect-to-library
  .connected-content
  .connected-login-fields
  input {
  width: 100%;
}
#connected-login.connect-to-library
  .connected-content
  .connected-new-account
  input,
#connected-login.connect-to-library
  .connected-content
  .connected-login-fields
  input {
  margin-bottom: 20px;
}
#connected-login.connect-to-library .connected-content .connected-login--label,
#connected-login.connect-to-library .connected-content .connected-login--text {
  font-size: 16px;
}
#connected-login.connect-to-library .connected-content .connected-login--label {
  font-weight: 600;
  margin-bottom: 10px;
}
#connected-login.connect-to-library .connected-content .connected-login--text {
  font-weight: 400;
}
#connected-login.connect-to-library .connected-content .connected-new-account {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#connected-login.connect-to-library
  .connected-content
  .connected-new-account
  .connected-login--text {
  flex-grow: 1;
}
#connected-login.connect-to-library
  .connected-content
  .connected-new-account
  .new-account-btn {
  background-color: #fff;
  border: none;
  color: #326ece;
}
#connected-login.connect-to-library
  .connected-content
  .connected-new-account
  .new-account-btn:hover,
#connected-login.connect-to-library
  .connected-content
  .connected-new-account
  .new-account-btn:focus {
  background-color: #eee;
  border: none;
}
.profile.edit .small-gutter + .small-gutter {
  padding-left: 5px;
}
@media screen and (max-width: 900px) {
  .profile.edit #connected-login .profile-selector {
    display: block;
  }
  .profile.edit #connected-login .profile-selector .profile-option {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .profile.edit
    #connected-login
    .profile-selector
    .profile-option.profile-link-icon {
    margin-left: auto;
    margin-right: auto;
    width: 60px;
  }
  .profile.edit
    #connected-login
    .profile-selector
    .profile-option
    .option-block {
    margin: 0 auto;
  }
}
.user.edit #delete-user .infobox.errorbox {
  padding: 20px 50px;
}
.user.edit #delete-user .confirm-delete li {
  margin-left: 5px;
  position: relative;
}
.user.edit #delete-user .confirm-delete li::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  margin-right: 20px;
  border: 3px solid #efefef;
  border-radius: 4px;
  left: -6px;
  top: 8px;
}
.user.edit #delete-user .confirm-delete li .check {
  cursor: pointer;
  margin-right: 10px;
}
@media screen and (min-width: 1280px) {
  .user.edit #connected-login .profile-selector {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .user.edit #connected-login .profile-selector .profile-option {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .user.edit
    #connected-login
    .profile-selector
    .profile-option.profile-link-icon {
    margin-left: 20px;
    margin-right: 20px;
    width: 60px;
  }
  .user.edit #connected-login .profile-selector .profile-option .option-block {
    margin: 0 20px;
  }
}
#tfa .qr-method,
#tfa .email-method {
  margin-top: 10px;
}
#tfa .card-deck {
  margin-bottom: 24px;
}
#tfa .card-deck .card .card-header {
  border-bottom: none;
  margin-bottom: 32px;
}
#tfa .card-deck .card .card-header h2 {
  margin-bottom: 4px;
}
#tfa .card-deck .card .backup-codes {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 32px;
}
#tfa .card-deck .card .backup-codes p {
  background: #efefef;
  padding: 6px 8px;
  border-radius: 8px;
  margin-right: 10px;
  margin-bottom: 7px;
}
#tfa .card-deck .card .infobox div {
  width: 100%;
}
button {
  cursor: pointer;
}
button:focus {
  box-shadow: 0 0 0 3px #5599e1;
  outline: none !important;
}
.button {
  transition: all 0.13s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 8px;
  background: #fff;
  border: 2px solid;
  font-weight: inherit;
  font-family: inherit;
  font-size: 14px;
  padding: 0 20px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  -webkit-appearance: none;
}
.button:hover {
  text-decoration: none;
}
.button:focus {
  outline: none;
  color: #fff;
}
.button:active {
  transform: scale(0.96);
}
.button.secondary.external {
  display: flex;
  align-items: center;
  gap: 6px;
}
.button.secondary.external:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(//assets.beanstack-cdn.com/assets/icons/external-link-gray-d74fec55ab4edfd754a6d9746070949c91265a49b25d165220b9742016e3f35f.svg)
    no-repeat;
}
.button.primary.external {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 10px;
  border: var(--Bundle-Number, 2px) solid var(--Blue-B6, #1a6dd5);
  background: var(--Blue-B6, #1a6dd5);
  color: #ffffff;
}
.button.primary.external:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(//assets.beanstack-cdn.com/assets/icons/external-link-white-89037dfa2a4905cb8f66b41adf06562e277bd27e9aaee3dfa2042e7e3b71564b.svg)
    no-repeat;
}
.button.button--dropdown svg {
  stroke: #707070;
}
.button--small {
  height: 36px;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
}
.button--medium-small {
  height: 40px;
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 0.875rem;
}
.button--medium-small.button--dropdown {
  column-gap: 4px;
}
.button--medium-small.button--dropdown svg {
  width: 16px;
  height: 16px;
}
.button--medium {
  height: 44px;
}
.button--large {
  height: 52px;
  border-radius: 10px;
  font-size: 15px;
}
.button--large:focus-visible {
  outline: 2px solid #6dafff !important;
  outline-offset: 2px;
}
.button--primary:focus {
  color: #fff;
  outline: none;
}
.button--text {
  background: transparent;
  outline: none;
  color: #424242;
  border-color: transparent;
}
.button--text:hover {
  background-color: #f2f2f2;
  color: #424242;
  border-color: #f2f2f2;
}
.button--text:focus {
  box-shadow: 0 0 0 2.5px #f2f2f2;
  background-color: #c8c8c8;
  color: #2a2a2a;
  border-color: #c8c8c8;
}
.button--emphasis:focus {
  color: #fff;
  outline: none;
}
.button[disabled] {
  background-color: #eaeaea;
  color: #c8c8c8;
  border-color: #eaeaea;
  cursor: default;
}
.button[disabled]:hover {
  background-color: #eaeaea;
  color: #c8c8c8;
  border-color: #eaeaea;
}
.button--secondary {
  border-color: #e5e5e5;
  color: #424242;
}
.button--secondary:hover {
  background-color: #f5f5f5;
  color: #424242;
}
.button--secondary:focus {
  box-shadow: 0 0 0 2.5px #f2f2f2;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  outline: none;
  color: #424242;
}
.button--icon-right svg {
  margin-left: 10px;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.button--filled {
  position: relative;
  border-radius: 10px;
  font-size: 15px;
}
.callout .button {
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .callout .button {
    margin: 0 0.3125rem;
  }
}
.callout .button.secondary {
  color: #ffffff;
  border-color: #ffffff;
  background: none;
}
.callout .button.secondary:hover {
  color: #ffffff;
  border-color: #e8e8e8;
  background: none;
}
.callout .button.secondary:active {
  color: #ffffff;
  border-color: #d1d1d1;
  background: none;
}
.callout .button.secondary:focus {
  color: #ffffff;
  border-color: #e8e8e8;
  background: none;
}
.large-button {
  transition: all 0.13s ease;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #fff;
  font-weight: inherit;
  font-family: inherit;
  font-size: 20px;
  padding: 0 32px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  -webkit-appearance: none;
  border: none;
  font-weight: 800;
}
.large-button:hover {
  text-decoration: none;
}
.large-button:focus {
  outline: none;
  color: #fff;
}
.large-button:active {
  transform: translateY(2px);
}
.large-button--gray {
  background-color: #eaeaea;
  box-shadow: 0 4px 0 rgba(26, 26, 26, 0.03);
  color: #424242;
}
.large-button--gray:hover {
  background-color: #d9d9d9;
  color: #424242;
  box-shadow: 0 4px 0 rgba(26, 26, 26, 0.05);
}
.large-button--gray:active {
  box-shadow: none;
  color: #424242;
}
.large-button--gray:focus {
  background-color: #d9d9d9;
  color: #424242;
  box-shadow: 0 2px 0 rgba(26, 26, 26, 0.05), inset 0 0 0 2.5px #6dafff;
}
.bnstk-load-btn[disabled],
.bnstk-load-btn[disabled]:hover,
.bnstk-load-btn[data-loading],
.bnstk-load-btn[data-loading]:hover {
  cursor: default;
  border-color: #a3a3a3 !important;
  background-color: #a3a3a3 !important;
}
.bnstk-load-btn .bnstk-load-label {
  position: relative;
  z-index: 3;
}
.bnstk-load-btn .bnstk-load-icon {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  top: 25%;
  left: 25%;
  z-index: 2;
  margin-top: -8px;
  margin-left: -8px;
  pointer-events: none;
}
.bnstk-load-btn .bnstk-load-icon img {
  width: 16px !important;
  height: 16px !important;
}
.bnstk-load-btn[data-loading] .bnstk-load-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.bnstk-load-btn[data-style="zoom-in"] .bnstk-load-label,
.bnstk-load-btn[data-style="zoom-out"] .bnstk-load-label {
  display: inline-block;
}
.bnstk-load-btn[data-style="zoom-in"],
.bnstk-load-btn[data-style="zoom-in"] .bnstk-load-label,
.bnstk-load-btn[data-style="zoom-in"] .bnstk-load-icon,
.bnstk-load-btn[data-style="zoom-out"],
.bnstk-load-btn[data-style="zoom-out"] .bnstk-load-label,
.bnstk-load-btn[data-style="zoom-out"] .bnstk-load-icon {
  -webkit-transition: 0.3s ease all !important;
  -moz-transition: 0.3s ease all !important;
  -ms-transition: 0.3s ease all !important;
  -o-transition: 0.3s ease all !important;
  transition: 0.3s ease all !important;
}
.bnstk-load-btn[data-style="zoom-in"] .bnstk-load-icon {
  left: 50%;
  margin-left: -8px;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
}
.bnstk-load-btn[data-style="zoom-in"][data-loading] .bnstk-load-label {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -ms-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2);
}
.bnstk-load-btn[data-style="zoom-in"][data-loading] .bnstk-load-icon {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.bnstk-load-btn[data-style="zoom-out"] .bnstk-load-icon {
  left: 50%;
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5);
}
.bnstk-load-btn[data-style="zoom-out"][data-loading] .bnstk-load-label {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.bnstk-load-btn[data-style="zoom-out"][data-loading] .bnstk-load-icon {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
button.overlay-big-button,
a.overlay-big-button {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 120px;
  border-radius: 16px;
  border: none;
}
button.overlay-big-button:hover,
a.overlay-big-button:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
button.overlay-big-button:active,
a.overlay-big-button:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
button.overlay-big-button:focus,
a.overlay-big-button:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
button#activities-item-button.overlay-big-button,
a#activities-item-button.overlay-big-button {
  background-color: #dbf2e7;
}
button.overlay-big-button.logging,
a.overlay-big-button.logging {
  background-color: #ffecc8;
}
button.overlay-big-button.write-review-button,
a.overlay-big-button.write-review-button {
  background-color: #dde9f9;
}
@media only screen and (min-width: 80em) {
  button.overlay-big-button:hover,
  a.overlay-big-button:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  button.overlay-big-button:active,
  a.overlay-big-button:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  button.overlay-big-button:focus,
  a.overlay-big-button:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.themed-guide-card {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .themed-guide-card {
    width: auto;
  }
}
.translated-ltr .tpd-tooltip {
  margin-top: -39px !important;
}
.tpd-tooltip {
  position: absolute;
}
.tpd-tooltip,
.tpd-tooltip [class^="tpd-"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
.tpd-content-relative {
  width: 100%;
}
.tpd-content {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  font-family: "museo-sans-rounded", sans-serif;
  float: left;
  clear: both;
  position: relative;
  padding: 0.625rem 0.625rem 0.625rem 0.73rem;
  line-height: 16px;
  color: #fff;
  max-width: 540px;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content {
  padding-right: 0 !important;
}
.tpd-tooltip .tpd-content-no-padding {
  padding: 0 !important;
}
.tpd-title-wrapper {
  font-family: "museo-sans-rounded", sans-serif;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-title-spacer {
  float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
.tpd-title-relative {
  width: 100%;
}
.tpd-title {
  float: left;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.tpd-has-title-close .tpd-title {
  padding-right: 0 !important;
}
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
.tpd-close-icon {
  float: left;
  font-family: Arial, Baskerville, monospace;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
  display: none;
}
.tpd-visible-frame-top .tpd-frame-top {
  display: block;
}
.tpd-visible-frame-bottom .tpd-frame-bottom {
  display: block;
}
.tpd-visible-frame-left .tpd-frame-left {
  display: block;
}
.tpd-visible-frame-right .tpd-frame-right {
  display: block;
}
.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow {
  box-shadow: none !important;
}
.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem {
  display: none;
}
.tpd-no-stem .tpd-background-box-top {
  display: block;
}
.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.tpd-background {
  border-radius: 6px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-style: solid;
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255, 255, 255, 0.1);
}
.tpd-background-loading {
  display: none;
}
.tpd-no-radius
  .tpd-skin
  .tpd-frames
  .tpd-frame
  .tpd-backgrounds
  .tpd-background {
  border-radius: 0;
}
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #424242;
}
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #424242;
}
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}
.tpd-background-box-top {
  top: 0;
}
.tpd-background-box-bottom {
  bottom: 0;
}
.tpd-background-box-left {
  left: 0;
}
.tpd-background-box-right {
  right: 0;
}
.tpd-iframeshim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tpd-shift-stem-side {
  position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side {
  width: 100%;
}
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
  height: 100%;
}
.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 16px;
  height: 8px;
  margin-left: 3px;
  margin-top: 2px;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
  margin: 0 !important;
}
.tpd-stem-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer {
  margin-top: 0;
}
.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}
.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff;
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}
.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}
.tpd-stem * {
  z-index: 0;
  zoom: 1;
}
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1, 1);
  transform: rotate(-90deg) scale(-1, 1);
}
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1, -1) translate(0, -100%);
  transform: scale(1, -1) translate(0, -100%);
}
.tpd-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 36px;
}
.tpd-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 13px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
  box-sizing: border-box !important;
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
  display: none;
}
.tpd-is-loading .tpd-background {
  display: none;
}
.tpd-is-loading .tpd-background-loading {
  display: block;
}
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
  display: none;
}
.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper {
  display: block;
}
.tpd-tooltip a,
.tpd-tooltip a:hover {
  color: #808080;
  text-decoration: underline;
}
.tpd-tooltip a:hover {
  color: #6c6c6c;
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
input.ui-button {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-top: 1px #f7f1d5 solid;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-tabs {
  position: relative;
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-widget {
  font-family: arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  color: #424242;
}
.ui-widget-content a {
  color: #2858a5;
}
.ui-widget-header {
  border-bottom: 0 none;
  background: #424242 50% 50% repeat-x;
  color: #4dc4c8;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
.ui-datepicker-month,
.ui-datepicker-year {
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
  color: #ffffff;
  font-size: 16px;
}
.ui-datepicker {
  width: 344px;
  height: auto;
  margin: 5px auto 0;
  font: 9pt Arial, sans-serif;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.ui-datepicker a {
  text-decoration: none;
}
.ui-datepicker table {
  width: 100%;
}
.ui-datepicker-header {
  font-weight: bold;
  line-height: 30px;
}
.ui-datepicker-title {
  text-align: center;
  background: #326ece;
  padding: 1em 0;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  display: inline-block;
  width: 56px;
  height: 56px;
  text-align: center;
  cursor: pointer;
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
  position: relative;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
  position: absolute;
  top: 19px;
  left: 23px;
}
.ui-datepicker-prev {
  float: left;
  background-position: center -30px;
}
.ui-datepicker-prev span {
  position: absolute;
  left: 19px;
}
.ui-datepicker-next {
  float: right;
  background-position: center 0px;
}
.ui-datepicker-next-hover {
  background: #326ece;
}
.ui-datepicker thead {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f7f7f7),
    color-stop(100%, #f1f1f1)
  );
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  background-image: linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7',endColorstr='#f1f1f1',GradientType=0 );
  border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
  font-family: "museo-sans-rounded", sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 6pt;
  padding: 5px 0;
  color: #666666;
  text-shadow: 1px 0px 0px #fff;
  filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
  padding: 0;
  border-right: 1px solid #bbb;
  background: #dbdbdb;
}
.ui-datepicker tbody td:last-child {
  border-right: 0px;
}
.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  color: #424242;
}
.ui-datepicker-calendar {
  font-family: "museo-sans-rounded", sans-serif;
  border: none;
  margin-bottom: 0;
}
.ui-datepicker-calendar .ui-state-default {
  line-height: 46px;
  background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-hover {
  background: #f0f0f0;
}
.ui-datepicker-calendar .ui-state-active {
  background: #e85648;
  color: #ffffff;
  border: 1px solid #55838f;
  position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 100%;
  margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 100%;
  margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 100%;
  margin-bottom: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #cfcfcf;
  font-weight: normal;
  color: #424242;
  border: none;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
  background: #d6d6d6;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #424242;
  text-decoration: none;
}
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
  background: #477dd3;
  font-weight: normal;
  color: #2858a5;
  border: none;
  height: 54px;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #424242;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  font-weight: 700;
  color: #ffffff;
}
.ui-state-active:hover,
.ui-widget-content .ui-state-active:hover,
.ui-widget-header .ui-state-active:hover {
  font-weight: 700;
  color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #524534;
  text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #c2c2c2 50% 50% repeat-x;
  color: #424242;
  font-weight: 700;
}
.ui-state-highlight:hover,
.ui-widget-content .ui-state-highlight:hover,
.ui-widget-header .ui-state-highlight:hover {
  background: #c2c2c2 50% 50% repeat-x;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec
    url(//assets.beanstack-cdn.com/ui-bg_glass_95_fef1ec_1x400.png) 50% 50%
    repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled .ui-state-default,
.ui-widget-content .ui-state-disabled .ui-state-default,
.ui-widget-header .ui-state-disabled .ui-state-default {
  color: #a3a3a3;
  background: #e0e0e0;
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(//assets.beanstack-cdn.com/assets/ui-icons_222222_256x240-95c8d735868056d804f4a74732492f5a2317eae41c10fc1c9cbd06ea1ca0db6f.png);
}
.ui-widget-header .ui-icon {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png");
}
.ui-state-default .ui-icon {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png");
}
.ui-state-active .ui-icon {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/themes/ui-lightness/images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/themes/ui-lightness/images/ui-icons_ffd27a_256x240.png");
}
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: 0 -17px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: 0 0;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}
.ui-widget-overlay {
  background: #aaa
    url(//assets.beanstack-cdn.com/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
    repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa
    url(//assets.beanstack-cdn.com/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
    repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}
.owl-carousel,
.owl-carousel-events {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage,
.owl-carousel-events .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after,
.owl-carousel-events .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer,
.owl-carousel-events .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item,
.owl-carousel-events .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img,
.owl-carousel-events .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled,
.owl-carousel-events .owl-dots.disabled,
.owl-carousel-events .owl-nav.disabled {
  display: none;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev,
.owl-carousel-events .owl-dot,
.owl-carousel-events .owl-nav .owl-next,
.owl-carousel-events .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded,
.owl-carousel-events.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading,
.owl-carousel-events.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden,
.owl-carousel-events.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item,
.owl-carousel-events.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item,
.owl-carousel-events.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab,
.owl-carousel-events.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl,
.owl-carousel-events.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item,
.owl-carousel-events.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated,
.owl-carousel-events .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in,
.owl-carousel-events .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out,
.owl-carousel-events .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut,
.owl-carousel-events .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy,
.owl-carousel-events .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy,
.owl-carousel-events .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper,
.owl-carousel-events .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon,
.owl-carousel-events .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(//assets.beanstack-cdn.com/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover,
.owl-carousel-events .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel-events .owl-video-playing .owl-video-play-icon,
.owl-carousel-events .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn,
.owl-carousel-events .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame,
.owl-carousel-events .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-theme .owl-nav {
  margin-top: 1.25rem;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.infobox {
  color: #424242;
  font-size: 15px;
  line-height: 1.5;
  padding: 12px 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  width: 100%;
}
.infobox a {
  flex-shrink: 0;
}
.infobox p {
  font-size: 15px;
}
.infobox p:only-child,
.infobox p:last-child {
  margin-bottom: 0;
}
.infobox ul {
  font-size: 14px;
  line-height: 1.4;
  margin: 0.3125rem 0 0 1rem;
  list-style-type: disc;
}
.infobox ul li {
  margin-bottom: 0.15625rem;
}
.infobox ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.infobox .close-app-notification {
  position: absolute;
  top: 21px;
  right: 16px;
  border: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/plumpy/40/000000/delete-sign.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  padding: 0;
  background-color: transparent;
}
.infobox .close-app-notification:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  background-color: transparent;
}
.infobox .close-app-notification:active {
  opacity: 0.55;
  filter: alpha(opacity=55);
  background-color: transparent;
}
.infobox .close-app-notification:focus {
  background-color: transparent;
}
.infobox .close-app-notification span {
  display: none;
}
.primarybox {
  background: #cfe4fe;
  border-color: #cfe4fe;
}
.primarybox a.learn-more {
  border: 2px solid #8cbdfa;
  background-color: transparent;
  border-radius: 8px;
  padding: 8px 12px;
  white-space: nowrap;
}
.helpbox {
  background-color: #cfe4fe;
}
.helpbox a {
  color: #196dd5;
}
.helpbox .button {
  border-color: #8cbdfa;
  background-color: transparent;
  color: #196dd5;
  margin: 0 0 0 auto;
  height: 36px;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 8px;
}
.helpbox .button:hover {
  border-color: #65a6f6;
  color: #0d5cbe;
  background-color: transparent;
}
.helpbox .button:active,
.helpbox .button:focus {
  border-color: #4591ef;
  background-color: transparent;
  box-shadow: none;
  color: #0d5cbe;
}
.helpbox .button:focus-visible {
  outline-color: #4591ef;
}
.helpbox .button[disabled] {
  background-color: #8cbdfa;
}
.helpbox .button[disabled]:hover {
  border-color: #8cbdfa;
  color: #196dd5;
}
.helpbox .button[disabled]:active {
  border-color: #8cbdfa;
  color: #196dd5;
}
.alertbox {
  background-color: #ffe091;
}
.alertbox a {
  color: #895a04;
}
.successbox {
  background-color: #cbfce5;
}
.errorbox {
  background-color: #fdd2ce;
}
.greybox {
  border-color: #e5e5e5;
  background: #e5e5e5;
  text-align: center;
}
.infobox-icon {
  flex-shrink: 0;
}
.infobox-button {
  flex-shrink: 0;
}
.infobox-text {
  flex: 1;
  font-weight: 500;
}
.helpbox-icon,
.primarybox-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/40/196dd5/information.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.alertbox-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/40/ab720a/alarm.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.errorbox-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/40/df3f30/high-importance.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.successbox-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent-systems-filled/40/04914f/checkmark--v1.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.button.errorbox-button {
  border-color: #f6968d;
  background-color: transparent;
  color: #d12c1d;
}
.button.errorbox-button:hover {
  border-color: #f07367;
  color: #ba1e0f;
  background-color: transparent;
}
.button.errorbox-button:active,
.button.errorbox-button:focus {
  border-color: #e85648;
  background-color: transparent;
  box-shadow: none;
  color: #ba1e0f;
}
.button.errorbox-button:focus-visible {
  outline-color: #e85648;
}
.button.errorbox-button[disabled] {
  background-color: #f6968d;
}
.button.errorbox-button[disabled]:hover {
  border-color: #f6968d;
  color: #d12c1d;
}
.button.errorbox-button[disabled]:active {
  border-color: #f6968d;
  color: #d12c1d;
}
.messages {
  display: none;
  position: fixed;
  color: #424242;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 100000;
}
@media screen and (min-width: 500px) {
  .messages {
    bottom: 16px;
    right: 16px;
    left: auto;
  }
}
@media screen and (min-width: 750px) {
  .messages {
    bottom: 32px;
    right: 32px;
  }
}
.messages ul {
  margin-bottom: 0;
}
@media screen and (min-width: 500px) {
  .messages ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
.messages .success,
.messages .error,
.messages .notice {
  padding: 16px;
  background-color: #424242;
  color: #fff;
  box-shadow: 0 5px 20px rgba(26, 26, 26, 0.13);
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 500px) {
  .messages .success,
  .messages .error,
  .messages .notice {
    min-width: 300px;
    max-width: 450px;
    margin-top: 16px;
  }
}
.messages .success::before,
.messages .error::before,
.messages .notice::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-right: 12px;
  margin-top: 2px;
  flex-shrink: 0;
}
.messages .success p,
.messages .error p,
.messages .notice p {
  display: none;
}
.messages .success {
  background-color: #087542;
  box-shadow: 0 5px 20px rgba(11, 168, 95, 0.15);
}
.messages .success::before {
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Checkmark.svg")
    no-repeat;
}
.messages .error {
  background-color: #ab3f35;
  box-shadow: 0 5px 20px rgba(232, 86, 72, 0.15);
}
.messages .error::before {
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Error.svg")
    no-repeat;
}
.messages .notice {
  background-color: #ffbc42;
  box-shadow: 0 5px 20px rgba(255, 188, 66, 0.3);
  color: #424242;
}
.messages .notice::before {
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Warning.svg")
    no-repeat;
}
.messages a.success,
.messages a.error,
.messages a.notice {
  text-decoration: underline;
  display: flex;
}
.messages a.success:hover,
.messages a.error:hover,
.messages a.notice:hover {
  transition: transform 0.13s ease;
  transform: translateY(-2px);
}
.messages a.success:focus,
.messages a.error:focus,
.messages a.notice:focus {
  transform: translateY(-2px);
}
.messages a.success:focus {
  box-shadow: 0 0 0 2.5px #6dafff, 0 5px 20px rgba(11, 168, 95, 0.15);
}
.messages a.error:focus {
  box-shadow: 0 0 0 2.5px #6dafff, 0 5px 20px rgba(232, 86, 72, 0.15);
}
.messages a.notice:focus {
  box-shadow: 0 0 0 2.5px #6dafff, 0 5px 20px rgba(255, 188, 66, 0.3);
}
.filter-limit-notice {
  display: none;
  position: fixed;
  padding: 16px;
  background-color: #ffbc42;
  color: #424242;
  box-shadow: 0 5px 20px rgba(255, 188, 66, 0.3);
  font-size: 14px;
  line-height: 1.5;
  border-radius: 10px;
  z-index: 55000;
  right: 16px;
  bottom: 16px;
  left: 16px;
  align-items: flex-start;
}
@media screen and (min-width: 500px) {
  .filter-limit-notice {
    bottom: 16px;
    right: 16px;
    left: auto;
    min-width: 300px;
    max-width: 450px;
  }
}
@media screen and (min-width: 750px) {
  .filter-limit-notice {
    bottom: 32px;
    right: 32px;
  }
}
.filter-limit-notice::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-right: 12px;
  margin-top: 2px;
  flex-shrink: 0;
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Warning.svg")
    no-repeat;
}
#error_explanation {
  background: #fce6e4;
  color: #ab3f35;
  padding: 12px;
  border-radius: 12px;
  margin-bottom: 18px;
}
#error_explanation h2 {
  display: none;
}
#error_explanation ul {
  margin-bottom: 2.5rem;
}
#error_explanation ul:before {
  font-weight: 700;
  display: block;
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
  content: "Oops! We found some errors:";
}
#error_explanation li {
  font-weight: 700;
  text-align: center;
  color: #e85648;
  border-bottom: 1px solid #e0e0e0;
  padding: 18px;
}
#error_explanation li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#book-logger-form {
  position: relative;
}
#logger-message,
#reviewer-message,
#address-form-message {
  display: none;
  position: fixed;
  padding: 16px;
  background-color: #087542;
  color: #fff;
  box-shadow: 0 5px 20px rgba(11, 168, 95, 0.15);
  font-size: 14px;
  line-height: 1.5;
  border-radius: 10px;
  z-index: 70000;
  right: 16px;
  bottom: 16px;
  left: 16px;
  align-items: flex-start;
}
@media screen and (min-width: 500px) {
  #logger-message,
  #reviewer-message,
  #address-form-message {
    bottom: 16px;
    right: 16px;
    left: auto;
    min-width: 300px;
    max-width: 450px;
  }
}
@media screen and (min-width: 750px) {
  #logger-message,
  #reviewer-message,
  #address-form-message {
    bottom: 32px;
    right: 32px;
  }
}
#logger-message::before,
#reviewer-message::before,
#address-form-message::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-right: 12px;
  margin-top: 2px;
  flex-shrink: 0;
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Checkmark.svg")
    no-repeat;
}
#logger-message.logger-error,
#reviewer-message.logger-error,
#address-form-message.logger-error {
  background-color: #ab3f35;
  box-shadow: 0 5px 20px rgba(182, 43, 37, 0.2);
}
#logger-message.logger-error::before,
#reviewer-message.logger-error::before,
#address-form-message.logger-error::before {
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Error.svg")
    no-repeat;
}
#personalization-loading {
  display: none;
  font-weight: 700;
  position: fixed;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
  background-color: #424242;
  left: 20px;
  bottom: 20px;
  z-index: 55000;
  padding: 0.625rem 1.25rem;
}
#points-notification {
  position: fixed;
  z-index: 1000000;
  left: 20px;
  bottom: 20px;
}
@media only screen and (max-width: 39.938em) {
  #points-notification {
    left: 50%;
  }
}
#points-notification .earned-points-wrap {
  display: none;
  text-align: center;
  width: 144px;
  height: 144px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -568px -95px;
}
@media only screen and (max-width: 39.938em) {
  #points-notification .earned-points-wrap {
    margin-left: -72px;
  }
}
#points-notification .earned-points {
  display: none;
  font-weight: 700;
  position: relative;
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  color: #ffffff;
  top: 32%;
}
#points-notification .earned-points:before {
  position: relative;
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  display: inline-block;
  content: "+";
  top: -4px;
  margin-right: 4px;
}
#update-address-notification {
  position: relative;
  border-top: 1px solid #e0e0e0;
  padding-top: 2.5rem;
  margin-top: 2.5rem;
}
#update-address-notification .icon-image {
  width: 60px;
  height: 48px;
  margin: 0 auto 1.25rem auto;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -491px -605px;
}
#update-address-notification h2 {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.3125rem;
}
#update-address-notification .address-divide {
  background: #424242;
  width: 16px;
  height: 2px;
  margin: 1rem auto;
}
#update-address-notification p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
#update-address-notification p a {
  display: block;
}
.header {
  position: fixed;
  width: 100%;
  z-index: 600;
  top: 0;
  left: 0;
  box-shadow: 0 2px 5px rgba(26, 26, 26, 0.05);
}
@media print {
  .header {
    position: relative;
  }
}
.top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  background-color: #fff;
  height: 64px;
  z-index: 600;
  top: 0;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 900px) {
  .top-bar {
    padding: 0 32px;
  }
}
@media print {
  .top-bar {
    padding: 0;
  }
}
.top-bar .log-dropdown {
  display: none;
}
@media screen and (min-width: 900px) {
  .top-bar .log-dropdown {
    display: inline-flex;
  }
}
.top-bar--nav-open {
  border-bottom: 1px solid #f2f2f2;
}
.top-bar__secondary {
  display: none;
}
@media screen and (min-width: 900px) {
  .top-bar__secondary {
    display: flex;
    align-items: center;
  }
}
.top-bar__user-actions {
  display: flex;
}
.logo {
  max-height: 44px;
  max-width: 180px;
  display: inline-block;
}
.logo:focus {
  box-shadow: 0 0 0 2.5px #6dafff;
  outline: none;
}
.logo:hover img {
  opacity: 0.8;
}
.logo img {
  transition: opacity 0.13s ease;
  max-height: 44px;
  max-width: 180px;
}
.header__below-bar {
  background-color: #fff;
  height: 64px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 24px;
  border-top: 1px solid #f2f2f2;
}
@media screen and (min-width: 900px) {
  .header__below-bar {
    display: none;
  }
}
.header__below-bar .log-dropdown {
  display: block;
}
@media screen and (min-width: 900px) {
  .header__below-bar .log-dropdown {
    display: none;
  }
}
.below-bar__user-actions {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
@media screen and (min-width: 900px) {
  .below-bar__user-actions {
    display: none;
  }
}
.navigation {
  background-color: #fff;
  box-shadow: 0 4px 22px rgba(26, 26, 26, 0.1);
  border-radius: 0 0 8px 8px;
  padding: 32px 0 10px;
  margin-top: -22px;
  position: absolute;
  font-size: 14px;
  width: 100%;
  z-index: 599;
}
@media screen and (min-width: 900px) {
  .navigation {
    background-color: #fff;
    box-shadow: none;
    height: 64px;
    font-size: 15px;
    text-align: center;
    margin: 0;
    padding: 0;
    position: relative;
    border-radius: 0;
    top: 0;
    border-top: 1px solid #f2f2f2;
  }
}
.navigation ul {
  height: 100%;
  font-size: 15px;
  margin-bottom: 0;
}
@media screen and (min-width: 900px) {
  .navigation ul {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 900px) {
  .navigation li {
    display: inline-block;
    height: 100%;
  }
}
.navigation__link {
  display: block;
  padding: 10px 20px;
  color: #424242;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 900px) {
  .navigation__link {
    transition: color 0.13s ease;
    display: inline-block;
    margin: 0 20px;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: #656565;
  }
}
.navigation__link:hover {
  text-decoration: none;
}
@media screen and (min-width: 900px) {
  .navigation__link:hover {
    color: #2a2a2a;
    background-color: transparent;
  }
}
.navigation__link:hover::after {
  transform: scaleY(1);
}
.navigation__link:focus {
  outline: none;
  color: #2a2a2a;
}
.navigation__link:focus::after {
  transform: scaleY(1);
}
.navigation__link::after {
  transition: all 0.13s ease;
  content: none;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #c8c8c8;
  transform: scaleY(0);
  transform-origin: bottom;
}
@media screen and (min-width: 900px) {
  .navigation__link::after {
    content: "";
  }
}
.navigation__link .friends-new-tag {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background-color: #e85648;
  padding: 0 5px;
  border-radius: 10px;
  margin-left: 5px;
}
.navigation__link .friends-new-tag.hide {
  display: none;
}
@media (max-width: 900px) {
  .navigation__link .friends-new-tag {
    position: relative;
    top: -2px;
  }
}
.new-tag {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background-color: #e85648;
  padding: 0 5px;
  border-radius: 10px;
  margin-left: 5px;
}
.new-tag.hide {
  display: none;
}
@media (max-width: 900px) {
  .new-tag {
    position: relative;
    top: -2px;
  }
}
@media screen and (min-width: 900px) {
  .navigation__link.active {
    color: #2a2a2a;
    background-color: transparent;
    border-radius: 10px;
  }
}
@media screen and (min-width: 900px) {
  .navigation__link.active::after {
    transform: scaleY(1);
  }
}
.top-bar__primary {
  display: flex;
  align-items: center;
}
.top-bar__user-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top-bar__settings-icon {
  margin-bottom: 0;
  background-color: transparent;
}
.top-bar__settings-icon:hover,
.top-bar__settings-icon:focus {
  background-color: transparent;
}
.reader-avatar {
  font-family: "museo-sans-rounded", sans-serif;
  height: 40px;
  border-radius: 50%;
  font-weight: 800;
  font-size: 14px;
  background-color: #fce6e4;
  line-height: 40px;
  color: #ab3f35;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.top-bar__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.top-bar__switch {
  margin-right: 8px;
}
@media (max-width: 1000px) {
  .top-bar__switch {
    padding: 8px !important;
  }
  .top-bar__switch.icon-button--medium {
    margin-right: 0;
  }
  .top-bar__switch svg {
    margin-right: 0 !important;
  }
  .top-bar__switch .icon-button__text {
    display: none;
  }
}
.top-bar__switch.icon-button--medium {
  margin-right: 16px;
}
.top-bar__switch.icon-button--medium .icon-button__text {
  display: none;
}
a.skip-nav {
  text-decoration: none;
}
a.skip-nav:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  width: auto;
  top: 5px;
  left: 5px;
  background: #fff;
  margin: 0;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  padding: 10px;
  outline: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  border-bottom: 2.5px solid #6dafff;
  color: #424242;
  border-radius: 0px;
}
.reader-dropdown-trigger {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  background-color: #fce6e4;
  border-radius: 20px;
  font-family: "museo-sans-rounded", sans-serif;
  position: relative;
  height: 40px;
}
.reader-dropdown-trigger:hover {
  background-color: #fad8d4;
}
.reader-dropdown-trigger:hover .reader-avatar {
  background-color: #fad8d4;
}
.reader-dropdown-trigger:focus {
  outline: none;
  background-color: #fad8d4;
  box-shadow: none;
}
.reader-dropdown-trigger:focus::after {
  opacity: 1;
}
.reader-dropdown-trigger:focus .reader-avatar {
  background-color: #fad8d4;
}
.reader-dropdown-trigger::after {
  box-shadow: 0 0 0 2.5px #fce6e4;
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: transparent;
  border-radius: 40px;
  opacity: 0;
  pointer-events: none;
}
.reader-dropdown-trigger .reader-avatar {
  width: 46px;
  height: 46px;
  border: 3px solid #fff;
  margin: -4px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.25;
  font-size: 0.8125rem;
}
@media screen and (max-width: 639px) {
  .reader-dropdown-trigger .reader-avatar {
    display: none;
  }
}
.reader-dropdown__name {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
  padding: 0 20px 0 12px;
  font-size: 14px;
  font-weight: 800;
  color: #ab3f35;
}
@media screen and (max-width: 639px) {
  .reader-dropdown__name {
    padding-left: 20px;
  }
}
#reader-dropdown {
  width: calc(100vw - 32px);
  max-width: calc(100vw - 32px);
  left: 16px;
  right: 16px;
  top: 128px;
  padding-bottom: 0;
}
@media screen and (min-width: 500px) {
  #reader-dropdown {
    width: 360px;
    max-width: 360px;
    top: calc(100% + 16px);
    left: auto;
    right: 0;
  }
}
.reader-dropdown {
  position: static !important;
  margin-right: 16px;
}
@media screen and (min-width: 500px) {
  .reader-dropdown {
    position: relative !important;
  }
}
.reader-dropdown__current-reader {
  padding: 10px 20px 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.reader-dropdown__current-reader .reader-avatar__edit:focus {
  box-shadow: inset 0 0 0 2.5px #6dafff;
  outline: none;
}
.reader-avatar--large {
  width: 72px;
  height: 72px;
  font-size: 18px;
  line-height: 72px;
  text-align: center;
}
.reader-avatar--large img {
  width: 72px;
  height: 72px;
}
.reader-avatar--medium {
  width: 40px;
  height: 40px;
}
.reader-avatar--medium img {
  width: 40px;
  height: 40px;
}
.current-reader__info {
  display: flex;
  align-items: center;
}
.current-reader__name {
  font-size: 16px;
  font-weight: 900;
  margin-left: 16px;
}
.current-reader__edit {
  height: 32px;
  padding: 9px 13px;
  border-radius: 5px;
  line-height: normal;
}
.reader-dropdown__other-readers {
  padding-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #f2f2f2;
}
.other-reader__info {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.other-reader__name {
  max-width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 16px;
}
.reader-dropdown__add {
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #f2f2f2;
}
.reader-avatar-container {
  position: relative;
  width: 72px;
}
.reader-avatar__edit {
  transition: background-color 0.13s ease;
  position: absolute;
  width: 36px;
  height: 36px;
  border: solid 4px #fff;
  background-color: #eaeaea;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -8px;
  bottom: -8px;
}
.reader-avatar__edit:hover {
  background-color: #d9d9d9;
}
.reader-avatar__edit:active,
.reader-avatar__edit:focus {
  background-color: #d9d9d9;
  border-color: #fff;
  transform: none;
}
.reader-avatar__edit:focus {
  box-shadow: 0 0 0 2.5px #6dafff;
  outline: none;
}
.reader-avatar__edit svg {
  width: 14px;
  height: 14px;
  fill: #656565;
}
.top-bar__navigation-trigger {
  background-color: transparent;
  margin: 0;
}
@media screen and (min-width: 900px) {
  .top-bar__navigation-trigger {
    display: none !important;
  }
}
.top-bar__navigation-trigger:hover,
.top-bar__navigation-trigger:focus {
  background-color: transparent;
}
.top-bar__navigation-trigger.is-open .open-icon,
.top-bar__navigation-trigger.is-open .icon-button__feature-dot {
  display: none;
}
.top-bar__navigation-trigger.is-open .close-icon {
  display: block;
}
.top-bar__navigation-trigger .close-icon {
  display: none;
}
.top-bar__navigation-trigger .open-icon {
  display: block;
}
@media screen and (min-width: 900px) {
  .log-dropdown {
    margin-left: 24px;
  }
}
@media screen and (min-width: 900px) {
  .navigation--signed-out {
    display: none;
  }
}
.top-bar__logged-out-buttons {
  display: flex;
  align-items: center;
}
.top-bar__logged-out-buttons .button {
  margin-left: 10px;
}
.top-bar__funnel {
  display: none;
}
@media screen and (min-width: 750px) {
  .top-bar__funnel {
    display: block;
  }
}
@media screen and (min-width: 900px) {
  .top-bar__funnel {
    display: none;
  }
}
.top-bar__secondary .programs-funnel {
  display: none;
}
@media screen and (min-width: 900px) {
  .top-bar__secondary .programs-funnel {
    display: block;
  }
}
.top-bar__secondary-small {
  display: flex;
  align-items: center;
}
#sandbox-mode {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%;
  pointer-events: none;
}
#sandbox-mode div {
  color: #826022;
  font-weight: 700;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 10px 10px 0 0;
  background: #ffbc42;
}
.app-main-header {
  width: 100%;
  max-width: 100%;
  background: #ffffff;
}
.app-main-header:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 80em) {
  .app-main-header {
    position: fixed;
    top: 0;
    z-index: 1000;
  }
}
.app-main-header .main-header__primary {
  border-bottom: 1px solid #e8e8e8;
  padding: 0.9375rem 1.25rem 0.3125rem;
}
@media screen and (min-width: 580px) {
  .app-main-header .main-header__primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.625rem 1.25rem;
  }
}
@media screen and (min-width: 990px) {
  .app-main-header .main-header__primary {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.app-main-header .main-header__secondary {
  border-bottom: 1px solid #e8e8e8;
  padding: 0.625rem 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.app-main-header .logo {
  text-align: center;
  position: relative;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 580px) {
  .app-main-header .logo {
    margin: 0 1.5rem 0 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
}
.app-main-header .logo h1 {
  margin: 0;
  line-height: 1;
}
.app-main-header .logo img {
  max-height: 44px;
  max-width: 100%;
}
.app-main-header .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 360px) {
  .app-main-header .actions {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 580px) {
  .app-main-header .actions {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.app-main-header .actions .button {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 5px;
}
@media screen and (min-width: 580px) {
  .app-main-header .actions .button {
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 360px) {
  .app-main-header .actions .settings-text {
    display: none;
  }
}
@media screen and (min-width: 360px) {
  .app-main-header .button--settings {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
}
@media screen and (min-width: 360px) {
  .app-main-header .button--settings .settings-text,
  .app-main-header .button--settings .dropdown-arrow {
    display: none;
  }
}
@media screen and (min-width: 360px) {
  .app-main-header .button--settings .icon {
    margin-right: 0 !important;
  }
}
.app-main-header .actions--logged-out ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
  width: 100%;
}
.app-main-header .actions--logged-out li {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-bottom: 10px;
}
@media screen and (min-width: 580px) {
  .app-main-header .actions--logged-out li {
    margin-bottom: 0;
  }
}
.app-main-header .account-controls ul {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-main-header .account-controls .user-dropdown,
.app-main-header .account-controls .account-controls__edit-reader,
.app-main-header .account-controls .account-controls__switch-sites {
  display: inline-block;
}
.app-main-header .account-controls .account-controls__edit-reader,
.app-main-header .account-controls .account-controls__switch-sites {
  margin-left: 5px;
}
.app-main-header .account-controls .account-controls__edit-reader a,
.app-main-header .account-controls .account-controls__switch-sites a {
  font-weight: bold;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #424242;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 5px 10px;
  border-radius: 8px;
  transition: all 0.12s ease-in-out;
}
.app-main-header .account-controls .account-controls__edit-reader a:hover,
.app-main-header .account-controls .account-controls__switch-sites a:hover {
  background-color: #e8e8e8;
  color: #000000;
  text-decoration: none;
}
.app-main-header .account-controls .account-controls__edit-reader a:focus,
.app-main-header .account-controls .account-controls__switch-sites a:focus {
  box-shadow: 0 0 0 3px #5599e1;
  outline: none !important;
}
.app-main-header .account-controls .account-controls__edit-reader a svg,
.app-main-header .account-controls .account-controls__switch-sites a svg {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-right: 5px;
  font-size: 14px;
}
.app-main-header .account-controls .button--account-bar {
  padding: 5px 12px 5px 8px;
  margin-right: 0;
}
.app-main-header
  .account-controls
  .button--account-bar:not(.button--unclickable):focus {
  box-shadow: 0 0 0 3px #5599e1;
  outline: none !important;
}
.app-main-header .account-controls .button--account-bar .dropdown-arrow {
  margin-left: 0.9375rem;
  border-top: 4px solid #c8c8c8;
}
.app-main-header .account-controls .button--account-bar.open {
  border-radius: 8px 8px 0 0;
}
.app-main-header .account-controls .button--account-bar .reader-name {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-main-header .account-controls .button--account-bar .action-name {
  text-align: center;
}
.app-main-header .account-controls .button--account-bar:hover,
.app-main-header .account-controls .button--account-bar:focus,
.app-main-header .account-controls .button--account-bar:active {
  background-color: transparent;
  border-color: #ededed;
}
.app-main-header .account-controls .account-controls__avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  margin-right: 0.5rem;
}
.app-main-header .account-controls .item__reader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 8px;
}
.app-main-header .navigation-trigger {
  width: auto;
  margin-right: 0;
  background-color: transparent;
  border-color: transparent;
}
@media screen and (min-width: 990px) {
  .app-main-header .navigation-trigger {
    display: none;
  }
}
.app-main-header .navigation-trigger:hover,
.app-main-header .navigation-trigger:active,
.app-main-header .navigation-trigger:focus {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.app-main-header .navigation-trigger svg {
  fill: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 21px;
  height: 21px;
}
.app-main-header .main-header__secondary .main-header__reader-navigation {
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-top: 1px solid #f2f2f2;
  margin-top: 10px;
  padding-top: 10px;
  display: none;
}
@media screen and (min-width: 990px) {
  .app-main-header .main-header__secondary .main-header__reader-navigation {
    display: block;
    width: auto;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}
@media screen and (min-width: 990px) {
  .app-main-header
    .main-header__secondary
    .main-header__reader-navigation
    .navigation-list {
    margin-bottom: 0;
  }
}
.app-main-header .main-header__secondary .main-header__reader-navigation li {
  display: block;
  margin-top: 10px;
}
@media screen and (min-width: 990px) {
  .app-main-header .main-header__secondary .main-header__reader-navigation li {
    display: inline-block;
    margin-top: 0;
  }
}
.app-main-header
  .main-header__secondary
  .main-header__reader-navigation
  li.active
  a {
  color: #fff;
}
.app-main-header .main-header__secondary .main-header__reader-navigation a {
  padding: 5px 10px;
  display: block;
  border-radius: 8px;
  font-weight: bold;
  color: #424242;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.75rem;
  transition: all 0.12s ease-in-out;
}
.app-main-header
  .main-header__secondary
  .main-header__reader-navigation
  a:hover {
  background-color: #e8e8e8;
  color: #000000;
  text-decoration: none;
}
.app-main-header
  .main-header__secondary
  .main-header__reader-navigation
  a:focus {
  box-shadow: 0 0 0 3px #5599e1;
  outline: none !important;
}
#profile-dropdown li,
#account-dropdown li {
  width: 100%;
  max-width: 100%;
}
#profile-dropdown .category,
#account-dropdown .category {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  padding: 0.5rem 1rem;
}
@media only screen and (min-width: 80em) {
  #profile-dropdown .category,
  #account-dropdown .category {
    padding-left: 1.75rem;
  }
}
#profile-dropdown a,
#account-dropdown a {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  color: #757575;
  line-height: 1;
  padding: 0.5rem 1rem;
}
@media only screen and (min-width: 80em) {
  #profile-dropdown a,
  #account-dropdown a {
    padding-left: 1.75rem;
  }
  #profile-dropdown a:hover,
  #account-dropdown a:hover {
    color: #424242;
  }
}
.user-dropdown {
  position: relative;
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  #account-dropdown {
    width: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 80em) {
  #account-dropdown {
    width: 9.125rem;
    margin-left: -1.75rem;
  }
}
.dropdown-arrow {
  position: relative;
  display: inline-block;
  top: -2px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #424242;
  margin-left: 0.5rem;
}
.actions button .dropdown-arrow,
.actions .button .dropdown-arrow {
  border-top-color: #ffffff;
}
.actions button.secondary .dropdown-arrow,
.actions .button.secondary .dropdown-arrow {
  border-top-color: #424242;
}
ul.f-dropdown {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none;
  padding: 1rem 0;
}
ul.f-dropdown:before,
ul.f-dropdown:after {
  display: none;
}
ul.f-dropdown li {
  display: block;
}
ul.f-dropdown li:hover {
  background: #ffffff;
  cursor: default;
}
ul.f-dropdown li a {
  text-align: left;
  color: #757575;
  line-height: 1;
  padding: 0.5rem 1rem;
}
ul.f-dropdown li a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 80em) {
  ul.f-dropdown li a:hover {
    color: #424242;
    background-color: #f7f7f7;
  }
}
ul.f-dropdown li a:active {
  background-color: #f7f7f7;
}
@media only screen and (min-width: 80em) {
  ul.f-dropdown li a:active {
    color: #424242;
    background-color: #f7f7f7;
  }
}
ul.f-dropdown li .divide {
  background-color: #e0e0e0;
  height: 1px;
  margin: 0.5rem 0;
}
.secondary-page-navigation {
  background-color: #f8f8f8;
  min-height: 72px;
  display: flex;
  align-items: center;
}
.section-navigation {
  width: 100%;
  max-width: 100%;
  position: relative;
}
.section-navigation ul {
  text-align: center;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  margin: 0;
}
.section-navigation ul li {
  line-height: 1;
  margin: 0;
  display: inline-block;
}
.section-navigation ul li a {
  text-decoration: none;
  border-radius: 22px;
  padding: 12px 16px;
  display: inline-block;
  transition: background-color 0.12s ease-in-out;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #656565;
  min-height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.section-navigation ul li a:hover {
  background-color: #eaeaea;
}
.section-navigation ul li a:focus {
  outline: none;
}
.section-navigation ul li a:focus-visible {
  outline: 2px solid #6dafff;
}
.section-navigation ul li.reduced-padding {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.section-navigation ul li.active a {
  background-color: #eaeaea;
  color: #2a2a2a;
}
.section-navigation ul li.active a:hover {
  background-color: #e5e5e5;
}
.select-reader {
  padding: 0 30px;
}
.section-name {
  width: 100%;
  text-align: left;
  font-weight: 800;
  padding: 20px 0;
  font-size: 20px;
  letter-spacing: normal;
}
.section-name.challenge {
  padding-bottom: 0px;
  margin-top: 40px;
}
.section-name.sections {
  margin-top: 40px;
}
.section-name svg {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
#teacher-navigation {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
  position: relative;
  margin: 0;
}
@media only screen and (min-width: 80em) and (max-width: 89.938em) {
  #teacher-navigation {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  #teacher-navigation {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 39.938em) {
  #teacher-navigation {
    grid-template-columns: 1fr;
  }
}
#teacher-navigation li {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#teacher-navigation li .profile-image img {
  border-radius: 100%;
  margin-bottom: 5px;
}
#teacher-navigation li.current-profile,
#teacher-navigation li.student,
#teacher-navigation li.reader {
  position: relative;
  border-radius: 10px;
}
#teacher-navigation li.current-profile a,
#teacher-navigation li.student a,
#teacher-navigation li.reader a {
  display: block;
  height: 100%;
  text-decoration: none;
  font-size: 18px;
  background: white;
  padding: 20px;
  width: 100%;
  border-radius: 8px;
  font-weight: 800;
  transition: box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #fafafa;
}
#teacher-navigation li.current-profile a:hover,
#teacher-navigation li.current-profile a:focus,
#teacher-navigation li.student a:hover,
#teacher-navigation li.student a:focus,
#teacher-navigation li.reader a:hover,
#teacher-navigation li.reader a:focus {
  box-shadow: 0 0 0 2px #709add, 0 0 0 4px #adc5ec;
}
#teacher-navigation li.current-profile .top-color,
#teacher-navigation li.student .top-color,
#teacher-navigation li.reader .top-color {
  position: absolute;
  top: 0;
  width: 100%;
  height: 113px;
  background: #326ece;
}
#teacher-navigation li.current-profile .reader-switch__reader,
#teacher-navigation li.student .reader-switch__reader,
#teacher-navigation li.reader .reader-switch__reader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  height: 250px;
  width: 100%;
  background: linear-gradient(#326ece 40%, #fff 40%);
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  position: relative;
  overflow: hidden;
}
#teacher-navigation li.current-profile .reader-switch__reader .reader__avatar,
#teacher-navigation li.student .reader-switch__reader .reader__avatar,
#teacher-navigation li.reader .reader-switch__reader .reader__avatar {
  top: 0;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 5px;
  border-radius: 50%;
  border-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  width: 128px;
  height: 128px;
  overflow: hidden;
  margin-top: 36px;
}
#teacher-navigation
  li.current-profile
  .reader-switch__reader
  .reader__avatar
  .avatar__initials,
#teacher-navigation
  li.student
  .reader-switch__reader
  .reader__avatar
  .avatar__initials,
#teacher-navigation
  li.reader
  .reader-switch__reader
  .reader__avatar
  .avatar__initials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #e8e8e8;
  font-size: 28px;
}
#teacher-navigation li.current-profile .reader-switch__reader .reader__name,
#teacher-navigation li.student .reader-switch__reader .reader__name,
#teacher-navigation li.reader .reader-switch__reader .reader__name {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin-top: 180px;
  text-align: center;
  font-weight: 900;
  letter-spacing: 0;
  color: #424242;
}
#teacher-navigation li.current-profile .reader-switch__reader:hover,
#teacher-navigation li.student .reader-switch__reader:hover,
#teacher-navigation li.reader .reader-switch__reader:hover {
  background: #fafafa;
  text-decoration: none;
}
#teacher-navigation li.add-reader a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 250px;
  font-weight: 600;
  width: 100%;
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-radius: 10px;
  font-size: 16px;
  color: #424242;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#teacher-navigation li.add-reader a:hover {
  background: #f2f2f2;
  text-decoration: none;
}
#teacher-navigation li.add-reader .profile-image {
  width: 86px;
  height: 86px;
}
#teacher-navigation li.add-reader svg {
  width: 32px;
  height: 32px;
}
.program-header--new {
  text-align: center;
  padding: 3.25rem 1.25rem 2.5rem;
}
.program-header--new h2 {
  line-height: 1.2;
  margin-bottom: 3px;
}
.program-header--new .program-dates {
  font-size: 0.875rem;
  margin-top: 0 !important;
}
.main-header {
  width: 100%;
  max-width: 100%;
  background: #ffffff;
  padding-top: 1.5rem;
}
.main-header:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 80em) {
  .main-header {
    position: fixed;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem;
    top: 0;
    z-index: 1;
  }
}
.main-header .logo {
  text-align: center;
  position: relative;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 80em) {
  .main-header .logo {
    float: left;
    margin: 0 24px 0 0;
  }
}
.main-header .logo h1 {
  margin: 0;
  line-height: 1;
}
.main-header .logo img {
  max-height: 44px;
  max-width: 100%;
}
.main-header .actions {
  padding: 0 24px;
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  .main-header .actions {
    text-align: center;
  }
}
@media only screen and (min-width: 80em) {
  .main-header .actions {
    float: left;
    padding: 0;
  }
}
@media only screen and (max-width: 39.938em) {
  .main-header .actions button + button {
    margin-top: 0.5rem;
  }
}
.main-header .main-navigation {
  background-color: #f7f7f7;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation {
    float: right;
    background: transparent;
    margin: 0;
  }
}
.main-header .main-navigation > ul {
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation > ul {
    position: relative;
    top: 8px;
  }
}
.main-header .main-navigation > ul > li {
  width: 32.4%;
  display: inline-block;
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation > ul > li {
    width: auto;
    margin-left: 1.5rem;
  }
  .main-header .main-navigation > ul > li:first-child {
    margin-left: 0;
  }
}
.main-header .main-navigation > ul a {
  font-weight: 700;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  color: #424242;
  padding: 1rem 0;
}
.main-header .main-navigation > ul a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 40em) {
  .main-header .main-navigation > ul a {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation > ul a {
    letter-spacing: normal;
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
    line-height: 1;
  }
}
.main-header .main-navigation > ul a .icon {
  display: block;
  position: relative;
  margin: 0 auto 0.25rem auto;
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation > ul a .icon {
    display: inline-block;
    top: 2px;
    margin: 0 0.5rem 0 0;
  }
}
.main-header .main-navigation > ul a span {
  display: none;
}
@media only screen and (min-width: 48rem) {
  .main-header .main-navigation > ul a span {
    display: inline;
  }
}
@media only screen and (max-width: 39.938em) {
  .main-header .main-navigation > ul a .dropdown-arrow {
    top: -2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #424242;
    margin-left: 0.25rem;
  }
}
.main-header .main-navigation > ul .f-dropdown li a {
  font-weight: normal;
  text-align: left;
}
.main-header .main-navigation #profile-dropdown li,
.main-header .main-navigation #account-dropdown li {
  width: 100%;
  max-width: 100%;
}
.main-header .main-navigation #profile-dropdown .category,
.main-header .main-navigation #account-dropdown .category {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  padding: 0.5rem 1rem;
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation #profile-dropdown .category,
  .main-header .main-navigation #account-dropdown .category {
    padding-left: 1.75rem;
  }
}
.main-header .main-navigation #profile-dropdown a,
.main-header .main-navigation #account-dropdown a {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  color: #757575;
  line-height: 1;
  padding: 0.5rem 1rem;
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation #profile-dropdown a,
  .main-header .main-navigation #account-dropdown a {
    padding-left: 1.75rem;
  }
  .main-header .main-navigation #profile-dropdown a:hover,
  .main-header .main-navigation #account-dropdown a:hover {
    color: #424242;
  }
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  .main-header .main-navigation #profile-dropdown {
    width: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation #profile-dropdown {
    width: 10.75rem;
  }
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  .main-header .main-navigation #account-dropdown {
    width: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation #account-dropdown {
    width: 9.125rem;
    margin-left: -1.75rem;
  }
}
.main-header .main-navigation.col-4 ul > li {
  width: 24.4%;
  max-width: 24.4%;
}
@media only screen and (min-width: 80em) {
  .main-header .main-navigation.col-4 ul > li {
    width: auto;
    max-width: 100%;
  }
}
.main-header nav li {
  display: inline-block;
}
.main-header nav li a {
  text-align: center;
}
.top-bar .programs-funnel.sortable .srp_statistics {
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.top-bar .programs-funnel.sortable .srp_statistics .statistics-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 10px 0px;
}
@media screen and (min-width: 1050px) {
  .top-bar .programs-funnel.sortable .srp_statistics .statistics-items {
    padding: 10px;
  }
}
.top-bar .programs-funnel.sortable .srp_statistics .statistics-items li {
  margin-bottom: 0;
}
.top-bar .programs-funnel.sortable .srp_statistics .statistics-header,
.top-bar .programs-funnel.sortable .srp_statistics .statistics-subheader {
  font-size: 13px;
  font-weight: bold;
  display: inline;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1.2;
}
.top-bar
  .programs-funnel.sortable
  .srp_statistics
  #percent-completed-container {
  margin-right: 16px;
  height: 10px;
  border-radius: 10px;
  background-color: #e5e5e5;
  width: 70px;
  overflow: hidden;
}
.top-bar
  .programs-funnel.sortable
  .srp_statistics
  #percent-completed-container.is-completed {
  width: auto;
  height: auto;
  background: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.top-bar
  .programs-funnel.sortable
  .srp_statistics
  #percent-completed-container.is-completed
  svg {
  width: 15px;
  height: 15px;
  fill: #0ba85f;
}
.top-bar
  .programs-funnel.sortable
  .srp_statistics
  #percent-completed-container
  .percent-completed-bar {
  height: 10px;
  border-radius: 10px;
  width: 0%;
}
.top-bar .programs-funnel.sortable .srp_statistics .percent-completed {
  opacity: 0;
  top: calc(100% + 15px);
  transition: opacity 0.13s ease-in-out;
  z-index: 1000;
  pointer-events: none;
}
.top-bar .programs-funnel.sortable .srp_statistics .percent-completed .arrow {
  position: absolute;
  top: -8px;
  border-top: none;
  border-bottom: 8px solid #424242;
  left: 8px;
}
.top-bar .programs-funnel.sortable .srp_statistics .percent-completed .number {
  display: none;
}
.top-bar .programs-funnel.sortable .srp_statistics li {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.top-bar .programs-funnel {
  padding-top: 0;
  position: relative;
  padding: 0;
  padding-right: 24px;
}
.top-bar .programs-funnel::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 24px;
  margin-top: -12px;
  background-color: #f2f2f2;
}
.top-bar .programs-funnel .srp_statistics {
  border-radius: 8px;
  border: 1px solid transparent;
}
.top-bar .programs-funnel .description {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  background: #424242;
  color: #ffffff;
  padding: 0.5rem;
}
.top-bar .programs-funnel {
  display: none;
}
.top-bar .programs-funnel .statistics-header {
  margin-left: 10px;
  display: none !important;
}
@media screen and (min-width: 1050px) {
  .top-bar .programs-funnel .statistics-header {
    display: block !important;
  }
}
@media screen and (min-width: 756px) {
  .top-bar .programs-funnel {
    display: block;
  }
}
.top-bar .programs-funnel #percent-completed-container {
  margin-bottom: 0 !important;
  border: none !important;
  padding: 0 !important;
}
.logo-and-funnel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 580px) {
  .logo-and-funnel {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 990px) {
  .logo-and-funnel {
    margin-right: 3rem;
  }
}
.logo-and-funnel .logo {
  width: 100%;
}
@media screen and (min-width: 580px) {
  .logo-and-funnel .logo {
    width: auto;
  }
}
.logo-and-funnel .button {
  margin: 5px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (min-width: 580px) {
  .logo-and-funnel .button {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.connected-profile-row {
  position: relative;
  z-index: 1;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: -1px;
}
.connected-profile-row .row {
  padding: 20px;
}
.connected-profile-reminder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  border: 1px solid #f1f1f3;
  border-radius: 10px;
  max-width: 1000px;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .connected-profile-reminder {
    flex-wrap: wrap;
  }
  .connected-profile-reminder .connected-profile-message {
    width: 100%;
    text-align: center;
  }
  .connected-profile-reminder .connected-profile-message .message {
    margin: 0 auto;
  }
}
.connected-profile-reminder .logo {
  display: none;
  vertical-align: top;
  margin-right: 30px;
}
@media screen and (min-width: 1000px) {
  .connected-profile-reminder .logo {
    display: inline-block;
    max-width: 140px;
  }
}
.connected-profile-reminder .connected-profile-message {
  padding: 20px;
  display: inline-flex;
  align-items: center;
}
.connected-profile-reminder
  .connected-profile-message
  .connected-libraries-icon {
  display: none;
  background-color: rgba(255, 235, 199, 0.6);
  border-radius: 8px;
  height: 72px;
  width: 72px;
  min-width: 72px;
  margin-right: 20px;
  padding: 12px 11px;
}
@media screen and (min-width: 1000px) {
  .connected-profile-reminder
    .connected-profile-message
    .connected-libraries-icon {
    display: inline-block;
  }
}
.connected-profile-reminder .connected-profile-message .message {
  display: inline-block;
  font-size: 15px;
}
@media screen and (min-width: 667px) {
  .connected-profile-reminder .connected-profile-message .message {
    max-width: 600px;
  }
}
@media screen and (min-width: 720px) and (max-width: 1060px) {
  .connected-profile-reminder .connected-profile-message .message {
    max-width: 500px;
  }
}
.connected-profile-reminder
  .connected-profile-message
  .message
  .message--header {
  font-weight: 600;
}
.connected-profile-reminder .connected-profile-actions {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding: 20px;
  min-width: 345px;
  text-align: right;
}
.connected-profile-reminder .connected-profile-actions .button {
  margin: 5px;
}
@media screen and (max-width: 900px) {
  .connected-profile-reminder .connected-profile-actions {
    margin: -5px auto 0;
    padding: 0 0 20px;
    text-align: center;
  }
}
#main-content.contact-wrap .form-wrap {
  margin-top: 60px;
}
.top-bar .logging-controls {
  margin-left: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 900px) {
  .top-bar .logging-controls {
    display: none;
  }
}
.logging-controls-mobile {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  .logging-controls-mobile {
    display: block;
  }
}
.logging-controls {
  display: flex;
  gap: 4px;
}
@media only screen and (max-width: 39.938em) {
  .logging-controls {
    display: none;
  }
}
.logging-controls .button {
  padding: 0 14px;
}
.logging-controls .button.logging-button {
  background: #326ece;
  color: white;
}
.bnstk-dropdown {
  position: relative;
}
.bnstk-dropdown .dropdown-parent {
  cursor: pointer;
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  border-bottom: 6px solid #ffffff;
  padding: 30px 1.25rem 24px 1.25rem;
}
.bnstk-dropdown .dropdown-parent:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.bnstk-dropdown .dropdown-parent:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.bnstk-dropdown .dropdown-parent:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .bnstk-dropdown .dropdown-parent:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .bnstk-dropdown .dropdown-parent:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .bnstk-dropdown .dropdown-parent:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.bnstk-dropdown .dropdown-parent.open {
  border-bottom: none;
}
.bnstk-dropdown .dropdown-parent.open:after {
  background: url("https://assets.beanstack-cdn.com/static-assets/dropdown-arrow-up.png")
    no-repeat center 5px;
  background-size: 14.5px;
}
.bnstk-dropdown .dropdown-parent.open .dropdown-menu {
  display: block;
  background-color: #f3f3f3;
}
.bnstk-dropdown .dropdown-parent:after {
  display: inline-block;
  width: 18px;
  height: 15px;
  margin-left: 0.625rem;
  background: url("https://assets.beanstack-cdn.com/static-assets/dropdown-arrow-down.png")
    no-repeat center 5px;
  background-size: 15px;
  content: "";
}
.bnstk-dropdown .dropdown-parent:after:hover {
  cursor: pointer;
}
.bnstk-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 6px;
  margin-top: 10px;
  padding: 0;
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.1);
}
.bnstk-dropdown .dropdown-menu:before {
  position: absolute;
  top: -17px;
  right: 0;
  display: block;
  border-right: 17px solid transparent;
  border-bottom: 17px solid #e0e0e0;
  border-left: 17px solid transparent;
  content: "";
  opacity: 0.5;
}
.bnstk-dropdown .dropdown-menu:after {
  position: absolute;
  top: -15px;
  right: 2px;
  display: block;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid transparent;
  content: "";
}
.bnstk-dropdown .dropdown-menu li {
  border: none;
  display: block;
  padding: 0;
}
.bnstk-dropdown .dropdown-menu li:last-child a {
  border-bottom: none;
}
.bnstk-dropdown .dropdown-menu li a {
  display: block;
  padding: 0.5rem 3rem;
  white-space: normal;
}
.bnstk-dropdown-nav--mobile {
  overflow-y: scroll;
}
.bnstk-dropdown-nav--mobile .bnstk-dropdown li {
  border-bottom: 1px solid #e0e0e0;
  padding: 1.25rem;
}
.bnstk-dropdown-nav--mobile .bnstk-dropdown .dropdown-parent:after {
  position: absolute;
  top: 20px;
  right: 20px;
}
.bnstk-dropdown-nav--mobile .bnstk-dropdown .dropdown-menu {
  display: none;
  position: relative;
  top: 0;
  right: 0;
  margin: 15px -20px -15px;
  box-shadow: none;
}
.bnstk-dropdown-nav--mobile .bnstk-dropdown .dropdown-menu:before,
.bnstk-dropdown-nav--mobile .bnstk-dropdown .dropdown-menu:after {
  display: none;
}
.bnstk-dropdown-nav--mobile .bnstk-dropdown .dropdown-menu li {
  padding: 0;
}
.bnstk-dropdown-nav--mobile .bnstk-dropdown .dropdown-menu li:first-child {
  border-top: 1px solid #e0e0e0;
}
.bnstk-dropdown-nav--mobile .bnstk-dropdown .dropdown-menu li a {
  padding: 1rem;
}
.bnstk-popup-container-js {
  position: relative;
}
.bnstk-popup-menu .active {
  position: relative;
}
@media only screen and (max-width: 39.938em) {
  .bnstk-popup-menu .active:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .bnstk-popup-menu .active:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.bnstk-popup-menu .active.open .bnstk-popup-icon-js {
  background: #424242
    url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png")
    no-repeat -124px -412px;
}
.bnstk-popup-menu .bnstk-popup-icon-js {
  content: "";
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Arrow+Down.svg")
    no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
}
.bnstk-popup-target-js {
  display: none;
  position: absolute;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  top: 90%;
  width: 210px;
  z-index: 1999;
}
@media only screen and (min-width: 40em) {
  .bnstk-popup-target-js {
    top: 80%;
  }
}
.bnstk-popup-target-js:before {
  display: block;
  position: absolute;
  top: -17px;
  left: 87px;
  border-bottom: 17px solid #f7f7f7;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  content: "";
}
@media only screen and (min-width: 40em) {
  .bnstk-popup-target-js:before {
    left: 18px;
  }
}
.bnstk-popup-target-js:after {
  display: block;
  position: absolute;
  top: -15px;
  left: 89px;
  border-bottom: 15px solid #ffffff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  content: "";
}
@media only screen and (min-width: 40em) {
  .bnstk-popup-target-js:after {
    left: 20px;
  }
}
.bnstk-popup-target-js li {
  border-bottom: 1px solid #e0e0e0;
}
.bnstk-popup-target-js li:first-child a {
  border-top-radius: 4px;
}
.bnstk-popup-target-js li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.bnstk-popup-target-js li:last-child a {
  border-bottom-radius: 4px;
}
.bnstk-popup-target-js li a {
  padding: 1.25rem;
}
.bnstk-popup-target-js li a:hover,
.bnstk-popup-target-js li a:active,
.bnstk-popup-target-js li a:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #ffffff;
  background-color: #326ece;
}
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  pointer-events: none;
}
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.book-list-control-bar .book-list-control-button.back-btn,
.book-list-control-bar .book-list-control-button.bnstk-overlay-close,
.book-list-control-button.back-btn,
.book-list-control-button.bnstk-overlay-close {
  transition: all 0.13s ease;
  background-color: #fff;
  box-shadow: 0 3px 7px rgba(26, 26, 26, 0.08);
  border: none;
  z-index: 10;
}
.book-list-control-bar .book-list-control-button.back-btn:hover,
.book-list-control-bar .book-list-control-button.bnstk-overlay-close:hover,
.book-list-control-button.back-btn:hover,
.book-list-control-button.bnstk-overlay-close:hover {
  background-color: #f2f2f2;
}
.book-list-control-bar .book-list-control-button.back-btn:focus,
.book-list-control-bar .book-list-control-button.bnstk-overlay-close:focus,
.book-list-control-button.back-btn:focus,
.book-list-control-button.bnstk-overlay-close:focus {
  outline: none;
  border: none;
  box-shadow: 0 0 0 2.5px #6dafff, 0 3px 7px rgba(26, 26, 26, 0.08);
  background-color: #f2f2f2;
}
.book-list-control-bar .book-list-control-button.bnstk-overlay-close {
  position: relative;
}
#book-list-display .book-list-display-header {
  background-color: #fcfcfc;
  margin: 0 -24px;
  padding: 0 24px;
  border-bottom: 1px solid #eaeaea;
  margin-top: -24px;
}
#book-list-display .book-list-header-background-container {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 -24px;
  padding: 32px 24px 0;
}
@media screen and (min-width: 600px) {
  #book-list-display .book-list-header-background-container {
    padding-top: 16px;
  }
}
#book-list-display .book-list-header-background {
  background-color: #eaeaea;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
}
@media screen and (min-width: 600px) {
  #book-list-display .book-list-header-background {
    height: calc(50% + 16px);
  }
}
#book-list-display .book-list-header-curves {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 50px;
  display: none;
}
@media screen and (min-width: 500px) {
  #book-list-display .book-list-header-curves {
    display: block;
  }
}
#book-list-display .book-list-header-curves-small {
  position: absolute;
  bottom: -43px;
  left: 0;
  width: 100%;
  height: 43px;
}
@media screen and (min-width: 500px) {
  #book-list-display .book-list-header-curves-small {
    display: none;
  }
}
#book-list-display .js-header-curve-color {
  fill: #eaeaea;
}
#book-list-display .book-list-header-info {
  text-align: center;
  max-width: 580px;
  margin: 24px auto 32px;
}
@media screen and (min-width: 500px) {
  #book-list-display .book-list-header-info {
    margin-top: 32px;
  }
}
#book-list-display .book-list-header-image {
  width: auto;
  max-width: 100%;
  max-height: 260px;
  border-radius: 10px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
  position: relative;
}
@media screen and (min-width: 508px) {
  #book-list-display .book-list-header-image {
    max-width: 460px;
  }
}
#book-list-display .book-list-challenge-type {
  color: #656565;
  line-height: 1.25;
  color: #656565;
}
#book-list-display .book-list-challenge-title {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: normal;
  color: #2a2a2a;
  margin-bottom: 8px;
}
#book-list-display .book-list-display-content {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 16px;
  grid-template-rows: 2;
  max-width: 700px;
  margin: 40px auto 0;
}
@media screen and (min-width: 600px) {
  #book-list-display .book-list-display-content {
    margin-top: 48px;
    column-gap: 20px;
  }
}
#book-list-display .book-list-title {
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #2a2a2a;
  font-weight: 800;
  text-align: center;
  grid-column: 3 / span 8;
  margin-bottom: 32px;
}
@media screen and (min-width: 600px) {
  #book-list-display .book-list-title {
    font-size: 22px;
  }
}
.book-list-grid-wrapper .book-list-grid {
  display: grid;
  margin-bottom: 0;
  align-items: end;
}
.book-list-grid-wrapper .dropdown-items-list {
  min-width: 250px;
  top: calc(100% + 12px);
}
.book-list-grid-wrapper .dropdown-items-list .book-dropdown--btn {
  font-size: 15px;
  display: flex;
}
.book-list-grid-wrapper .dropdown-items-list .book-dropdown--btn:hover,
.book-list-grid-wrapper .dropdown-items-list .book-dropdown--btn:focus,
.book-list-grid-wrapper .dropdown-items-list .book-dropdown--btn:active {
  box-shadow: none;
}
.book-list-grid-wrapper
  .dropdown-items-list
  .book-dropdown--btn:hover
  svg.bs-book-list-icon
  path,
.book-list-grid-wrapper
  .dropdown-items-list
  .book-dropdown--btn:focus
  svg.bs-book-list-icon
  path,
.book-list-grid-wrapper
  .dropdown-items-list
  .book-dropdown--btn:active
  svg.bs-book-list-icon
  path {
  fill: #326ece !important;
}
.book-list-grid-wrapper
  .dropdown-items-list
  .book-dropdown--btn
  svg.bs-book-list-icon {
  margin-right: 12px;
}
.book-list-grid-wrapper
  .dropdown-items-list
  .book-dropdown--btn
  svg.bs-book-list-icon
  path {
  fill: #424242;
}
.book-list-grid-wrapper
  .dropdown-items-list
  .book-dropdown--btn
  .bs-book-list-icon,
.book-list-grid-wrapper
  .dropdown-items-list
  .book-dropdown--btn
  .book-dropdown--btn-text {
  align-self: center;
}
.book-list-grid-wrapper .dropdown-items-list .inactive-program {
  padding: 10px 20px;
}
.book-list-grid-wrapper .cover {
  transition: all 0.13s ease;
  position: relative;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
}
.book-list-grid-wrapper .cover:hover {
  opacity: 0.7;
}
.book-list-grid-wrapper .cover:focus {
  box-shadow: 0 0 0 2.5px #6dafff;
  outline: none;
  opacity: 1;
}
.book-list-grid-wrapper .cover:focus .book-dropdown {
  display: block;
}
.book-list-grid-wrapper .cover::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 8px;
  width: calc(100% - 16px);
  height: 16px;
  border-radius: 16px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
.book-list-grid-wrapper .cover img {
  width: 100%;
  border-radius: inherit;
  height: 100%;
  object-fit: cover;
  align-self: flex-end;
}
@media screen and (min-width: 450px) {
  .book-list-grid-wrapper .cover img {
    grid-column: span 3;
  }
}
.book-list-grid-wrapper .book-dropdown--info {
  border-bottom: 1px solid #eaeaea;
  margin: -10px 0 0;
  padding: 20px;
}
.book-list-grid-wrapper .book-dropdown--info .book-title {
  font-size: 17px;
  font-weight: 800;
  margin-bottom: 6px;
  line-height: 1.25;
  display: block;
}
.book-list-grid-wrapper .book-dropdown--info .book-author {
  color: #656565;
  font-size: 14px;
  line-height: 1.25;
  display: block;
}
.book-list-grid-wrapper .book-dropdown--list {
  padding-top: 10px;
}
.book-list-grid-wrapper--logger {
  grid-row-start: 2;
  grid-column: 1 / span 12;
}
.book-list-grid-wrapper--logger .book-list-grid {
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}
.book-list-grid-wrapper--logger .cover-wrapper {
  grid-column: span 4;
}
@media screen and (min-width: 450px) {
  .book-list-grid-wrapper--logger .cover-wrapper {
    grid-column: span 3;
  }
}
@media screen and (min-width: 650px) {
  .book-list-grid-wrapper--logger .cover-wrapper {
    grid-column: span 2;
  }
}
@media screen and (min-width: 550px) {
  .book-list-grid-wrapper--logger .completed-checkmarker-wrapper,
  .book-list-grid-wrapper--logger .reading-integrity-wrapper {
    --bookCheckmarkSize: 40px;
  }
}
@media screen and (min-width: 650px) {
  .book-list-grid-wrapper--logger .completed-checkmarker-wrapper,
  .book-list-grid-wrapper--logger .reading-integrity-wrapper {
    --bookCheckmarkSize: 36px;
  }
}
@media only screen and (min-width: 40em) {
  #book-logger {
    width: 43.75rem;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 80em) {
  #book-logger {
    padding: 0;
  }
}
#book-logger #book-logger-form {
  padding: 0;
  padding-top: 16px;
}
@media screen and (min-width: 640px) {
  #book-logger #book-logger-form {
    padding-top: 24px;
  }
}
#book-logger-form {
  padding: 24px 0 6px;
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (min-width: 500px) {
  #book-logger-form {
    padding-top: 32px;
    padding-bottom: 62px;
  }
}
#book-logger-form .back-btn:hover {
  background-color: #f2f2f2;
}
#book-logger-form .back-btn:focus {
  border: none;
  background-color: #f2f2f2;
  box-shadow: 0;
}
#book-logger-form .reader-select-header {
  margin-bottom: 64px;
}
@media screen and (min-width: 500px) {
  #book-logger-form .reader-select-header {
    margin-bottom: 72px;
  }
}
@media only screen and (min-width: 40em) {
  #book-logger-form .book-logger-body {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 40em) {
  #book-logger-form .book-logging-form {
    width: 100%;
    max-width: 515px;
  }
}
@media only screen and (min-width: 40em) {
  #book-logger-form #book-logger-book-cover {
    border-radius: 10px;
  }
}
#book-logger-form .book-cover-image {
  width: 100px;
  margin: 0 auto 32px;
}
@media screen and (min-width: 640px) {
  #book-logger-form .book-cover-image {
    margin-right: 48px;
    width: 170px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 800px) {
  #book-logger-form .book-cover-image {
    flex-shrink: 0;
  }
}
#book-logger-form .book-cover-image--book-list {
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  #book-logger-form .book-cover-image--book-list {
    margin-bottom: 0;
  }
}
#book-logger-form .cover {
  position: relative;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
}
@media screen and (min-width: 800px) {
  #book-logger-form .cover {
    border-radius: 12px;
  }
}
#book-logger-form .cover::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 10px;
  width: calc(100% - 20px);
  height: 20px;
  border-radius: 20px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
@media screen and (min-width: 800px) {
  #book-logger-form .cover::after {
    height: 24px;
    border-radius: 24px;
    width: calc(100% - 24px);
    left: 12px;
    bottom: -8px;
  }
}
#book-logger-form .cover.hide {
  display: none;
}
#book-logger-form .cover img {
  object-fit: cover;
  width: 100%;
  border-radius: inherit;
}
#book-logger-form #book-logger-no-cover .no-title {
  background-color: #f26430;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
}
#book-logger-form .no-title__heart {
  width: 26px;
  height: 38px;
  fill: #fff;
}
@media screen and (min-width: 800px) {
  #book-logger-form .no-title__heart {
    width: 43px;
    height: 63px;
  }
}
#book-logger-form .book-logger__heading-wrapper {
  text-align: center;
  margin-bottom: 32px;
}
@media screen and (min-width: 640px) {
  #book-logger-form .book-logger__heading-wrapper {
    text-align: left;
  }
}
#book-logger-form .book-logger__heading {
  letter-spacing: normal;
  margin-bottom: 0;
  font-weight: 800;
  font-size: 24px;
  color: #2a2a2a;
  line-height: 1.25;
}
@media screen and (min-width: 640px) {
  #book-logger-form .book-logger__heading {
    font-size: 28px;
  }
}
#book-logger-form .book-logger__heading--book {
  font-size: 22px;
}
@media screen and (min-width: 640px) {
  #book-logger-form .book-logger__heading--book {
    font-size: 24px;
  }
}
#book-logger-form .book-logger__heading-author {
  display: block;
  margin: 4px 0 0;
  color: #656565;
  line-height: 1.25;
}
@media screen and (min-width: 640px) {
  #book-logger-form .book-logger__heading-author {
    margin-top: 6px;
  }
}
#book-logger-form .book-logger__heading-page_count {
  margin-bottom: 0;
  margin-top: 4px;
}
#book-logger-form header:after {
  clear: both;
  content: "";
  display: table;
}
#book-logger-form header .book-logger-profile-callout {
  display: flex;
  align-items: center;
  border-top: 2px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2;
  padding: 24px 0px;
}
@media only screen and (max-width: 39.938em) {
  #book-logger-form header .book-logger-profile-callout {
    flex-direction: column;
  }
}
#book-logger-form header .book-logger-profile-callout .logging-for-profile {
  display: flex;
  align-items: center;
  margin-left: 16px;
  background-color: #f2f2f2;
  border-radius: 18px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}
@media only screen and (max-width: 39.938em) {
  #book-logger-form header .book-logger-profile-callout .logging-for-profile {
    margin-left: 0px;
    margin-top: 16px;
  }
}
#book-logger-form
  header
  .book-logger-profile-callout
  .logging-for-profile
  .reader-avatar {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
}
#book-logger-form
  header
  .book-logger-profile-callout
  .logging-for-profile
  .reader-avatar
  img {
  width: 36px;
  height: 36px;
}
#book-logger-form header .action-point-value {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  position: relative;
  text-align: center;
  color: #ffffff;
  width: 60px;
  height: 60px;
  margin: 0 auto 2.5rem auto;
  padding-top: 14px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -568px -248px;
}
@media only screen and (min-width: 40em) {
  #book-logger-form header .action-point-value {
    float: right;
    top: -7px;
    margin: 0;
  }
}
#book-logger-form header.no-border {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#book-logger-form #events_calendar {
  margin-top: 32px;
}
#book-logger-form .profile-selector {
  margin: auto;
  max-width: 316px;
  padding-bottom: 10px;
}
#book-logger-form .selector-sentence {
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  margin: -15px auto auto auto;
  padding-bottom: 25px;
}
#book-logger-form #tips-and-guidelines-content ul {
  list-style-type: disc;
  margin: 0 0 1.25rem 18px;
}
#book-logger-form .review-toggler {
  margin-bottom: 1.25rem;
}
#book-logger-form #logged_book_include_review_input label {
  display: none;
}
#book-logger-form .logger-activities-content .badge-header header {
  border-bottom: 0;
  margin-bottom: 0;
}
#book-logger-form .book-title-input {
  position: relative;
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 500px) {
  #book-logger-form .book-title-input {
    width: 399px;
  }
}
#book-logger-form .book-title-input #open-scanner-btn {
  position: absolute;
  top: 6px;
  right: 8px;
}
#book-logger-form label {
  font-size: 15px;
  font-weight: 800;
  color: #424242;
  line-height: 21px;
  display: block;
}
#book-logger-form label span:not(.label-text) {
  color: #929292;
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  line-height: 21px;
}
#book-logger-form input[type="text"],
#book-logger-form input[type="number"],
#book-logger-form textarea,
#book-logger-form select {
  border-radius: 10px;
  padding: 0 12px;
  font-size: 16px;
  margin-bottom: 28px;
}
#book-logger-form input[type="text"]:focus,
#book-logger-form input[type="number"]:focus,
#book-logger-form textarea:focus,
#book-logger-form select:focus {
  box-shadow: none;
}
#book-logger-form textarea {
  padding: 12px;
  height: 128px;
}
#book-logger-form select {
  background-position: calc(100% - 16px);
}
#book-logger-form .input-right-button {
  padding-right: 44px;
}
#book-logger-form .input-icon-button {
  transition: all 0.13s ease;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  border: none;
}
#book-logger-form .input-icon-button:hover {
  background-color: #eaeaea;
  border: none;
}
#book-logger-form .input-icon-button:focus {
  box-shadow: inset 0 0 0 2.5px #6dafff;
  outline: none;
  border: none;
}
#book-logger-form .input-icon-button.input-icon-button--active {
  background-color: #eaeaea;
}
#book-logger-form .input-icon-button.input-icon-button--active:hover {
  background-color: #d9d9d9;
}
#book-logger-form .input-icon-button svg {
  width: 20px;
  height: 20px;
  fill: #656565;
}
#book-logger-form .no-bottom-margin {
  margin-bottom: 0;
}
#book-logger-form #logged_book_book_title_input,
#book-logger-form #logged_book_book_author_input {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 500px) {
  #book-logger-form #logged_book_book_title_input,
  #book-logger-form #logged_book_book_author_input {
    width: 399px;
  }
}
#book-logger-form #logged_book_log_value {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 500px) {
  #book-logger-form #logged_book_log_value {
    width: 316px;
  }
}
#book-logger-form #logged_book_include_review {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 500px) {
  #book-logger-form #logged_book_include_review {
    width: 233px;
  }
}
#book-logger-form #logged_book_library_event_attributes_event,
#book-logger-form #logged_book_video_log_attributes_title,
#book-logger-form #logged_book_news_and_magazine_log_attributes_title {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 500px) {
  #book-logger-form #logged_book_library_event_attributes_event,
  #book-logger-form #logged_book_video_log_attributes_title,
  #book-logger-form #logged_book_news_and_magazine_log_attributes_title {
    width: 427px;
  }
}
#book-logger-form #logged_book_library_event_attributes_event_type_id {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 500px) {
  #book-logger-form #logged_book_library_event_attributes_event_type_id {
    width: 339px;
  }
}
#book-logger-form .label-text {
  margin-bottom: 8px;
  display: block;
}
#book-logger-form .log-button-container {
  width: 100%;
  padding-top: 32px;
  border-top: 1px solid #eaeaea;
}
@media only screen and (max-width: 39.938em) {
  #book-logger-form .log-button-container {
    text-align: center;
  }
}
#book-logger-form .log-button-container .logging-button {
  color: white;
  height: 52px;
  padding: 17px 20px;
  font-size: 15px;
  font-weight: bold;
}
#book-logger-form #new_logged_book hr {
  margin-top: 0;
  margin-bottom: 32px;
}
#book-logger-form .simple-calendar {
  margin: 0 -24px;
  border-radius: 0;
}
@media screen and (min-width: 500px) {
  #book-logger-form .simple-calendar {
    margin: 0;
    border-radius: 10px;
  }
}
#logged-books-new .basic-profile-selector {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 500px) {
  #logged-books-new .basic-profile-selector {
    max-width: 463px;
  }
}
.back-btn {
  background-color: #f2f2f2;
  height: 31px;
  width: 31px;
  border-radius: 7px;
}
.back-btn .bs-back {
  height: 14px;
  width: 14px;
  stroke: #424242;
  stroke-width: 3;
}
#logged-books-log-type-container #logged-books-new-log-types {
  display: block;
  margin: auto;
}
#logged-books-log-type-container .book-list-cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#logged-books-log-type-container .timer-card-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
#logged-books-log-type-container .timer-card-container .timer-card {
  background-color: #fff0d4;
  border-radius: 16px;
  width: 265px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#logged-books-log-type-container .timer-card-container .or-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 36px 0px;
}
@media screen and (min-width: 500px) {
  #logged-books-log-type-container .timer-card-container .or-container {
    margin: 44px 0;
  }
}
#logged-books-log-type-container .timer-card-container .or-squiggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#logged-books-log-type-container .timer-card-container .squiggle {
  height: 6px;
  width: 33px;
  fill: #d9d9d9;
}
#logged-books-log-type-container .timer-card-container .or-text {
  margin: 0px 12px;
  color: #656565;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  font-weight: 800;
}
#logged-books-log-type-container .other-log-types-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 795px;
  margin: auto;
}
#logged-books-log-type-container
  .book-list-programs-container
  .log-card-container {
  width: 311px;
  height: 100%;
}
#logged-books-log-type-container .log-card-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 245px;
  margin: 0px 10px;
}
#logged-books-log-type-container .log-card-container:hover {
  text-decoration: none;
}
#logged-books-log-type-container .log-card-container.timer {
  margin: auto;
}
#logged-books-log-type-container .log-card {
  border-radius: 10px;
  width: 245px;
  height: 132px;
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
#logged-books-log-type-container .log-card.minute,
#logged-books-log-type-container .log-card.event {
  background-color: #fce0d6;
}
#logged-books-log-type-container .log-card.epic,
#logged-books-log-type-container .log-card.video {
  background-color: #ddf6f9;
}
#logged-books-log-type-container .log-card.magazine {
  background-color: #dde9f9;
}
#logged-books-log-type-container .log-card.book,
#logged-books-log-type-container .log-card.reading {
  background-color: #ffecc8;
}
#logged-books-log-type-container .log-card.activities,
#logged-books-log-type-container .log-card.hour {
  background-color: #dbf2e7;
}
#logged-books-log-type-container .log-card.page,
#logged-books-log-type-container .log-card.day {
  background-color: #fce6e4;
}
#logged-books-log-type-container .log-card.moment {
  background-color: #f4e2f8;
}
#logged-books-log-type-container .log-card.booklist {
  height: auto;
  width: 311px;
  box-shadow: 0 2px 7px rgba(26, 26, 26, 0.05);
}
#logged-books-log-type-container .log-card.booklist img {
  border-radius: 10px;
}
#logged-books-log-type-container .log-card .log-type-icon {
  height: 120px;
  width: 120px;
}
#logged-books-log-type-container .log-card .log-type-icon.reading {
  background: url(//assets.beanstack-cdn.com/assets/log_types/reading-bfd8de5058509d2ba840a0a5ef084d023d7c372b47a4c1fcc5c3d3ba3e2153cc.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.minute {
  background: url(//assets.beanstack-cdn.com/assets/log_types/minute-c18898fa1a143e9c7362da13c930ca95e44f2008273d2d604aaec738fbeca525.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.event {
  background: url(//assets.beanstack-cdn.com/assets/log_types/event-292053df5158857a6045712588ea649932483d97aca467d86d95a7ffc721e58c.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.video {
  background: url(//assets.beanstack-cdn.com/assets/log_types/video-ce3060ba911d593c4fef5d75060a2dfe7b3fdda39d89a9990edf490257b28d45.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.magazine {
  background: url(//assets.beanstack-cdn.com/assets/log_types/magazine-1597f6a78f1615c9dd24a9f7b748c782c76388ad11e54dcc52c7f20f5f9ed549.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.book {
  background: url(//assets.beanstack-cdn.com/assets/log_types/book-a4ec8e223acc4bed2141e2b6ce62cf875d16f85eebfad4081179b99ef8db9609.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.hour {
  background: url(//assets.beanstack-cdn.com/assets/log_types/hour-c6d5e9e6bfc5a6267b09e1941fa0cdfbfa055e8f1dd4b488c369a3441c501bb7.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.page {
  background: url(//assets.beanstack-cdn.com/assets/log_types/page-888a051f5fbbf9c11aeaf6c6ce8cc2009955894493f417fab5e003f748dc46d4.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.day {
  background: url(//assets.beanstack-cdn.com/assets/log_types/day-63b07e73607f49261fcc0163ef90edfde4517b9da42231b361f6433af20ea7e4.svg)
    no-repeat;
}
#logged-books-log-type-container .log-card .log-type-icon.moment {
  background: url(//assets.beanstack-cdn.com/assets/log_types/moment-a55133b92becaef8d7f24fe93739d86537b040f2b357ab45c5ba97c61f70146d.svg)
    no-repeat;
}
#logged-books-log-type-container .gray-bar-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 16px 16px 0px 0px;
  opacity: 1;
  width: 215px;
  height: 55px;
  color: #1a1a1a;
  z-index: 0;
  margin-top: 10px;
}
#logged-books-log-type-container .gray-bar-top.timer {
  height: 11px;
}
#logged-books-log-type-container .gray-bar-top.booklist {
  height: 30px;
  width: 283px;
}
#logged-books-log-type-container .gray-bar-bottom {
  background-color: #f5f5f5;
  border-radius: 0px 0px 16px 16px;
  opacity: 1;
  width: 215px;
  height: 22px;
  z-index: 0;
  margin-bottom: 10px;
}
#logged-books-log-type-container .gray-bar-bottom.timer {
  height: 11px;
}
#logged-books-log-type-container .gray-bar-bottom.booklist {
  height: auto;
  width: 283px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#logged-books-log-type-container button {
  display: block;
  float: left;
  border-radius: 8px;
  border: none;
  background: white;
  transition: transform 0.2s ease-in-out;
}
#logged-books-log-type-container button .log-card {
  transition: transform 0.2s ease-in-out;
}
#logged-books-log-type-container button:hover {
  transform: scale(1.02);
}
@media only screen and (min-width: 40em) {
  #logged-books-log-type-container button {
    width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 80em) {
  #logged-books-log-type-container button {
    width: calc(33.33% - 20px);
  }
}
#logged-books-log-type-container button:focus {
  box-shadow: none;
  outline: none !important;
}
#logged-books-log-type-container button:focus .log-card {
  outline: none !important;
}
#logged-books-log-type-container .log-type-name {
  letter-spacing: normal;
  font-size: 16px;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 800;
  line-height: 1.5;
  text-transform: capitalize;
  color: #424242;
  padding: 16px;
}
#logged-books-log-type-container .log-type-name:hover,
#logged-books-log-type-container .log-type-name:active {
  text-decoration: none;
}
#logged-books-log-type-container .log-type-name.booklist {
  padding: 16px 24px;
}
#logged-books-log-type-container .log-type-name .truncate-text {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#logged-books-log-type-container .sync-data {
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  margin-left: -50%;
}
@media only screen and (min-width: 40em) {
  #book-reviewer {
    width: 100%;
    max-width: 515px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 80em) {
  #book-reviewer {
    padding: 0;
  }
}
#book-reviewer .book-reviewer__header {
  text-align: center;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #eaeaea;
}
@media screen and (min-width: 640px) {
  #book-reviewer .book-reviewer__header {
    text-align: left;
  }
}
#book-reviewer .book-reviewer__heading {
  letter-spacing: normal;
  margin-bottom: 0;
  font-weight: 800;
  font-size: 24px;
  color: #2a2a2a;
  line-height: 1.25;
}
@media screen and (min-width: 640px) {
  #book-reviewer .book-reviewer__heading {
    font-size: 28px;
  }
}
#book-reviewer-form {
  margin: 0 auto;
}
#book-reviewer-form header {
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  #book-reviewer-form header {
    text-align: left;
  }
}
#book-reviewer-form header .action-point-value {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  position: relative;
  text-align: center;
  float: right;
  color: #ffffff;
  top: -7px;
  width: 60px;
  height: 60px;
  padding-top: 14px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -568px -248px;
}
#book-reviewer-form label {
  font-size: 15px;
  font-weight: 800;
  color: #424242;
  line-height: 21px;
  display: block;
}
#book-reviewer-form label span:not(.label-text) {
  color: #929292;
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  line-height: 21px;
}
#book-reviewer-form input[type="text"],
#book-reviewer-form input[type="number"],
#book-reviewer-form textarea,
#book-reviewer-form select {
  border-radius: 10px;
  padding: 0 12px;
  font-size: 16px;
  margin-bottom: 28px;
}
#book-reviewer-form input[type="text"]:focus,
#book-reviewer-form input[type="number"]:focus,
#book-reviewer-form textarea:focus,
#book-reviewer-form select:focus {
  box-shadow: none;
}
#book-reviewer-form textarea {
  padding: 12px;
  height: 128px;
}
#book-reviewer-form select {
  background-position: calc(100% - 16px);
}
#book_logger_form_fields label {
  text-transform: none;
}
.logger-points-info.feedback-block {
  margin-bottom: 1.5rem;
}
.log-fields .log-fields-wrapper {
  margin-bottom: 0;
  padding-bottom: 4px;
  display: flex;
  flex-direction: column;
}
.log-fields .log-fields-wrapper label span:not(.label-text) {
  color: #656565;
  font-size: 12px;
  position: relative;
  margin-left: 2px;
  display: inline-block;
  font-weight: 700;
}
.log-fields .log-fields-wrapper .include-book-wrapper,
.log-fields .log-fields-wrapper .include-review-wrapper,
.include-book-wrapper,
.include-review-wrapper {
  display: flex;
  position: relative;
}
.log-fields .log-fields-wrapper .include-book-wrapper svg.bs-checkmark,
.log-fields .log-fields-wrapper .include-review-wrapper svg.bs-checkmark,
.include-book-wrapper svg.bs-checkmark,
.include-review-wrapper svg.bs-checkmark {
  position: absolute;
  height: 16px;
  width: 16px;
  z-index: 1;
  top: 8px;
  left: 12px;
  fill: white;
  pointer-events: none;
}
.log-fields .log-fields-wrapper .include-book-wrapper p,
.log-fields .log-fields-wrapper .include-review-wrapper p,
.include-book-wrapper p,
.include-review-wrapper p {
  font-weight: bold;
  margin-top: 3px;
  margin-left: 16px;
  color: #656565;
}
.log-fields .log-fields-wrapper .include-book-wrapper label.switch,
.log-fields .log-fields-wrapper .include-review-wrapper label.switch,
.include-book-wrapper label.switch,
.include-review-wrapper label.switch {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 32px;
}
.log-fields .log-fields-wrapper .include-book-wrapper label.switch .slider,
.log-fields .log-fields-wrapper .include-review-wrapper label.switch .slider,
.include-book-wrapper label.switch .slider,
.include-review-wrapper label.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.log-fields
  .log-fields-wrapper
  .include-book-wrapper
  label.switch
  .slider:before,
.log-fields
  .log-fields-wrapper
  .include-review-wrapper
  label.switch
  .slider:before,
.include-book-wrapper label.switch .slider:before,
.include-review-wrapper label.switch .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.log-fields .log-fields-wrapper .include-book-wrapper .switch input,
.log-fields .log-fields-wrapper .include-review-wrapper .switch input,
.include-book-wrapper .switch input,
.include-review-wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.log-fields .log-fields-wrapper .include-book-wrapper input:checked + .slider,
.log-fields .log-fields-wrapper .include-review-wrapper input:checked + .slider,
.include-book-wrapper input:checked + .slider,
.include-review-wrapper input:checked + .slider {
  background-color: #0ba85f;
}
.log-fields .log-fields-wrapper .include-book-wrapper input:focus + .slider,
.log-fields .log-fields-wrapper .include-review-wrapper input:focus + .slider,
.include-book-wrapper input:focus + .slider,
.include-review-wrapper input:focus + .slider {
  box-shadow: 0 0 1px #0ba85f;
}
.log-fields
  .log-fields-wrapper
  .include-book-wrapper
  input:checked
  + .slider:before,
.log-fields
  .log-fields-wrapper
  .include-review-wrapper
  input:checked
  + .slider:before,
.include-book-wrapper input:checked + .slider:before,
.include-review-wrapper input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#session-timer {
  padding-top: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#session-timer .pause-timer,
#session-timer .reset-timer,
#session-timer .stop-timer,
#session-timer .hours-place-one,
#session-timer .hours-place-two,
#session-timer .colon-hours,
#session-timer .elapsed-time,
#session-timer .play {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#session-timer .progress-circle {
  height: 280px;
  width: 280px;
}
#session-timer .pause-and-restart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#session-timer .pause-icon,
#session-timer .play-icon {
  height: 12px;
  width: 12px;
}
#session-timer .play-icon {
  position: relative;
  left: 3px;
}
#session-timer .circle-button {
  color: #aaaaaa;
  background: #f1f1f1;
  height: 49px;
  width: 49px;
  border-radius: 50%;
  margin: 18px 6px 20px 6px;
  cursor: pointer;
  border: none;
}
#session-timer .circle-button:active {
  transform: scale(0.96);
}
#session-timer .reset-icon {
  height: 16px;
  width: 16px;
}
#session-timer .timer-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
  position: absolute;
  top: 315px;
}
#session-timer .colon {
  height: 23px;
  width: 9px;
  margin: 3px;
  align-self: flex-end;
  top: -12px;
  position: relative;
}
#session-timer .colon.small {
  height: 21px;
  width: 7px;
  margin: 2px;
}
#session-timer .colon.smaller {
  height: 20px;
  width: 6px;
  margin: 1.5px;
}
#session-timer .time-delimiter {
  height: 23px;
  width: 9px;
}
#session-timer .time-delimiter.small {
  height: 21px;
  width: 7px;
}
#session-timer .time-delimiter.smaller {
  height: 20px;
  width: 6px;
}
#session-timer .digit {
  color: #dcdcdc;
  background: #f2f2f2;
  border: solid #f2f2f2 1px;
  margin: 3px;
  font-size: 42.84px;
  line-height: 47px;
  text-align: center;
  font-weight: 1000;
  border-radius: 3.36px;
  width: 34px;
  height: 48px;
  align-self: flex-end;
}
#session-timer .digit.small {
  width: 28px;
  height: 40px;
  font-size: 38px;
  line-height: 40px;
  margin: 2px;
}
#session-timer .digit.smaller {
  width: 26px;
  height: 36px;
  font-size: 32px;
  line-height: 36px;
  margin: 1.5px;
}
#session-timer .reading-button {
  color: white !important;
  border: solid white 1px;
  border-radius: 30px;
  margin-top: 18px;
  text-align: center;
  height: 50px;
  padding: 0 30px;
}
.reset-timer-modal {
  position: relative;
  border: solid white 1px;
  max-width: 430px;
  border-radius: 16px;
  background: white;
  padding: 5px;
  z-index: 50002;
  margin: 0px 10px;
}
.reset-timer-modal .reset-timer-close-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 50%;
  box-shadow: 0px 0px 7px #424242;
  width: 30px;
  height: 30px;
  background-color: white;
  border-color: transparent;
}
.reset-timer-modal .reset-timer-close-x:hover {
  cursor: pointer;
}
.reset-timer-modal .reset-timer-close-x .bs-close {
  height: 15px;
  width: 15px;
  fill: #424242;
}
.reset-timer-modal .buttons-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
}
.reset-timer-modal .close-modal-btn {
  color: #424242;
  background: white;
  border: none;
  width: 37px;
  font-size: 14px;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
  border: none;
}
.reset-timer-modal .close-modal-btn:hover {
  cursor: pointer;
}
.reset-timer-modal .reset-timer-modal-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 121px;
  height: 50px;
}
.reset-timer-modal .reset-timer-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 800;
  border-bottom: 1px solid #f2f2f2;
  height: 62px;
  padding: 10px;
}
.reset-timer-modal .reset-timer-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid #f2f2f2;
  padding: 10px;
  height: 90px;
}
.timer-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.timer-button-container .bnstk-input-container-js {
  width: 316px;
  max-width: 100%;
}
.timer-button-container .sentence {
  width: 100%;
}
.timer-button-container .timer-button {
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  color: black;
  border: none;
  border-radius: 6px;
  min-width: 136px;
  width: 136px;
  height: 40px;
  display: flex;
  justify-content: center;
  padding: 0px;
  margin-left: 10px;
}
.timer-button-container .timer-button:hover,
.timer-button-container .timer-button:active,
.timer-button-container .timer-button:focus {
  border: none;
  box-shadow: none;
  background-color: transparent !important;
}
.timer-button-container .timer-button .timer-icon {
  height: 18px;
  width: 18px;
  margin-right: 12px;
}
#section-advanced-options {
  margin-bottom: 21px;
  font-size: 15px;
}
#section-advanced-options #student-count {
  float: left;
  font-weight: 600;
}
#section-advanced-options #check-all-list-item span {
  font-weight: 600;
  font-size: 34px;
  cursor: pointer;
  text-transform: uppercase;
}
#book-logger-student-content {
  margin: 0 auto 21px;
  max-width: 795px;
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  #book-logger-student-content {
    max-width: 530px;
  }
}
@media only screen and (max-width: 39.938em) {
  #book-logger-student-content {
    max-width: 320px;
  }
}
#book-logger-student-content
  #section-advanced-options
  #check-all-list-item
  span {
  font-size: 16px;
}
h1#application-overlay-heading {
  text-align: center;
  font-weight: 800;
  font-size: 22px;
  margin-bottom: 24px;
  letter-spacing: normal;
  line-height: 1.25;
  color: #2a2a2a;
}
@media screen and (min-width: 500px) {
  h1#application-overlay-heading {
    font-size: 24px;
  }
}
h1#application-overlay-heading.log-type-heading {
  margin-bottom: 32px;
  color: #2a2a2a;
  font-size: 32px;
  font-weight: 800;
  line-height: normal;
}
@media screen and (min-width: 500px) {
  h1#application-overlay-heading.log-type-heading {
    margin-bottom: 30px;
  }
}
#book-logger-profile-list {
  max-height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #e0e0e0;
  margin-bottom: 14px;
  border-radius: 8px;
}
#book-logger-profile-list ol {
  margin: 0;
}
#book-logger-profile-list ol li {
  text-align: left;
}
#book-logger-profile-list ol li label {
  margin: 0;
  padding: 14px 14px 13px 14px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  line-height: normal;
  vertical-align: middle;
  min-height: 40px;
  font-weight: 400;
  font-size: 18px;
  background: #f7f7f7;
}
#book-logger-profile-list ol li label span {
  position: relative;
  top: 1px;
}
#book-logger-profile-list ol li label input.selectable {
  display: none;
}
#book-logger-profile-list ol li label .bs-check {
  margin-right: 10px;
  padding: 5px;
  width: 30px;
  height: 30px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  vertical-align: middle;
}
#book-logger-profile-list ol li label.selected {
  background: white;
}
#book-logger-profile-list ol li label.selected .bs-check {
  fill: white;
  border-color: transparent;
}
#book-logger-profile-list ol li label.not-selected .bs-check {
  background: white !important;
  fill: transparent;
}
#book-logger-profile-list ol li label:hover {
  background: #fafafa;
}
#lerner-content {
  margin: -80px -24px -3rem !important;
  z-index: 99999999;
  position: relative;
  overflow: hidden;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
#lerner-content iframe {
  padding: 12px;
  height: 100%;
  width: 100%;
  margin-top: 0;
  flex: 1;
}
#lerner-content.pdf-content iframe {
  margin-top: 0;
}
#lerner-content.no-top-margin iframe {
  margin-top: 0;
}
#lerner-content .lerner-content--footer {
  border-top: 1px solid #eaeaea;
  text-align: center;
  padding: 16px 24px;
  width: 100%;
}
@media screen and (min-width: 640px) {
  #lerner-content .lerner-content--footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#reading-integrity-questions {
  display: block;
}
#reading-integrity-questions.hide {
  display: none;
}
.reading-integrity-questions {
  margin-top: 20px;
  margin-bottom: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #eaeaea;
  outline: none;
}
.reading-integrity-questions .reading-integrity-questions--header {
  border-top: 2px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2;
  padding: 24px 0px;
}
.reading-integrity-questions .reading-integrity-questions--header h3 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}
.reading-integrity-questions .reading-integrity-questions--header p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0;
  color: #656565;
}
.reading-integrity-questions .reading-integrity-questions--retry {
  background-color: #ffecc8;
  color: #826022;
  padding: 16px;
  border-radius: 10px;
  display: flex;
  margin-top: 32px;
}
@media screen and (min-width: 640px) {
  .reading-integrity-questions .reading-integrity-questions--retry {
    padding: 20px;
  }
}
.reading-integrity-questions .reading-integrity-questions--retry.hide {
  display: none;
}
.reading-integrity-questions
  .reading-integrity-questions--retry
  .reading-integrity-questions--retry-icon-wrapper {
  display: inline-flex;
  margin-right: 16px;
}
@media screen and (min-width: 640px) {
  .reading-integrity-questions
    .reading-integrity-questions--retry
    .reading-integrity-questions--retry-icon-wrapper {
    margin-right: 20px;
  }
}
.reading-integrity-questions
  .reading-integrity-questions--retry
  .reading-integrity-questions--retry-icon-wrapper
  .reading-integrity-questions--retry-icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 640px) {
  .reading-integrity-questions
    .reading-integrity-questions--retry
    .reading-integrity-questions--retry-icon-wrapper
    .reading-integrity-questions--retry-icon {
    width: 40px;
    height: 40px;
  }
}
.reading-integrity-questions
  .reading-integrity-questions--retry
  .reading-integrity-questions--retry-icon-wrapper
  .retry-icon__bg {
  background-image: linear-gradient(135deg, #ffda1c 15%, #feb705 85%);
}
.reading-integrity-questions
  .reading-integrity-questions--retry
  .reading-integrity-questions--retry-heading {
  font-weight: 800;
  margin-bottom: 4px;
  color: #826022;
  line-height: 1.25;
  font-size: 16px;
}
.reading-integrity-questions
  .reading-integrity-questions--retry
  .reading-integrity-questions--retry-body {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0;
}
.reading-integrity-questions ul.reading-integrity-questions--questions {
  margin: 32px 0 0;
}
.reading-integrity-questions
  ul.reading-integrity-questions--questions
  li.reading-integrity-questions--question {
  padding: 24px 0;
  border-bottom: 1px solid #eaeaea;
}
.reading-integrity-questions
  ul.reading-integrity-questions--questions
  li.reading-integrity-questions--question:first-child {
  padding-top: 0;
}
.reading-integrity-questions
  ul.reading-integrity-questions--questions
  li.reading-integrity-questions--question:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.reading-integrity-questions
  ul.reading-integrity-questions--questions
  li.reading-integrity-questions--question
  p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #2a2a2a;
  margin-bottom: 20px;
}
.reading-integrity-questions
  ul.reading-integrity-questions--questions
  li.reading-integrity-questions--question
  label {
  display: flex !important;
}
.reading-integrity-questions
  ul.reading-integrity-questions--questions
  li.reading-integrity-questions--question
  label
  .required {
  display: inline-block;
  color: #e85648;
  font-size: 18px;
  font-weight: 700;
  height: 100%;
  margin-left: 4px;
}
.reading-integrity-questions
  ul.reading-integrity-questions--questions
  li.reading-integrity-questions--question
  input.reading-integrity-questions--input[type="text"] {
  margin-bottom: 0px !important;
}
.reading-integrity-questions
  ul.reading-integrity-questions--questions
  li.reading-integrity-questions--question
  input.reading-integrity-questions--input.retrying[type="text"] {
  border-color: #f5a208;
  background-color: rgba(255, 236, 200, 0.3);
}
.reading-integrity-questions .reading-integrity-questions--empty-state {
  border-radius: 16px;
  background-color: #f5f5f5;
  text-align: center;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
@media screen and (min-width: 640px) {
  .reading-integrity-questions .reading-integrity-questions--empty-state {
    padding: 40px;
  }
}
.reading-integrity-questions .reading-integrity-questions--empty-state.hide {
  display: none;
}
.reading-integrity-questions
  .reading-integrity-questions--empty-state
  .empty-state-image {
  max-width: 120px;
}
.reading-integrity-questions
  .reading-integrity-questions--empty-state
  .empty-state-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 8px;
  max-width: 500px;
}
.reading-integrity-questions
  .reading-integrity-questions--empty-state
  .empty-state-body {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0;
  max-width: 500px;
}
.mfp-bg.reading-integrity-modal {
  opacity: 0.4;
}
.reading-integrity-confirmation-modal {
  display: flex;
  flex-direction: column;
}
#reading-integrity-confirmation-modal {
  background-color: #fff;
  position: relative;
  border-radius: 16px;
  display: flex;
  max-height: 100%;
  max-width: 350px;
}
#reading-integrity-confirmation-modal
  .reading-integrity-confirmation-modal--header {
  padding: 40px 20px 32px;
  border-bottom: 1px solid #eaeaea;
}
@media screen and (min-width: 500px) {
  #reading-integrity-confirmation-modal
    .reading-integrity-confirmation-modal--header {
    padding-left: 32px;
    padding-right: 32px;
  }
}
#reading-integrity-confirmation-modal
  .reading-integrity-confirmation-modal--header
  h3 {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 0;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions {
  padding: 32px;
  margin: 0;
  text-align: left;
  overflow-y: auto;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions
  p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions
  p.reading-integrity-confirmation-modal--question {
  margin-bottom: 12px;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions
  p.reading-integrity-confirmation-modal--answer {
  margin-bottom: 0;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions
  p
  b {
  font-weight: 800;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions
  li {
  padding: 16px 0;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions
  li:first-child {
  padding-top: 0;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions
  li:last-child {
  padding-bottom: 0;
}
#reading-integrity-confirmation-modal
  ul.reading-integrity-confirmation-modal--questions
  li:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
#reading-integrity-confirmation-modal
  .reading-integrity-confirmation-modal--actions {
  padding-top: 20px;
  padding-bottom: 12px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
#question-grade-loading-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
  top: 0;
}
#question-grade-loading-overlay.hide {
  display: none;
}
#question-grade-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  width: 116px;
  border-radius: 16px;
  text-align: center;
  padding: 20px;
}
#question-grade-loading #loading-animation {
  border: 5px solid transparent;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: spin 2s linear infinite;
  margin: 0 auto 20px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#logged-books--new,
#book-list-display--container {
  position: absolute;
  background-color: white;
  top: 0;
  z-index: 999;
  height: 100%;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 39.938em) {
  #logged-books--new,
  #book-list-display--container {
    padding-top: 30px;
  }
}
#logged-books--new .logged-books--close,
#logged-books--new .logged-books--back,
#book-list-display--container .logged-books--close,
#book-list-display--container .logged-books--back {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 1000;
  background-color: #f2f2f2;
  height: 31px;
  width: 31px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#logged-books--new .logged-books--close .bs-close,
#logged-books--new .logged-books--close .bs-back,
#logged-books--new .logged-books--back .bs-close,
#logged-books--new .logged-books--back .bs-back,
#book-list-display--container .logged-books--close .bs-close,
#book-list-display--container .logged-books--close .bs-back,
#book-list-display--container .logged-books--back .bs-close,
#book-list-display--container .logged-books--back .bs-back {
  height: 14px;
  width: 14px;
  fill: #424242;
}
#logged-books--new .logged-books--close:hover,
#logged-books--new .logged-books--back:hover,
#book-list-display--container .logged-books--close:hover,
#book-list-display--container .logged-books--back:hover {
  cursor: pointer;
}
#logged-books--new .logged-books--back,
#book-list-display--container .logged-books--back {
  top: 24px;
  left: 24px;
}
#logged-books--new #session-timer,
#book-list-display--container #session-timer {
  padding: 0;
  margin: auto;
}
#logged-books--new #session-timer .timer-container,
#book-list-display--container #session-timer .timer-container {
  top: -110px !important;
  height: 0;
  position: relative;
}
.logged-books--logging-selection {
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
}
.align-items-center {
  align-items: center;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gap-12 {
  gap: 12px;
}
.logged-books--logging-heading h1 {
  color: #2a2a2a;
  text-align: center;
  font-size: 32px;
  font-weight: 800;
}
.logged-books--logging-for {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 90vw;
  margin-bottom: 16px;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--logging-for {
    flex-direction: column;
  }
}
.logged-books--logging-for span {
  font-size: 18px;
  font-weight: 400;
  margin-right: 8px;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--logging-for span {
    margin: 0;
  }
}
.logged-books--logging-for .logged-books--logging-selection-link {
  padding-left: 16px;
  margin-left: 16px;
  border-left: 1px solid #e5e5e5;
  height: 36px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--logging-for .logged-books--logging-selection-link {
    border: none;
    margin: 0;
    padding: 0;
  }
}
.logged-books--logging-for-multiple-readers {
  display: flex;
  height: 36px;
  padding: 0 16px;
  align-items: center;
  gap: 10px;
  border-radius: 36px;
  background: var(--gray-g-15, #f2f2f2);
  color: #424242;
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
}
.logged-books--logging-for-reader {
  display: flex;
  align-items: center;
  border-radius: 36px;
  background-color: #f2f2f2;
  padding-right: 16px;
  gap: 10px;
  width: fit-content;
}
.logged-books--logging-for-reader .reader-avatar {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logged-books--logging-for-reader .logged-books--reader-name {
  color: #424242;
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
}
.logged-books--logging-selection-link {
  color: #1a6dd5;
  font-size: 18px;
  font-weight: 400;
}
.logged-books--logging-selection-section {
  padding: 24px;
  border-radius: 24px;
  background: #f2f2f2;
  max-width: 90vw;
  margin-bottom: 24px;
  width: 100%;
}
.logged-books--logging-selection-section.row-section {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--logging-selection-section.row-section {
    flex-direction: column;
    align-self: center;
  }
}
.logged-books--logging-selection-section .logged-books--autocomplete {
  height: 56px;
  position: relative;
}
.logged-books--logging-selection-section
  .logged-books--autocomplete
  .logged-books--search-icon {
  position: absolute;
  top: 12px;
  left: 12px;
}
.logged-books--logging-selection-section .logged-books--autocomplete input {
  padding-left: 36px;
}
.logged-books--logging-selection-section
  .logged-books--autocomplete
  .autocomplete-wrapper {
  width: 100%;
}
.logged-books--logging-selection-section .logged-books--logging-actions {
  display: flex;
  align-items: stretch;
  gap: 12px;
  align-self: stretch;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--logging-selection-section .logged-books--logging-actions {
    flex-direction: column;
  }
}
.logged-books--logging-selection-section .logged-books--button {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  border-radius: 16px;
  background: #e5e5e5;
  color: #424242;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 125%;
  text-decoration: none;
}
.logged-books--logging-selection-section .logged-books--button svg {
  width: 40px;
  height: 40px;
}
.logged-books--logging-selection-section .logged-books--rlc-button {
  display: flex;
  padding-right: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  border-right: 1px solid #dedede;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--logging-selection-section .logged-books--rlc-button {
    border: none;
    padding: 0;
  }
}
.logged-books--logging-selection-section .logged-books--recently-read-books {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin: auto;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--logging-selection-section .logged-books--recently-read-books {
    flex-wrap: wrap;
  }
}
.logged-books--logging-selection-section .logged-books--recently-read-book {
  display: flex;
  width: 100px;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book
  .cover {
  transition: all 0.13s ease;
  position: relative;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  align-self: flex-end;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book
  .cover::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 10px;
  width: calc(100% - 20px);
  height: 20px;
  border-radius: 20px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book
  .cover
  img {
  object-fit: cover;
  width: 100%;
  border-radius: inherit;
  align-self: flex-end;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book
  .cover
  .book-title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.28;
  padding: 0px 16px;
  color: white;
  text-align: center;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book
  .cover
  .no-title
  svg {
  fill: white;
  height: 40px;
  width: 40px;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book.log-item-1
  .cover {
  background-color: #dc493a;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book.log-item-2
  .cover {
  background-color: #f26430;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book.log-item-3
  .cover {
  background-color: #ffbc42;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book.log-item-4
  .cover {
  background-color: #03b5aa;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book.log-item-5
  .cover {
  background-color: #19bfd5;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book.log-item-6
  .cover {
  background-color: #1d70a2;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book.log-item-7
  .cover {
  background-color: #6761a8;
}
.logged-books--logging-selection-section
  .logged-books--recently-read-book.no-cover
  .cover {
  aspect-ratio: 1 / 1.5;
  align-self: flex-end;
}
.logged-books--log-without-title {
  text-align: center;
}
.logged-books--logging-form {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 1024px;
  max-width: 90vw;
}
.logged-books--logging-form-content {
  border-radius: 24px;
  background: #f2f2f2;
  margin-bottom: 24px;
  max-width: 600px;
  width: 100%;
}
.logged-books--logging-form-section {
  display: flex;
  padding: 24px;
  border-bottom: 1px solid #dedede;
  gap: 24px;
}
.logged-books--logging-form-section.date-read-section {
  justify-content: space-between;
  align-items: center;
}
.logged-books--logging-form-section.log-value-section {
  flex-direction: column;
  align-items: flex-start;
}
.logged-books--logging-form-section label {
  color: #424242;
  font-size: 16px;
  font-weight: 800;
  line-height: 125%;
}
.logged-books--logging-form-section input {
  height: 56px;
  padding: 8px 12px;
  width: 100%;
  margin: 0;
}
.logged-books--logging-form-section .counterfeit-block {
  margin: 0;
}
.logged-books--logging-form-section #verify-log-value {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 16px;
  border: 2px solid #ffbc41;
  background: #feefbd;
  margin: 0;
  color: #424242;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
}
.logged-books--logging-form-section .log-value-error-block {
  margin: 0;
}
.logged-books--logging-form-section li {
  list-style-type: none;
}
.logged-books--logging-form-section #logged_book_book_title_input,
.logged-books--logging-form-section #logged_book_book_author_input {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
.logged-books--logging-form-section #logged_book_log_value {
  width: 100%;
  max-width: 100%;
}
.logged-books--logging-form-section #logged_book_include_review {
  width: 100%;
  max-width: 100%;
}
.logged-books--logging-form-section #logged_book_library_event_attributes_event,
.logged-books--logging-form-section #logged_book_video_log_attributes_title,
.logged-books--logging-form-section
  #logged_book_news_and_magazine_log_attributes_title {
  width: 100%;
  max-width: 100%;
}
.logged-books--logging-form-section
  #logged_book_library_event_attributes_event_type_id {
  width: 100%;
  max-width: 100%;
}
.logged-books--logging-form-log-value-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
  width: 100%;
}
.logged-books--logging-form-log-value {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
}
.logged-books--logging-form-log-value .log-value-input {
  width: 100%;
}
.logged-books--logging-form-log-value .logged-books--form-fields {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}
.logged-books--logging-form-log-value .logged-books--form-fields li select {
  height: 56px;
  margin: 0;
}
.logged-books--date {
  color: #424242;
  font-size: 17px;
  font-weight: 400;
  line-height: 125%;
}
.logged-books--open-date-picker {
  font-size: 17px;
  font-weight: 600;
  line-height: 125%;
  display: flex;
  height: 56px;
  min-height: 44px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 16px;
}
.logged-books--timer-button {
  display: flex;
  height: 56px;
  min-height: 44px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 16px;
  background: #d0e3ff;
  font-size: 17px;
  font-weight: 600;
  line-height: 125%;
}
.logged-books--timer-button .logged-books--timer-text {
  color: #1a6dd5;
}
.logged-books--timer-button-icon svg {
  width: 20px;
  height: 20px;
}
.logged-books--additional-logging-options {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.logged-books--logging-form-submit-section {
  padding: 24px;
  display: flex;
  justify-content: flex-end;
}
.logged-books--logging-form-submit-section .logged-books--submit-button {
  height: 56px;
  min-height: 44px;
  padding: 12px 16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 125%;
}
.logged-books--reading-list-challenges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.logged-books--reading-list-challenges .book-list-program--container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.logged-books--reading-list-challenges .book-list-program--container:hover,
.logged-books--reading-list-challenges .book-list-program--container:active {
  text-decoration: none;
}
.logged-books--reading-list-challenges
  .book-list-program--container
  .gray-bar--top {
  width: 283px;
  height: 24px;
  border-radius: 16px 16px 0 0;
  background: #f5f5f5;
}
.logged-books--reading-list-challenges
  .book-list-program--container
  .gray-bar--bottom {
  display: flex;
  width: 283px;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 0 0 16px 16px;
  background: #f5f5f5;
}
.logged-books--reading-list-challenges
  .book-list-program--container
  .gray-bar--bottom
  .book-list-program--name {
  color: #424242;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 125%;
}
.logged-books--reading-list-challenges
  .book-list-program--container
  .book-list-program--image {
  width: 313px;
  border-radius: 9px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.07);
}
#book-list-display--container {
  display: block;
}
#book-list-display--container .book-list-display--buttons-bg {
  height: 60px;
}
#book-list-display--container .logged-books--close,
#book-list-display--container .logged-books--back {
  transition: all 0.13s ease;
  background-color: #fff;
  box-shadow: 0 3px 7px rgba(26, 26, 26, 0.08);
  border: none;
}
.logged-books--calendar-modal .modal__box {
  width: 830px;
  position: fixed;
  z-index: 30000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 16px;
  max-height: 95vh;
  max-width: 90vw;
}
.logged-books--calendar-modal .modal__box.modal__box-small {
  width: 480px;
}
.logged-books--calendar-modal .modal__box.program-template-badges {
  min-height: 600px;
}
.logged-books--calendar-modal
  .modal__box.program-template-badges
  .modal__interior {
  padding: 20px;
  width: 100%;
}
.logged-books--calendar-modal
  .modal__box.program-template-badges
  .modal__interior
  .modal-search__field {
  max-width: 360px;
}
.logged-books--calendar-modal .modal__title h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}
.logged-books--calendar-modal .modal__footer {
  padding: 16px;
  display: flex;
  grid-gap: 12px;
  justify-content: flex-end;
  border-top: 1px solid #eaeaea;
}
.logged-books--calendar-modal .modal__footer .button,
.logged-books--calendar-modal .modal__footer button,
.logged-books--calendar-modal .modal__footer input {
  margin: 0 !important;
}
#scandit-v2 .scandit-barcode-picker {
  border-radius: 10px;
  overflow: hidden;
}
.logged-books--select-reader-form {
  width: 100%;
}
.logged-books--logging-form-body {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  justify-content: center;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--logging-form-body {
    flex-direction: column;
  }
}
.logged-books--title-information {
  border-radius: 24px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px;
}
.logged-books--title-information .cover--upload-placeholder {
  display: flex;
  width: 120px;
  height: 180px;
  padding: 156px 0 0 96px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  aspect-ratio: 2/3;
  border-radius: 12px;
  border: 4px dashed #c8c8c8;
  background: #eaeaea;
}
.logged-books--title-information .cover--upload-placeholder.hide {
  display: none;
}
.logged-books--title-information .cover--upload-button {
  display: flex;
  height: 32px;
  width: 32px;
  padding: 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
  top: 21px;
  right: -220px;
  margin-top: -40px;
  cursor: pointer;
  border-radius: 40px;
  background: #196dd5;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.11);
  border: none;
}
.logged-books--title-information .cover--upload-button img {
  width: 16px;
  height: 16px;
  aspect-ratio: auto;
  min-width: auto;
}
.logged-books--title-information.manually-enter {
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--title-information.manually-enter {
    width: 100%;
  }
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form {
  width: 356px;
}
@media only screen and (max-width: 39.938em) {
  .logged-books--title-information.manually-enter
    .logged-books--title-information-form {
    width: 100%;
  }
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  li {
  list-style-type: none;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  .book-title-input {
  position: relative;
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 500px) {
  .logged-books--title-information.manually-enter
    .logged-books--title-information-form
    .book-title-input {
    width: 399px;
  }
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  .book-title-input
  #open-scanner-btn {
  position: absolute;
  top: 6px;
  right: 8px;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  .input-icon-button {
  transition: all 0.13s ease;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  border: none;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  .input-icon-button:hover {
  background-color: #eaeaea;
  border: none;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  .input-icon-button:focus {
  box-shadow: inset 0 0 0 2.5px #6dafff;
  outline: none;
  border: none;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  .input-icon-button.input-icon-button--active {
  background-color: #eaeaea;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  .input-icon-button.input-icon-button--active:hover {
  background-color: #d9d9d9;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  .input-icon-button
  svg {
  width: 20px;
  height: 20px;
  fill: #656565;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  label {
  font-size: 15px;
  font-weight: 800;
  color: #424242;
  line-height: 21px;
  display: block;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  label
  span:not(.label-text) {
  color: #929292;
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  line-height: 21px;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  input[type="text"],
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  input[type="number"],
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  textarea,
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  select {
  border-radius: 10px;
  padding: 0 12px;
  font-size: 16px;
  margin-bottom: 28px;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  input[type="text"]:focus,
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  input[type="number"]:focus,
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  textarea:focus,
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  select:focus {
  box-shadow: none;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  textarea {
  padding: 12px;
  height: 128px;
}
.logged-books--title-information.manually-enter
  .logged-books--title-information-form
  select {
  background-position: calc(100% - 16px);
}
.logged-books--title-information.manually-enter label {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.logged-books--title-information.manually-enter label small {
  color: #656565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.logged-books--title-information-content {
  width: 100%;
}
.logged-books--title-information-cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.logged-books--title-information-cover img {
  border-radius: 8px;
  height: 160.457px;
  min-width: 120px;
  aspect-ratio: 120/160.46;
}
.logged-books--no-cover-placeholder {
  background-color: #c8c8c8;
  border-radius: 8px;
  height: 160.457px;
  aspect-ratio: 120/160.46;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logged-books--no-cover-placeholder svg {
  height: 40px;
  width: 40px;
}
.logged-books--title-information-title {
  font-size: 20px;
  font-weight: 800;
  line-height: 125%;
  margin: 0;
}
.logged-books--title-information-author {
  font-size: 17px;
  font-weight: 400;
  line-height: 125%;
}
.book-reviewer--container {
  border-radius: 24px;
  background: #f5f5f5;
  padding: 24px !important;
}
.book-reviewer--container #book-reviewer-form {
  margin: 0 !important;
}
.book-reviewer--container .book-reviewer--footer {
  padding: 24px 24px 0;
  margin: 0 -24px;
  border-top: 1px solid #d2d2d2;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 10px;
  align-self: stretch;
}
.logged-books--background {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
.logged-books--image {
  height: 170px;
  width: 100%;
  margin-bottom: 16px;
}
.logged-books--message {
  text-align: center;
}
.logged-books--actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.benny-cool {
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/cool-1b02542c623e1f026faa7ab3b0d7b4bd35f474c23336b9a0cd76f6303cabaa17.svg)
    no-repeat;
  background-size: contain;
  background-position: center;
}
.cool-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/cool-top-fbe10bf46132b18418edbb8a9b83a3650b30ccbcbea8fbc3f8f1243ad4b7622b.svg)
    repeat-x;
  background-size: auto 100%;
  background-position: center;
}
.benny-happy {
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/happy-f1d17c9356c466fcf29e51a627479bdf42bcfbbdc6e6122f33a89c596706aa77.svg)
    no-repeat;
  background-size: contain;
  background-position: center;
}
.happy-left {
  position: absolute;
  top: 30vh;
  width: 100%;
  height: 200px;
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/happy-left-41dba59934be9356174e9e309e9802817af04a9a1f2d9e2d2e9f3bd14c5ed5fd.svg)
    no-repeat;
  background-size: auto 100%;
  background-position: left center;
}
.happy-top {
  position: absolute;
  top: 0vh;
  width: 100%;
  height: 200px;
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/happy-top-064da695e166217837d2f02af9692fa0d9df5f33a5aa2e4fea488acbc5318c4b.svg)
    no-repeat;
  background-size: auto 100%;
  background-position: center top;
}
.happy-right {
  position: absolute;
  top: 30vh;
  width: 100%;
  height: 200px;
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/happy-right-dd48d01ae0cf1dbd398bcd1683488416e7a90c7cd4ee292a00f3fa987aa020b1.svg)
    no-repeat;
  background-size: auto 100%;
  background-position: right center;
}
.benny-party {
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/party-ddda0b35eea2b71bdc7c7f855a719e91e8552331d47fa29dd35e8d1f0fbee3a9.svg)
    no-repeat;
  background-size: contain;
  background-position: center;
}
.party-left {
  position: absolute;
  top: 30vh;
  width: 100%;
  height: 200px;
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/party-left-ccb4d7246150550886259fe4a6e9305d80015b86b8e7b2ab82dc9220e0f3c79d.svg)
    no-repeat;
  background-size: auto 100%;
  background-position: left center;
}
.party-right {
  position: absolute;
  top: 30vh;
  width: 100%;
  height: 200px;
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/party-right-4c568a828c997e4e3a5bd03080bf2dbdf6b9179d67f6bacf56a9b3856f4fd46e.svg)
    no-repeat;
  background-size: auto 100%;
  background-position: right center;
}
.party-top-left {
  position: absolute;
  top: 0;
  left: 3%;
  width: 640px;
  height: 150px;
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/party-top-left-586b3775953fa83b4c379bb6b7c02d35d820090731df12d8429f2140392676e4.svg)
    no-repeat;
  background-size: auto 100%;
  background-position: left top;
  z-index: 10;
}
.party-top-right {
  position: absolute;
  top: 0;
  left: 45%;
  width: 990px;
  height: 120px;
  background: url(//assets.beanstack-cdn.com/assets/completed_logged_books/party-top-right-e9ac883e18fa32ed22daaf5e81e0b92c956f87acf57bdb7c179c25535e21b91c.svg)
    no-repeat;
  background-size: auto 100%;
  background-position: right top;
}
.reader-selector--wrap {
  border-radius: 24px;
  overflow: hidden;
  border: 2px solid #eaeaea;
}
.reader-selector--list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 24px;
  max-height: 546px;
  overflow-y: auto;
}
.reader-selector--list .reader-selector--section {
  width: 100%;
}
.reader-selector--list .reader-selector--section-collapsed {
  display: none;
}
.reader-selector--list
  .reader-selector--section-collapse.reader-selector--section-collapse--expanded
  svg {
  transform: rotate(180deg);
}
.reader-selector--list .reader-selector--section-info {
  display: flex;
  height: 40px;
  padding: 10px 18px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  align-self: stretch;
  border-bottom: 1px solid #eaeaea;
  background: #f5f5f5;
}
.reader-selector--list
  .reader-selector--section-info
  .reader-selector--select-all {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 15px;
  line-height: 125%;
}
.reader-selector--list
  .reader-selector--section-info
  .reader-selector--select-all
  .reader-selector--select-all-link,
.reader-selector--list
  .reader-selector--section-info
  .reader-selector--select-all
  .reader-selector--select-none-link {
  color: #424242;
  font-weight: 600;
  text-decoration: none;
}
.reader-selector--list
  .reader-selector--section-info
  .reader-selector--select-all
  .reader-selector--select-all-link:hover,
.reader-selector--list
  .reader-selector--section-info
  .reader-selector--select-all
  .reader-selector--select-all-link:active,
.reader-selector--list
  .reader-selector--section-info
  .reader-selector--select-all
  .reader-selector--select-none-link:hover,
.reader-selector--list
  .reader-selector--section-info
  .reader-selector--select-all
  .reader-selector--select-none-link:active {
  color: #424242;
  text-decoration: none;
}
.reader-selector--list .reader-selector--option {
  display: flex;
  height: 84px;
  padding: 20px;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  align-self: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #eaeaea;
}
.reader-selector--list .reader-selector--option .reader-selector--reader-info {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.reader-selector--list
  .reader-selector--option
  .reader-selector--reader-info
  .reader-avatar {
  width: 44px;
  height: 44px;
}
.reader-selector--list
  .reader-selector--option
  .reader-selector--section-checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
}
.reader-selector--list .reader-selector--option label.reader-selector--checkbox,
.reader-selector--list
  .reader-selector--option
  label.reader-selector--select-all-checkbox {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 24px;
  border: 2px solid var(--Gray-Gray-300, #dedede);
}
.reader-selector--list
  .reader-selector--option
  label.reader-selector--checkbox:has(input:checked),
.reader-selector--list
  .reader-selector--option
  label.reader-selector--select-all-checkbox:has(input:checked) {
  border: 2px solid #0ba85f;
  background-color: #0ba85f;
}
.reader-selector--list
  .reader-selector--option
  label.reader-selector--checkbox:has(input:checked):before,
.reader-selector--list
  .reader-selector--option
  label.reader-selector--select-all-checkbox:has(input:checked):before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/metro/32/FFFFFF/checkmark.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #0ba85f;
}
.reader-selector--list
  .reader-selector--option
  label.reader-selector--checkbox:has(input:indeterminate),
.reader-selector--list
  .reader-selector--option
  label.reader-selector--select-all-checkbox:has(input:indeterminate) {
  border: 2px solid #0ba85f;
  background-color: #0ba85f;
}
.reader-selector--list
  .reader-selector--option
  label.reader-selector--checkbox:has(input:indeterminate):before,
.reader-selector--list
  .reader-selector--option
  label.reader-selector--select-all-checkbox:has(input:indeterminate):before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/metro/32/FFFFFF/minus-math.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #0ba85f;
}
.reader-selector--list
  .reader-selector--option
  label.reader-selector--checkbox
  input,
.reader-selector--list
  .reader-selector--option
  label.reader-selector--select-all-checkbox
  input {
  display: none;
}
.reader-selector--submit {
  display: flex;
  width: 100%;
  padding: 32px 0;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.search-wrap {
  position: relative;
  height: 54px;
}
.search-wrap input[type="text"] {
  border-color: #e0e0e0;
}
.search-wrap input[type="text"]:focus {
  border-color: #a3a3a3;
}
.search-wrap .button,
.search-wrap label,
.search-wrap input[type="text"] {
  margin: 0;
}
.search-query {
  margin-top: -0.625rem;
  margin-bottom: 1.25rem;
  font-size: 1.4375rem;
}
.light-bg-overlay.search .wrap {
  padding: 30% 0;
}
@media only screen and (min-width: 40em) {
  .light-bg-overlay.search .wrap {
    padding: 40% 0;
  }
}
@media only screen and (min-width: 80em) {
  .light-bg-overlay.search .wrap {
    padding: 15% 0;
  }
}
.search-results {
  text-align: center;
  padding: 3rem 0;
}
@media only screen and (min-width: 80em) {
  .search-results {
    padding: 12.375rem 0 3rem 0;
  }
}
.results-form .row .columns {
  padding-right: 1.25rem;
  padding-left: 0;
}
.search-textbox {
  width: 100%;
}
.move-right .left-off-canvas-menu {
  left: 0px;
  display: block;
}
.left-off-canvas-menu {
  display: none;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  position: fixed;
  top: 128px;
  bottom: 80px;
  left: -381px;
  width: 381px;
  z-index: 998;
  margin-left: 0;
}
@media screen and (max-width: 580px) {
  .left-off-canvas-menu {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 80em) {
  .left-off-canvas-menu {
    top: 0;
  }
}
.move-right > .inner-wrap {
  transform: none !important;
  -webkit-transform: none !important;
  margin-left: 381px !important;
  width: auto !important;
}
.left-off-canvas-menu {
  background: #ffffff;
  border-right: 1px solid #e0e0e0;
}
.left-off-canvas-menu .filter-title {
  color: #2858a5;
  font-weight: 700;
}
.left-off-canvas-menu form {
  padding: 0;
}
.left-off-canvas-menu form label {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  position: relative;
  line-height: 22px;
  left: -4px;
  text-transform: none;
  margin-bottom: 12px;
  color: #424242;
}
.left-off-canvas-menu form label:after {
  clear: both;
  content: "";
  display: table;
}
.left-off-canvas-menu form label:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.left-off-canvas-menu form label input[type="checkbox"] {
  display: none;
  float: left;
  opacity: 0;
  filter: alpha(opacity=0);
}
.left-off-canvas-menu form label input[type="checkbox"] + div {
  display: block;
  float: left;
  position: relative;
  top: 3px;
  height: 18px;
  width: 18px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -19px
    0;
  margin-left: 4px;
  margin-right: 12px;
}
.left-off-canvas-menu form label input[type="checkbox"]:checked + div {
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -19px -18px;
}
.filters-buttons-wrap {
  display: none;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 999;
  width: 382px;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  height: 80px;
  text-align: center;
  background: white;
  padding: 18px;
}
@media screen and (max-width: 580px) {
  .filters-buttons-wrap {
    width: 100%;
  }
}
.filters-buttons-wrap .filters-clear {
  margin-right: 0.625rem;
}
.filters-buttons-wrap .left-off-canvas-toggle {
  margin-right: 0 !important;
}
.filters-buttons-wrap .filters-clear,
.filters-buttons-wrap .left-off-canvas-toggle {
  width: auto;
}
.left-off-canvas-menu::-webkit-scrollbar {
  width: 12px;
}
.left-off-canvas-menu::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.left-off-canvas-menu::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #d4d4d4;
}
.left-off-canvas-menu::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.left-off-canvas-menu::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}
.accordion {
  margin-bottom: 0;
}
.accordion:before,
.accordion:after {
  content: " ";
  display: table;
}
.accordion:after {
  clear: both;
}
.accordion .accordion-navigation,
.accordion li {
  display: block;
  margin-bottom: 0 !important;
}
.accordion .accordion-navigation.active > a,
.accordion li.active > a {
  background-color: #e0e0e0;
}
.accordion .accordion-navigation.active > a:hover,
.accordion li.active > a:hover {
  background-color: #f0f0f0;
}
.accordion .accordion-navigation > a,
.accordion li > a {
  font-weight: 700;
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-family: "museo-sans-rounded", sans-serif;
  background: none;
  color: #424242;
  padding: 20px;
  border-top: 1px solid #e0e0e0;
}
.accordion .accordion-navigation > a:hover,
.accordion li > a:hover {
  text-decoration: none;
  background-color: #f7f7f7;
}
.accordion .accordion-navigation > .content,
.accordion li > .content {
  display: none;
  padding: 20px;
}
.accordion .accordion-navigation > .content.active,
.accordion li > .content.active {
  display: block;
  background: none;
}
.accordion li > .content > div {
  margin-bottom: 1.25rem;
}
#book-reviewer #book-reviewer-form {
  position: relative;
  margin-bottom: 2.5rem;
}
#book-reviewer ul {
  margin: 0;
}
#book-reviewer ul.book-selector {
  margin-bottom: 1.25rem;
}
#reviewer-message {
  font-weight: 700;
  display: none;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  font-family: "museo-sans-rounded", sans-serif;
  background-color: #0ba85f;
  color: #ffffff;
  left: 20px;
  bottom: 99px;
  z-index: 11000;
  padding: 0.95rem 1.875rem;
}
@media only screen and (min-width: 40em) {
  #reviewer-message {
    width: auto;
    left: 304px;
    bottom: 40px;
    padding: 0.75rem 1.25rem;
  }
}
#reviewer-message.logger-error {
  text-align: left;
  background-color: #e85648;
  width: 208px;
  padding: 2.5rem 1.875rem;
}
#badge-modal .badge-modal-content img {
  display: block;
  background-color: #326ece;
  width: 160px;
  margin: 0 auto;
}
@media only screen and (min-width: 40em) {
  #badge-modal .badge-modal-content img {
    width: 240px;
  }
}
#badge-modal .row + .row + button {
  display: none;
}
.earned-badges-list {
  display: grid;
  margin: 30px 0 70px;
  padding: 0;
  column-gap: 24px;
  row-gap: 24px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 40em) {
  .earned-badges-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 900px) {
  .earned-badges-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.earned-badges-list .earned-badge-container {
  align-self: stretch;
  position: relative;
  margin: 0;
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.no-badges-or-achievements {
  padding: 50px;
  background-color: #f5f5f5;
  border-radius: 10px;
  margin: 2rem 0;
  text-align: center;
}
.no-badges-or-achievements svg {
  width: 131px;
  height: 79px;
}
.no-badges-or-achievements p {
  font-size: 18px;
  font-weight: 900;
  padding: 30px;
  margin: 0;
  text-align: center;
}
.achievements-squiggle {
  margin-top: 10px;
  height: 10px;
  width: 60px;
  fill: #f7f7f7;
  stroke: #f7f7f7;
  z-index: 9999999999;
}
.achievements-modal-streaks {
  background-color: #dbf2e7;
  border-radius: 16px;
  margin: 15px auto 0;
  justify-content: center;
  padding: 0 20px;
  width: fit-content;
  height: 40px;
  display: flex;
  align-items: center;
}
.achievements-modal-streaks + .achievements-squiggle {
  margin-top: 20px;
}
.achievements-modal-streaks .streaks-text {
  color: #087542;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  width: 100%;
}
@media only screen and (max-width: 39.938em) {
  .achievements-modal-streaks {
    height: auto;
    padding: 5px;
  }
}
.header-and-subheading {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
  display: flex;
  justify-content: left;
  flex-direction: column;
}
.header-and-subheading h1 {
  margin-bottom: 0;
}
.badges-section-header {
  margin-bottom: 48px;
  border-bottom: 2px solid #f7f7f7;
}
.badges-section-header:after {
  clear: both;
  content: "";
  display: table;
}
.badges .badge-container {
  text-align: center;
}
.badges .badge-container.earned-badge-container {
  border-radius: 12px;
  cursor: pointer;
  padding: 0;
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #fafafa;
  width: 100% !important;
}
.badges .badge-container.earned-badge-container .badge-info {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.badges .badge-container.earned-badge-container .badge-date {
  border-top: 1px solid #f2f2f2;
  padding: 16px 30px;
}
.badges .badge-container.earned-badge-container .badge-title {
  font-size: 16px;
  font-weight: 800;
  padding: 12px 24px 0;
}
.badges .badge-container.earned-badge-container .badge-description {
  flex: auto;
  padding-bottom: 20px;
  max-width: 300px;
  margin: 0 auto;
  padding: 0 24px 24px;
}
.badges .badge-container .badge-date {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #087542;
}
.badges .badge-container .badge-title {
  line-height: 1.2;
  margin-bottom: 1rem;
}
.badges .badge-container .badge-image {
  max-width: 132px;
  margin: 40px auto 10px;
}
.badges .badge-container .badge-description {
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #656565;
}
.badges .badge-container .badge-share-button {
  margin: 1.25rem 0;
}
.badges .badge-container .badge-share-button .button {
  padding: 0.625rem 1rem;
}
.badges .badge-container .badge-share-button .share-text {
  display: inline-block;
  margin-right: 5px;
}
.badges .badge-container .badge-share-button .share-img {
  margin-top: -3px;
}
.profile.share-badge .profile-header {
  text-align: center;
}
.profile.share-badge .profile-header h1 {
  float: none;
}
.certificate-border {
  border: 12px solid #e0e0e0;
  padding: 84px;
  background: #ffffff;
}
.certificate-header {
  width: 695px;
  height: 152px;
  background: url("https://assets.beanstack-cdn.com/static-assets/srp-certificate-banner.png");
  margin: 0 auto;
}
.certificate-wrapper .badge img {
  background-color: #326ece;
  margin-bottom: 48px;
}
.certificate-wrapper .signature,
.certificate-wrapper .emblem {
  display: inline-block;
}
.certificate-wrapper .signature {
  width: 244px;
  border-top: 1px solid #e0e0e0;
  padding-top: 12px;
}
.certificate-wrapper .emblem {
  margin: 0 36px;
}
.flip-wrap input {
  display: none;
}
.flip-wrap label {
  font-weight: 700;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #424242;
  margin-bottom: 1.25rem;
  text-transform: none;
}
.flip-wrap label:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.flip-wrap label:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.flip-wrap label:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .flip-wrap label:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .flip-wrap label:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .flip-wrap label:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.flip-wrap label:hover {
  color: #424242;
}
.flip-wrap label.selected {
  background: none;
}
.flip-wrap .flip-container,
.flip-wrap .front,
.flip-wrap .back {
  height: 260px;
  width: 100%;
  cursor: pointer;
}
.flip-wrap .flip-container img,
.flip-wrap .front img,
.flip-wrap .back img {
  border: none;
  width: 180px;
  height: 180px;
}
.flip-wrap .flip-container {
  padding: 0;
  margin-bottom: 1.25rem;
}
.flip-wrap .flip-container:after {
  clear: both;
  content: "";
  display: table;
}
.flip-wrap .flipper {
  position: relative;
}
.flip-wrap .flipper div {
  position: absolute;
  top: 0;
  left: 0;
}
.flip-wrap .flipper .icon-container {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff no-repeat center;
  border: 4px solid #f7f7f7;
}
.flip-wrap .flipper .icon-container:hover {
  border-color: #f0f0f0;
}
.flip-wrap .back {
  display: none;
  background: #fff
    url("https://assets.beanstack-cdn.com/static-assets/ui-check.png") no-repeat
    center center;
}
.no-svg .flip-wrap .back {
  background-image: url(//assets.beanstack-cdn.com/static-assets/ui-check.png);
}
.flip-wrap .back img {
  display: none;
}
.flip-wrap .selected .back {
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 4px solid #f7f7f7;
}
.flip-wrap .selected .back:hover {
  border-color: #f0f0f0;
}
.flip-wrap .no-csstransforms3d .front {
  display: block;
}
.flip-wrap .no-csstransforms3d .back {
  display: none;
}
.flip-wrap .no-csstransforms3d .selected .front {
  background: transparent
    url(//assets.beanstack-cdn.com/assets/ui-checked-8288be89b77309458167ad10c202050a4d66262920b0e5c45f59ef9bd76d0793.png)
    no-repeat center center !important;
  display: none;
}
.flip-wrap .no-csstransforms3d .selected .back {
  background: transparent
    url(//assets.beanstack-cdn.com/assets/ui-checked-8288be89b77309458167ad10c202050a4d66262920b0e5c45f59ef9bd76d0793.png)
    no-repeat center center !important;
  display: block;
}
.flip-wrap .no-csstransforms3d .selected img {
  display: none;
}
.flip-wrap .no-svg .selected .back {
  background: transparent
    url(//assets.beanstack-cdn.com/assets/ui-checked-8288be89b77309458167ad10c202050a4d66262920b0e5c45f59ef9bd76d0793.png)
    no-repeat center center !important;
}
.flip-wrap .lt-ie9 .front {
  display: block;
}
.flip-wrap .lt-ie9 .back {
  display: none;
}
.flip-wrap .lt-ie9 .selected .front {
  display: none;
}
.flip-wrap .lt-ie9 .selected .back {
  display: block;
}
#home .mobile-masthead-image {
  display: block;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 80em) {
  #home .mobile-masthead-image {
    display: none;
  }
}
#home .masthead-image {
  display: none;
  width: 100%;
  max-width: 100%;
  position: absolute;
}
@media only screen and (min-width: 80em) {
  #home .masthead-image {
    display: block;
  }
}
#home .buttons-wrap.non-srp .button {
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 40em) {
  #home .buttons-wrap.non-srp .button {
    margin: 0 0.3125rem;
  }
}
#home .intro-wrap {
  position: relative;
  text-align: center;
  background: #ffffff;
  border-top: 1px solid #e0e0e0;
  padding: 2rem 0 2.5rem 0;
}
@media only screen and (min-width: 80em) {
  #home .intro-wrap {
    border-top: 0;
  }
}
#home .intro-wrap img {
  width: 156px;
  margin-bottom: 1rem;
  background-color: #326ece;
}
@media only screen and (min-width: 40em) {
  #home .intro-wrap {
    padding: 2.5rem 0 3rem 0;
  }
}
#home .masthead {
  text-align: center;
  padding: 2.5rem 0;
}
@media only screen and (min-width: 40em) {
  #home .masthead {
    padding: 5rem 0;
  }
}
@media only screen and (min-width: 80em) {
  #home .masthead {
    padding: 15rem 0;
  }
}
@media only screen and (min-width: 90em) {
  #home .masthead {
    padding: 20rem 0;
  }
}
@media only screen and (min-width: 120em) {
  #home .masthead {
    padding: 32.5rem 0;
  }
}
#home .features-wrap {
  position: relative;
  text-align: center;
  padding: 2.5rem 0;
  background: #326ece
    url("https://assets.beanstack-cdn.com/static-assets/hp-features-bg-texture.png")
    repeat-x bottom;
}
@media only screen and (min-width: 40em) {
  #home .features-wrap {
    padding: 3.75rem 0;
  }
}
@media only screen and (min-width: 80em) {
  #home .features-wrap {
    padding: 5rem 0;
  }
}
#home .features-wrap img {
  width: 180px;
}
#home .features-wrap .mobile-padding {
  margin-top: 2.5rem;
}
@media only screen and (min-width: 40em) {
  #home .features-wrap .mobile-padding {
    margin-top: 0;
  }
}
#home + footer {
  background: #ffffff;
  padding-top: 1.25rem;
}
#launchpad-homepage {
  padding: 2.5rem 0 0 0;
}
#launchpad-homepage .bs-logo {
  width: 108px;
  margin-bottom: 0.625rem;
  background-color: #326ece;
}
@media only screen and (min-width: 40em) {
  #launchpad-homepage .bs-logo {
    width: 120px;
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 80em) {
  #launchpad-homepage .bs-logo {
    width: 132px;
  }
}
#launchpad-homepage .path-wrap {
  margin: 2.5rem 0;
  padding: 1.25rem;
  background: #326ece
    url("https://assets.beanstack-cdn.com/static-assets/bs-books-bg.png");
}
@media only screen and (min-width: 80em) {
  #launchpad-homepage .path-wrap {
    margin: 3.75rem 0;
  }
}
#launchpad-homepage .path-wrap .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
#launchpad-homepage .path {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 1.3rem 1.25rem 1.5rem 1.25rem;
  background: url("https://assets.beanstack-cdn.com/static-assets/bs-launchpad-dark-bg.png");
}
#launchpad-homepage .path.bottom {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  #launchpad-homepage .path.bottom {
    margin-top: 0;
  }
}
#launchpad-homepage .features img {
  width: 156px;
  margin-bottom: 1rem;
  background-color: #326ece;
}
@media only screen and (min-width: 80em) {
  #launchpad-homepage .features img {
    width: 180px;
  }
}
#launchpad-homepage .features [class*="block-grid-"] > li {
  padding-bottom: 0;
}
#switch-view-experience {
  transform: translate3d(50%, -50%, 0) rotate(270deg) translateY(-50%);
  transform-origin: center;
  animation: out 0.5s;
  animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  position: fixed;
  top: 50%;
  margin-top: -20px;
  right: 0;
  padding: 8px 15px;
  background-color: #087542;
  z-index: 10;
  border-radius: 10px 10px 0 0;
  box-shadow: -3px 0px 10px 3px rgba(0, 0, 0, 0.2);
}
#switch-view-experience:hover {
  background-color: #0b9b58;
  text-decoration: none;
  cursor: pointer;
}
#switch-view-experience .switch-experience-text {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
#switch-view-experience .switch-experience-text:hover {
  text-decoration: none;
}
@keyframes out {
  from {
    right: -40px;
    opacity: 0;
  }
  to {
    opacity: 1;
    right: 0;
  }
}
.programs-funnel {
  padding: 0;
}
.programs-funnel .intro-wrap .masthead {
  padding: 3.75rem 0;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .masthead {
    padding: 5rem 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 80em) {
  .programs-funnel .intro-wrap .masthead {
    padding: 7.5rem 0;
    margin-bottom: 2.5rem;
  }
}
.programs-funnel .intro-wrap .masthead .divide {
  opacity: 0.26;
  filter: alpha(opacity=26);
  border-bottom: 1px solid #ffffff;
  margin: 1.875rem auto;
}
.programs-funnel .intro-wrap .card.hollow {
  border: 1px solid #e0e0e0;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .card.hollow {
    display: block;
    padding: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.programs-funnel .intro-wrap .card.hollow.in {
  padding: 2.5rem 0;
}
.programs-funnel .intro-wrap .age-group {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 4px solid #e0e0e0;
  margin-bottom: 1.25rem;
}
.programs-funnel .intro-wrap .age-group:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.programs-funnel .intro-wrap .age-group:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.programs-funnel .intro-wrap .age-group:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .age-group {
    margin-bottom: 2.5rem;
  }
  .programs-funnel .intro-wrap .age-group:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .programs-funnel .intro-wrap .age-group:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .programs-funnel .intro-wrap .age-group:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.programs-funnel .intro-wrap .age-group img {
  width: 100%;
  max-width: 100%;
}
.programs-funnel .intro-wrap .header-with-button {
  border-top: none;
  padding: 1.25rem;
}
.programs-funnel .intro-wrap .header-with-button:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .header-with-button header {
    float: left;
  }
  .programs-funnel .intro-wrap .header-with-button .button {
    position: relative;
    float: right;
    top: 3px;
  }
}
@media only screen and (min-width: 80em) {
  .programs-funnel .intro-wrap .header-with-button .button {
    top: 7px;
  }
}
.programs-funnel .intro-wrap .how-it-works,
.programs-funnel .intro-wrap .upcoming-events {
  display: none;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .how-it-works,
  .programs-funnel .intro-wrap .upcoming-events {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.programs-funnel .intro-wrap .group-register {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .group-register {
    margin-bottom: 0;
  }
}
.programs-funnel .intro-wrap .sponsors {
  text-align: center;
  background: #ffffff;
  padding: 2.5rem 1.25rem;
}
@media only screen and (min-width: 80em) {
  .programs-funnel .intro-wrap .sponsors {
    padding: 3.75rem;
  }
}
.programs-funnel .intro-wrap .sponsors ul {
  margin: 0;
}
.programs-funnel .intro-wrap .sponsors ul li {
  display: inline-block;
  margin: 2.5rem 1.25rem 0 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .sponsors ul li {
    margin: 2.5rem 2.5rem 0 2.5rem;
  }
  .programs-funnel .intro-wrap .sponsors ul li:first-child {
    margin-left: 0;
  }
  .programs-funnel .intro-wrap .sponsors ul li:last-child {
    margin-right: 0;
  }
}
.programs-funnel .intro-wrap .sponsors img {
  height: 54px;
}
@media only screen and (min-width: 80em) {
  .programs-funnel .intro-wrap .sponsors img {
    height: 72px;
  }
}
.programs-funnel .bookshelf {
  width: 144px;
  margin: 1.25rem auto 2.5rem auto;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .bookshelf {
    width: 192px;
    margin: 0 auto 2.5rem auto;
  }
}
.programs-funnel .button-wrap button {
  width: 100%;
  max-width: 100%;
  margin: 0 0 0.625rem 0;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .button-wrap button {
    width: auto;
    margin: 0 0.3125rem;
  }
}
.programs-funnel .recommendations-callout {
  background-color: #f7f7f7;
  padding: 1.5rem;
  margin: 1rem 0;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .recommendations-callout {
    padding: 3rem;
    margin: 1.5rem 0;
  }
}
.programs-funnel .recommendations-callout label {
  text-align: center;
}
.programs-funnel .recommendations-callout ul {
  margin: 0;
}
.programs-funnel .loading {
  display: block;
  width: 48px;
  margin: 1.25rem auto 0 auto;
}
.programs-funnel .user-selection-wrap {
  padding: 2.5rem 0;
}
@media only screen and (min-width: 80em) {
  .programs-funnel .user-selection-wrap {
    padding: 5rem 0;
  }
}
.programs-funnel .childs-information {
  margin-top: 1.25rem;
}
.programs-funnel .funnel-start-wrap,
.programs-funnel .add-adult-wrap,
.programs-funnel .add-child-wrap,
.programs-funnel .add-any-child-wrap,
.programs-funnel .add-yourself-wrap,
.programs-funnel .add-another-child-header,
.programs-funnel .add-any-child-header,
.programs-funnel .age-selection-wrap,
.programs-funnel .success-wrap,
.programs-funnel .funnel-section-wrap {
  display: none;
  padding: 12.5rem 0;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .funnel-start-wrap,
  .programs-funnel .add-adult-wrap,
  .programs-funnel .add-child-wrap,
  .programs-funnel .add-any-child-wrap,
  .programs-funnel .add-yourself-wrap,
  .programs-funnel .add-another-child-header,
  .programs-funnel .add-any-child-header,
  .programs-funnel .age-selection-wrap,
  .programs-funnel .success-wrap,
  .programs-funnel .funnel-section-wrap {
    padding: 3.5rem 0;
  }
}
@media only screen and (min-width: 80em) {
  .programs-funnel .funnel-start-wrap,
  .programs-funnel .add-adult-wrap,
  .programs-funnel .add-child-wrap,
  .programs-funnel .add-any-child-wrap,
  .programs-funnel .add-yourself-wrap,
  .programs-funnel .add-another-child-header,
  .programs-funnel .add-any-child-header,
  .programs-funnel .age-selection-wrap,
  .programs-funnel .success-wrap,
  .programs-funnel .funnel-section-wrap {
    padding: 5rem 0;
  }
}
.programs-funnel .funnel-start-wrap ul,
.programs-funnel .add-adult-wrap ul,
.programs-funnel .add-child-wrap ul,
.programs-funnel .add-any-child-wrap ul,
.programs-funnel .add-yourself-wrap ul,
.programs-funnel .add-another-child-header ul,
.programs-funnel .add-any-child-header ul,
.programs-funnel .age-selection-wrap ul,
.programs-funnel .success-wrap ul,
.programs-funnel .funnel-section-wrap ul {
  margin: 0;
}
.programs-funnel .highlight-error {
  border-color: #e85648 !important;
}
.programs-funnel input[type="checkbox"] {
  display: inline-block;
  margin: 0 auto;
}
.programs-funnel .prize-message {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  border: 2px solid #ffbc42;
  background: #fffbf5;
  padding: 1.25rem;
  margin-bottom: 2.5rem;
}
.programs-funnel .prize-message .remember-icon {
  margin: 0 auto 1.25rem auto;
  width: 38px;
  height: 48px;
}
.programs-funnel .prize-message .remember-icon svg {
  width: 100%;
  height: 100%;
  position: relative;
  top: -3px;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .prize-message .remember-icon {
    position: absolute;
    top: 20px;
    left: 20px;
  }
}
.programs-funnel .prize-message .text-wrap {
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .prize-message .text-wrap {
    text-align: left;
    margin-left: 58px;
  }
}
.programs-list .srp_statistics {
  border-radius: 10px;
  padding: 16px !important;
  position: relative;
}
.programs-list .srp_statistics .statistics-items > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 16px;
  gap: 16px;
}
@media only screen and (max-width: 39.938em) {
  .programs-list .srp_statistics .statistics-items > li {
    flex-wrap: wrap;
    margin-right: 24px;
  }
}
.programs-list .srp_statistics #percent-completed-container {
  order: 2;
  max-width: 200px !important;
  border-color: transparent !important;
  padding: 6px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 39.938em) {
  .programs-list .srp_statistics #percent-completed-container {
    display: none;
  }
}
.programs-list .srp_statistics #percent-completed-container .percent-completed {
  display: none;
}
.programs-list .srp_statistics .statistics-header {
  text-align: left;
  flex-grow: 1;
  order: 1;
  position: relative;
  letter-spacing: 0 !important;
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 39.938em) {
  .programs-list .srp_statistics .statistics-header {
    padding-left: 0 !important;
    font-size: 14px !important;
  }
  .programs-list .srp_statistics .statistics-header:before {
    display: none;
  }
}
.programs-list .srp_statistics .statistics-header .stats-goal-img {
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/48/000000/goal--v1.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1rem;
  border-radius: 50%;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 39.938em) {
  .programs-list .srp_statistics .statistics-header .stats-goal-img {
    display: none;
  }
}
.programs-list .srp_statistics .statistics-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.programs-list .srp_statistics .statistics-label {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.25;
}
@media only screen and (max-width: 39.938em) {
  .programs-list .srp_statistics .statistics-label {
    font-size: 14px;
  }
}
.programs-list .srp_statistics .statistics-goal-total {
  font-size: 18px;
}
@media only screen and (max-width: 39.938em) {
  .programs-list .srp_statistics .statistics-goal-total {
    font-size: 16px;
  }
}
.program-sign-up-wrap #program_sign_up_header {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 40em) {
  .program-sign-up-wrap #program_sign_up_header {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
    margin-bottom: 3.75rem;
  }
}
@media only screen and (min-width: 80em) {
  .program-sign-up-wrap #program_sign_up_header {
    margin-bottom: 5rem;
  }
}
.program-sign-up-wrap .sign-up-instruction-headers {
  font-size: 36px;
}
.program-sign-up-wrap .alternative-programs-header {
  padding: 2rem 0 4rem;
}
.program-sign-up-wrap .alternative-programs-header .optional-text {
  color: #898989;
  font-weight: 600;
}
.program-sign-up-wrap .program-enrollment-notice {
  clear: both;
  margin-bottom: 1.25rem;
}
.program-sign-up-wrap .program-enrollment-notice .text-wrap {
  text-align: left;
}
.program-sign-up-wrap .programs-list li {
  border: 1px solid #e0e0e0;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
@media only screen and (min-width: 40em) {
  .program-sign-up-wrap .programs-list li {
    padding: 2.5rem;
  }
}
.program-sign-up-wrap .programs-list li:last-child {
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 80em) {
  .program-sign-up-wrap .programs-list li .text {
    text-align: left;
    float: left;
  }
}
@media only screen and (min-width: 80em) {
  .program-sign-up-wrap .programs-list li .button {
    float: right;
    margin-top: 5px;
  }
}
.program-sign-up-wrap .programs-list li .program-name {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
  max-width: 600px;
  margin: 0 auto;
}
@media only screen and (min-width: 40em) {
  .program-sign-up-wrap .programs-list li .program-name {
    font-size: 24px;
    line-height: 1.25;
  }
}
.program-sign-up-wrap .programs-list li .program-dates {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 80em) {
  .program-sign-up-wrap .programs-list li .program-dates {
    margin-bottom: 0;
  }
}
.program-sign-up-wrap .programs-list .alternative-programs-list li {
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.program-sign-up-wrap .programs-list .alternative-programs-list li:last-child {
  margin: 0;
}
.program-sign-up-wrap .program-registration-btn[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #a3a3a3;
  background: #e0e0e0;
  border-color: #e0e0e0;
}
.program-sign-up-wrap .program-registration-btn[disabled]:hover,
.program-sign-up-wrap .program-registration-btn[disabled]:active,
.program-sign-up-wrap .program-registration-btn[disabled]:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #a3a3a3;
  background: #e0e0e0;
  border-color: #e0e0e0;
}
.programs .programs-list {
  padding: 0;
  list-style: none;
}
.programs .programs-list li:not(.dropdown-items-list__item) {
  margin-bottom: 3rem;
}
.programs .programs-list li:not(.dropdown-items-list__item):last-child {
  margin-bottom: 0;
}
.programs .programs-list h3 {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  width: 85%;
  margin: 0 auto 1.5rem auto;
}
@media only screen and (min-width: 40em) {
  .programs .programs-list h3 {
    width: auto;
    margin-bottom: 2.5rem;
  }
}
.programs .programs-list .badge-image {
  text-align: center;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 40em) {
  .programs .programs-list .badge-image {
    margin-bottom: 0;
  }
}
.programs .programs-list .badge-image img {
  width: 240px;
}
.programs .programs-list .badge-header {
  margin-bottom: 1.5rem;
}
.programs .programs-list .connected-programs-header h2 {
  border-bottom: 1px solid #e0e0e0;
  margin: 6rem 0 3rem;
  padding-bottom: 1rem;
}
.programs .programs-list .program-achievements {
  margin-bottom: 1.5rem;
}
.programs .programs-list .program-achievement {
  margin: 0;
}
.program-enrollment-notice {
  margin: 32px 32px 0;
  letter-spacing: normal;
  font-size: 16px;
  position: relative;
  background: #ffecc8;
  line-height: 1.4;
  padding: 20px 36px;
  text-align: left;
  border-radius: 12px;
}
.program-enrollment-notice .icon-wrap {
  position: absolute;
}
.program-enrollment-notice .icon-wrap .lightbulb-icon {
  position: relative;
  top: 1px;
  width: 15px;
  height: 20px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -1026px
    0;
}
.program-enrollment-notice .icon-wrap .coming-soon-icon {
  position: relative;
  margin: -0.4rem auto auto -0.6rem;
  top: 1px;
  width: 32px;
  height: 32px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -282px -84px;
}
.program-enrollment-notice .text-wrap {
  margin-left: 26px;
}
.program-enrollment-notice .text-wrap .alternative-programs-list {
  list-style-type: disc;
  list-style-position: inside;
}
.notification-banners {
  margin-bottom: 48px;
}
@media (max-width: 900px) {
  .notification-banners {
    margin-bottom: 40px;
  }
}
.friend-requests-banner-wrap {
  margin: 12px 0;
}
.friend-requests-banner-wrap .friend-requests-bar {
  margin-bottom: 0 !important;
}
.funnel-banner-wrap,
.streaks-banner-wrap,
.reminder-banner-wrap {
  margin: 12px 0;
}
.challenges-section {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 900px) {
  .challenges-section {
    flex-direction: column;
    gap: 32px;
  }
}
.fundraiser-list {
  margin: 0 0 0 32px;
  max-width: 374px;
  width: 374px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .fundraiser-list {
    margin: 0 0 40px;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}
.fundraiser-cards {
  margin: 0;
}
@media (max-width: 900px) {
  .fundraiser-card {
    max-width: 374px;
    margin: 0 auto;
  }
}
.challenge-list {
  flex-grow: 1;
}
@media (max-width: 900px) {
  .challenge-list {
    order: 1;
  }
}
.challenge-list .challenges {
  position: relative;
}
.challenge-list .challenges .no-challenges {
  display: flex;
  background-color: #f2f2f2;
  border-radius: 8px;
  margin: 40px 0;
  min-height: 300px;
  justify-content: center;
  flex-direction: column;
}
.challenge-list .challenges .no-challenges p,
.challenge-list .challenges .no-challenges svg {
  align-self: center;
}
.challenge-list .challenges .no-challenges p {
  font-weight: 900;
  margin: 20px 0;
}
.challenge-list .challenges .header-container {
  display: flex;
}
@media only screen and (max-width: 39.938em) {
  .challenge-list .challenges .header-container {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;
  }
}
.challenge-list .challenges .header-container h1 {
  text-align: center;
}
.challenge-list .challenges .challenge-buttons {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 39.938em) {
  .challenge-list .challenges .challenge-buttons {
    flex-direction: column;
    position: inherit;
  }
}
.challenge-list .challenges .challenge-buttons #challenge-code-button {
  margin-left: 20px;
  border-radius: 14px;
}
@media only screen and (max-width: 39.938em) {
  .challenge-list .challenges .challenge-buttons #challenge-code-button {
    margin: auto;
  }
}
.challenge-list .challenges .challenge-heading {
  font-size: 22px;
  line-height: 34px;
  color: #2a2a2a;
  font-weight: 800;
}
@media only screen and (max-width: 39.938em) {
  .challenge-list .challenges .challenge-heading {
    text-align: center;
  }
}
.challenge-list .challenges .challenge-sub-heading {
  font-size: 15px;
  line-height: 26px;
  color: #656565;
  font-weight: 700;
  margin-top: 2px;
}
@media only screen and (max-width: 39.938em) {
  .challenge-list .challenges .challenge-sub-heading {
    text-align: center;
  }
}
.programs .programs-list .challenge-list li {
  margin-bottom: 10px;
}
.challenge-view {
  container-type: inline-size;
}
.challenge-cards {
  display: grid;
  margin: 0;
  gap: 32px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@container (max-width:700px) {
  .challenge-cards {
    gap: 20px;
  }
}
@container (max-width:620px) {
  .challenge-cards {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.challenge-cards .challenge-code-card {
  border-radius: 12px;
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  grid-gap: 12px;
  padding: 24px;
}
.challenge-cards .challenge-code-card .challenge-code-card-header {
  color: #2a2a2a;
  font-size: 24px;
  font-weight: 900;
  line-height: 31px;
  margin-bottom: 5px;
}
.challenge-cards .challenge-code-card .challenge-code-card-button {
  width: fit-content;
}
.challenge-card-container {
  align-self: stretch;
  position: relative;
  display: flex;
  margin: 0;
  margin-bottom: 0 !important;
  background: white;
  border-radius: 10px;
  transition: box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #fafafa;
}
.challenge-card-container a {
  text-decoration: none;
}
.challenge-card {
  position: relative;
  cursor: pointer;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
.challenge-card:hover .challenge-image {
  transform: scale(1.05);
}
.challenge-card:focus {
  outline: none;
}
.challenge-card:focus-visible {
  outline: 2px solid #6dafff !important;
  outline-offset: 4px;
  border-radius: 10px;
}
.challenge-card .challenge-image-wrap {
  border-radius: 10px;
  display: block;
  background-color: #f2f2f2;
  width: 100%;
  height: auto;
  margin: 0 auto;
  aspect-ratio: 920/351;
  overflow: hidden;
}
.challenge-card .challenge-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transition: transform 0.13s ease;
}
.challenge-card .challenge-details {
  flex: 1;
  padding: 24px 20px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: left;
}
.challenge-card .challenge-details .challenge-info {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.challenge-card .challenge-details .challenge-info .challenge-title {
  color: #424242;
  font-size: 1.0625rem;
  font-weight: 800;
  line-height: 1.25;
}
.challenge-card .challenge-details .challenge-info .challenge-dates,
.challenge-card .challenge-details .challenge-info .challenge-connected-site {
  color: #656565;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
}
.challenge-card .challenge-log {
  color: #424242;
  font-size: 11px;
  text-align: left;
  width: 100%;
  padding: 0 0 1rem 1rem;
}
#join-challenge,
#join-fundraiser,
#join-challenge-with-code {
  max-width: 500px;
  width: 100%;
  height: 100%;
  overflow: visible;
  display: flex;
  align-items: center;
}
#join-challenge .join-challenge-alternatives,
#join-fundraiser .join-challenge-alternatives,
#join-challenge-with-code .join-challenge-alternatives {
  display: none;
  padding: 10px 30px;
}
#join-challenge .join-challenge-alternatives .alternatives-description,
#join-fundraiser .join-challenge-alternatives .alternatives-description,
#join-challenge-with-code
  .join-challenge-alternatives
  .alternatives-description {
  font-size: 14px;
}
#join-challenge .join-challenge-alternatives .alternatives-header,
#join-fundraiser .join-challenge-alternatives .alternatives-header,
#join-challenge-with-code .join-challenge-alternatives .alternatives-header {
  color: #000000;
  font-weight: 800;
  font-size: 16px;
}
#join-challenge .join-challenge-alternatives .alternative-challenges-list,
#join-fundraiser .join-challenge-alternatives .alternative-challenges-list,
#join-challenge-with-code
  .join-challenge-alternatives
  .alternative-challenges-list {
  margin: 20px 0;
  text-align: center;
}
#join-challenge .join-challenge-alternatives .alternative-challenges-list li,
#join-fundraiser .join-challenge-alternatives .alternative-challenges-list li,
#join-challenge-with-code
  .join-challenge-alternatives
  .alternative-challenges-list
  li {
  background-color: #ffecc8;
  border-bottom: 1px solid #ffbc42;
  padding: 10px 15px;
}
#join-challenge
  .join-challenge-alternatives
  .alternative-challenges-list
  li:first-child,
#join-fundraiser
  .join-challenge-alternatives
  .alternative-challenges-list
  li:first-child,
#join-challenge-with-code
  .join-challenge-alternatives
  .alternative-challenges-list
  li:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#join-challenge
  .join-challenge-alternatives
  .alternative-challenges-list
  li:last-child,
#join-fundraiser
  .join-challenge-alternatives
  .alternative-challenges-list
  li:last-child,
#join-challenge-with-code
  .join-challenge-alternatives
  .alternative-challenges-list
  li:last-child {
  border-bottom: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#join-challenge .challenge-box,
#join-fundraiser .challenge-box,
#join-challenge-with-code .challenge-box {
  background-color: transparent;
  overflow: visible;
  position: relative;
  border-radius: 12px;
  width: 100%;
  display: flex;
  max-height: 100%;
}
#join-challenge .challenge-box .modal__box,
#join-fundraiser .challenge-box .modal__box,
#join-challenge-with-code .challenge-box .modal__box {
  display: flex;
  flex-direction: column;
  padding: 0;
  max-width: 600px;
  width: 100%;
  margin: 0;
  position: static;
  background: #ffffff;
  border-radius: 12px;
}
#join-challenge .join-challenge-body,
#join-fundraiser .join-challenge-body,
#join-challenge-with-code .join-challenge-body {
  width: 100%;
  overflow: auto;
  flex: auto;
  border-radius: 12px 12px 0 0;
  text-align: left;
}
#join-challenge .join-challenge-buttons,
#join-fundraiser .join-challenge-buttons,
#join-challenge-with-code .join-challenge-buttons {
  flex: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 14px 20px;
  border-top: 1px solid #e0e0e0;
}
@media only screen and (max-width: 39.938em) {
  #join-challenge .join-challenge-buttons,
  #join-fundraiser .join-challenge-buttons,
  #join-challenge-with-code .join-challenge-buttons {
    padding: 10px 20px 10px 20px;
  }
}
#join-challenge .join-challenge-buttons .dismiss-button,
#join-fundraiser .join-challenge-buttons .dismiss-button,
#join-challenge-with-code .join-challenge-buttons .dismiss-button {
  align-self: center;
  color: #656565;
  font-size: 14px;
}
#join-challenge .join-challenge-description,
#join-fundraiser .join-challenge-description,
#join-challenge-with-code .join-challenge-description {
  font-size: 14px;
  padding: 0 30px 30px;
}
#join-challenge .join-challenge-description .description-header,
#join-fundraiser .join-challenge-description .description-header,
#join-challenge-with-code .join-challenge-description .description-header {
  color: #000000;
  font-weight: 800;
  font-size: 16px;
}
#join-challenge .join-challenge-description .description-text,
#join-fundraiser .join-challenge-description .description-text,
#join-challenge-with-code .join-challenge-description .description-text {
  font-weight: 400;
}
#join-challenge .join-challenge-description .description-text ol,
#join-fundraiser .join-challenge-description .description-text ol,
#join-challenge-with-code .join-challenge-description .description-text ol {
  list-style-type: decimal;
}
#join-challenge .join-challenge-description .description-text ul,
#join-fundraiser .join-challenge-description .description-text ul,
#join-challenge-with-code .join-challenge-description .description-text ul {
  list-style-type: disc;
}
#join-challenge .join-challenge-description .description-text ol,
#join-challenge .join-challenge-description .description-text ul,
#join-fundraiser .join-challenge-description .description-text ol,
#join-fundraiser .join-challenge-description .description-text ul,
#join-challenge-with-code .join-challenge-description .description-text ol,
#join-challenge-with-code .join-challenge-description .description-text ul {
  font-size: 14px;
  font-weight: 400;
  list-style-position: inside;
  margin-left: 1.4rem;
}
#join-challenge .join-challenge-header,
#join-fundraiser .join-challenge-header,
#join-challenge-with-code .join-challenge-header {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 100%;
}
#join-challenge .join-challenge-header .header-bg,
#join-fundraiser .join-challenge-header .header-bg,
#join-challenge-with-code .join-challenge-header .header-bg {
  background: url("https://assets.beanstack-cdn.com/static-assets/white-blobs.svg")
    100% 100%;
  background-color: #ddf6f9;
  background-size: cover;
  display: block;
  height: 128px;
  width: 100%;
  position: absolute;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}
@media only screen and (max-width: 39.938em) {
  #join-challenge .join-challenge-header .header-bg,
  #join-fundraiser .join-challenge-header .header-bg,
  #join-challenge-with-code .join-challenge-header .header-bg {
    display: none;
  }
}
#join-challenge .join-challenge-header .header-image,
#join-fundraiser .join-challenge-header .header-image,
#join-challenge-with-code .join-challenge-header .header-image {
  padding: 40px 20px 20px;
}
@media only screen and (max-width: 39.938em) {
  #join-challenge .join-challenge-header .header-image,
  #join-fundraiser .join-challenge-header .header-image,
  #join-challenge-with-code .join-challenge-header .header-image {
    padding: 30px;
  }
}
#join-challenge .join-challenge-header .challenge-image,
#join-fundraiser .join-challenge-header .challenge-image,
#join-challenge-with-code .join-challenge-header .challenge-image {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.07);
  max-width: 440px;
  width: 100%;
  position: relative;
}
#join-challenge .join-challenge-info,
#join-fundraiser .join-challenge-info,
#join-challenge-with-code .join-challenge-info {
  margin-bottom: 20px;
  padding: 0 30px;
}
#join-challenge .join-challenge-info .challenge-title,
#join-fundraiser .join-challenge-info .challenge-title,
#join-challenge-with-code .join-challenge-info .challenge-title {
  font-size: 18px;
  font-weight: 900;
  color: #2a2a2a;
}
#join-challenge .join-challenge-info .challenge-dates,
#join-fundraiser .join-challenge-info .challenge-dates,
#join-challenge-with-code .join-challenge-info .challenge-dates {
  color: #656565;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}
.challenge-card .challenge-types,
#join-challenge .challenge-types,
#join-challenge-with-code .challenge-types,
#join-fundraiser .challenge-types {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.challenge-card .challenge-types .challenge-type,
.challenge-card .challenge-types .join-challenge-requirements .challenge-range,
.challenge-card .join-challenge-requirements .challenge-types .challenge-range,
.challenge-card
  .challenge-types
  #join-challenge
  .join-challenge-requirements
  .challenge-range,
.challenge-card
  .challenge-types
  #join-challenge-with-code
  .join-challenge-requirements
  .challenge-range,
.challenge-card
  .challenge-types
  #join-fundraiser
  .join-challenge-requirements
  .challenge-range,
#join-challenge .challenge-types .challenge-type,
.challenge-card
  .join-challenge-requirements
  #join-challenge
  .challenge-types
  .challenge-range,
#join-challenge .challenge-types .join-challenge-requirements .challenge-range,
#join-challenge .join-challenge-requirements .challenge-types .challenge-range,
#join-challenge-with-code .challenge-types .challenge-type,
.challenge-card
  .join-challenge-requirements
  #join-challenge-with-code
  .challenge-types
  .challenge-range,
#join-challenge-with-code
  .challenge-types
  .join-challenge-requirements
  .challenge-range,
#join-challenge-with-code
  .join-challenge-requirements
  .challenge-types
  .challenge-range,
#join-fundraiser .challenge-types .challenge-type,
.challenge-card
  .join-challenge-requirements
  #join-fundraiser
  .challenge-types
  .challenge-range,
#join-fundraiser .challenge-types .join-challenge-requirements .challenge-range,
#join-fundraiser
  .join-challenge-requirements
  .challenge-types
  .challenge-range {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #dbf2e7;
  color: #087542;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  width: fit-content;
}
.challenge-card .join-challenge-requirements,
#join-challenge .join-challenge-requirements,
#join-challenge-with-code .join-challenge-requirements,
#join-fundraiser .join-challenge-requirements {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0 30px;
  margin-bottom: 20px;
  font-size: 14px;
  gap: 4px;
}
.challenge-card .join-challenge-requirements .challenge-type-container,
#join-challenge .join-challenge-requirements .challenge-type-container,
#join-challenge-with-code
  .join-challenge-requirements
  .challenge-type-container,
#join-fundraiser .join-challenge-requirements .challenge-type-container {
  display: flex;
  gap: 4px;
}
.challenge-card .join-challenge-requirements .challenge-range,
.challenge-card .join-challenge-requirements .challenge-types,
#join-challenge .join-challenge-requirements .challenge-range,
#join-challenge .join-challenge-requirements .challenge-types,
#join-challenge-with-code .join-challenge-requirements .challenge-range,
#join-challenge-with-code .join-challenge-requirements .challenge-types,
#join-fundraiser .join-challenge-requirements .challenge-range,
#join-fundraiser .join-challenge-requirements .challenge-types {
  display: flex;
}
.challenge-card .join-challenge-requirements .challenge-range,
#join-challenge .join-challenge-requirements .challenge-range,
#join-challenge-with-code .join-challenge-requirements .challenge-range,
#join-fundraiser .join-challenge-requirements .challenge-range {
  background-color: #ddf6f9;
  color: #0f7280;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 12px;
}
.challenge-card .join-challenge-requirements .challenge-types,
#join-challenge .join-challenge-requirements .challenge-types,
#join-challenge-with-code .join-challenge-requirements .challenge-types,
#join-fundraiser .join-challenge-requirements .challenge-types {
  margin-left: 0;
}
.challenge-card .challenge-types {
  justify-content: flex-end;
  position: absolute;
  flex-wrap: nowrap;
  top: -16px;
  right: 0;
  left: 0;
  padding: 0 12px;
  margin: 0;
}
.challenge-card .challenge-type,
.challenge-card .join-challenge-requirements .challenge-range,
.challenge-card #join-challenge .join-challenge-requirements .challenge-range,
#join-challenge .join-challenge-requirements .challenge-card .challenge-range,
.challenge-card
  #join-challenge-with-code
  .join-challenge-requirements
  .challenge-range,
#join-challenge-with-code
  .join-challenge-requirements
  .challenge-card
  .challenge-range,
.challenge-card #join-fundraiser .join-challenge-requirements .challenge-range,
#join-fundraiser .join-challenge-requirements .challenge-card .challenge-range {
  border: 3px solid #fff;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.challenge-card .challenge-type-container {
  display: flex;
  justify-content: flex-end;
  grid-gap: 4px;
}
.challenge-card .challenge-type:nth-child(1n + 3),
.challenge-card .join-challenge-requirements .challenge-range:nth-child(1n + 3),
.challenge-card
  #join-challenge
  .join-challenge-requirements
  .challenge-range:nth-child(1n + 3),
#join-challenge
  .join-challenge-requirements
  .challenge-card
  .challenge-range:nth-child(1n + 3),
.challenge-card
  #join-challenge-with-code
  .join-challenge-requirements
  .challenge-range:nth-child(1n + 3),
#join-challenge-with-code
  .join-challenge-requirements
  .challenge-card
  .challenge-range:nth-child(1n + 3),
.challenge-card
  #join-fundraiser
  .join-challenge-requirements
  .challenge-range:nth-child(1n + 3),
#join-fundraiser
  .join-challenge-requirements
  .challenge-card
  .challenge-range:nth-child(1n + 3) {
  display: none !important;
}
.not-participating-alert {
  position: fixed;
  text-align: center;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: #333;
  color: #fff;
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #fafafa;
  border-radius: 10px;
  z-index: 5000;
  padding: 20px;
}
.not-participating-alert .program-enrollment-notice {
  margin: 0 0 15px 0;
  padding: 0;
  background: transparent;
  text-align: center;
}
.not-participating-alert .program-enrollment-actions {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 39.938em) {
  .not-participating-alert .program-enrollment-actions {
    flex-direction: column;
  }
  .not-participating-alert .program-enrollment-actions .button_to .button {
    width: 100%;
  }
}
.not-participating-alert p {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .not-participating-alert p {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 2.5rem;
  }
}
.not-participating-alert .button {
  margin: 0.625rem 0 0 0;
}
@media only screen and (min-width: 40em) {
  .not-participating-alert .button {
    margin: 0 0.3125rem;
  }
}
.not-participating-alert .button.secondary {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
.not-participating-alert .button.secondary:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.not-participating-alert .button.secondary:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.not-participating-alert .button.secondary:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .not-participating-alert .button.secondary:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .not-participating-alert .button.secondary:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .not-participating-alert .button.secondary:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.challenge-header {
  position: relative;
  margin-top: 0;
}
.challenge-header .challenge-header-bar-light {
  width: 100%;
  height: 157px;
  opacity: 1;
}
@media only screen and (max-width: 39.938em) {
  .challenge-header .challenge-header-bar-light {
    height: 110px;
  }
}
.challenge-header .challenge-header-bar-light::after {
  content: "";
  display: block;
  height: 40px;
  width: 100%;
  position: absolute;
  z-index: 1;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: inherit;
  top: 130px;
}
@media only screen and (max-width: 39.938em) {
  .challenge-header .challenge-header-bar-light::after {
    top: 83px;
  }
}
.challenge-header .challenge-header-bar-dark {
  width: 100%;
  height: 60px;
  position: absolute;
  z-index: 0;
  top: 150px;
}
@media only screen and (max-width: 39.938em) {
  .challenge-header .challenge-header-bar-dark {
    top: 103px;
    height: 40px;
  }
}
.challenge-header .challenge-header-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 480px;
  margin: -100px auto 0;
  padding: 0 50px;
  text-align: center;
}
@media only screen and (max-width: 39.938em) {
  .challenge-header .challenge-header-info {
    padding: 0 24px;
    margin-top: -38px;
  }
}
.challenge-header .challenge-header-info::before {
  content: "";
  display: block;
  height: 40px;
  width: 100%;
  position: absolute;
  z-index: 1;
  background-color: #fcfcfc;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  top: 185px;
}
@media only screen and (max-width: 39.938em) {
  .challenge-header .challenge-header-info::before {
    top: 128px;
  }
}
.challenge-header .challenge-header-info img {
  width: auto;
  max-width: 480px;
  max-height: 280px;
  border-radius: 10px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 39.938em) {
  .challenge-header .challenge-header-info img {
    max-height: 220px;
    max-width: 100%;
  }
}
.challenge-header .challenge-header-info .challenge-title {
  font-size: 28px;
  line-height: 1.25;
  font-weight: 800;
  margin-top: 32px;
  margin-bottom: 0;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2a2a2a;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 39.938em) {
  .challenge-header .challenge-header-info .challenge-title {
    font-size: 24px;
  }
}
.challenge-header .challenge-header-info .challenge-type,
.challenge-header
  .challenge-header-info
  .challenge-card
  .join-challenge-requirements
  .challenge-range,
.challenge-card
  .join-challenge-requirements
  .challenge-header
  .challenge-header-info
  .challenge-range,
.challenge-header
  .challenge-header-info
  #join-challenge
  .join-challenge-requirements
  .challenge-range,
#join-challenge
  .join-challenge-requirements
  .challenge-header
  .challenge-header-info
  .challenge-range,
.challenge-header
  .challenge-header-info
  #join-challenge-with-code
  .join-challenge-requirements
  .challenge-range,
#join-challenge-with-code
  .join-challenge-requirements
  .challenge-header
  .challenge-header-info
  .challenge-range,
.challenge-header
  .challenge-header-info
  #join-fundraiser
  .join-challenge-requirements
  .challenge-range,
#join-fundraiser
  .join-challenge-requirements
  .challenge-header
  .challenge-header-info
  .challenge-range {
  color: #656565;
  font-size: 16px;
  margin-top: 8px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
  position: relative;
  z-index: 10;
}
#enter-challenge-code .modal-container {
  background-color: transparent;
  overflow: visible;
  position: relative;
  border-radius: 12px;
  width: 26.5rem;
  display: flex;
  max-height: 100%;
}
@media only screen and (max-width: 39.938em) {
  #enter-challenge-code .modal-container {
    width: 20rem;
  }
}
#enter-challenge-code .modal-container .enter-code-form {
  display: flex;
  flex-direction: column;
  padding: 0;
  max-width: 600px;
  margin: 0;
  position: static;
  background: #ffffff;
  border-radius: 12px;
}
#enter-challenge-code .modal-container .enter-code-body {
  display: flex;
  flex-direction: column;
  border-radius: 12px 12px 0 0;
  margin: 26px 25px 18px 27px;
}
#enter-challenge-code .modal-container #error-response {
  display: none;
  font-family: "museo-sans-rounded", sans-serif;
  border-radius: 6px;
  background: #fce6e4;
  font-weight: 700;
  color: #ab3f35;
  padding: 13px;
  text-align: center;
  margin: 0px 0px 10px;
  font-size: 13px !important;
  line-height: 16px;
}
#enter-challenge-code .modal-container .enter-code-form {
  width: 100%;
}
#enter-challenge-code .modal-container .enter-code-form label {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 12px;
  text-align: left;
}
#enter-challenge-code .modal-container .enter-code-form input {
  border: 2px solid #e5e5e5;
  border-radius: 8px;
  text-align: left;
  margin: 0;
}
#enter-challenge-code .modal-container .button-container {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 39.938em) {
  #enter-challenge-code .modal-container .button-container .button {
    width: 100%;
  }
}
.programs .mobile-nav-header,
.fundraisers .mobile-nav-header,
.program_templates .mobile-nav-header {
  display: none;
  padding: 0 24px;
  height: 55px;
  position: relative;
  border-top: 1px solid #eaeaea;
  font-size: 16px;
  color: #424242;
  letter-spacing: 0;
  line-height: 55px;
  font-weight: 800;
}
@media only screen and (max-width: 39.938em) {
  .programs .mobile-nav-header,
  .fundraisers .mobile-nav-header,
  .program_templates .mobile-nav-header {
    display: block;
  }
}
.programs .mobile-nav-header::before,
.fundraisers .mobile-nav-header::before,
.program_templates .mobile-nav-header::before {
  content: "";
  display: inline-block;
  top: 50%;
  margin-top: -12px;
  right: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/000000/expand-arrow--v1.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  position: absolute;
}
.programs .mobile-nav-header.open::before,
.fundraisers .mobile-nav-header.open::before,
.program_templates .mobile-nav-header.open::before {
  transform: rotate(180deg);
}
.programs .secondary-page-navigation,
.fundraisers .secondary-page-navigation,
.program_templates .secondary-page-navigation {
  background-color: #fcfcfc;
  border-bottom: 1px solid #eaeaea;
  border-top: none;
}
.programs .secondary-page-navigation .challenge-tabs,
.fundraisers .secondary-page-navigation .challenge-tabs,
.program_templates .secondary-page-navigation .challenge-tabs {
  overflow-x: visible;
  overflow: visible;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 0;
  padding-bottom: 0;
}
.programs .secondary-page-navigation .challenge-tabs *:focus,
.programs .secondary-page-navigation .challenge-tabs *:active,
.fundraisers .secondary-page-navigation .challenge-tabs *:focus,
.fundraisers .secondary-page-navigation .challenge-tabs *:active,
.program_templates .secondary-page-navigation .challenge-tabs *:focus,
.program_templates .secondary-page-navigation .challenge-tabs *:active {
  outline: none;
}
@media only screen and (max-width: 39.938em) {
  .programs .secondary-page-navigation .challenge-tabs.closed,
  .fundraisers .secondary-page-navigation .challenge-tabs.closed,
  .program_templates .secondary-page-navigation .challenge-tabs.closed {
    display: none !important;
  }
}
@media only screen and (max-width: 39.938em) {
  .programs .secondary-page-navigation .challenge-tabs,
  .fundraisers .secondary-page-navigation .challenge-tabs,
  .program_templates .secondary-page-navigation .challenge-tabs {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 24px;
    margin: -2px auto 14px;
  }
  .programs .secondary-page-navigation .challenge-tabs li,
  .fundraisers .secondary-page-navigation .challenge-tabs li,
  .program_templates .secondary-page-navigation .challenge-tabs li {
    margin: 0 !important;
  }
}
.programs .secondary-page-navigation .challenge-tabs li,
.fundraisers .secondary-page-navigation .challenge-tabs li,
.program_templates .secondary-page-navigation .challenge-tabs li {
  margin: 0 12px;
  border-radius: 0;
  background: transparent !important;
  padding: 0;
}
.programs .secondary-page-navigation .challenge-tabs li a,
.fundraisers .secondary-page-navigation .challenge-tabs li a,
.program_templates .secondary-page-navigation .challenge-tabs li a {
  color: #656565;
  background-color: transparent;
  border-radius: 0;
  position: relative;
  height: 53px;
  width: auto;
  line-height: 53px;
  padding: 0;
  border: none !important;
}
.programs .secondary-page-navigation .challenge-tabs li a:hover,
.fundraisers .secondary-page-navigation .challenge-tabs li a:hover,
.program_templates .secondary-page-navigation .challenge-tabs li a:hover {
  color: #2a2a2a;
}
.programs .secondary-page-navigation .challenge-tabs li a:hover::after,
.fundraisers .secondary-page-navigation .challenge-tabs li a:hover::after,
.program_templates
  .secondary-page-navigation
  .challenge-tabs
  li
  a:hover::after {
  transform: scaleY(1);
}
.programs .secondary-page-navigation .challenge-tabs li a:focus,
.fundraisers .secondary-page-navigation .challenge-tabs li a:focus,
.program_templates .secondary-page-navigation .challenge-tabs li a:focus {
  box-shadow: none;
}
.programs .secondary-page-navigation .challenge-tabs li a:focus::after,
.fundraisers .secondary-page-navigation .challenge-tabs li a:focus::after,
.program_templates
  .secondary-page-navigation
  .challenge-tabs
  li
  a:focus::after {
  transform: scaleY(1);
}
@media only screen and (max-width: 39.938em) {
  .programs .secondary-page-navigation .challenge-tabs li a,
  .fundraisers .secondary-page-navigation .challenge-tabs li a,
  .program_templates .secondary-page-navigation .challenge-tabs li a {
    padding: 10px 16px;
    border-radius: 12px;
    text-align: left;
    width: 100%;
    height: auto;
    margin: 2px 0;
    line-height: 24px;
  }
  .programs .secondary-page-navigation .challenge-tabs li a:hover,
  .fundraisers .secondary-page-navigation .challenge-tabs li a:hover,
  .program_templates .secondary-page-navigation .challenge-tabs li a:hover {
    background-color: #eaeaea;
  }
}
@media only screen and (min-width: 40em) {
  .programs .secondary-page-navigation .challenge-tabs li a::after,
  .fundraisers .secondary-page-navigation .challenge-tabs li a::after,
  .program_templates .secondary-page-navigation .challenge-tabs li a::after {
    transition: all 0.13s ease;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #c8c8c8;
    transform: scaleY(0);
    transform-origin: bottom;
  }
}
.programs .secondary-page-navigation .challenge-tabs li.active a,
.programs .secondary-page-navigation .challenge-tabs li:active a,
.fundraisers .secondary-page-navigation .challenge-tabs li.active a,
.fundraisers .secondary-page-navigation .challenge-tabs li:active a,
.program_templates .secondary-page-navigation .challenge-tabs li.active a,
.program_templates .secondary-page-navigation .challenge-tabs li:active a {
  color: #2a2a2a;
}
.programs .secondary-page-navigation .challenge-tabs li.active a::after,
.programs .secondary-page-navigation .challenge-tabs li:active a::after,
.fundraisers .secondary-page-navigation .challenge-tabs li.active a::after,
.fundraisers .secondary-page-navigation .challenge-tabs li:active a::after,
.program_templates
  .secondary-page-navigation
  .challenge-tabs
  li.active
  a::after,
.program_templates
  .secondary-page-navigation
  .challenge-tabs
  li:active
  a::after {
  transform: scaleY(1) !important;
}
.challenge-navigation {
  margin-top: 30px;
}
@media only screen and (max-width: 39.938em) {
  .challenge-navigation {
    margin-top: 32px;
  }
}
.challenge-navigation--fundraiser {
  margin-top: 20px;
}
@media only screen and (max-width: 39.938em) {
  .challenge-navigation--fundraiser {
    margin-top: 20px;
  }
}
.challenge-content {
  max-width: calc(960px + 24px + 24px);
  padding: 0 24px;
  margin: 72px auto 24px;
}
@media only screen and (max-width: 39.938em) {
  .challenge-content {
    margin-top: 48px;
  }
}
.challenge-content .program-description ol {
  list-style-type: decimal;
}
.challenge-content .program-description ul {
  list-style-type: disc;
}
.challenge-content .program-description ol,
.challenge-content .program-description ul {
  font-family: inherit;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  margin-left: 1.4rem;
  text-align: left;
}
.challenge-content .section-header {
  margin-top: 0;
}
.challenge-content p.challenge-subhead {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
}
.challenge-content-goals,
.recently-earned-badges {
  margin-top: 56px;
}
.challenge-content-goals h4,
.recently-earned-badges h4 {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  padding: 0 0px 20px;
  width: 100%;
  border-bottom: solid 1px #eaeaea;
}
.badges .program-rewards,
.badges .program-certificates,
.programs .program-rewards,
.programs .program-certificates,
.program_templates .program-rewards,
.program_templates .program-certificates {
  margin-bottom: 0;
}
.badges .program-rewards .program-achievements,
.badges .program-certificates .program-achievements,
.programs .program-rewards .program-achievements,
.programs .program-certificates .program-achievements,
.program_templates .program-rewards .program-achievements,
.program_templates .program-certificates .program-achievements {
  margin-bottom: 2.5rem;
}
.badges .program-rewards .program-achievement,
.badges .program-certificates .program-achievement,
.programs .program-rewards .program-achievement,
.programs .program-certificates .program-achievement,
.program_templates .program-rewards .program-achievement,
.program_templates .program-certificates .program-achievement {
  margin-bottom: 0;
}
.badges .program-rewards .certificate-info,
.badges .program-certificates .certificate-info,
.programs .program-rewards .certificate-info,
.programs .program-certificates .certificate-info,
.program_templates .program-rewards .certificate-info,
.program_templates .program-certificates .certificate-info {
  justify-content: space-between;
}
.badges .program-rewards .reward-info,
.badges .program-rewards .certificate-info,
.badges .program-certificates .reward-info,
.badges .program-certificates .certificate-info,
.programs .program-rewards .reward-info,
.programs .program-rewards .certificate-info,
.programs .program-certificates .reward-info,
.programs .program-certificates .certificate-info,
.program_templates .program-rewards .reward-info,
.program_templates .program-rewards .certificate-info,
.program_templates .program-certificates .reward-info,
.program_templates .program-certificates .certificate-info {
  border-bottom: 1px solid #eaeaea;
  display: flex;
  justify-content: flex-start;
  padding: 24px 0;
}
.badges .program-rewards .reward-info:first-child,
.badges .program-rewards .certificate-info:first-child,
.badges .program-certificates .reward-info:first-child,
.badges .program-certificates .certificate-info:first-child,
.programs .program-rewards .reward-info:first-child,
.programs .program-rewards .certificate-info:first-child,
.programs .program-certificates .reward-info:first-child,
.programs .program-certificates .certificate-info:first-child,
.program_templates .program-rewards .reward-info:first-child,
.program_templates .program-rewards .certificate-info:first-child,
.program_templates .program-certificates .reward-info:first-child,
.program_templates .program-certificates .certificate-info:first-child {
  padding-top: 0;
}
.badges .program-rewards .reward-info:last-child,
.badges .program-rewards .certificate-info:last-child,
.badges .program-certificates .reward-info:last-child,
.badges .program-certificates .certificate-info:last-child,
.programs .program-rewards .reward-info:last-child,
.programs .program-rewards .certificate-info:last-child,
.programs .program-certificates .reward-info:last-child,
.programs .program-certificates .certificate-info:last-child,
.program_templates .program-rewards .reward-info:last-child,
.program_templates .program-rewards .certificate-info:last-child,
.program_templates .program-certificates .reward-info:last-child,
.program_templates .program-certificates .certificate-info:last-child {
  border-bottom: 0;
}
.badges .program-rewards .reward-info .reward-wrapper,
.badges .program-rewards .reward-info .certificate-wrapper,
.badges .program-rewards .certificate-info .reward-wrapper,
.badges .program-rewards .certificate-info .certificate-wrapper,
.badges .program-certificates .reward-info .reward-wrapper,
.badges .program-certificates .reward-info .certificate-wrapper,
.badges .program-certificates .certificate-info .reward-wrapper,
.badges .program-certificates .certificate-info .certificate-wrapper,
.programs .program-rewards .reward-info .reward-wrapper,
.programs .program-rewards .reward-info .certificate-wrapper,
.programs .program-rewards .certificate-info .reward-wrapper,
.programs .program-rewards .certificate-info .certificate-wrapper,
.programs .program-certificates .reward-info .reward-wrapper,
.programs .program-certificates .reward-info .certificate-wrapper,
.programs .program-certificates .certificate-info .reward-wrapper,
.programs .program-certificates .certificate-info .certificate-wrapper,
.program_templates .program-rewards .reward-info .reward-wrapper,
.program_templates .program-rewards .reward-info .certificate-wrapper,
.program_templates .program-rewards .certificate-info .reward-wrapper,
.program_templates .program-rewards .certificate-info .certificate-wrapper,
.program_templates .program-certificates .reward-info .reward-wrapper,
.program_templates .program-certificates .reward-info .certificate-wrapper,
.program_templates .program-certificates .certificate-info .reward-wrapper,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-wrapper {
  flex: auto;
  margin-top: 5px;
}
.badges .program-rewards .reward-info .certificate-wrapper,
.badges .program-rewards .certificate-info .certificate-wrapper,
.badges .program-certificates .reward-info .certificate-wrapper,
.badges .program-certificates .certificate-info .certificate-wrapper,
.programs .program-rewards .reward-info .certificate-wrapper,
.programs .program-rewards .certificate-info .certificate-wrapper,
.programs .program-certificates .reward-info .certificate-wrapper,
.programs .program-certificates .certificate-info .certificate-wrapper,
.program_templates .program-rewards .reward-info .certificate-wrapper,
.program_templates .program-rewards .certificate-info .certificate-wrapper,
.program_templates .program-certificates .reward-info .certificate-wrapper,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media only screen and (max-width: 39.938em) {
  .badges .program-rewards .reward-info .certificate-wrapper,
  .badges .program-rewards .certificate-info .certificate-wrapper,
  .badges .program-certificates .reward-info .certificate-wrapper,
  .badges .program-certificates .certificate-info .certificate-wrapper,
  .programs .program-rewards .reward-info .certificate-wrapper,
  .programs .program-rewards .certificate-info .certificate-wrapper,
  .programs .program-certificates .reward-info .certificate-wrapper,
  .programs .program-certificates .certificate-info .certificate-wrapper,
  .program_templates .program-rewards .reward-info .certificate-wrapper,
  .program_templates .program-rewards .certificate-info .certificate-wrapper,
  .program_templates .program-certificates .reward-info .certificate-wrapper,
  .program_templates
    .program-certificates
    .certificate-info
    .certificate-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .badges
    .program-rewards
    .reward-info
    .certificate-wrapper
    .certificate-button,
  .badges
    .program-rewards
    .certificate-info
    .certificate-wrapper
    .certificate-button,
  .badges
    .program-certificates
    .reward-info
    .certificate-wrapper
    .certificate-button,
  .badges
    .program-certificates
    .certificate-info
    .certificate-wrapper
    .certificate-button,
  .programs
    .program-rewards
    .reward-info
    .certificate-wrapper
    .certificate-button,
  .programs
    .program-rewards
    .certificate-info
    .certificate-wrapper
    .certificate-button,
  .programs
    .program-certificates
    .reward-info
    .certificate-wrapper
    .certificate-button,
  .programs
    .program-certificates
    .certificate-info
    .certificate-wrapper
    .certificate-button,
  .program_templates
    .program-rewards
    .reward-info
    .certificate-wrapper
    .certificate-button,
  .program_templates
    .program-rewards
    .certificate-info
    .certificate-wrapper
    .certificate-button,
  .program_templates
    .program-certificates
    .reward-info
    .certificate-wrapper
    .certificate-button,
  .program_templates
    .program-certificates
    .certificate-info
    .certificate-wrapper
    .certificate-button {
    margin-top: 10px;
    margin-left: 0;
  }
}
.badges .program-rewards .reward-info .certificate-button,
.badges .program-rewards .certificate-info .certificate-button,
.badges .program-certificates .reward-info .certificate-button,
.badges .program-certificates .certificate-info .certificate-button,
.programs .program-rewards .reward-info .certificate-button,
.programs .program-rewards .certificate-info .certificate-button,
.programs .program-certificates .reward-info .certificate-button,
.programs .program-certificates .certificate-info .certificate-button,
.program_templates .program-rewards .reward-info .certificate-button,
.program_templates .program-rewards .certificate-info .certificate-button,
.program_templates .program-certificates .reward-info .certificate-button,
.program_templates .program-certificates .certificate-info .certificate-button {
  margin-left: 24px;
}
.badges .program-rewards .reward-info .certificate-status,
.badges .program-rewards .reward-info .reward-status,
.badges .program-rewards .certificate-info .certificate-status,
.badges .program-rewards .certificate-info .reward-status,
.badges .program-certificates .reward-info .certificate-status,
.badges .program-certificates .reward-info .reward-status,
.badges .program-certificates .certificate-info .certificate-status,
.badges .program-certificates .certificate-info .reward-status,
.programs .program-rewards .reward-info .certificate-status,
.programs .program-rewards .reward-info .reward-status,
.programs .program-rewards .certificate-info .certificate-status,
.programs .program-rewards .certificate-info .reward-status,
.programs .program-certificates .reward-info .certificate-status,
.programs .program-certificates .reward-info .reward-status,
.programs .program-certificates .certificate-info .certificate-status,
.programs .program-certificates .certificate-info .reward-status,
.program_templates .program-rewards .reward-info .certificate-status,
.program_templates .program-rewards .reward-info .reward-status,
.program_templates .program-rewards .certificate-info .certificate-status,
.program_templates .program-rewards .certificate-info .reward-status,
.program_templates .program-certificates .reward-info .certificate-status,
.program_templates .program-certificates .reward-info .reward-status,
.program_templates .program-certificates .certificate-info .certificate-status,
.program_templates .program-certificates .certificate-info .reward-status {
  border-radius: 100%;
  display: block;
  margin-right: 24px;
  flex: none;
}
.badges .program-rewards .reward-info .certificate-status.earned,
.badges .program-rewards .reward-info .certificate-status.unearned,
.badges .program-rewards .reward-info .certificate-status.unavailable,
.badges .program-rewards .reward-info .reward-status.earned,
.badges .program-rewards .reward-info .reward-status.unearned,
.badges .program-rewards .reward-info .reward-status.unavailable,
.badges .program-rewards .certificate-info .certificate-status.earned,
.badges .program-rewards .certificate-info .certificate-status.unearned,
.badges .program-rewards .certificate-info .certificate-status.unavailable,
.badges .program-rewards .certificate-info .reward-status.earned,
.badges .program-rewards .certificate-info .reward-status.unearned,
.badges .program-rewards .certificate-info .reward-status.unavailable,
.badges .program-certificates .reward-info .certificate-status.earned,
.badges .program-certificates .reward-info .certificate-status.unearned,
.badges .program-certificates .reward-info .certificate-status.unavailable,
.badges .program-certificates .reward-info .reward-status.earned,
.badges .program-certificates .reward-info .reward-status.unearned,
.badges .program-certificates .reward-info .reward-status.unavailable,
.badges .program-certificates .certificate-info .certificate-status.earned,
.badges .program-certificates .certificate-info .certificate-status.unearned,
.badges .program-certificates .certificate-info .certificate-status.unavailable,
.badges .program-certificates .certificate-info .reward-status.earned,
.badges .program-certificates .certificate-info .reward-status.unearned,
.badges .program-certificates .certificate-info .reward-status.unavailable,
.programs .program-rewards .reward-info .certificate-status.earned,
.programs .program-rewards .reward-info .certificate-status.unearned,
.programs .program-rewards .reward-info .certificate-status.unavailable,
.programs .program-rewards .reward-info .reward-status.earned,
.programs .program-rewards .reward-info .reward-status.unearned,
.programs .program-rewards .reward-info .reward-status.unavailable,
.programs .program-rewards .certificate-info .certificate-status.earned,
.programs .program-rewards .certificate-info .certificate-status.unearned,
.programs .program-rewards .certificate-info .certificate-status.unavailable,
.programs .program-rewards .certificate-info .reward-status.earned,
.programs .program-rewards .certificate-info .reward-status.unearned,
.programs .program-rewards .certificate-info .reward-status.unavailable,
.programs .program-certificates .reward-info .certificate-status.earned,
.programs .program-certificates .reward-info .certificate-status.unearned,
.programs .program-certificates .reward-info .certificate-status.unavailable,
.programs .program-certificates .reward-info .reward-status.earned,
.programs .program-certificates .reward-info .reward-status.unearned,
.programs .program-certificates .reward-info .reward-status.unavailable,
.programs .program-certificates .certificate-info .certificate-status.earned,
.programs .program-certificates .certificate-info .certificate-status.unearned,
.programs
  .program-certificates
  .certificate-info
  .certificate-status.unavailable,
.programs .program-certificates .certificate-info .reward-status.earned,
.programs .program-certificates .certificate-info .reward-status.unearned,
.programs .program-certificates .certificate-info .reward-status.unavailable,
.program_templates .program-rewards .reward-info .certificate-status.earned,
.program_templates .program-rewards .reward-info .certificate-status.unearned,
.program_templates
  .program-rewards
  .reward-info
  .certificate-status.unavailable,
.program_templates .program-rewards .reward-info .reward-status.earned,
.program_templates .program-rewards .reward-info .reward-status.unearned,
.program_templates .program-rewards .reward-info .reward-status.unavailable,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-status.earned,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-status.unearned,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-status.unavailable,
.program_templates .program-rewards .certificate-info .reward-status.earned,
.program_templates .program-rewards .certificate-info .reward-status.unearned,
.program_templates
  .program-rewards
  .certificate-info
  .reward-status.unavailable,
.program_templates
  .program-certificates
  .reward-info
  .certificate-status.earned,
.program_templates
  .program-certificates
  .reward-info
  .certificate-status.unearned,
.program_templates
  .program-certificates
  .reward-info
  .certificate-status.unavailable,
.program_templates .program-certificates .reward-info .reward-status.earned,
.program_templates .program-certificates .reward-info .reward-status.unearned,
.program_templates
  .program-certificates
  .reward-info
  .reward-status.unavailable,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-status.earned,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-status.unearned,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-status.unavailable,
.program_templates
  .program-certificates
  .certificate-info
  .reward-status.earned,
.program_templates
  .program-certificates
  .certificate-info
  .reward-status.unearned,
.program_templates
  .program-certificates
  .certificate-info
  .reward-status.unavailable {
  width: 40px !important;
  height: 40px !important;
  background-size: 20px !important;
}
.badges .program-rewards .reward-info .reward-status.earned,
.badges .program-rewards .certificate-info .reward-status.earned,
.badges .program-certificates .reward-info .reward-status.earned,
.badges .program-certificates .certificate-info .reward-status.earned,
.programs .program-rewards .reward-info .reward-status.earned,
.programs .program-rewards .certificate-info .reward-status.earned,
.programs .program-certificates .reward-info .reward-status.earned,
.programs .program-certificates .certificate-info .reward-status.earned,
.program_templates .program-rewards .reward-info .reward-status.earned,
.program_templates .program-rewards .certificate-info .reward-status.earned,
.program_templates .program-certificates .reward-info .reward-status.earned,
.program_templates
  .program-certificates
  .certificate-info
  .reward-status.earned {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/0ba85f/unlock-2.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #dbf2e7;
}
.badges .program-rewards .reward-info .reward-status.unearned,
.badges .program-rewards .certificate-info .reward-status.unearned,
.badges .program-certificates .reward-info .reward-status.unearned,
.badges .program-certificates .certificate-info .reward-status.unearned,
.programs .program-rewards .reward-info .reward-status.unearned,
.programs .program-rewards .certificate-info .reward-status.unearned,
.programs .program-certificates .reward-info .reward-status.unearned,
.programs .program-certificates .certificate-info .reward-status.unearned,
.program_templates .program-rewards .reward-info .reward-status.unearned,
.program_templates .program-rewards .certificate-info .reward-status.unearned,
.program_templates .program-certificates .reward-info .reward-status.unearned,
.program_templates
  .program-certificates
  .certificate-info
  .reward-status.unearned {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/929292/lock-2.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #f2f2f2;
}
.badges .program-rewards .reward-info .reward-status.unavailable,
.badges .program-rewards .certificate-info .reward-status.unavailable,
.badges .program-certificates .reward-info .reward-status.unavailable,
.badges .program-certificates .certificate-info .reward-status.unavailable,
.programs .program-rewards .reward-info .reward-status.unavailable,
.programs .program-rewards .certificate-info .reward-status.unavailable,
.programs .program-certificates .reward-info .reward-status.unavailable,
.programs .program-certificates .certificate-info .reward-status.unavailable,
.program_templates .program-rewards .reward-info .reward-status.unavailable,
.program_templates
  .program-rewards
  .certificate-info
  .reward-status.unavailable,
.program_templates
  .program-certificates
  .reward-info
  .reward-status.unavailable,
.program_templates
  .program-certificates
  .certificate-info
  .reward-status.unavailable {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/BB1C0F/sad.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #fcd3ce;
}
.badges .program-rewards .reward-info .certificate-status.earned,
.badges .program-rewards .certificate-info .certificate-status.earned,
.badges .program-certificates .reward-info .certificate-status.earned,
.badges .program-certificates .certificate-info .certificate-status.earned,
.programs .program-rewards .reward-info .certificate-status.earned,
.programs .program-rewards .certificate-info .certificate-status.earned,
.programs .program-certificates .reward-info .certificate-status.earned,
.programs .program-certificates .certificate-info .certificate-status.earned,
.program_templates .program-rewards .reward-info .certificate-status.earned,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-status.earned,
.program_templates
  .program-certificates
  .reward-info
  .certificate-status.earned,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-status.earned {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/0ba85f/diploma.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #dbf2e7;
}
.badges .program-rewards .reward-info .certificate-status.unearned,
.badges .program-rewards .certificate-info .certificate-status.unearned,
.badges .program-certificates .reward-info .certificate-status.unearned,
.badges .program-certificates .certificate-info .certificate-status.unearned,
.programs .program-rewards .reward-info .certificate-status.unearned,
.programs .program-rewards .certificate-info .certificate-status.unearned,
.programs .program-certificates .reward-info .certificate-status.unearned,
.programs .program-certificates .certificate-info .certificate-status.unearned,
.program_templates .program-rewards .reward-info .certificate-status.unearned,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-status.unearned,
.program_templates
  .program-certificates
  .reward-info
  .certificate-status.unearned,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-status.unearned {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/929292/diploma.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #f2f2f2;
}
.badges .program-rewards .reward-info .reward-title,
.badges .program-rewards .reward-info .certificate-title,
.badges .program-rewards .certificate-info .reward-title,
.badges .program-rewards .certificate-info .certificate-title,
.badges .program-certificates .reward-info .reward-title,
.badges .program-certificates .reward-info .certificate-title,
.badges .program-certificates .certificate-info .reward-title,
.badges .program-certificates .certificate-info .certificate-title,
.programs .program-rewards .reward-info .reward-title,
.programs .program-rewards .reward-info .certificate-title,
.programs .program-rewards .certificate-info .reward-title,
.programs .program-rewards .certificate-info .certificate-title,
.programs .program-certificates .reward-info .reward-title,
.programs .program-certificates .reward-info .certificate-title,
.programs .program-certificates .certificate-info .reward-title,
.programs .program-certificates .certificate-info .certificate-title,
.program_templates .program-rewards .reward-info .reward-title,
.program_templates .program-rewards .reward-info .certificate-title,
.program_templates .program-rewards .certificate-info .reward-title,
.program_templates .program-rewards .certificate-info .certificate-title,
.program_templates .program-certificates .reward-info .reward-title,
.program_templates .program-certificates .reward-info .certificate-title,
.program_templates .program-certificates .certificate-info .reward-title,
.program_templates .program-certificates .certificate-info .certificate-title {
  font-size: 18px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2a2a2a;
  margin-bottom: 10px;
}
.badges .program-rewards .reward-info .reward-title.no-subheader,
.badges .program-rewards .reward-info .certificate-title.no-subheader,
.badges .program-rewards .certificate-info .reward-title.no-subheader,
.badges .program-rewards .certificate-info .certificate-title.no-subheader,
.badges .program-certificates .reward-info .reward-title.no-subheader,
.badges .program-certificates .reward-info .certificate-title.no-subheader,
.badges .program-certificates .certificate-info .reward-title.no-subheader,
.badges .program-certificates .certificate-info .certificate-title.no-subheader,
.programs .program-rewards .reward-info .reward-title.no-subheader,
.programs .program-rewards .reward-info .certificate-title.no-subheader,
.programs .program-rewards .certificate-info .reward-title.no-subheader,
.programs .program-rewards .certificate-info .certificate-title.no-subheader,
.programs .program-certificates .reward-info .reward-title.no-subheader,
.programs .program-certificates .reward-info .certificate-title.no-subheader,
.programs .program-certificates .certificate-info .reward-title.no-subheader,
.programs
  .program-certificates
  .certificate-info
  .certificate-title.no-subheader,
.program_templates .program-rewards .reward-info .reward-title.no-subheader,
.program_templates
  .program-rewards
  .reward-info
  .certificate-title.no-subheader,
.program_templates
  .program-rewards
  .certificate-info
  .reward-title.no-subheader,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-title.no-subheader,
.program_templates
  .program-certificates
  .reward-info
  .reward-title.no-subheader,
.program_templates
  .program-certificates
  .reward-info
  .certificate-title.no-subheader,
.program_templates
  .program-certificates
  .certificate-info
  .reward-title.no-subheader,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-title.no-subheader {
  margin-bottom: 0px;
}
.badges .program-rewards .reward-info .coming-soon,
.badges .program-rewards .certificate-info .coming-soon,
.badges .program-certificates .reward-info .coming-soon,
.badges .program-certificates .certificate-info .coming-soon,
.programs .program-rewards .reward-info .coming-soon,
.programs .program-rewards .certificate-info .coming-soon,
.programs .program-certificates .reward-info .coming-soon,
.programs .program-certificates .certificate-info .coming-soon,
.program_templates .program-rewards .reward-info .coming-soon,
.program_templates .program-rewards .certificate-info .coming-soon,
.program_templates .program-certificates .reward-info .coming-soon,
.program_templates .program-certificates .certificate-info .coming-soon {
  margin-top: 5px;
}
.badges .program-rewards .reward-info .coming-soon,
.badges .program-rewards .reward-info .certificate-date,
.badges .program-rewards .reward-info .reward-description,
.badges .program-rewards .certificate-info .coming-soon,
.badges .program-rewards .certificate-info .certificate-date,
.badges .program-rewards .certificate-info .reward-description,
.badges .program-certificates .reward-info .coming-soon,
.badges .program-certificates .reward-info .certificate-date,
.badges .program-certificates .reward-info .reward-description,
.badges .program-certificates .certificate-info .coming-soon,
.badges .program-certificates .certificate-info .certificate-date,
.badges .program-certificates .certificate-info .reward-description,
.programs .program-rewards .reward-info .coming-soon,
.programs .program-rewards .reward-info .certificate-date,
.programs .program-rewards .reward-info .reward-description,
.programs .program-rewards .certificate-info .coming-soon,
.programs .program-rewards .certificate-info .certificate-date,
.programs .program-rewards .certificate-info .reward-description,
.programs .program-certificates .reward-info .coming-soon,
.programs .program-certificates .reward-info .certificate-date,
.programs .program-certificates .reward-info .reward-description,
.programs .program-certificates .certificate-info .coming-soon,
.programs .program-certificates .certificate-info .certificate-date,
.programs .program-certificates .certificate-info .reward-description,
.program_templates .program-rewards .reward-info .coming-soon,
.program_templates .program-rewards .reward-info .certificate-date,
.program_templates .program-rewards .reward-info .reward-description,
.program_templates .program-rewards .certificate-info .coming-soon,
.program_templates .program-rewards .certificate-info .certificate-date,
.program_templates .program-rewards .certificate-info .reward-description,
.program_templates .program-certificates .reward-info .coming-soon,
.program_templates .program-certificates .reward-info .certificate-date,
.program_templates .program-certificates .reward-info .reward-description,
.program_templates .program-certificates .certificate-info .coming-soon,
.program_templates .program-certificates .certificate-info .certificate-date,
.program_templates .program-certificates .certificate-info .reward-description {
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
}
.badges .program-rewards .reward-info .coming-soon.unavailable,
.badges .program-rewards .reward-info .certificate-date.unavailable,
.badges .program-rewards .reward-info .reward-description.unavailable,
.badges .program-rewards .certificate-info .coming-soon.unavailable,
.badges .program-rewards .certificate-info .certificate-date.unavailable,
.badges .program-rewards .certificate-info .reward-description.unavailable,
.badges .program-certificates .reward-info .coming-soon.unavailable,
.badges .program-certificates .reward-info .certificate-date.unavailable,
.badges .program-certificates .reward-info .reward-description.unavailable,
.badges .program-certificates .certificate-info .coming-soon.unavailable,
.badges .program-certificates .certificate-info .certificate-date.unavailable,
.badges .program-certificates .certificate-info .reward-description.unavailable,
.programs .program-rewards .reward-info .coming-soon.unavailable,
.programs .program-rewards .reward-info .certificate-date.unavailable,
.programs .program-rewards .reward-info .reward-description.unavailable,
.programs .program-rewards .certificate-info .coming-soon.unavailable,
.programs .program-rewards .certificate-info .certificate-date.unavailable,
.programs .program-rewards .certificate-info .reward-description.unavailable,
.programs .program-certificates .reward-info .coming-soon.unavailable,
.programs .program-certificates .reward-info .certificate-date.unavailable,
.programs .program-certificates .reward-info .reward-description.unavailable,
.programs .program-certificates .certificate-info .coming-soon.unavailable,
.programs .program-certificates .certificate-info .certificate-date.unavailable,
.programs
  .program-certificates
  .certificate-info
  .reward-description.unavailable,
.program_templates .program-rewards .reward-info .coming-soon.unavailable,
.program_templates .program-rewards .reward-info .certificate-date.unavailable,
.program_templates
  .program-rewards
  .reward-info
  .reward-description.unavailable,
.program_templates .program-rewards .certificate-info .coming-soon.unavailable,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-date.unavailable,
.program_templates
  .program-rewards
  .certificate-info
  .reward-description.unavailable,
.program_templates .program-certificates .reward-info .coming-soon.unavailable,
.program_templates
  .program-certificates
  .reward-info
  .certificate-date.unavailable,
.program_templates
  .program-certificates
  .reward-info
  .reward-description.unavailable,
.program_templates
  .program-certificates
  .certificate-info
  .coming-soon.unavailable,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-date.unavailable,
.program_templates
  .program-certificates
  .certificate-info
  .reward-description.unavailable {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
}
.badges .program-rewards .reward-info .coming-soon.unavailable .instructions,
.badges
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions,
.badges
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions,
.badges
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions,
.badges
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions,
.badges
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions,
.badges
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions,
.badges
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions,
.badges
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions,
.badges
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions,
.badges
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions,
.badges
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions,
.programs .program-rewards .reward-info .coming-soon.unavailable .instructions,
.programs
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions,
.programs
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions,
.programs
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions,
.programs
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions,
.programs
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions,
.programs
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions,
.programs
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions,
.programs
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions,
.programs
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions,
.programs
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions,
.programs
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions,
.program_templates
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions,
.program_templates
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions,
.program_templates
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions,
.program_templates
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions,
.program_templates
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions,
.program_templates
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions,
.program_templates
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions,
.program_templates
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions,
.program_templates
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions,
.program_templates
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions {
  display: flex;
  width: 500px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 10px;
  background: var(--Gray-G1, #f5f5f5);
}
.badges .program-rewards .reward-info .coming-soon.unavailable .instructions p,
.badges .program-rewards .reward-info .coming-soon.unavailable .instructions h4,
.badges
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  h4,
.badges
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  h4,
.badges
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  h4,
.badges
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  h4,
.badges
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  h4,
.badges
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  h4,
.badges
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  h4,
.badges
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  h4,
.badges
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  h4,
.badges
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  h4,
.badges
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  h4,
.programs
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions
  h4,
.programs
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  h4,
.programs
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  h4,
.programs
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  h4,
.programs
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  h4,
.programs
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  h4,
.programs
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  h4,
.programs
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  h4,
.programs
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  h4,
.programs
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  h4,
.programs
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  h4,
.programs
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  h4,
.program_templates
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions
  h4,
.program_templates
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  h4,
.program_templates
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  h4,
.program_templates
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  h4,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  h4,
.program_templates
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  h4,
.program_templates
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  h4,
.program_templates
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  h4,
.program_templates
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  h4,
.program_templates
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  h4,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  h4,
.program_templates
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  h4 {
  margin: 0;
}
.badges .program-rewards .reward-info .coming-soon.unavailable .instructions p,
.badges .program-rewards .reward-info .coming-soon.unavailable .instructions a,
.badges
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  a,
.badges
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  a,
.badges
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  a,
.badges
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  a,
.badges
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.badges
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  a,
.badges
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  a,
.badges
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  a,
.badges
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  a,
.badges
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  a,
.badges
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  a,
.badges
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.badges
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  a,
.programs
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions
  a,
.programs
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  a,
.programs
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  a,
.programs
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  a,
.programs
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  a,
.programs
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.programs
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  a,
.programs
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  a,
.programs
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  a,
.programs
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  a,
.programs
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  a,
.programs
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  a,
.programs
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.programs
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  a,
.program_templates
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .reward-info
  .coming-soon.unavailable
  .instructions
  a,
.program_templates
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .reward-info
  .certificate-date.unavailable
  .instructions
  a,
.program_templates
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .reward-info
  .reward-description.unavailable
  .instructions
  a,
.program_templates
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .certificate-info
  .coming-soon.unavailable
  .instructions
  a,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .certificate-info
  .certificate-date.unavailable
  .instructions
  a,
.program_templates
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.program_templates
  .program-rewards
  .certificate-info
  .reward-description.unavailable
  .instructions
  a,
.program_templates
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .reward-info
  .coming-soon.unavailable
  .instructions
  a,
.program_templates
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .reward-info
  .certificate-date.unavailable
  .instructions
  a,
.program_templates
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .reward-info
  .reward-description.unavailable
  .instructions
  a,
.program_templates
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .certificate-info
  .coming-soon.unavailable
  .instructions
  a,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-date.unavailable
  .instructions
  a,
.program_templates
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  p,
.program_templates
  .program-certificates
  .certificate-info
  .reward-description.unavailable
  .instructions
  a {
  font-size: 14px;
}
.badges .program-rewards .reward-info .coming-soon.earned,
.badges .program-rewards .reward-info .certificate-date.earned,
.badges .program-rewards .reward-info .reward-description.earned,
.badges .program-rewards .certificate-info .coming-soon.earned,
.badges .program-rewards .certificate-info .certificate-date.earned,
.badges .program-rewards .certificate-info .reward-description.earned,
.badges .program-certificates .reward-info .coming-soon.earned,
.badges .program-certificates .reward-info .certificate-date.earned,
.badges .program-certificates .reward-info .reward-description.earned,
.badges .program-certificates .certificate-info .coming-soon.earned,
.badges .program-certificates .certificate-info .certificate-date.earned,
.badges .program-certificates .certificate-info .reward-description.earned,
.programs .program-rewards .reward-info .coming-soon.earned,
.programs .program-rewards .reward-info .certificate-date.earned,
.programs .program-rewards .reward-info .reward-description.earned,
.programs .program-rewards .certificate-info .coming-soon.earned,
.programs .program-rewards .certificate-info .certificate-date.earned,
.programs .program-rewards .certificate-info .reward-description.earned,
.programs .program-certificates .reward-info .coming-soon.earned,
.programs .program-certificates .reward-info .certificate-date.earned,
.programs .program-certificates .reward-info .reward-description.earned,
.programs .program-certificates .certificate-info .coming-soon.earned,
.programs .program-certificates .certificate-info .certificate-date.earned,
.programs .program-certificates .certificate-info .reward-description.earned,
.program_templates .program-rewards .reward-info .coming-soon.earned,
.program_templates .program-rewards .reward-info .certificate-date.earned,
.program_templates .program-rewards .reward-info .reward-description.earned,
.program_templates .program-rewards .certificate-info .coming-soon.earned,
.program_templates .program-rewards .certificate-info .certificate-date.earned,
.program_templates
  .program-rewards
  .certificate-info
  .reward-description.earned,
.program_templates .program-certificates .reward-info .coming-soon.earned,
.program_templates .program-certificates .reward-info .certificate-date.earned,
.program_templates
  .program-certificates
  .reward-info
  .reward-description.earned,
.program_templates .program-certificates .certificate-info .coming-soon.earned,
.program_templates
  .program-certificates
  .certificate-info
  .certificate-date.earned,
.program_templates
  .program-certificates
  .certificate-info
  .reward-description.earned {
  color: #087542;
}
.badges .program-rewards .reward-info .reward-instructions,
.badges .program-rewards .certificate-info .reward-instructions,
.badges .program-certificates .reward-info .reward-instructions,
.badges .program-certificates .certificate-info .reward-instructions,
.programs .program-rewards .reward-info .reward-instructions,
.programs .program-rewards .certificate-info .reward-instructions,
.programs .program-certificates .reward-info .reward-instructions,
.programs .program-certificates .certificate-info .reward-instructions,
.program_templates .program-rewards .reward-info .reward-instructions,
.program_templates .program-rewards .certificate-info .reward-instructions,
.program_templates .program-certificates .reward-info .reward-instructions,
.program_templates
  .program-certificates
  .certificate-info
  .reward-instructions {
  padding: 20px;
  border-radius: 10px;
  background-color: #f5f5f5;
  margin-top: 20px;
}
.badges .program-rewards .reward-info .reward-instructions strong,
.badges .program-rewards .certificate-info .reward-instructions strong,
.badges .program-certificates .reward-info .reward-instructions strong,
.badges .program-certificates .certificate-info .reward-instructions strong,
.programs .program-rewards .reward-info .reward-instructions strong,
.programs .program-rewards .certificate-info .reward-instructions strong,
.programs .program-certificates .reward-info .reward-instructions strong,
.programs .program-certificates .certificate-info .reward-instructions strong,
.program_templates .program-rewards .reward-info .reward-instructions strong,
.program_templates
  .program-rewards
  .certificate-info
  .reward-instructions
  strong,
.program_templates
  .program-certificates
  .reward-info
  .reward-instructions
  strong,
.program_templates
  .program-certificates
  .certificate-info
  .reward-instructions
  strong {
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: #424242;
}
.badges .program-rewards .reward-info .reward-instructions > div,
.badges .program-rewards .certificate-info .reward-instructions > div,
.badges .program-certificates .reward-info .reward-instructions > div,
.badges .program-certificates .certificate-info .reward-instructions > div,
.programs .program-rewards .reward-info .reward-instructions > div,
.programs .program-rewards .certificate-info .reward-instructions > div,
.programs .program-certificates .reward-info .reward-instructions > div,
.programs .program-certificates .certificate-info .reward-instructions > div,
.program_templates .program-rewards .reward-info .reward-instructions > div,
.program_templates
  .program-rewards
  .certificate-info
  .reward-instructions
  > div,
.program_templates
  .program-certificates
  .reward-info
  .reward-instructions
  > div,
.program_templates
  .program-certificates
  .certificate-info
  .reward-instructions
  > div {
  margin: 2px 0 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  color: #424242;
}
.badges .program-rewards .reward-info .reward-instructions.limited-reward,
.badges .program-rewards .certificate-info .reward-instructions.limited-reward,
.badges .program-certificates .reward-info .reward-instructions.limited-reward,
.badges
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward,
.programs .program-rewards .reward-info .reward-instructions.limited-reward,
.programs
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward,
.programs
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward,
.programs
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward,
.program_templates
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward,
.program_templates
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward,
.program_templates
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward,
.program_templates
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward {
  display: flex;
  padding: 0px 20px 20px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 500px;
}
.badges
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.badges
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.badges
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.badges
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.programs
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.programs
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.programs
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.programs
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.program_templates
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.program_templates
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.program_templates
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__content,
.program_templates
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.badges
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.badges
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.badges
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.badges
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.programs
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.programs
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.programs
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.programs
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.program_templates
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.program_templates
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.program_templates
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text,
.program_templates
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  align-self: stretch;
}
.badges
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.badges
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.badges
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.badges
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.programs
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.programs
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.programs
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.programs
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.program_templates
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.program_templates
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.program_templates
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title,
.program_templates
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__title {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
}
.badges
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.badges
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.badges
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.badges
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.programs
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.programs
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.programs
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.programs
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.program_templates
  .program-rewards
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.program_templates
  .program-rewards
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.program_templates
  .program-certificates
  .reward-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description,
.program_templates
  .program-certificates
  .certificate-info
  .reward-instructions.limited-reward
  .limited-reward__text
  .limited-reward__description {
  color: var(--Gray-G8, #424242);
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}
.badges .program-rewards .reward-info .coming-soon,
.badges .program-rewards .certificate-info .coming-soon,
.badges .program-certificates .reward-info .coming-soon,
.badges .program-certificates .certificate-info .coming-soon,
.programs .program-rewards .reward-info .coming-soon,
.programs .program-rewards .certificate-info .coming-soon,
.programs .program-certificates .reward-info .coming-soon,
.programs .program-certificates .certificate-info .coming-soon,
.program_templates .program-rewards .reward-info .coming-soon,
.program_templates .program-rewards .certificate-info .coming-soon,
.program_templates .program-certificates .reward-info .coming-soon,
.program_templates .program-certificates .certificate-info .coming-soon {
  font-style: italic;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
.program-goals-header {
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .program-goals-header {
    text-align: left;
  }
}
.challenge-content-goals a {
  border-radius: 8px;
  display: block;
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);
  height: 100%;
}
.challenge-content-goals a:focus {
  outline: none;
}
.challenge-content-goals ul {
  margin-top: 40px;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  list-style: none;
  padding: 0;
  align-items: stretch;
}
@media only screen and (max-width: 39.938em) {
  .challenge-content-goals ul {
    margin-top: 32px;
  }
}
.challenge-content-goals .overview-wrap {
  padding: 17px 20px 20px;
  border-radius: 8px;
  background-color: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.challenge-content-goals .overview-percent {
  font-size: 14px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #929292;
  position: absolute;
  right: 20px;
  top: 20px;
}
.challenge-content-goals .overview-percent.earned {
  color: #0ba85f;
}
.challenge-content-goals .overview-icon {
  position: relative;
  margin-bottom: 20px;
}
.challenge-content-goals .overview-icon .overview-complete {
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  position: absolute;
  top: 35px;
  left: 28px;
  background: #0ba85f;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border-radius: 100%;
}
.challenge-content-goals .overview-icon .overview-complete:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/metro/36/FFFFFF/checkmark.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 8px;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  width: auto;
  height: auto;
}
.challenge-content-goals .overview-icon div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.challenge-content-goals .overview-icon.badges svg circle:first-child {
  stroke: #f3fcfd !important;
}
.challenge-content-goals .overview-icon.badges div {
  background-color: #ddf6f9;
}
.challenge-content-goals .overview-icon.badges div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/sticker.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.book svg circle:first-child {
  stroke: #f3f7fd !important;
}
.challenge-content-goals .overview-icon.book div {
  background-color: #dde9f9;
}
.challenge-content-goals .overview-icon.book div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/book.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.list-books svg circle:first-child {
  stroke: #f3f7fd !important;
}
.challenge-content-goals .overview-icon.list-books div {
  background-color: #dde9f9;
}
.challenge-content-goals .overview-icon.list-books div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/books.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.minute svg circle:first-child {
  stroke: #fffbfb !important;
}
.challenge-content-goals .overview-icon.minute div {
  background-color: #fce6e4;
}
.challenge-content-goals .overview-icon.minute div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/clock.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.page svg circle:first-child {
  stroke: #fef2ee !important;
}
.challenge-content-goals .overview-icon.page div {
  background-color: #fce0d6;
}
.challenge-content-goals .overview-icon.page div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/open-book.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.day svg circle:first-child {
  stroke: #f3fcfd !important;
}
.challenge-content-goals .overview-icon.day div {
  background-color: #dde9f9;
}
.challenge-content-goals .overview-icon.day div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/calendar.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.moment svg circle:first-child {
  stroke: #fff5e2 !important;
}
.challenge-content-goals .overview-icon.moment div {
  background-color: #ffecc8;
}
.challenge-content-goals .overview-icon.moment div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/learning.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.event svg circle:first-child {
  stroke: #fef2ee !important;
}
.challenge-content-goals .overview-icon.event div {
  background-color: #fce0d6;
}
.challenge-content-goals .overview-icon.event div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/library.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.hour svg circle:first-child {
  stroke: #f3fcfd !important;
}
.challenge-content-goals .overview-icon.hour div {
  background-color: #ddf6f9;
}
.challenge-content-goals .overview-icon.hour div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/hourglass.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.video svg circle:first-child {
  stroke: #fcf7fd !important;
}
.challenge-content-goals .overview-icon.video div {
  background-color: #f4e2f8;
}
.challenge-content-goals .overview-icon.video div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/video.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.magazine svg circle:first-child {
  stroke: #f3fcfd !important;
}
.challenge-content-goals .overview-icon.magazine div {
  background-color: #ddf6f9;
}
.challenge-content-goals .overview-icon.magazine div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/news.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.activity svg circle:first-child {
  stroke: #eef9f3 !important;
}
.challenge-content-goals .overview-icon.activity div {
  background-color: #dbf2e7;
}
.challenge-content-goals .overview-icon.activity div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/ok.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.points svg circle:first-child {
  stroke: #fff5e2 !important;
}
.challenge-content-goals .overview-icon.points div {
  background-color: #ffecc8;
}
.challenge-content-goals .overview-icon.points div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/expensive.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.reviews svg circle:first-child {
  stroke: #f3f7fd !important;
}
.challenge-content-goals .overview-icon.reviews div {
  background-color: #dde9f9;
}
.challenge-content-goals .overview-icon.reviews div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/good-quality.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.tickets svg circle:first-child {
  stroke: #fff5e2 !important;
}
.challenge-content-goals .overview-icon.tickets div {
  background-color: #ffecc8;
}
.challenge-content-goals .overview-icon.tickets div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/ticket.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.rewards svg circle:first-child {
  stroke: #fcf7fd !important;
}
.challenge-content-goals .overview-icon.rewards div {
  background-color: #f4e2f8;
}
.challenge-content-goals .overview-icon.rewards div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/prize.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.picture-reviews svg circle:first-child {
  stroke: #f3fcfd !important;
}
.challenge-content-goals .overview-icon.picture-reviews div {
  background-color: #ddf6f9;
}
.challenge-content-goals .overview-icon.picture-reviews div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/image.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.certificates svg circle:first-child {
  stroke: #f3fcfd !important;
}
.challenge-content-goals .overview-icon.certificates div {
  background-color: #ddf6f9;
}
.challenge-content-goals .overview-icon.certificates div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/diploma.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.total-raised svg circle:first-child {
  stroke: #fce6e4 !important;
}
.challenge-content-goals .overview-icon.total-raised div {
  background-color: #fce6e4;
}
.challenge-content-goals .overview-icon.total-raised div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/money-box.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.total-donors svg circle:first-child {
  stroke: #ffecc8 !important;
}
.challenge-content-goals .overview-icon.total-donors div {
  background-color: #ffecc8;
}
.challenge-content-goals .overview-icon.total-donors div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/welfare.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon.prizes svg circle:first-child {
  stroke: #f4e2f8 !important;
}
.challenge-content-goals .overview-icon.prizes div {
  background-color: #f4e2f8;
}
.challenge-content-goals .overview-icon.prizes div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/prize.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals
  .overview-icon.fundraiser-badges
  svg
  circle:first-child {
  stroke: #ddf6f9 !important;
}
.challenge-content-goals .overview-icon.fundraiser-badges div {
  background-color: #ddf6f9;
}
.challenge-content-goals .overview-icon.fundraiser-badges div span {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/56/000000/sticker.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.challenge-content-goals .overview-icon div {
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  top: 6px;
  left: 1px;
}
.challenge-content-goals .overview-icon svg {
  display: block;
  width: 54px;
  height: 54px;
  transform: rotate(-90deg);
  position: relative;
  left: -5px;
}
.challenge-content-goals .overview-icon svg circle {
  fill: none;
  stroke-width: 3px;
}
.challenge-content-goals .overview-icon svg circle:nth-child(1) {
  stroke: #eaeaea;
}
.challenge-content-goals .overview-icon svg circle:nth-child(2) {
  stroke: #0ba85f;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 156;
  stroke-dashoffset: 156;
  transition: all 150ms ease-out;
}
.challenge-content-goals .overview-icon svg[percent="0"] circle:nth-child(2) {
  display: none;
}
.challenge-content-goals .overview-icon svg[percent="1"] circle:nth-child(2) {
  stroke-dashoffset: 154.44;
}
.challenge-content-goals .overview-icon svg[percent="2"] circle:nth-child(2) {
  stroke-dashoffset: 152.88;
}
.challenge-content-goals .overview-icon svg[percent="3"] circle:nth-child(2) {
  stroke-dashoffset: 151.32;
}
.challenge-content-goals .overview-icon svg[percent="4"] circle:nth-child(2) {
  stroke-dashoffset: 149.76;
}
.challenge-content-goals .overview-icon svg[percent="5"] circle:nth-child(2) {
  stroke-dashoffset: 148.2;
}
.challenge-content-goals .overview-icon svg[percent="6"] circle:nth-child(2) {
  stroke-dashoffset: 146.64;
}
.challenge-content-goals .overview-icon svg[percent="7"] circle:nth-child(2) {
  stroke-dashoffset: 145.08;
}
.challenge-content-goals .overview-icon svg[percent="8"] circle:nth-child(2) {
  stroke-dashoffset: 143.52;
}
.challenge-content-goals .overview-icon svg[percent="9"] circle:nth-child(2) {
  stroke-dashoffset: 141.96;
}
.challenge-content-goals .overview-icon svg[percent="10"] circle:nth-child(2) {
  stroke-dashoffset: 140.4;
}
.challenge-content-goals .overview-icon svg[percent="11"] circle:nth-child(2) {
  stroke-dashoffset: 138.84;
}
.challenge-content-goals .overview-icon svg[percent="12"] circle:nth-child(2) {
  stroke-dashoffset: 137.28;
}
.challenge-content-goals .overview-icon svg[percent="13"] circle:nth-child(2) {
  stroke-dashoffset: 135.72;
}
.challenge-content-goals .overview-icon svg[percent="14"] circle:nth-child(2) {
  stroke-dashoffset: 134.16;
}
.challenge-content-goals .overview-icon svg[percent="15"] circle:nth-child(2) {
  stroke-dashoffset: 132.6;
}
.challenge-content-goals .overview-icon svg[percent="16"] circle:nth-child(2) {
  stroke-dashoffset: 131.04;
}
.challenge-content-goals .overview-icon svg[percent="17"] circle:nth-child(2) {
  stroke-dashoffset: 129.48;
}
.challenge-content-goals .overview-icon svg[percent="18"] circle:nth-child(2) {
  stroke-dashoffset: 127.92;
}
.challenge-content-goals .overview-icon svg[percent="19"] circle:nth-child(2) {
  stroke-dashoffset: 126.36;
}
.challenge-content-goals .overview-icon svg[percent="20"] circle:nth-child(2) {
  stroke-dashoffset: 124.8;
}
.challenge-content-goals .overview-icon svg[percent="21"] circle:nth-child(2) {
  stroke-dashoffset: 123.24;
}
.challenge-content-goals .overview-icon svg[percent="22"] circle:nth-child(2) {
  stroke-dashoffset: 121.68;
}
.challenge-content-goals .overview-icon svg[percent="23"] circle:nth-child(2) {
  stroke-dashoffset: 120.12;
}
.challenge-content-goals .overview-icon svg[percent="24"] circle:nth-child(2) {
  stroke-dashoffset: 118.56;
}
.challenge-content-goals .overview-icon svg[percent="25"] circle:nth-child(2) {
  stroke-dashoffset: 117;
}
.challenge-content-goals .overview-icon svg[percent="26"] circle:nth-child(2) {
  stroke-dashoffset: 115.44;
}
.challenge-content-goals .overview-icon svg[percent="27"] circle:nth-child(2) {
  stroke-dashoffset: 113.88;
}
.challenge-content-goals .overview-icon svg[percent="28"] circle:nth-child(2) {
  stroke-dashoffset: 112.32;
}
.challenge-content-goals .overview-icon svg[percent="29"] circle:nth-child(2) {
  stroke-dashoffset: 110.76;
}
.challenge-content-goals .overview-icon svg[percent="30"] circle:nth-child(2) {
  stroke-dashoffset: 109.2;
}
.challenge-content-goals .overview-icon svg[percent="31"] circle:nth-child(2) {
  stroke-dashoffset: 107.64;
}
.challenge-content-goals .overview-icon svg[percent="32"] circle:nth-child(2) {
  stroke-dashoffset: 106.08;
}
.challenge-content-goals .overview-icon svg[percent="33"] circle:nth-child(2) {
  stroke-dashoffset: 104.52;
}
.challenge-content-goals .overview-icon svg[percent="34"] circle:nth-child(2) {
  stroke-dashoffset: 102.96;
}
.challenge-content-goals .overview-icon svg[percent="35"] circle:nth-child(2) {
  stroke-dashoffset: 101.4;
}
.challenge-content-goals .overview-icon svg[percent="36"] circle:nth-child(2) {
  stroke-dashoffset: 99.84;
}
.challenge-content-goals .overview-icon svg[percent="37"] circle:nth-child(2) {
  stroke-dashoffset: 98.28;
}
.challenge-content-goals .overview-icon svg[percent="38"] circle:nth-child(2) {
  stroke-dashoffset: 96.72;
}
.challenge-content-goals .overview-icon svg[percent="39"] circle:nth-child(2) {
  stroke-dashoffset: 95.16;
}
.challenge-content-goals .overview-icon svg[percent="40"] circle:nth-child(2) {
  stroke-dashoffset: 93.6;
}
.challenge-content-goals .overview-icon svg[percent="41"] circle:nth-child(2) {
  stroke-dashoffset: 92.04;
}
.challenge-content-goals .overview-icon svg[percent="42"] circle:nth-child(2) {
  stroke-dashoffset: 90.48;
}
.challenge-content-goals .overview-icon svg[percent="43"] circle:nth-child(2) {
  stroke-dashoffset: 88.92;
}
.challenge-content-goals .overview-icon svg[percent="44"] circle:nth-child(2) {
  stroke-dashoffset: 87.36;
}
.challenge-content-goals .overview-icon svg[percent="45"] circle:nth-child(2) {
  stroke-dashoffset: 85.8;
}
.challenge-content-goals .overview-icon svg[percent="46"] circle:nth-child(2) {
  stroke-dashoffset: 84.24;
}
.challenge-content-goals .overview-icon svg[percent="47"] circle:nth-child(2) {
  stroke-dashoffset: 82.68;
}
.challenge-content-goals .overview-icon svg[percent="48"] circle:nth-child(2) {
  stroke-dashoffset: 81.12;
}
.challenge-content-goals .overview-icon svg[percent="49"] circle:nth-child(2) {
  stroke-dashoffset: 79.56;
}
.challenge-content-goals .overview-icon svg[percent="50"] circle:nth-child(2) {
  stroke-dashoffset: 78;
}
.challenge-content-goals .overview-icon svg[percent="51"] circle:nth-child(2) {
  stroke-dashoffset: 76.44;
}
.challenge-content-goals .overview-icon svg[percent="52"] circle:nth-child(2) {
  stroke-dashoffset: 74.88;
}
.challenge-content-goals .overview-icon svg[percent="53"] circle:nth-child(2) {
  stroke-dashoffset: 73.32;
}
.challenge-content-goals .overview-icon svg[percent="54"] circle:nth-child(2) {
  stroke-dashoffset: 71.76;
}
.challenge-content-goals .overview-icon svg[percent="55"] circle:nth-child(2) {
  stroke-dashoffset: 70.2;
}
.challenge-content-goals .overview-icon svg[percent="56"] circle:nth-child(2) {
  stroke-dashoffset: 68.64;
}
.challenge-content-goals .overview-icon svg[percent="57"] circle:nth-child(2) {
  stroke-dashoffset: 67.08;
}
.challenge-content-goals .overview-icon svg[percent="58"] circle:nth-child(2) {
  stroke-dashoffset: 65.52;
}
.challenge-content-goals .overview-icon svg[percent="59"] circle:nth-child(2) {
  stroke-dashoffset: 63.96;
}
.challenge-content-goals .overview-icon svg[percent="60"] circle:nth-child(2) {
  stroke-dashoffset: 62.4;
}
.challenge-content-goals .overview-icon svg[percent="61"] circle:nth-child(2) {
  stroke-dashoffset: 60.84;
}
.challenge-content-goals .overview-icon svg[percent="62"] circle:nth-child(2) {
  stroke-dashoffset: 59.28;
}
.challenge-content-goals .overview-icon svg[percent="63"] circle:nth-child(2) {
  stroke-dashoffset: 57.72;
}
.challenge-content-goals .overview-icon svg[percent="64"] circle:nth-child(2) {
  stroke-dashoffset: 56.16;
}
.challenge-content-goals .overview-icon svg[percent="65"] circle:nth-child(2) {
  stroke-dashoffset: 54.6;
}
.challenge-content-goals .overview-icon svg[percent="66"] circle:nth-child(2) {
  stroke-dashoffset: 53.04;
}
.challenge-content-goals .overview-icon svg[percent="67"] circle:nth-child(2) {
  stroke-dashoffset: 51.48;
}
.challenge-content-goals .overview-icon svg[percent="68"] circle:nth-child(2) {
  stroke-dashoffset: 49.92;
}
.challenge-content-goals .overview-icon svg[percent="69"] circle:nth-child(2) {
  stroke-dashoffset: 48.36;
}
.challenge-content-goals .overview-icon svg[percent="70"] circle:nth-child(2) {
  stroke-dashoffset: 46.8;
}
.challenge-content-goals .overview-icon svg[percent="71"] circle:nth-child(2) {
  stroke-dashoffset: 45.24;
}
.challenge-content-goals .overview-icon svg[percent="72"] circle:nth-child(2) {
  stroke-dashoffset: 43.68;
}
.challenge-content-goals .overview-icon svg[percent="73"] circle:nth-child(2) {
  stroke-dashoffset: 42.12;
}
.challenge-content-goals .overview-icon svg[percent="74"] circle:nth-child(2) {
  stroke-dashoffset: 40.56;
}
.challenge-content-goals .overview-icon svg[percent="75"] circle:nth-child(2) {
  stroke-dashoffset: 39;
}
.challenge-content-goals .overview-icon svg[percent="76"] circle:nth-child(2) {
  stroke-dashoffset: 37.44;
}
.challenge-content-goals .overview-icon svg[percent="77"] circle:nth-child(2) {
  stroke-dashoffset: 35.88;
}
.challenge-content-goals .overview-icon svg[percent="78"] circle:nth-child(2) {
  stroke-dashoffset: 34.32;
}
.challenge-content-goals .overview-icon svg[percent="79"] circle:nth-child(2) {
  stroke-dashoffset: 32.76;
}
.challenge-content-goals .overview-icon svg[percent="80"] circle:nth-child(2) {
  stroke-dashoffset: 31.2;
}
.challenge-content-goals .overview-icon svg[percent="81"] circle:nth-child(2) {
  stroke-dashoffset: 29.64;
}
.challenge-content-goals .overview-icon svg[percent="82"] circle:nth-child(2) {
  stroke-dashoffset: 28.08;
}
.challenge-content-goals .overview-icon svg[percent="83"] circle:nth-child(2) {
  stroke-dashoffset: 26.52;
}
.challenge-content-goals .overview-icon svg[percent="84"] circle:nth-child(2) {
  stroke-dashoffset: 24.96;
}
.challenge-content-goals .overview-icon svg[percent="85"] circle:nth-child(2) {
  stroke-dashoffset: 23.4;
}
.challenge-content-goals .overview-icon svg[percent="86"] circle:nth-child(2) {
  stroke-dashoffset: 21.84;
}
.challenge-content-goals .overview-icon svg[percent="87"] circle:nth-child(2) {
  stroke-dashoffset: 20.28;
}
.challenge-content-goals .overview-icon svg[percent="88"] circle:nth-child(2) {
  stroke-dashoffset: 18.72;
}
.challenge-content-goals .overview-icon svg[percent="89"] circle:nth-child(2) {
  stroke-dashoffset: 17.16;
}
.challenge-content-goals .overview-icon svg[percent="90"] circle:nth-child(2) {
  stroke-dashoffset: 15.6;
}
.challenge-content-goals .overview-icon svg[percent="91"] circle:nth-child(2) {
  stroke-dashoffset: 14.04;
}
.challenge-content-goals .overview-icon svg[percent="92"] circle:nth-child(2) {
  stroke-dashoffset: 12.48;
}
.challenge-content-goals .overview-icon svg[percent="93"] circle:nth-child(2) {
  stroke-dashoffset: 10.92;
}
.challenge-content-goals .overview-icon svg[percent="94"] circle:nth-child(2) {
  stroke-dashoffset: 9.36;
}
.challenge-content-goals .overview-icon svg[percent="95"] circle:nth-child(2) {
  stroke-dashoffset: 7.8;
}
.challenge-content-goals .overview-icon svg[percent="96"] circle:nth-child(2) {
  stroke-dashoffset: 6.24;
}
.challenge-content-goals .overview-icon svg[percent="97"] circle:nth-child(2) {
  stroke-dashoffset: 4.68;
}
.challenge-content-goals .overview-icon svg[percent="98"] circle:nth-child(2) {
  stroke-dashoffset: 3.12;
}
.challenge-content-goals .overview-icon svg[percent="99"] circle:nth-child(2) {
  stroke-dashoffset: 1.56;
}
.challenge-content-goals .overview-icon svg[percent="100"] circle:nth-child(2) {
  stroke-dashoffset: 0;
}
.challenge-content-goals .overview-data {
  display: flex;
  flex-direction: column;
}
.challenge-content-goals .overview-data .overview-title {
  order: 2;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #656565;
}
.challenge-content-goals .overview-data .overview-number {
  order: 1;
  font-size: 18px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.87;
  letter-spacing: normal;
  color: #929292;
}
.challenge-content-goals .overview-data .overview-number span {
  font-size: 28px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2a2a2a;
}
#badge-overview-modal {
  border-radius: 16px;
  background-color: #ffffff;
  width: 100%;
  max-width: 500px;
  position: relative;
}
@media only screen and (max-width: 39.938em) {
  #badge-overview-modal {
    width: 90vw;
  }
}
.badge-modal-content {
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 40px 0px 10px;
  border-radius: 18px;
}
.badge-modal-content .activities-wrap {
  padding: 40px 40px 0px 40px;
}
@media only screen and (max-width: 39.938em) {
  .badge-modal-content .activities-wrap {
    padding: 20px 20px 0px 20px;
  }
}
.badge-modal-content .activities-wrap h1 {
  font-size: 18px;
  font-weight: 800;
  text-align: left;
}
.badge-modal-content #main-earnable-content .badge-name-and-goal {
  margin: 30px 20px 0 20px;
}
.badge-modal-content #main-earnable-content .badge-name-and-goal .badge-title {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: center;
  color: #656565;
  margin-bottom: 3.5px;
}
.badge-modal-content #main-earnable-content .badge-name-and-goal h2 {
  font-size: 22px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin: 0;
}
.badge-modal-content #main-earnable-content .badge-name-and-goal.points-badge {
  margin-bottom: 8px;
}
.badge-modal-content #main-earnable-content .completed-on-date {
  margin: 4px auto 20px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #087542;
}
.badge-modal-content #main-earnable-content hr {
  margin: 0px;
}
.badge-modal-content #main-earnable-content .log-footer-button {
  padding: 20px !important;
  border-top: 1px solid #e0e0e0;
  margin-top: -1px;
}
.badge-modal-content #main-earnable-content .badge-attributes {
  margin: 10px 0 0 0;
}
.badge-modal-content #main-earnable-content .badge-attributes hr {
  margin: 40px 0 10px;
}
.badge-modal-content #main-earnable-content .attribute-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 30px;
}
@media only screen and (max-width: 39.938em) {
  .badge-modal-content #main-earnable-content .attribute-item {
    padding: 16px 20px;
  }
}
.badge-modal-content #main-earnable-content .attribute-item .attribute-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 20px;
  flex: none;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-icon.tickets {
  background-color: #ffecc8;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-icon.reward {
  background-color: #f4e2f8;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-icon.certificate {
  background-color: #ddf6f9;
}
.badge-modal-content #main-earnable-content .attribute-item .attribute-text {
  text-align: left;
  flex: auto;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-text
  .attribute-label {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  color: #656565;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-text
  .attribute-details {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}
.badge-modal-content #main-earnable-content .attribute-item.points {
  background-color: #ffecc8;
  color: #826022;
  margin-bottom: 40px;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .repeatbale-activity
  .plus-icon-bg {
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 24px;
  height: 24px;
  background-color: #0ba85f;
  border: 2px solid #0ba85f;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .repeatbale-activity
  .plus-icon-bg
  .plus-icon {
  height: 14px;
  width: 12px;
}
.badge-modal-content #main-earnable-content hr {
  margin: 0px;
}
.badge-modal-content #main-earnable-content .attribute-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 40px;
}
@media only screen and (max-width: 39.938em) {
  .badge-modal-content #main-earnable-content .attribute-item {
    padding: 16px 20px;
  }
}
.badge-modal-content #main-earnable-content .attribute-item .attribute-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 20px;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-icon.tickets {
  background-color: #ffecc8;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-icon.reward {
  background-color: #f4e2f8;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-icon.certificate {
  background-color: #ddf6f9;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-icon.book-machine {
  background: #fce0d6;
}
.badge-modal-content #main-earnable-content .attribute-item.limited-reward {
  display: flex;
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: -10px;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item.limited-reward
  .limited-reward__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item.limited-reward
  .limited-reward__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  align-self: stretch;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item.limited-reward
  .limited-reward__text
  .limited-reward__title {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item.limited-reward
  .limited-reward__text
  .limited-reward__description {
  color: var(--Gray-G8, #424242);
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}
.badge-modal-content #main-earnable-content .attribute-item .attribute-text {
  text-align: left;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-text
  .attribute-label {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  color: #656565;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-text
  .attribute-details {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}
.badge-modal-content #main-earnable-content .attribute-item .attribute-content {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item
  .attribute-unavailable {
  display: flex;
  width: 132px;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item.unavailable
  .attribute-icon,
.badge-modal-content
  #main-earnable-content
  .attribute-item.unavailable
  .attribute-label,
.badge-modal-content
  #main-earnable-content
  .attribute-item.unavailable
  .attribute-details {
  opacity: 0.4;
}
.badge-modal-content
  #main-earnable-content
  .attribute-item.unavailable
  .attribute-label,
.badge-modal-content
  #main-earnable-content
  .attribute-item.unavailable
  .attribute-details {
  text-decoration: line-through;
}
.badge-modal-content #overview-badge-info {
  text-align: center;
  background-color: #ffffff;
  padding: 2.5rem;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #overview-badge-info {
    text-align: left;
  }
}
.badge-modal-content #overview-badge-info .badge-description {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  text-transform: capitalize;
  color: #424242;
  border-bottom: 8px solid #f7f7f7;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}
@media only screen and (min-width: 80em) {
  .badge-modal-content #overview-badge-info .badge-description {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
  }
}
.badge-modal-content #overview-badge-info .badge-image img {
  width: 240px;
  margin: 0 auto;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #overview-badge-info .badge-image img {
    width: 320px;
    margin: 0 auto;
  }
}
.badge-modal-content
  #overview-badge-info
  .badge-image.logging-badge
  + .program-overview {
  margin-top: 2.5rem;
}
.badge-modal-content #overview-badge-info .book-logger {
  margin: 2.5rem auto 0 auto;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #overview-badge-info .book-logger {
    margin-top: 1.25rem;
  }
}
.badge-modal-content #overview-badge-info .badge-image + .book-logger {
  margin-top: 2.5rem;
}
.badge-modal-content #overview-badge-info .program-overview {
  margin-top: 2.5rem;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #overview-badge-info .program-overview {
    margin-top: 0;
  }
}
.badge-modal-content #overview-badge-info .program-overview li {
  margin: 0;
}
.badge-modal-content #overview-badge-info .activities-list {
  text-align: left;
}
.badge-modal-content #overview-badge-info .program-learning-track {
  margin-top: 1.25rem;
}
.badge-modal-content #overview-badge-info #badge-info .badge-image {
  margin-bottom: 2.5rem;
}
.badge-modal-content #overview-badge-info #badge-info .activities-list {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 40em) {
  .badge-modal-content #overview-badge-info #badge-info .activities-list {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.badge-modal-content #overview-badge-info #badge-info button,
.badge-modal-content #overview-badge-info #badge-info .button {
  width: 100%;
  max-width: 100%;
}
.badge-modal-content .book-logger {
  display: block;
}
.badge-modal-content .button {
  padding: 13px 16px 14px 16px;
}
.badge-modal-loading {
  display: none;
  position: fixed;
  width: 100%;
  max-width: 100%;
  text-align: center;
  z-index: 55000;
  top: 37%;
  left: 0;
}
@media only screen and (min-width: 80em) {
  .badge-modal-loading {
    top: 34%;
  }
}
@media only screen and (min-width: 90em) {
  .badge-modal-loading {
    top: 37%;
  }
}
.badge-modal-loading img {
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  background-color: #292929;
  padding: 2.5rem;
}
.modal-close {
  text-align: right;
  background: #ffffff;
  padding: 24px 24px 0 24px;
}
.modal-close.inline {
  padding: 0;
}
.badge-pills {
  margin-bottom: 40px;
}
.pill {
  width: fit-content;
  margin: 10px auto;
  padding: 12px 20px;
  border-radius: 12px;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.21;
}
.pill.overlay-goal-progress-data-number {
  margin-bottom: 30px;
}
.pill.required {
  background-color: #fce6e4;
  color: #ab3f35;
  margin: -20px auto 10px !important;
}
.overlay-goal-progress-data-number {
  background-color: #f2f2f2;
  color: #656565;
}
.overlay-goal-progress-data-number.earned {
  background-color: #dbf2e7;
  color: #087542;
}
.overlay-goal-progress-data-number.points {
  background-color: #ffecc8;
  color: #826022;
  margin-bottom: 40px;
}
.overlay-goal-progress-data-number .repeatbale-activity .plus-icon-bg {
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 24px;
  height: 24px;
  background-color: #0ba85f;
  border: 2px solid #0ba85f;
}
.overlay-goal-progress-data-number
  .repeatbale-activity
  .plus-icon-bg
  .plus-icon {
  height: 14px;
  width: 12px;
}
.badge-image {
  position: relative;
}
.badge-image .earned-indicator {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/metro/36/FFFFFF/checkmark.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 12px;
  width: 34px;
  height: 34px;
  background-color: #0ba85f;
  border-radius: 100%;
  border: 5px solid white;
  position: absolute;
  top: 86px;
  left: 50%;
  z-index: 30;
  margin-left: 27px;
}
.badge-image img {
  border-radius: 100%;
  width: 114px;
  height: 114px;
  z-index: 10;
}
.badge-image svg:not(.badge-unavailable) {
  display: block;
  width: 140px;
  height: 140px;
  transform: rotate(-90deg);
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -70px;
  z-index: 20;
}
.badge-image svg:not(.badge-unavailable) circle {
  fill: none;
  stroke-width: 4px;
}
.badge-image svg:not(.badge-unavailable) circle:nth-child(1) {
  stroke: #eaeaea;
}
.badge-image svg:not(.badge-unavailable) circle:nth-child(2) {
  stroke: #0ba85f;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 402.124;
  stroke-dashoffset: 402.124;
  transition: all 150ms ease-out;
}
.badge-image svg[percent="1"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 398.10276;
}
.badge-image svg[percent="2"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 394.08152;
}
.badge-image svg[percent="3"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 390.06028;
}
.badge-image svg[percent="4"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 386.03904;
}
.badge-image svg[percent="5"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 382.0178;
}
.badge-image svg[percent="6"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 377.99656;
}
.badge-image svg[percent="7"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 373.97532;
}
.badge-image svg[percent="8"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 369.95408;
}
.badge-image svg[percent="9"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 365.93284;
}
.badge-image svg[percent="10"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 361.9116;
}
.badge-image svg[percent="11"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 357.89036;
}
.badge-image svg[percent="12"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 353.86912;
}
.badge-image svg[percent="13"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 349.84788;
}
.badge-image svg[percent="14"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 345.82664;
}
.badge-image svg[percent="15"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 341.8054;
}
.badge-image svg[percent="16"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 337.78416;
}
.badge-image svg[percent="17"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 333.76292;
}
.badge-image svg[percent="18"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 329.74168;
}
.badge-image svg[percent="19"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 325.72044;
}
.badge-image svg[percent="20"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 321.6992;
}
.badge-image svg[percent="21"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 317.67796;
}
.badge-image svg[percent="22"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 313.65672;
}
.badge-image svg[percent="23"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 309.63548;
}
.badge-image svg[percent="24"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 305.61424;
}
.badge-image svg[percent="25"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 301.593;
}
.badge-image svg[percent="26"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 297.57176;
}
.badge-image svg[percent="27"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 293.55052;
}
.badge-image svg[percent="28"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 289.52928;
}
.badge-image svg[percent="29"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 285.50804;
}
.badge-image svg[percent="30"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 281.4868;
}
.badge-image svg[percent="31"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 277.46556;
}
.badge-image svg[percent="32"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 273.44432;
}
.badge-image svg[percent="33"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 269.42308;
}
.badge-image svg[percent="34"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 265.40184;
}
.badge-image svg[percent="35"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 261.3806;
}
.badge-image svg[percent="36"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 257.35936;
}
.badge-image svg[percent="37"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 253.33812;
}
.badge-image svg[percent="38"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 249.31688;
}
.badge-image svg[percent="39"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 245.29564;
}
.badge-image svg[percent="40"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 241.2744;
}
.badge-image svg[percent="41"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 237.25316;
}
.badge-image svg[percent="42"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 233.23192;
}
.badge-image svg[percent="43"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 229.21068;
}
.badge-image svg[percent="44"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 225.18944;
}
.badge-image svg[percent="45"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 221.1682;
}
.badge-image svg[percent="46"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 217.14696;
}
.badge-image svg[percent="47"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 213.12572;
}
.badge-image svg[percent="48"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 209.10448;
}
.badge-image svg[percent="49"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 205.08324;
}
.badge-image svg[percent="50"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 201.062;
}
.badge-image svg[percent="51"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 197.04076;
}
.badge-image svg[percent="52"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 193.01952;
}
.badge-image svg[percent="53"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 188.99828;
}
.badge-image svg[percent="54"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 184.97704;
}
.badge-image svg[percent="55"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 180.9558;
}
.badge-image svg[percent="56"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 176.93456;
}
.badge-image svg[percent="57"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 172.91332;
}
.badge-image svg[percent="58"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 168.89208;
}
.badge-image svg[percent="59"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 164.87084;
}
.badge-image svg[percent="60"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 160.8496;
}
.badge-image svg[percent="61"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 156.82836;
}
.badge-image svg[percent="62"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 152.80712;
}
.badge-image svg[percent="63"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 148.78588;
}
.badge-image svg[percent="64"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 144.76464;
}
.badge-image svg[percent="65"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 140.7434;
}
.badge-image svg[percent="66"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 136.72216;
}
.badge-image svg[percent="67"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 132.70092;
}
.badge-image svg[percent="68"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 128.67968;
}
.badge-image svg[percent="69"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 124.65844;
}
.badge-image svg[percent="70"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 120.6372;
}
.badge-image svg[percent="71"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 116.61596;
}
.badge-image svg[percent="72"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 112.59472;
}
.badge-image svg[percent="73"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 108.57348;
}
.badge-image svg[percent="74"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 104.55224;
}
.badge-image svg[percent="75"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 100.531;
}
.badge-image svg[percent="76"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 96.50976;
}
.badge-image svg[percent="77"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 92.48852;
}
.badge-image svg[percent="78"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 88.46728;
}
.badge-image svg[percent="79"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 84.44604;
}
.badge-image svg[percent="80"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 80.4248;
}
.badge-image svg[percent="81"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 76.40356;
}
.badge-image svg[percent="82"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 72.38232;
}
.badge-image svg[percent="83"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 68.36108;
}
.badge-image svg[percent="84"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 64.33984;
}
.badge-image svg[percent="85"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 60.3186;
}
.badge-image svg[percent="86"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 56.29736;
}
.badge-image svg[percent="87"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 52.27612;
}
.badge-image svg[percent="88"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 48.25488;
}
.badge-image svg[percent="89"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 44.23364;
}
.badge-image svg[percent="90"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 40.2124;
}
.badge-image svg[percent="91"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 36.19116;
}
.badge-image svg[percent="92"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 32.16992;
}
.badge-image svg[percent="93"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 28.14868;
}
.badge-image svg[percent="94"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 24.12744;
}
.badge-image svg[percent="95"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 20.1062;
}
.badge-image svg[percent="96"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 16.08496;
}
.badge-image svg[percent="97"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 12.06372;
}
.badge-image svg[percent="98"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 8.04248;
}
.badge-image svg[percent="99"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 4.02124;
}
.badge-image svg[percent="100"]:not(.badge-unavailable) circle:nth-child(2) {
  stroke-dashoffset: 0;
}
.program-badges-nav {
  border-bottom: 1px solid #eaeaea;
}
.program-badges-tabs .tabs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}
.program-badges-tabs .tabs * {
  outline: none !important;
}
.program-badges-tabs .tabs .tab-title {
  margin: 0 24px 0 0;
}
.program-badges-tabs .tabs .tab-title .value {
  padding: 5px 8px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 12px;
}
.program-badges-tabs .tabs .tab-title.active a::after {
  transform: scaleY(1) !important;
}
.program-badges-tabs .tabs .tab-title a {
  padding: 15px 0;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a2a2a;
  display: flex;
  align-items: center;
  position: relative;
  height: 60px;
  background: transparent;
}
.program-badges-tabs .tabs .tab-title a:focus,
.program-badges-tabs .tabs .tab-title a:active,
.program-badges-tabs .tabs .tab-title a:hover {
  outline: none !important;
  text-decoration: none;
}
.program-badges-tabs .tabs .tab-title a:focus::after,
.program-badges-tabs .tabs .tab-title a:active::after,
.program-badges-tabs .tabs .tab-title a:hover::after {
  transform: scaleY(1);
}
.program-badges-tabs .tabs .tab-title a::after {
  transition: all 0.13s ease;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #c8c8c8;
  transform: scaleY(0);
  transform-origin: bottom;
}
.program-badges-tabs .tabs-content {
  position: relative;
  min-height: 320px;
  margin: 1.25rem 0 0 0;
}
.program-badges-tabs .tabs-content > .content {
  padding: 0;
}
.program-badges-tabs .tabs-content #content-loading {
  display: none;
}
.badges-mobile {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  .badges-mobile {
    display: block;
  }
}
.badges-mobile h3 {
  font-size: 16px;
  color: #424242;
  letter-spacing: 0;
  font-weight: 900;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 24px;
  margin-bottom: 24px;
  margin-top: 48px;
  width: 100%;
}
.badges-desktop {
  display: block;
}
@media only screen and (max-width: 39.938em) {
  .badges-desktop {
    display: none;
  }
}
.badges-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 24px;
  margin-top: 24px;
  font-family: "museo-sans-rounded", sans-serif;
}
.badges-grid .badges .badge-grid-item {
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);
  background-color: #ffffff;
  border: transparent;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.badges-grid .badges .badge-grid-item .badge-image {
  width: 100%;
  height: 155px;
  position: relative;
  margin: 22px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.badges-grid .badges .badge-grid-item .badge-image .earned-indicator {
  top: 96px;
  margin-left: 27px;
}
.badges-grid .badges .badge-grid-item .badge-image img {
  margin-bottom: 15px;
}
.badges-grid .badges .badge-grid-item .badge-image svg {
  top: 0;
  left: 50%;
  margin-left: -70px;
}
.badges-grid .badges .badge-grid-item .badge-title {
  font-size: 13px;
  flex: auto;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #656565;
  font-family: "museo-sans-rounded", sans-serif;
  width: 100%;
  text-align: center;
  padding: 4px 16px 20px;
}
.badges-grid .badges .badge-grid-item .badge-completion {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #656565;
  font-family: "museo-sans-rounded", sans-serif;
  text-align: center;
  border-top: 1px solid #f2f2f2;
  padding: 16px;
  width: 100%;
}
.badges-grid .badges .badge-grid-item .badge-completion.earned {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #087542;
}
.badge-description {
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #424242;
  font-family: "museo-sans-rounded", sans-serif;
  width: 100%;
  text-align: center;
  padding: 0 16px;
}
.badge-title {
  font-size: 13px;
  flex: auto;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #656565;
  width: 100%;
  text-align: center;
  padding: 4px 16px 20px;
}
.badge-receivables {
  position: absolute;
  right: -10px;
  top: 24px;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  z-index: 10;
}
.badge-receivables li {
  height: 30px;
  width: 30px;
  border-radius: 0 4px 0 0;
  margin-left: 20px;
  position: relative;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.badge-receivables li::before,
.badge-receivables li::after {
  content: "";
  height: 17px;
  width: 15px;
  display: block;
  position: absolute;
  left: -3px;
  border-radius: 4px;
  z-index: -1;
}
.badge-receivables li::before {
  top: 0;
  transform: skew(30deg) rotate(-180deg);
}
.badge-receivables li::after {
  bottom: 0;
  transform: skew(-30deg) rotate(-180deg);
}
.badge-receivables li span {
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  bottom: -16px;
  border-bottom: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
}
.badge-receivables li.ticket {
  background-color: #ffecc8;
}
.badge-receivables li.ticket div {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/36/f5a208/two-tickets.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 18px;
  background-color: transparent;
}
.badge-receivables li.ticket::after,
.badge-receivables li.ticket::before {
  background-color: #ffecc8;
}
.badge-receivables li.ticket span {
  border-top-color: #ffda95;
}
.badge-receivables li.reward {
  background-color: #f4e2f8;
}
.badge-receivables li.reward div {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/36/b43dd0/prize.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 18px;
  background-color: transparent;
}
.badge-receivables li.reward::after,
.badge-receivables li.reward::before {
  background-color: #f4e2f8;
}
.badge-receivables li.reward span {
  border-top-color: #e4b9ee;
}
.badge-receivables li.certificate {
  background-color: #dde9f9;
}
.badge-receivables li.certificate div {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/36/196DD5/diploma.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 18px;
  background-color: transparent;
}
.badge-receivables li.certificate::after,
.badge-receivables li.certificate::before {
  background-color: #dde9f9;
}
.badge-receivables li.certificate span {
  border-top-color: #b2cdf1;
}
.badge-receivables li.prize {
  background-color: #fce0d6;
}
.badge-receivables li.prize div {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/36/f26430/prize.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 18px;
  background-color: transparent;
}
.badge-receivables li.prize::after,
.badge-receivables li.prize::before {
  background-color: #fce0d6;
}
.badge-receivables li.prize span {
  border-top-color: #f9bca6;
}
.reminder-card {
  background-color: #ffecc8;
  box-shadow: none;
  color: #424242;
  cursor: initial;
  font-size: 14px;
  padding: 16px 16px 16px 73px;
  border-radius: 10px;
  position: relative;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 39.938em) {
  .reminder-card {
    padding: 16px;
    text-align: center;
  }
}
.reminder-card .image-wrap {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -20px;
  margin-right: 1rem;
  border-radius: 50%;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
}
.reminder-card .image-wrap svg {
  width: 20px;
  height: 20px;
  margin-top: 9px;
}
@media only screen and (max-width: 39.938em) {
  .reminder-card .image-wrap {
    display: none;
  }
}
.reminder-card .reminder-text {
  margin-right: 16px;
}
@media only screen and (max-width: 39.938em) {
  .reminder-card .reminder-text {
    margin-right: 5px;
    text-align: left;
  }
}
.reminder-card .reminder-text .reminder-title {
  font-weight: 900;
  font-size: 15px;
}
.reminder-card .hide-notification {
  background-color: rgba(130, 96, 34, 0.194614);
}
.registration-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px;
}
.challenge-banner-wrap:first-child {
  margin-top: 40px !important;
}
#registration-questions-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  -webkit-overflow-scrolling: touch;
}
#registration-questions-modal .modal__box {
  max-width: 440px;
  max-height: 100%;
  min-width: 280px;
  background-color: #fff;
  z-index: 3000;
  padding: 35px;
  box-shadow: 0 6px 15px black;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 0;
}
#registration-questions-modal .registration-questions-bg {
  background: #000000;
  opacity: 0.1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#registration-questions-modal .registration-modal .registration-modal-header {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  flex: none;
}
#registration-questions-modal
  .registration-modal
  .registration-modal-header
  h2 {
  margin-bottom: 0;
  font-weight: 900;
  font-size: 15px;
}
#registration-questions-modal .registration-modal .registration-modal-form {
  position: relative;
  padding: 20px 20px 10px;
  z-index: 99999999;
  flex: auto;
  overflow: auto;
}
#registration-questions-modal
  .registration-modal
  .registration-modal-form
  .missing-required {
  border-color: #e85648;
}
#registration-questions-modal
  .registration-modal
  .registration-modal-form
  .missing-required-error {
  display: none;
  font-size: 12px;
  margin-top: -10px;
  margin-bottom: 10px;
  color: #e85648;
}
#registration-questions-modal .registration-modal .registration-modal-buttons {
  display: flex;
  flex: none;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 20px 10px 40px;
  border-top: 1px solid #e0e0e0;
}
#registration-questions-modal
  .registration-modal
  .registration-modal-buttons
  .registration-dismiss-button {
  align-self: center;
  color: #656565;
  font-size: 14px;
  margin-left: -10px;
}
.streaks-banner {
  background-color: #fce6e4;
  border-radius: 10px;
  width: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.streaks-banner.no-streak {
  background-color: #f5f5f5;
}
.streaks-banner.no-streak .streak-number {
  color: #858585;
}
.streaks-banner.no-streak .streak-information .view-streak .view-streak-button {
  color: #424242;
  background-color: #ffffff;
  border-color: white;
}
.streaks-banner.no-streak .hide-notification {
  background-color: rgba(66, 66, 66, 0.194614);
}
.streaks-banner .streak-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  color: #e85648;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
}
@media only screen and (max-width: 39.938em) {
  .streaks-banner .streak-number {
    display: none;
  }
}
.streaks-banner .streak-information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px 18px;
  width: 100%;
}
@media only screen and (max-width: 39.938em) {
  .streaks-banner .streak-information {
    margin-left: 0;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
  }
}
.streaks-banner .streak-information .streak-text {
  font-size: 16px;
  line-height: 19px;
  text-align: left;
  font-weight: 900;
  margin-right: 12px;
}
@media only screen and (max-width: 39.938em) {
  .streaks-banner .streak-information .streak-text {
    font-size: 14px;
    margin-right: 24px;
    margin-bottom: 10px;
  }
}
.streaks-banner .streak-information .view-streak .view-streak-button {
  color: #ab3f35;
  background-color: #ffffff;
  border-color: white;
}
@media only screen and (max-width: 39.938em) {
  .streaks-banner .streak-information .view-streak .view-streak-button {
    padding: 0;
    background-color: transparent !important;
    height: auto;
    border: none;
    font-weight: 800;
    margin: 0;
  }
}
.streaks-banner .hide-notification {
  background-color: rgba(171, 63, 53, 0.194614);
}
.hide-notification {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 7px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  cursor: pointer;
}
.hide-notification .bs-close {
  height: 16px;
  width: 16px;
  fill: white;
}
.no-results {
  background: #f5f5f5;
  border-radius: 12px;
  color: #656565;
  display: block;
  padding: 32px 20px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 639px) {
  .no-results {
    font-size: 18px;
    padding: 24px 16px;
  }
}
.no-results h2,
.no-results h3 {
  font-weight: 800;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.25;
  color: #424242;
}
@media screen and (min-width: 640px) {
  .no-results h2,
  .no-results h3 {
    font-size: 22px;
  }
}
.no-results .no-results__action {
  margin-top: 20px;
}
.no-results .no-results-actions {
  margin-top: 20px;
}
.no-results p {
  max-width: 720px;
  margin: 0 auto 0;
  font-size: 15px;
  padding-bottom: 0;
}
.no-results .no-results-image {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
@media only screen and (max-width: 39.938em) {
  .no-results .no-results-image {
    margin-bottom: 24px;
  }
}
.no-results .no-results-content {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.no-results .no-results-heading {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 0;
  letter-spacing: normal;
}
@media screen and (max-width: 639px) {
  .no-results .no-results-heading {
    font-size: 18px;
  }
}
.no-results .no-results-description {
  margin-bottom: 0;
  color: #656565;
  font-weight: 500;
  font-size: 15px;
}
.no-donors-image {
  width: 120px;
  height: 70px;
}
.programs.reading_list .section-header,
#logged-books-new .section-header {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 24px;
  margin-bottom: 32px;
}
.programs.reading_list .section-header.section-header--reading-list,
#logged-books-new .section-header.section-header--reading-list {
  margin-bottom: 28px;
  padding-bottom: 20px;
}
.programs.reading_list .section-header.section-header--reading-list h2,
#logged-books-new .section-header.section-header--reading-list h2 {
  font-size: 16px;
}
.programs.reading_list
  .section-header.section-header--reading-list
  p.challenge-subhead,
#logged-books-new
  .section-header.section-header--reading-list
  p.challenge-subhead {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
}
@media screen and (min-width: 600px) {
  .programs.reading_list .section-header,
  #logged-books-new .section-header {
    padding-bottom: 32px;
    margin-bottom: 40px;
  }
}
.programs.reading_list .book-list-grid + .section-header--reading-list,
#logged-books-new .book-list-grid + .section-header--reading-list {
  margin-top: 48px;
}
.book-list-grid-wrapper--challenge .book-list-grid {
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}
@media screen and (min-width: 600px) {
  .book-list-grid-wrapper--challenge .book-list-grid {
    gap: 24px;
  }
}
@media screen and (min-width: 700px) {
  .book-list-grid-wrapper--challenge .book-list-grid {
    gap: 16px;
  }
}
@media screen and (min-width: 800px) {
  .book-list-grid-wrapper--challenge .book-list-grid {
    gap: 24px;
  }
}
@media screen and (min-width: 950px) {
  .book-list-grid-wrapper--challenge .book-list-grid {
    gap: 32px;
  }
}
.book-list-grid-wrapper--challenge .cover-wrapper {
  grid-column: span 4;
}
@media screen and (min-width: 450px) {
  .book-list-grid-wrapper--challenge .cover-wrapper {
    grid-column: span 3;
  }
}
@media screen and (min-width: 700px) {
  .book-list-grid-wrapper--challenge .cover-wrapper {
    grid-column: span 2;
  }
}
@media screen and (min-width: 950px) {
  .book-list-grid-wrapper--challenge .cover {
    border-radius: 10px;
  }
}
@media screen and (min-width: 950px) {
  .book-list-grid-wrapper--challenge .cover::after {
    bottom: -6px;
    left: 10px;
    width: calc(100% - 20px);
    height: 20px;
    border-radius: 20px;
  }
}
.book-list-grid-wrapper--challenge .completed-checkmarker-wrapper,
.book-list-grid-wrapper--challenge .reading-integrity-wrapper {
  --bookCheckmarkSize: 36px;
}
@media screen and (min-width: 400px) {
  .book-list-grid-wrapper--challenge .completed-checkmarker-wrapper,
  .book-list-grid-wrapper--challenge .reading-integrity-wrapper {
    --bookCheckmarkSize: 40px;
  }
}
@media screen and (min-width: 450px) {
  .book-list-grid-wrapper--challenge .completed-checkmarker-wrapper,
  .book-list-grid-wrapper--challenge .reading-integrity-wrapper {
    --bookCheckmarkSize: 36px;
  }
}
@media screen and (min-width: 600px) {
  .book-list-grid-wrapper--challenge .completed-checkmarker-wrapper,
  .book-list-grid-wrapper--challenge .reading-integrity-wrapper {
    --bookCheckmarkSize: 40px;
  }
}
@media screen and (min-width: 700px) {
  .book-list-grid-wrapper--challenge .completed-checkmarker-wrapper,
  .book-list-grid-wrapper--challenge .reading-integrity-wrapper {
    --bookCheckmarkSize: 36px;
  }
}
@media screen and (min-width: 800px) {
  .book-list-grid-wrapper--challenge .completed-checkmarker-wrapper,
  .book-list-grid-wrapper--challenge .reading-integrity-wrapper {
    --bookCheckmarkSize: 40px;
  }
}
@media screen and (min-width: 950px) {
  .book-list-grid-wrapper--challenge .completed-checkmarker-wrapper,
  .book-list-grid-wrapper--challenge .reading-integrity-wrapper {
    border-bottom-right-radius: 10px;
  }
}
.challenge-notification-modal {
  background-color: #fff;
  position: relative;
  border-radius: 16px;
  display: flex;
  max-height: 100%;
  max-width: 450px;
}
.challenge-notification-modal #get-reading-btn {
  height: 52px;
  color: white;
  font-size: 15px;
  font-weight: 700;
}
.mfp-bg.challenge-notification-welcome {
  opacity: 0.4;
}
.challenge-notification-header-image img,
.challenge-notification-header-image svg {
  width: 100%;
  border-radius: 16px;
}
.challenge-notification-content {
  display: flex;
  flex-direction: column;
}
.challenge-notification-body {
  padding: 32px 24px 24px;
  text-align: left;
  height: 100%;
  overflow-y: auto;
  flex: 1;
}
@media screen and (min-width: 500px) {
  .challenge-notification-body {
    padding: 32px;
  }
}
.challenge-notification-body h2 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 16px;
  letter-spacing: normal;
  color: #2a2a2a;
}
@media screen and (min-width: 500px) {
  .challenge-notification-body h2 {
    font-size: 22px;
  }
}
.challenge-notification-body p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0;
}
.challenge-notification-body p:not(:last-child) {
  margin-bottom: 1.25em;
}
.challenge-notification-action {
  padding: 16px;
  border-top: 1px solid #eaeaea;
}
.completed-checkmarker-wrapper {
  --bookCheckmarkSize: 36px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  height: calc(var(--bookCheckmarkSize) + 6px);
  width: calc(var(--bookCheckmarkSize) + 6px);
  border-radius: 0 0 8px 0;
}
.completed-checkmarker-wrapper .completed-checkmark-border {
  position: absolute;
  width: 0;
  height: 0;
  border-top: calc(var(--bookCheckmarkSize) + 6px) solid transparent;
  border-right: calc(var(--bookCheckmarkSize) + 6px) solid #fff;
}
.completed-checkmarker-wrapper .completed-checkmark-bg {
  position: absolute;
  width: 0;
  height: 0;
  border-top: calc(var(--bookCheckmarkSize) + 6px) solid transparent;
  border-right: calc(var(--bookCheckmarkSize) + 6px) solid #0ba85f;
  top: 3px;
  left: 3px;
}
.completed-checkmarker-wrapper svg.completed-checkmark {
  position: absolute;
  height: calc(var(--bookCheckmarkSize) / 2);
  width: calc(var(--bookCheckmarkSize) / 2);
  bottom: 2px;
  right: 2px;
}
.reading-integrity-wrapper {
  --bookCheckmarkSize: 36px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  height: calc(var(--bookCheckmarkSize) + 6px);
  width: calc(var(--bookCheckmarkSize) + 6px);
  border-radius: 8px 0 0 0;
}
.reading-integrity-wrapper .reading-integrity-border {
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: calc(var(--bookCheckmarkSize) + 6px) solid transparent;
  border-left: calc(var(--bookCheckmarkSize) + 6px) solid #fff;
  top: 0px;
  left: 0px;
}
.reading-integrity-wrapper .reading-integrity-bg {
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: calc(var(--bookCheckmarkSize) + 6px) solid transparent;
  border-left: calc(var(--bookCheckmarkSize) + 6px) solid #822c95;
  top: -3px;
  left: -3px;
}
.reading-integrity-wrapper .reading-integrity-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/32/ffffff/question-mark.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  position: absolute;
  height: calc(var(--bookCheckmarkSize) / 2);
  width: calc(var(--bookCheckmarkSize) / 2);
  top: 2px;
  left: 2px;
  background-color: transparent;
}
.questions-pill {
  padding: 5px 10px;
  border-radius: 18px;
  background-color: #f4e2f8;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: #822c95;
  width: fit-content;
  margin-top: 12px;
}
.bingo_card hr {
  margin-top: 32px;
  margin-bottom: 22px;
}
.bingo-infobox {
  padding: 24px 23px 25px 25px;
  border-radius: 10px;
  background-color: #ffecc8;
  color: #826022;
  font-size: 16px;
  font-weight: 900;
  display: flex;
}
.bingo-infobox .bingo-infobox-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluency-systems-filled/48/826022/about.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
  margin-right: 18px;
}
.bingo-infobox.earned {
  background-color: #dbf2e7;
  color: #087542;
}
.bingo-infobox.earned .bingo-infobox-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/087542/smiling.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.bingo-grid {
  display: grid;
  align-items: center;
  grid-gap: 16px;
  margin: 22px auto 0px auto;
  font-family: "museo-sans-rounded", sans-serif;
  width: fit-content;
  grid-auto-rows: min-content;
  transition: all 0.2s ease;
}
@media (max-width: 1000px) {
  .bingo-grid {
    grid-gap: 8px;
  }
}
.bingo-grid.grid-3 {
  grid-template-columns: repeat(3, minmax(10px, 250px));
}
.bingo-grid.grid-4 {
  grid-template-columns: repeat(4, minmax(10px, 250px));
}
.bingo-grid.grid-5 {
  grid-template-columns: repeat(5, minmax(10px, 250px));
}
.bingo-grid .bingo-item {
  position: relative;
  height: 100%;
}
.bingo-grid .bingo-grid-item {
  border-radius: 16px;
  border: solid 2px #eaeaea;
  padding: 16px;
  background-color: #f5f5f5;
  transform: scale(1);
  transition: transform 0.2s ease;
  margin: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 0;
}
@media (max-width: 1000px) {
  .bingo-grid .bingo-grid-item {
    padding: 12px;
  }
}
@media only screen and (max-width: 39.938em) {
  .bingo-grid .bingo-grid-item {
    border-raidus: 8px;
    padding: 8px;
  }
}
.bingo-grid .bingo-grid-item:hover {
  transform: scale(1.02);
}
.bingo-grid .bingo-grid-item.earned {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
  border: none;
}
.bingo-grid .bingo-grid-item.earned .badge-image {
  border-color: #0ba85f;
}
.bingo-grid .bingo-grid-item.earned .badge-image img {
  background: transparent;
}
@media only screen and (max-width: 39.938em) {
  .bingo-grid .bingo-grid-item.earned {
    border: 2px solid #0ba85f;
  }
  .bingo-grid .bingo-grid-item.earned .badge-receivables {
    background-color: #f2f2f2;
  }
}
.bingo-grid .bingo-grid-item.bingo {
  box-shadow: none;
  background-color: #dbf2e7;
  border: none;
}
.bingo-grid .bingo-grid-item.bingo .badge-description {
  color: #0ba85f;
}
.bingo-grid .bingo-grid-item.bingo .badge-description:before {
  background: rgba(11, 168, 95, 0.2);
}
.bingo-grid .bingo-grid-item.bingo .badge-image {
  border-color: #0ba85f;
}
.bingo-grid .bingo-grid-item.bingo .badge-image img {
  background: #fff;
}
@media only screen and (max-width: 39.938em) {
  .bingo-grid .bingo-grid-item.bingo {
    border: 2px solid #0ba85f;
  }
}
.bingo-grid .bingo-grid-item.unavailable .badge-unavailable {
  fill: #adadad;
  height: 80%;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bingo-grid .bingo-grid-item.unavailable .badge-image img {
  opacity: 0.1 !important;
}
.bingo-grid .bingo-grid-item.unavailable .badge-description {
  color: #e0e0e0;
}
.bingo-grid .bingo-grid-item .badge-description {
  padding: 16px 0 0 0;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5c5c5c;
  position: relative;
  flex: 1;
}
.bingo-grid .bingo-grid-item .badge-description:before {
  content: "";
  height: 3px;
  width: 25%;
  left: 50%;
  margin-left: -12.5%;
  position: absolute;
  top: 0;
  background: #e0e0e0;
  border-radius: 3px;
}
@media (max-width: 1000px) {
  .bingo-grid .bingo-grid-item .badge-description {
    border: none;
    padding: 0;
    margin: 0 0 8px 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bingo-grid .bingo-grid-item .badge-description:before {
    display: none;
  }
}
@media only screen and (max-width: 39.938em) {
  .bingo-grid .bingo-grid-item .badge-description {
    font-size: 2.5vw;
    padding: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.bingo-grid .bingo-grid-item .badge-description .mobile-badge-unavailable {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  .bingo-grid .bingo-grid-item .badge-description .mobile-badge-unavailable {
    display: block;
    height: 120%;
    width: 120%;
  }
}
.bingo-grid .bingo-grid-item .badge-receivables {
  order: 3;
}
@media (max-width: 1000px) {
  .bingo-grid .bingo-grid-item .badge-receivables {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    flex-direction: row;
    justify-content: center;
    grid-gap: 4px;
    width: 100%;
  }
  .bingo-grid .bingo-grid-item .badge-receivables li {
    padding: 6px;
    aspect-ratio: 1/1;
    width: calc(100% / 3);
    border-radius: 8px;
    margin: 0;
    max-height: 32px;
    height: 100%;
    max-width: 32px;
  }
  .bingo-grid .bingo-grid-item .badge-receivables li div {
    width: 100%;
    height: 100%;
    background-size: auto 90%;
  }
  .bingo-grid .bingo-grid-item .badge-receivables li:before,
  .bingo-grid .bingo-grid-item .badge-receivables li:after,
  .bingo-grid .bingo-grid-item .badge-receivables li span {
    display: none;
  }
}
@media only screen and (max-width: 39.938em) {
  .bingo-grid .bingo-grid-item .badge-receivables {
    margin-top: 0;
    background: #fff;
    border-radius: 8px;
    padding: 4px;
  }
  .bingo-grid .bingo-grid-item .badge-receivables li {
    width: 30%;
    border-radius: 4px;
    padding: 0;
    background: transparent;
  }
}
.bingo-grid .badge-image {
  border-radius: 100%;
  border: 4px solid #e0e0e0;
  margin: 0 14px 8px;
}
.bingo-grid .badge-image img {
  border: 4px solid transparent;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.bingo-grid .badge-image img:not(.earned-badge) {
  opacity: 30%;
}
@media (max-width: 1000px) {
  .bingo-grid .badge-image {
    align-self: center;
    justify-self: flex-end;
  }
}
@media only screen and (max-width: 39.938em) {
  .bingo-grid .badge-image {
    display: none;
  }
}
.challenge-section-header {
  margin-bottom: 24px;
}
.other-challenges-header {
  margin-top: 40px;
}
#update-reminder-modal #close-update-reminder {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #326ece;
  margin-top: 1.25rem;
}
#update-reminder-modal #close-update-reminder:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#update-reminder-modal #close-update-reminder:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#update-reminder-modal #close-update-reminder:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  #update-reminder-modal #close-update-reminder:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  #update-reminder-modal #close-update-reminder:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  #update-reminder-modal #close-update-reminder:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
#personalization-alert {
  margin-top: 2.5rem;
}
@media only screen and (min-width: 40em) {
  #personalization-alert {
    margin-top: 3.75rem;
  }
}
@media only screen and (min-width: 80em) {
  #personalization-alert {
    margin-top: 5rem;
  }
}
#personalization-alert .wrapper {
  padding: 1.25rem;
  background: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/furley_bg.png");
}
@media only screen and (min-width: 40em) {
  #personalization-alert .wrapper {
    padding: 2.5rem;
  }
}
#personalization-alert h2 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 80em) {
  #personalization-alert h2 {
    font-size: 24px;
    line-height: 1.25;
  }
}
#personalization-alert h2 div {
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 40em) {
  #personalization-alert p {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 1.875rem;
  }
}
#sliding-overlay-content main {
  padding-top: 0;
}
#sliding-overlay-content .choose-preferences-header {
  border-bottom: 8px solid #f7f7f7;
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
}
#sliding-overlay-content .choose-preferences-header h1 {
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .choose-preferences-header h1 {
    text-align: left;
  }
}
#sliding-overlay-content .personalize-list {
  margin: 0;
}
#sliding-overlay-content .personalize-list li.personalize-list-item {
  text-align: center;
  border: 1px solid #e0e0e0;
  padding: 2.5rem;
  margin-bottom: 1.2rem;
}
#sliding-overlay-content .personalize-list li.personalize-list-item:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .personalize-list li.personalize-list-item {
    text-align: left;
  }
}
#sliding-overlay-content
  .personalize-list
  li.personalize-list-item
  .check-icon {
  display: block;
  position: relative;
  width: 72px;
  height: 72px;
  margin: 0 auto 1.25rem auto;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content
    .personalize-list
    li.personalize-list-item
    .check-icon {
    float: left;
    margin-bottom: 0;
  }
}
#sliding-overlay-content
  .personalize-list
  li.personalize-list-item
  .check-icon
  img {
  width: 72px;
}
#sliding-overlay-content .personalize-list li.personalize-list-item span {
  display: block;
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 1.25rem 0;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .personalize-list li.personalize-list-item span {
    float: left;
    margin: 1.25rem 0 0 1.25rem;
  }
}
#sliding-overlay-content .personalize-list li.personalize-list-item .button {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  float: right;
  margin: 12px 0 0 0;
}
#personalization-genres-form-wrap .nav-next .personalization-nav-back,
#personalization-interests-form-wrap .nav-next .personalization-nav-back,
#personalization-reading-levels-form .nav-next .personalization-nav-back {
  margin-right: 0.625rem;
}
#personalization-backgrounds-form-back.personalization-nav-back {
  margin-right: 0.625rem;
}
.preferences-list {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .preferences-list {
    width: 330px;
  }
}
@media only screen and (min-width: 80em) {
  .preferences-list {
    width: 600px;
  }
}
.preferences-list li {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
.preferences-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.preferences-list h5 {
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
}
#personalization-basic-info-form h1 {
  border-bottom: 8px solid #f7f7f7;
  padding-bottom: 1.875rem;
}
#personalization-sidebar {
  position: relative;
  border: 1px solid #e0e0e0;
  padding: 2.5rem;
  margin-bottom: 2.5rem;
}
#personalization-sidebar:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  #personalization-sidebar {
    text-align: center;
  }
}
@media only screen and (min-width: 80em) {
  #personalization-sidebar {
    margin: 2.5rem 0 0 0;
  }
}
#personalization-sidebar .image {
  text-align: center;
  width: 107px;
  height: 87px;
  margin: 0 auto 1.875rem auto;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -732px
    0;
}
@media only screen and (min-width: 80em) {
  #personalization-sidebar .image {
    text-align: left;
    width: 107px;
  }
}
#personalization-sidebar header {
  text-align: center;
}
@media only screen and (min-width: 80em) {
  #personalization-sidebar header {
    text-align: left;
  }
}
#personalization-sidebar header h3 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  line-height: 1.3;
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  #personalization-sidebar header h3 {
    font-size: 24px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 80em) and (max-width: 89.938em) {
  #personalization-sidebar header h3 {
    letter-spacing: normal;
    font-size: 16px;
    line-height: 1.5;
  }
}
#personalization-sidebar p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 80em) and (max-width: 89.938em) {
  #personalization-sidebar p {
    font-size: 14px;
    line-height: 1.4;
  }
}
.highlight-error {
  border-color: #ff0000 !important;
}
.highlight-error-bold {
  border: 2px solid #ff0000;
}
.help-block-error {
  color: red;
  font-size: 14px;
  display: none;
}
.help-block-error-spa {
  color: red;
  font-size: 14px;
}
.help-block-show {
  display: block !important;
}
@media only screen and (min-width: 40em) {
  .add-margin-top-input-without-label {
    margin-top: 40px;
  }
}
.float-left-important {
  float: left !important;
}
.external-link {
  color: var(--Blue-B6, #1a6dd5);
  font-weight: 600;
  line-height: 125%;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.external-link:after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(//assets.beanstack-cdn.com/assets/icons/external-link-aa32670f4512ed8684085da996052c536e79314b9a63d7e6f1e716e8f60da110.svg)
    no-repeat;
}
.external-link:focus,
.external-link:hover {
  color: var(--Blue-B6, #1a6dd5);
}
.team-wrap {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .team-wrap {
    margin-top: 2.5rem;
  }
}
.team-wrap .card {
  margin-bottom: 0;
}
.team-wrap .team-member-photo img {
  width: 244px;
  margin: 0 auto 1.875rem auto;
}
.team-wrap .card-divide {
  border-bottom: 1px solid #e0e0e0;
  margin: 1.25rem auto;
  width: 2.5rem;
}
.index {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .index {
    margin-top: 2.5rem;
  }
}
.reviews.index {
  margin-top: 0;
}
.index-header {
  position: relative;
  margin-top: 48px;
}
.index-header .search-wrap {
  margin-top: 2.5rem;
}
.index-header h1 {
  font-weight: 800;
  letter-spacing: normal;
}
.library {
  min-height: 0;
}
.library .filter-button-wrap .button {
  margin-top: 0.625rem;
  margin-bottom: 10px !important;
}
@media only screen and (min-width: 40em) {
  .library .filter-button-wrap .button {
    margin: 0 0.3125rem;
  }
}
.library .filter-button-wrap .close-printable {
  position: fixed;
  z-index: 10000000;
  top: 18px;
  right: 18px;
}
.library .library-list .please-register {
  letter-spacing: -0.03em;
  font-size: 33px;
  line-height: 1.3;
  text-align: center;
  display: block;
  padding: 36px 0;
  margin-left: 0.875rem;
}
.library .no-results {
  display: block;
  margin: 0;
}
@media only screen and (min-width: 80em) {
  .library .no-results span {
    display: block;
  }
}
#lists-container {
  margin-top: 36px;
}
.block-grid {
  position: relative;
  top: 6px;
  padding: 0 1.25rem;
}
.block-grid.events-grid {
  padding: 0 1.25rem;
}
.block-grid.events-grid li {
  text-align: center;
}
.block-grid .grid-item {
  text-align: center;
  padding-bottom: 2.5rem;
}
@media only screen and (min-width: 80em) {
  .block-grid .grid-item:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
}
.block-grid .grid-item:active {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.block-grid .grid-item .tab {
  position: relative;
  text-align: center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  border-bottom-radius: 4px;
  border-top: 1px dotted #e0e0e0;
  z-index: 10;
  padding: 24px;
  background-color: #ffffff;
}
.block-grid .grid-item.list {
  padding-top: 0;
}
.block-grid .grid-item.list {
  padding-bottom: 12px;
}
@media only screen and (min-width: 40em) {
  .block-grid .grid-item.list {
    padding-bottom: 20px;
  }
}
.block-grid .grid-item .list-title .separator {
  display: inline-block;
  position: relative;
  top: 1px;
  padding: 0 1px;
}
.block-grid .grid-item .image img {
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  height: inherit;
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .block-grid .grid-item .image img {
    max-height: 276px;
    width: auto;
  }
  .block-grid .grid-item .image img:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  }
}
.block-grid .grid-item .people {
  display: none;
}
@media only screen and (min-width: 40em) {
  .apps .block-grid .grid-item .image img {
    max-height: 161px;
    width: auto;
  }
}
.profile #learning-tracks li {
  border-color: #f7f7f7;
}
#books-list-container.events {
  margin-top: 24px;
}
#books-list-container .grid-info {
  min-height: 75px;
}
@media only screen and (max-width: 39.938em) {
  #books-list-container .grid-info {
    min-height: 0;
  }
}
#books-list-container .record-log-item {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}
#books-list-container .record-log-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#books-list .moods .emoticon {
  display: inline-block;
  width: 24px;
  height: auto;
  margin: 0 0.15625rem;
}
.library-list .pagination {
  margin: 0 1.25rem;
}
.library-list .card-list-pagination .pagination {
  margin: 0;
}
.item-wrap .item-category {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .item-wrap .item-category {
    text-align: left;
  }
}
.item-wrap .item-header {
  text-align: center;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 40em) {
  .item-wrap .item-header {
    text-align: left;
  }
}
.item-wrap .credits-and-ages {
  margin-top: 2.5rem;
}
.item-wrap .ill,
.item-wrap .auth,
.item-wrap .publisher {
  font-weight: 700;
}
.item-wrap.review img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.25rem;
}
.item-wrap.review .button {
  margin-bottom: 1.25rem;
}
.item-wrap.learning-track .item-header,
.item-wrap.learning-track .item-header h1 {
  margin-bottom: 0;
}
.item-wrap.learning-track .item-header {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 80em) {
  .item-wrap.learning-track .item-header {
    margin-bottom: 0;
  }
}
.item-wrap.learning-track select {
  margin-bottom: 24px;
}
.item-wrap.learning-track .description {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  border-bottom: 4px solid #f7f7f7;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}
@media only screen and (min-width: 40em) {
  .item-wrap.learning-track .description {
    font-size: 24px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  .item-wrap.learning-track #product-aside {
    display: none;
  }
}
.item-wrap.learning-track #product-aside .badge {
  text-align: center;
  margin-bottom: 2.5rem;
}
.item-wrap.learning-track #product-aside .badge img {
  width: 280px;
}
@media only screen and (min-width: 80em) {
  .item-wrap.learning-track #product-aside .badge img {
    width: 100%;
    max-width: 100%;
  }
}
.item-wrap.learning-track #product-aside .progress .internal-block {
  border-top: 0;
  padding-top: 0;
}
.item-wrap.learning-track #product-aside .progress select {
  margin: 0;
}
.item-wrap.app .product-details {
  margin: 1.25rem 0;
}
@media only screen and (min-width: 40em) {
  .item-wrap.app .product-details {
    margin: 2.5rem 0;
  }
}
.item-wrap .item-content-wrap {
  margin-bottom: 0;
}
.item-wrap .item-content-wrap .block-grid {
  padding: 0;
}
.item-wrap .item-content-wrap .block-grid .grid-item .item-title {
  width: 100%;
  max-width: 100%;
}
.item-wrap .learning-tip {
  text-align: left;
  margin-bottom: 2.5rem;
}
.item-wrap .learning-tip p:first-letter {
  font-weight: 700;
  float: left;
  font-family: "museo-sans-rounded", sans-serif;
  color: #326ece;
  font-size: 64px;
  margin: 3px 0 0 -2px;
  line-height: 0.85;
  letter-spacing: normal;
  padding: 0 0.625rem 0 0;
}
@media only screen and (min-width: 40em) {
  .item-wrap .learning-tip p:first-letter {
    font-size: 71px;
    margin-left: -3px;
  }
}
.item-wrap .description {
  padding: 20px 40px;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  margin-bottom: 0px;
}
@media only screen and (max-width: 39.938em) {
  .item-wrap .description {
    padding: 20px;
  }
}
.item-wrap .description p + p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-style: italic;
}
.item-wrap.program-learning-track .description + ol {
  list-style-type: decimal;
}
.item-wrap.program-learning-track .description + ul {
  list-style-type: disc;
}
.item-wrap.program-learning-track .description + ol,
.item-wrap.program-learning-track .description + ul {
  font-family: inherit;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  margin-left: 1.4rem;
  padding: 0 40px;
  text-align: left;
}
.item-wrap hr.no-margin {
  margin: 0px;
}
.item-wrap .item-buttons {
  border-bottom: 8px solid #f7f7f7;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}
.item-wrap .item-buttons .button {
  margin-bottom: 0.625rem;
}
@media only screen and (max-width: 39.938em) {
  .item-wrap .item-buttons .button {
    width: 100%;
  }
}
@media only screen and (min-width: 40em) {
  .item-wrap .item-buttons .button {
    margin: 0 0.625rem 0.625rem 0;
  }
}
@media only screen and (min-width: 80em) {
  .item-wrap .item-buttons .button {
    margin-bottom: 0;
  }
}
.item-wrap .more-info-button {
  display: flex;
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .item-wrap .more-info-button {
    display: none;
  }
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  .item-wrap.learning-track .more-info-button {
    display: flex;
  }
}
.item-wrap #overview-and-reward {
  border-bottom: 2px solid #f7f7f7;
  border-top: 0;
  margin: 0 0 2.5rem 0;
  padding-bottom: 2.5rem;
}
.item-wrap #overview-and-reward ul li {
  text-align: center;
  padding-top: 0;
}
.item-wrap .related-books .block-grid .grid-item:last-child {
  padding-bottom: 0;
}
.item-wrap .related-books .block-grid .grid-item .image img {
  height: inherit;
}
@media only screen and (min-width: 40em) {
  .item-wrap .related-books .block-grid .grid-item .image img {
    height: 166px;
  }
}
@media only screen and (min-width: 80em) {
  .item-wrap .related-books .block-grid .grid-item .image img {
    height: 216px;
  }
}
.item-wrap .tabs dd {
  margin-right: 0.625rem;
}
.item-wrap .tabs dd:last-child {
  margin-right: 0;
}
.item-wrap .tabs dd.active a {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  border-top-radius: 4px;
  border-bottom-radius: 0;
  border-color: #a3a3a3;
  border-bottom: none;
  color: #424242;
}
.item-wrap .tabs dd.active a:hover {
  color: #424242;
  border-color: #969696;
}
.item-wrap .tabs dd a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  padding: 12px 18px;
  color: #326ece;
  background-color: #ffffff;
  border: 2px solid #e0e0e0;
}
@media only screen and (max-width: 39.938em) {
  .item-wrap .tabs dd a {
    letter-spacing: normal;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px;
  }
}
.item-wrap .tabs dd a:hover {
  color: #424242;
  border-color: #d4d4d4;
  text-decoration: none;
}
.item-wrap .tabs dd a:focus {
  outline: none;
}
.item-wrap .tabs-content {
  margin-bottom: 0;
}
.item-wrap .tabs-content .content {
  padding: 0;
}
.item-wrap .tabs-content .content a {
  display: block;
  margin-bottom: 4px;
}
.item-wrap .tabs-content ul {
  margin-bottom: 0;
}
.item-wrap .tabs-content ul li {
  padding-bottom: 18px;
}
.item-wrap .tabs-content ul li label {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 8px;
}
.item-wrap .tabs-content ul li:last-child {
  margin-bottom: 0;
}
.item-wrap .cover {
  margin-bottom: 2.5rem;
}
.item-wrap .cover img {
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
}
@media only screen and (max-width: 39.938em) {
  .item-wrap .cover img {
    margin-bottom: -20px;
  }
}
.item-wrap .stats-aside {
  margin: 0 0 24px 0;
}
@media only screen and (min-width: 40em) {
  .item-wrap .stats-aside {
    margin-bottom: 40px;
  }
}
.item-wrap .stats-aside .details {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px dotted #e0e0e0;
}
.item-wrap .stats-aside .details table {
  width: 100%;
  max-width: 100%;
}
.item-wrap #product-aside {
  display: none;
  margin: 20px 0 2.5rem 0;
  background: none;
}
@media only screen and (min-width: 40em) {
  .item-wrap #product-aside {
    display: block;
    margin-bottom: 0;
  }
}
.item-wrap #product-aside section {
  font-family: "museo-sans-rounded", sans-serif;
  border: 1px solid #e0e0e0;
  padding: 2.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  .item-wrap #product-aside section {
    padding: 1.25rem;
  }
}
@media only screen and (min-width: 80em) {
  .item-wrap #product-aside section {
    padding: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.item-wrap #product-aside section.last {
  margin-bottom: 0;
}
.item-wrap #product-aside section a {
  font-family: "museo-sans-rounded", sans-serif;
}
@media only screen and (min-width: 40em) {
  .item-wrap #product-aside.list {
    margin-top: 0;
  }
}
.item-wrap #product-aside .list-progress-details {
  display: none;
}
.item-wrap #product-aside .list-progress-details table {
  width: 100%;
  max-width: 100%;
  border: none;
  margin-top: 1.875rem;
}
.item-wrap #product-aside .list-progress-details table tr:last-child td {
  border-bottom: none;
}
.item-wrap #product-aside .internal-block {
  padding-top: 1.25rem;
  border-top: 4px solid #f7f7f7;
}
.item-wrap #product-aside .internal-block + .internal-block {
  border-top-width: 2px;
}
.item-wrap #product-aside .internal-block ul {
  margin: 0;
}
.item-wrap #product-aside .internal-block ul li {
  margin-bottom: 0.3125rem;
}
.item-wrap #product-aside .internal-block ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.item-wrap #product-aside .internal-block.genres ul,
.item-wrap #product-aside .internal-block.categories ul,
.item-wrap #product-aside .internal-block.tags ul,
.item-wrap #product-aside .internal-block.subjects ul,
.item-wrap #product-aside .internal-block.skills ul,
.item-wrap #product-aside .internal-block.maturity_levels ul,
.item-wrap #product-aside .internal-block.pricing_models ul,
.item-wrap #product-aside .internal-block.awards ul {
  margin-bottom: 1.25rem;
}
.item-wrap #product-aside .internal-block .toggle {
  margin-bottom: 1.25rem;
}
.item-wrap #product-aside .internal-block.last .toggle {
  margin-bottom: 0;
}
.item-wrap #product-aside .button {
  width: 100%;
  max-width: 100%;
  display: inline-flex;
}
@media only screen and (min-width: 40em) {
  .item-wrap #product-aside .button {
    width: auto;
  }
}
.item-wrap .team-info-divide {
  border-top: 1px solid #e0e0e0;
  margin: 24px 0;
}
.item-wrap .activity-wrap {
  margin-bottom: 24px;
  padding-bottom: 0;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  position: relative;
}
.item-wrap .activity-wrap .activity-padding {
  margin-bottom: 20px;
}
@media only screen and (max-width: 39.938em) {
  .item-wrap .activity-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.item-wrap .activity-wrap:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.item-wrap .activity-wrap .learning-track-checkbox {
  display: block;
  position: relative;
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #ffffff;
  border: 2px solid #a3a3a3;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0 1.25rem 1.25rem auto;
}
@media only screen and (min-width: 40em) {
  .item-wrap .activity-wrap .learning-track-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
    margin: 0 auto 1.25rem auto;
  }
}
.item-wrap .activity-wrap .learning-track-checkbox.completed {
  border-color: #0ba85f;
  background-color: #0ba85f;
}
.item-wrap
  .activity-wrap
  .learning-track-checkbox.completed
  .bnstk-load-checkmark {
  display: block;
}
.item-wrap
  .activity-wrap
  .learning-track-checkbox.completed
  .bnstk-load-checkmark
  .plus-icon {
  display: none;
}
.item-wrap
  .activity-wrap
  .learning-track-checkbox.learning-track-repeatable-toggle {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #0ba85f;
  border-color: #0ba85f;
}
.item-wrap
  .activity-wrap
  .learning-track-checkbox.learning-track-repeatable-toggle
  .bnstk-load-checkmark {
  display: block;
}
.item-wrap
  .activity-wrap
  .learning-track-checkbox.learning-track-repeatable-toggle
  .bnstk-load-checkmark
  .checkmark-icon {
  display: none;
}
.item-wrap
  .activity-wrap
  .learning-track-checkbox.learning-track-repeatable-toggle
  .bnstk-load-checkmark
  .plus-icon {
  height: 14px;
  width: 12px;
}
.item-wrap .activity-wrap .learning-track-checkbox .bnstk-load-checkmark {
  display: none;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 auto;
}
.item-wrap .activity-wrap .learning-track-checkbox .bnstk-load-checkmark svg {
  width: 16px;
  height: 16px;
}
.item-wrap .activity-wrap .learning-track-toggleable:active {
  border-color: #757575;
}
@media only screen and (min-width: 80em) {
  .item-wrap .activity-wrap .learning-track-toggleable:hover {
    border-color: #757575;
  }
}
.item-wrap .activity-wrap .disable-pointer {
  pointer-events: none;
}
.item-wrap .activity-wrap .learning-track-info {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  flex: auto;
}
@media only screen and (min-width: 40em) {
  .item-wrap .activity-wrap .learning-track-info {
    position: relative;
    margin-left: 40px;
  }
}
.item-wrap .activity-wrap .learning-track-info b {
  font-weight: 900;
}
.item-wrap .activity-wrap .learning-track-info .activity-description {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  width: 100%;
  margin-bottom: 20px;
}
.item-wrap .activity-wrap .learning-track-info ol,
.item-wrap .activity-wrap .learning-track-info ul {
  margin-left: 1.25rem;
}
.item-wrap .activity-wrap .learning-track-info ol {
  list-style: decimal;
}
.item-wrap .activity-wrap .learning-track-info ul {
  list-style: disc;
}
.item-wrap .activity-wrap .learning-track-info #text_box_challenge_answer {
  margin-top: 10px;
}
.item-wrap .activity-wrap .learning-track-info .info-msg {
  display: none;
}
@media only screen and (min-width: 79.938em) {
  .item-wrap .activity-wrap .learning-track-info .info-msg {
    display: block;
  }
}
.item-wrap .activity-wrap .learning-track-info .description-link {
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  margin-bottom: 20px;
}
.item-wrap .activity-wrap .learning-track-info .activity-points-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 8px 0px;
  margin-top: 24px;
}
.item-wrap .activity-wrap .learning-track-info .activity-point-icon {
  margin-right: 10px;
  margin-top: -4px;
}
.item-wrap .activity-wrap .learning-track-info .activity-points-text {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.21;
  color: #826022;
}
.item-wrap .activity-wrap .learning-track-info h5 {
  color: #424242;
  font-weight: 900;
  margin-top: 20px;
}
.item-wrap .activity-wrap .learning-track-info .edit-text-box-challenge,
.item-wrap .activity-wrap .learning-track-info .tbca-wrap {
  position: relative;
  margin-top: 1.5rem;
}
.item-wrap
  .activity-wrap
  .learning-track-info
  .edit-text-box-challenge
  .tbca-answer-wrap,
.item-wrap .activity-wrap .learning-track-info .tbca-wrap .tbca-answer-wrap {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f7f7f7;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin-bottom: 15px;
}
.item-wrap
  .activity-wrap
  .learning-track-info
  .edit-text-box-challenge
  .tbca-answer-text,
.item-wrap .activity-wrap .learning-track-info .tbca-wrap .tbca-answer-text {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
.item-wrap .activity-wrap .secret-code-link {
  margin: 20px 0;
}
.item-wrap .activity-wrap .points {
  text-align: center;
  margin-top: 12px;
}
@media only screen and (min-width: 80em) {
  .item-wrap .activity-wrap .points {
    text-align: right;
    margin-top: -7px;
  }
}
.item-wrap .activity-wrap .activity-code-wrap {
  margin-top: 1.875rem;
}
.item-wrap .activity-wrap .activity-code-form {
  margin-bottom: 16px;
}
.learning-track-progress {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-style: italic;
}
.item-wrap.event .item-header {
  border-bottom: 8px solid #f7f7f7;
  padding-bottom: 2.5rem;
}
.event-aside {
  margin-bottom: 3.75rem;
}
@media only screen and (min-width: 40em) {
  .event-aside {
    margin-bottom: 0;
  }
}
.event-aside section {
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .event-aside section {
    text-align: left;
  }
}
.event-aside section:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.info-msg {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  text-align: center;
  border: 2px solid #a3a3a3;
  background-color: #e0e0e0;
  line-height: 1.3;
  margin: 1.25rem 0;
  padding: 0.625rem 1rem;
}
@media only screen and (min-width: 40em) {
  .info-msg {
    text-align: left;
  }
}
.info-msg.danger {
  border-color: #e85648;
  background-color: #fce8e7;
}
.info-msg.success {
  border-color: #0ba85f;
  background-color: #70f6b7;
}
.info-msg.warning {
  border-color: #ffbc42;
  background-color: #ffe9c2;
}
.info-msg.with-icon {
  padding: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .info-msg.with-icon {
    padding: 1.25rem 1.25rem 1.25rem 3.5rem;
  }
}
.info-msg .pdf-icon {
  width: 25px;
  height: 32px;
  margin: 0 auto 1.25rem auto;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -568px -32px;
}
@media only screen and (min-width: 40em) {
  .info-msg .pdf-icon {
    position: absolute;
    top: 14px;
    left: 16px;
    margin-bottom: 0;
  }
}
main.item-wrap.book,
main.item-wrap.book-list,
main.item-wrap.learning-track {
  margin-top: 48px;
}
.book-list .list-item .button {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
.book-list .list-item .list-item-title {
  display: block;
}
.list-wrap .grid-item .button + .button {
  margin-top: 0.625rem;
}
.cancel-secret-code-link {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .cancel-secret-code-link {
    margin-left: 0.625rem;
  }
}
.profile-recommendations-list .list-item-title {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .profile-recommendations-list .list-item-title {
    margin-top: 0;
  }
}
.profile-recommendations-list .list-creator {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #a3a3a3;
  margin-top: 0;
}
.profile-recommendations-list .list-info-item {
  margin-top: 1.25rem;
}
.profile-recommendations-list .list-info-item.description {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
}
.profile-recommendations-list .list-info-item.genres {
  color: #a3a3a3;
}
li.radio {
  display: block;
}
@media only screen and (min-width: 40em) {
  li.radio {
    display: inline-block;
  }
}
@media only screen and (min-width: 40em) {
  .form-button-list li {
    margin-left: 6px;
  }
}
.form-button-list li:first-child {
  margin-left: 0;
}
.choices {
  border: none;
}
.choices .choices-group {
  list-style-type: none;
  margin: 0;
}
.choices .choices-group .choice label {
  font-weight: normal;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-transform: none;
  background: #ffffff;
  color: #757575;
  padding: 18px;
  margin: 12px 0 0 0;
  border: 2px solid #e0e0e0;
}
.choices .choices-group .choice label:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
}
.choices .choices-group .choice label.is-checked {
  color: #424242;
  background: url("https://assets.beanstack-cdn.com/static-assets/tick.png")
    no-repeat 97% 48%;
  border-color: #a3a3a3;
}
.choices .choices-group .choice label.is-checked:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.choices .choices-group .choice label input[type="radio"] {
  display: none;
  margin: 0 auto;
  cursor: pointer;
}
.profile-header {
  text-align: left;
  margin-bottom: 28px;
}
.profile-header:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 40em) {
  .profile-header {
    text-align: left;
  }
}
@media only screen and (min-width: 80em) {
  .profile-header {
    display: block;
  }
}
.profile-header .h1 {
  margin-bottom: 0;
  font-weight: 800;
  letter-spacing: normal;
}
.profile-header .h1.show-on-ss-ms {
  display: inline-block;
}
@media only screen and (min-width: 80em) {
  .profile-header .h1 {
    display: inline-block;
  }
}
.profile-header-button {
  display: none;
}
@media only screen and (min-width: 40em) {
  .profile-header-button {
    display: block;
    float: right;
    margin: 0;
  }
}
.profile-header-button .button + .button {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .profile-header-button .button + .button {
    margin: 0 0 0 0.625rem;
  }
}
.section-header {
  margin-bottom: 24px;
  margin-top: 48px;
  border-bottom: 1px solid #e0e0e0;
}
.section-header:after {
  clear: both;
  content: "";
  display: table;
}
.section-header.with-subnav {
  margin-bottom: 0;
  border-bottom: none;
}
.section-header.with-subnav .profile-header {
  margin-bottom: 0;
}
.section-header header h1,
.section-header header h2,
.section-header header .h1,
.section-header header .h2 {
  margin: 8px 0 4px 0;
  font-weight: 800;
  letter-spacing: normal;
  font-size: 22px;
}
@media only screen {
  .section-header header {
    float: left;
  }
}
@media only screen {
  .section-header .actions {
    float: right;
    margin: 0 0 10px;
  }
  .section-header .actions .button {
    margin-bottom: 0;
  }
  .section-header .actions .button + .button {
    margin-left: 0.5rem;
  }
}
.section-header .actions .button {
  margin-bottom: 0.5rem;
}
.section-header .actions.book-lists {
  text-align: center;
}
@media only screen and (max-width: 39.938em) {
  #reading-log-content .profile-header-button {
    display: none;
  }
}
.profiles section .profile-lists {
  margin: 0;
}
.profiles section .view-all-recommendations {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #e0e0e0
    url("https://assets.beanstack-cdn.com/static-assets/list-icon.png")
    no-repeat 53% 48%;
  width: 47px;
  height: 47px;
  text-indent: -10000px;
}
.profiles section .view-all-recommendations:hover {
  background-color: #e0e0e0;
}
.profiles section .view-all-recommendations:active {
  background-color: #d9d9d9;
}
.profiles section .view-all-recommendations:focus {
  background-color: #e0e0e0;
}
@media only screen and (min-width: 80em) {
  .profiles section .view-all-recommendations:hover {
    background-color: #d9d9d9;
  }
  .profiles section .view-all-recommendations:active {
    background-color: #d1d1d1;
  }
  .profiles section .view-all-recommendations:focus {
    background-color: #e0e0e0;
  }
}
.profiles section #profile-matches {
  margin: 0;
}
.profiles section .badge-wrap {
  margin-bottom: 1.25rem;
}
.profiles section .badge img {
  width: 180px;
  margin-bottom: 1.25rem;
  background: #326ece;
}
@media only screen and (min-width: 40em) {
  .profiles section .badge img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }
}
.profiles section .profile-lists li {
  margin-bottom: 1.25rem;
}
.profiles section .profile-lists li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.profiles section.events-wrap {
  margin-top: 2.5rem;
}
.profiles section #events li {
  border-bottom: 1px dashed #e0e0e0;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.profiles section #events li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.profiles .wishlist li {
  padding-bottom: 0.9375rem;
  margin-bottom: 0.9375rem;
  border-bottom: 1px solid #f7f7f7;
}
.profiles .wishlist li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.profiles .book-item img {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.875rem;
}
.profiles .book-item img:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.profiles .book-item img:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.profiles .book-item img:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 40em) {
  .profiles .book-item img {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 80em) {
  .profiles .book-item img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .profiles .book-item img:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .profiles .book-item img:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.profiles .book-item .buttons-wrap {
  margin-top: 2.5rem;
}
.profiles .pagination-wrap {
  text-align: right;
  padding: 0 0 1.875rem 0;
}
.profiles .pagination-wrap .all {
  display: inline-block;
}
.profiles .pagination-wrap .pagination {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.profiles #reading_levels_fieldset ul {
  margin: 0;
}
.profiles.edit .panel {
  border-width: 6px;
  margin-top: 1.25rem;
}
.profiles.edit .subscription-link {
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #e0e0e0;
}
.profiles.edit .subscription-link:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.profiles.edit ul,
.profiles.edit form {
  margin: 0;
}
.profiles #app-list.all-recommendations,
.profiles #recommendations.all-recommendations,
.profiles #profile-matches.all-recommendations {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.profiles #app-list .book-item,
.profiles #recommendations .book-item,
.profiles #profile-matches .book-item {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}
.profiles #app-list .book-item:last-child,
.profiles #recommendations .book-item:last-child,
.profiles #profile-matches .book-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.profiles #app-list .book-item .author-illustrator,
.profiles #recommendations .book-item .author-illustrator,
.profiles #profile-matches .book-item .author-illustrator {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  margin: 0.25rem 0 1rem 0;
}
.profiles #app-list .book-item .author-illustrator a,
.profiles #recommendations .book-item .author-illustrator a,
.profiles #profile-matches .book-item .author-illustrator a {
  color: #424242;
}
.profiles #app-list .book-item p,
.profiles #recommendations .book-item p,
.profiles #profile-matches .book-item p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.profiles #app-list .book-item .button,
.profiles #recommendations .book-item .button,
.profiles #profile-matches .book-item .button {
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .profiles #app-list .book-item .button,
  .profiles #recommendations .book-item .button,
  .profiles #profile-matches .book-item .button {
    margin: 0 0.625rem 0.625rem 0;
  }
}
@media only screen and (min-width: 90em) {
  .profiles #app-list .book-item .button,
  .profiles #recommendations .book-item .button,
  .profiles #profile-matches .book-item .button {
    margin-bottom: 0;
  }
}
.profiles #app-list .book-item .button:last-child,
.profiles #recommendations .book-item .button:last-child,
.profiles #profile-matches .book-item .button:last-child {
  margin: 0;
}
.profiles .account-wrap p {
  font-family: "museo-sans-rounded", sans-serif;
}
.profile-grid-wrap {
  margin: 0;
}
.profile-grid-wrap .record-log-item {
  position: relative;
}
.profile-grid-wrap .record-log-item .image {
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 40em) {
  .profile-grid-wrap .record-log-item .image {
    margin: 0;
  }
}
.profile-grid-wrap .record-log-item .image img {
  width: 100%;
  max-width: 100%;
}
.profile-grid-wrap .record-log-item .list-item-title {
  margin-bottom: 0;
}
.profile-grid-wrap .record-log-item .author {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #a3a3a3;
  margin-top: 0.625rem;
}
.profile-grid-wrap .record-log-item .added-on {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 1.25rem;
}
.log-summary {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .log-summary {
    margin-bottom: 0;
  }
}
.print-log-wrap {
  display: none;
  float: right;
}
@media only screen and (min-width: 80em) {
  .print-log-wrap {
    display: block;
    position: relative;
    top: 12px;
  }
}
#logged-books #logged-books-list {
  margin: 0;
}
#logged-books #logged-books-list li {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}
#logged-books #logged-books-list li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
#logged-books .delete {
  margin-top: 1.25rem;
}
.link-list li:last-child a {
  border-bottom: none;
}
.link-list li a {
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #326ece;
  border-bottom: 1px solid #e0e0e0;
  padding: 1rem 0;
}
.link-list li a:hover {
  color: #326ece;
  background: none;
}
.limits {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
.list-no-icons fieldset {
  margin: 0;
}
.list-no-icons label {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #424242;
  background: #ffffff;
  border: 3px solid #e0e0e0;
  text-transform: none;
  margin: 0 0 0.625rem 0;
  padding: 18px 36px 18px 18px;
}
@media only screen and (min-width: 40em) {
  .list-no-icons label {
    padding: 1.25rem;
  }
}
.list-no-icons label.selected {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #424242;
  border-color: #0ba85f;
  background: url("https://assets.beanstack-cdn.com/static-assets/tick-v2.png")
    no-repeat 95% 45%;
}
.list-no-icons label.selected:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.list-no-icons label.selected:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.list-no-icons label.selected:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.list-no-icons label.selected:hover {
  border-color: #a3a3a3;
}
@media only screen and (min-width: 40em) {
  .list-no-icons label.selected {
    background: url("https://assets.beanstack-cdn.com/static-assets/tick-v2.png")
      no-repeat 97% 45%;
  }
}
@media only screen and (min-width: 80em) {
  .list-no-icons label.selected:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .list-no-icons label.selected:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .list-no-icons label.selected:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media only screen and (min-width: 80em) {
  .list-no-icons label:hover {
    color: #424242;
    border-color: #d4d4d4;
  }
}
.list-no-icons label input {
  display: none;
}
.list-no-icons .inline-hints {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-style: italic;
  padding: 0;
  margin-bottom: 1.25rem;
}
.viewers-wrap {
  margin-top: 64px;
}
.viewers-wrap .invite-row {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.viewers-wrap .invite-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.viewers-wrap .invite-row .name {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
.viewers-wrap .invite-row .buttons div,
.viewers-wrap .invite-row .buttons form {
  display: inline-block;
}
.viewers-wrap .invite-row .buttons .button {
  margin-right: 0.625rem;
}
.viewers-wrap .invite-row .buttons .button:last-child {
  margin-right: 0;
}
.reading-log-summary ul {
  margin: 0;
}
.reading-log-summary ul li {
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px dotted #e0e0e0;
}
.reading-log-summary ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#logged-books-wrap .stats-list {
  margin-bottom: 1.25rem;
}
#fb-share-btn {
  margin-top: 30px;
}
#print-log {
  margin-top: 40px;
  padding: 0 20px;
}
#print-log header {
  text-align: center;
}
#print-log .card {
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}
#print-log .row:last-child .card {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#print-log .print-log-title {
  margin-bottom: 10px;
}
#print-log .print-log-subtitle {
  font-size: 20px;
  margin-bottom: 60px;
}
#print-log .table-title {
  margin-bottom: 20px;
}
#print-log .table-summary {
  width: 100%;
  max-width: 100%;
  border: none;
  line-height: 1em;
  border-spacing: 0;
  border-collapse: collapse;
}
#print-log .summary-breakdown {
  width: 300px;
  margin: 0 auto;
}
#print-log .table-summary .item-title {
  font-weight: 700;
  margin-bottom: 2px;
}
#print-log .table-summary .item-details {
  text-align: center;
  width: 150px;
}
#print-log .table-summary .item-author {
  font-style: italic;
}
#print-log th {
  padding: 15px 0 10px;
  border-bottom: 2px solid #424242;
}
#print-log td {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
}
#print-log th,
#print-log td {
  text-align: center;
}
#print-log th:first-child,
#print-log td:first-child {
  text-align: left;
}
#print-log tr:last-child td {
  border: none;
}
#print-log td.log-type {
  font-weight: 700;
  text-align: left;
  width: 200px;
}
#print-log td.log-value {
  width: 100px;
}
.edit-reader-save-buttons {
  margin-top: 1.25rem;
}
.edit-reader-save-buttons .button + .button {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .edit-reader-save-buttons .button + .button {
    margin: 0 0 0 0.625rem;
  }
}
.literacy-achievements {
  padding: 1.25rem;
  margin-bottom: 2.5rem;
  background: url("https://assets.beanstack-cdn.com/static-assets/sayagata-400px.png");
}
.edit-options {
  margin-top: 80px;
}
.edit-options .section-header {
  border-bottom: none;
  margin: 0;
  margin-bottom: 48px;
}
.edit-options .section-header .profile-header {
  margin: 0;
}
@media screen and (max-width: 639px) {
  .edit-options .section-header .profile-header {
    float: none;
    text-align: center;
  }
}
.edit-options .section-header .profile-header h1,
.edit-options .section-header .profile-header .h1 {
  font-size: 28px;
  font-weight: 800;
  margin: 0;
}
#edit-profile {
  display: grid;
  grid-template-columns: repeat(12, minmax(10px, 1fr));
  gap: 3.4375%;
}
@media screen and (max-width: 639px) {
  #edit-profile {
    display: block;
  }
}
#edit-profile .edit-profile-column--reader-avatar {
  grid-column-start: 1;
  grid-column-end: 3;
  float: none;
}
@media screen and (max-width: 639px) {
  #edit-profile .edit-profile-column--reader-avatar {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #eaeaea;
  }
}
#edit-profile .edit-profile-column--edit-options {
  grid-column-start: 4;
  grid-column-end: 13;
  float: none;
}
#edit-profile .reader-avatar-container {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 639px) {
  #edit-profile .reader-avatar-container {
    width: 120px;
    margin: 0 auto;
  }
}
#edit-profile .reader-avatar-container::before {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  padding-top: 100%;
}
#edit-profile .reader-avatar-container .reader-avatar--large {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  font-size: 28px;
}
@media screen and (max-width: 849px) {
  #edit-profile .reader-avatar-container .reader-avatar--large {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  #edit-profile .reader-avatar-container .reader-avatar--large {
    font-size: 28px;
  }
}
#edit-profile .reader-avatar-container .reader-avatar--large img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#edit-profile .reader-avatar-container .reader-avatar__edit {
  right: 0px;
  bottom: 0px;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 849px) {
  #edit-profile .reader-avatar-container .reader-avatar__edit {
    right: -4px;
    bottom: -4px;
  }
}
@media screen and (max-width: 699px) {
  #edit-profile .reader-avatar-container .reader-avatar__edit {
    right: -6px;
    bottom: -6px;
  }
}
@media screen and (max-width: 639px) {
  #edit-profile .reader-avatar-container .reader-avatar__edit {
    right: 0;
    bottom: 0;
  }
}
#edit-profile .tip {
  background-color: #f2f2f2;
  border-radius: 10px;
  border-left: none;
  padding: 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  margin-top: 20px;
}
#edit-profile .tip__icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/656565/about.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
  flex-shrink: 0;
  margin-right: 20px;
}
#edit-profile section {
  margin-bottom: 64px;
}
#edit-profile section h2 {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 24px;
  letter-spacing: normal;
}
#edit-profile section p {
  margin: 0;
  font-weight: 700;
}
#edit-profile section p.instructions {
  margin-bottom: 24px;
}
#edit-profile section ul.link-list {
  border-radius: 12px;
  background-color: #f5f5f5;
  padding: 8px 0;
  margin-bottom: 0;
}
#edit-profile section ul.link-list li a {
  height: 100%;
  width: 100%;
  text-decoration: none;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  color: #424242;
  border-color: #eaeaea;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
}
#edit-profile section ul.link-list li a:hover {
  background-color: #f2f2f2;
}
#edit-profile section ul.link-list li a:focus {
  box-shadow: inset 0 0 0 2.5px #6dafff;
  outline: none !important;
}
#edit-profile section ul.link-list li a:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/424242/forward.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  content: "";
  display: block;
  background-color: transparent;
}
#edit-profile section .profile-form-option {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 20px 0;
}
#edit-profile section .profile-form-option fieldset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: 64px;
  flex-shrink: 0;
}
@media screen and (max-width: 639px) {
  #edit-profile section .profile-form-option fieldset {
    margin-left: 32px;
  }
}
#edit-profile section .profile-form-option__question {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.category-header .limit-description {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
  color: #a3a3a3;
  margin-bottom: 2.5rem;
}
.edit-categories {
  margin-top: 80px;
}
.edit-categories .edit-reader-save-buttons {
  margin-top: 1.25rem;
}
@media only screen and (max-width: 39.938em) {
  .edit-categories .edit-reader-save-buttons {
    text-align: center;
  }
  .edit-categories .edit-reader-save-buttons button.cancel,
  .edit-categories .edit-reader-save-buttons .button.cancel {
    text-align: center;
  }
}
.edit-categories .checkbox-label {
  font-family: "museo-sans-rounded", sans-serif;
  margin-bottom: 0;
}
.edit-categories .checkbox-label header {
  font-family: "museo-sans-rounded", sans-serif;
}
.edit-categories .checkbox-label h3 {
  font-size: 24px;
  line-height: 1.25;
  color: #326ece;
}
.edit-categories .checkbox-label .icon-container {
  background-color: #326ece;
}
@media only screen and (min-width: 80em) {
  .edit-categories .flip-container {
    margin-bottom: 2.5rem;
  }
}
.edit-categories .doorway-description {
  font-weight: normal;
  position: relative;
  text-align: left;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 80em) {
  .edit-categories .doorway-description {
    top: -4px;
    margin-bottom: 0;
  }
}
.edit-categories .doorway-description span {
  display: block;
  font-style: italic;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-family: "museo-sans-rounded", sans-serif;
  color: #424242;
  margin-bottom: 0.15625rem;
}
.edit-categories .doorway-description span:before {
  content: '"';
}
.edit-categories .doorway-description span:after {
  content: '"';
}
.recommendations-header {
  display: none;
  padding-bottom: 0;
  margin-bottom: 3.75rem;
}
.recommendations-header:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 80em) {
  .recommendations-header {
    display: block;
    margin-top: -11px;
  }
}
.recommendations-header h1 {
  margin: 0;
}
@media only screen and (min-width: 40em) {
  .recommendations-header h1 {
    float: left;
  }
}
.recommendations-header-button {
  display: block;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 40em) {
  .recommendations-header-button {
    float: right;
    margin: 0;
  }
}
.recommendations-header-button .button + .button {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .recommendations-header-button .button + .button {
    margin: 0 0 0 0.625rem;
  }
}
.profile-recommendations-list li.flexy {
  display: flex;
  flex-wrap: nowrap;
}
.profile-recommendations-list li .profile-list-content {
  width: auto;
  flex: 1;
}
@media only screen and (max-width: 39.938em) {
  .profile-recommendations-list li .profile-list-content {
    width: 100%;
    flex: 0;
    text-align: center;
  }
}
.profile-recommendations-list a {
  margin: 0;
}
.profile-recommendations-list .count,
.profile-recommendations-list .location,
.profile-recommendations-list .time-date,
.profile-recommendations-list .items-in-list,
.profile-recommendations-list .activities-completed,
.profile-recommendations-list .list-count {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 1.25rem;
}
.profile-recommendations-list .count,
.profile-recommendations-list .activities-completed,
.profile-recommendations-list .list-count {
  margin-top: 0.25rem;
}
.profile-recommendations-list .time-date {
  margin-top: 0;
}
.profile-recommendations-list .location {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  color: #424242;
}
.profile-recommendations-list .location span {
  font-weight: 700;
  display: block;
}
.profile-recommendations-list .location + .description {
  border-top: 1px dashed #e0e0e0;
  padding-top: 1.25rem;
}
.profile-recommendations-list .description {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-family: "museo-sans-rounded", sans-serif;
  margin: 1.25rem 0 0 0;
}
.profile-recommendations-list .total-logged {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  display: inline-block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #ffffff;
  background-color: #a3a3a3;
  margin-top: 1.25rem;
  padding: 0.55rem 1.25rem 0.625rem;
}
.share-wrap .instructions {
  font-family: "museo-sans-rounded", sans-serif;
}
#profile-switcher-form .button {
  margin: 0.3125rem;
}
.wish-list .list-item-title {
  margin: 2.5rem 0 0.625rem 0;
}
@media only screen and (min-width: 40em) {
  .wish-list .list-item-title {
    margin-top: -7px;
  }
}
.wish-list .item-added-date {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  color: #a3a3a3;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .wish-list .item-added-date {
    margin-bottom: 2.5rem;
  }
}
.wish-list .get-book-link,
.wish-list #reading-list-log-button {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .wish-list .get-book-link,
  .wish-list #reading-list-log-button {
    margin: 0 0 0.625rem 0;
  }
}
@media only screen and (min-width: 80em) {
  .wish-list .get-book-link,
  .wish-list #reading-list-log-button {
    margin-bottom: 0;
  }
}
.edit-specific-profile {
  background-color: #f7f7f7;
  padding: 2.5rem;
  margin-top: 2.5rem;
}
@media only screen and (min-width: 40em) {
  .edit-specific-profile {
    margin-top: 0;
  }
}
.edit-specific-profile h3 {
  margin-bottom: 2.5rem;
}
.edit-specific-profile ul {
  margin: 0;
}
.edit-specific-profile ul li {
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.edit-specific-profile ul li:after {
  clear: both;
  content: "";
  display: table;
}
.edit-specific-profile ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.edit-specific-profile ul li .name {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  float: left;
}
.edit-specific-profile ul li a {
  position: relative;
  float: right;
  top: 2px;
}
.share-code ul li {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.share-code ul li:after {
  clear: both;
  content: "";
  display: table;
}
.share-code ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.share-code ul li .linked-profile-name {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  position: relative;
  float: left;
  top: 14px;
}
.share-code ul li .unlink-wrap {
  float: right;
}
.matching-filters {
  display: none;
  border-top: 1px solid #e0e0e0;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
.matching-filters h3 {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
#profile-avatar-modal {
  margin: auto;
  width: 450px;
  max-width: 90vw;
  border-radius: 12px;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 48px;
}
@media screen and (max-width: 479px) {
  #profile-avatar-modal {
    padding: 32px;
  }
}
#profile-avatar-modal h2 {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 12px;
  letter-spacing: normal;
}
#profile-avatar-modal p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0;
  color: #656565;
}
#profile-avatar-modal .reader-avatar {
  margin: 40px auto 24px auto;
  background-color: #fff;
  border: 6px solid #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  width: 102px;
  height: 102px;
}
#profile-avatar-modal .reader-avatar .reader-avatar--no-avatar {
  width: 90px;
  height: 90px;
  border-radius: inherit;
  background-color: #eaeaea;
  border: 2px dashed #c8c8c8;
}
#profile-avatar-modal .reader-avatar img {
  width: 90px;
  height: 90px;
  border-radius: inherit;
}
#profile-avatar-modal #select-image-button {
  font-weight: 700;
}
#profile-avatar-modal .change-avatar-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 479px) {
  #profile-avatar-modal .change-avatar-buttons {
    flex-direction: column;
    align-items: center;
  }
}
#profile-avatar-modal .change-avatar-buttons .remove-avatar-btn {
  margin-left: 8px;
}
@media screen and (max-width: 479px) {
  #profile-avatar-modal .change-avatar-buttons .remove-avatar-btn {
    margin-left: 0;
    margin-top: 8px;
  }
}
#profile-avatar-modal .select-avatar-photo {
  position: relative;
}
#profile-avatar-modal .select-avatar-photo input {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  display: block;
}
#profile-avatar-modal .avatar-notice-container {
  position: relative;
  border-top: 1px solid #eaeaea;
  padding-top: 14px;
  margin-bottom: 14px;
  display: none;
}
#profile-avatar-modal .avatar-notice {
  padding: 10px 0;
}
#profile-avatar-modal .avatar-notice label {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
  cursor: pointer;
}
#profile-avatar-modal .avatar-notice input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
#profile-avatar-modal
  .avatar-notice
  input[type="checkbox"]:checked
  + label
  .checkbox-faux-control
  svg {
  transform: scale(1);
  opacity: 1;
}
#profile-avatar-modal .avatar-notice .checkbox-faux-control {
  transition: all 0.13s ease;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: solid 2px #d9d9d9;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 12px;
}
#profile-avatar-modal .avatar-notice .checkbox-faux-control svg {
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: opacity 0.13s ease,
    transform 0.25s cubic-bezier(0.72, 0.05, 0.42, 1.38);
  transform: scale(0);
}
#profile-avatar-modal .avatar-notice .checkbox-label-text {
  font-weight: 700;
  color: #424242;
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: break-word;
  display: block;
  white-space: inherit;
  text-align: left;
}
#profile-avatar-modal .save-button-container {
  border-top: 1px solid #eaeaea;
  padding-top: 32px;
}
.profile-verified {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url(//assets.beanstack-cdn.com/assets/certification/verified-e24bc7d44cba8830df84d2e5cbde64760cd57c75aa13c894ec80ac3604c908a1.svg)
    no-repeat;
}
.profile-suspended {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url(//assets.beanstack-cdn.com/assets/certification/suspended-9272c9917447dd9dad631d7942b61939426739af108d79d00e2a917128042124.svg)
    no-repeat;
}
.profile-verified-small {
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url(//assets.beanstack-cdn.com/assets/certification/verified-16-43e18b297fc9814ccae821aa2d5b46901fe6426e59f8829a8589c4b74611a334.svg)
    no-repeat;
}
.profile-suspended-small {
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url(//assets.beanstack-cdn.com/assets/certification/suspended-16-3af68dc8662d2003fffa37ef02585b02515bdc5347d4c07a9deac8a00c77911a.svg)
    no-repeat;
}
.suspended-access {
  margin: auto;
  text-align: center;
}
.suspended-access p {
  margin: 0;
}
.offhome h2 {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .offhome h2 {
    margin-top: 2.5rem;
  }
}
.offhome ul {
  list-style-type: disc;
  margin-left: 18px;
}
.offhome ul li {
  line-height: 1.4;
  margin-bottom: 0.625rem;
}
.privacy-table {
  margin: 20px 0;
}
.privacy-table td {
  border: 1px solid #ccc;
  padding: 10px;
}
.privacy-table thead td {
  font-weight: 800;
}
.footer {
  border-top: 2px solid #f2f2f2;
  font-size: 13px;
  flex-shrink: 0;
}
.footer ul,
.footer p {
  font-size: 13px;
}
.footer a {
  transition: all 0.13s ease;
  color: #656565;
}
.footer a:hover {
  text-decoration: underline;
  color: #424242;
}
.footer a:active {
  color: #656565;
}
.footer a:focus {
  box-shadow: 0 0 0 2.5px #6dafff;
  color: #656565;
}
.footer__microsite-bar {
  width: 100%;
  margin: auto;
  padding-left: 32px;
  padding-right: 32px;
  max-width: 1210px;
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .footer__microsite-bar {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 750px) {
  .footer__microsite-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 32px;
    text-align: left;
  }
}
.footer__microsite-links {
  text-align: center;
}
@media screen and (min-width: 750px) {
  .footer__microsite-links {
    text-align: left;
  }
}
.footer__microsite-links ul {
  margin-bottom: 0;
}
.footer__microsite-links li {
  display: block;
  margin-bottom: 8px;
}
.footer__microsite-links li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 500px) {
  .footer__microsite-links li {
    display: inline-block;
    margin: 0 8px;
  }
}
@media screen and (min-width: 750px) {
  .footer__microsite-links li {
    margin: 0 16px 0 0;
  }
}
#google_translate_element {
  height: 44px;
  overflow: hidden;
}
#google_translate_element .skiptranslate.goog-te-gadget {
  position: relative;
}
#google_translate_element .goog-te-gadget div::before {
  position: absolute;
  left: 10px;
  top: 12px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/40/null/google-logo.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#google_translate_element select.goog-te-combo {
  font-size: 14px;
  color: #424242;
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px 0px 35px;
  margin: 0;
}
#google_translate_element select.goog-te-combo div {
  margin-left: 15px;
}
.footer__beanstack-bar {
  border-top: 2px solid #f2f2f2;
  padding-top: 32px;
  padding-bottom: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 500px) {
  .footer__beanstack-bar {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.footer__beanstack-bar-content {
  width: 100%;
  margin: auto;
  padding-left: 32px;
  padding-right: 32px;
  max-width: 1210px;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .footer__beanstack-bar-content {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 750px) {
  .footer__beanstack-bar-content {
    text-align: left;
  }
}
.footer__logo {
  display: block;
}
.footer__logo-image {
  height: 20px;
  display: inline-block;
}
.footer__logo-image img {
  height: 100%;
  width: auto;
}
.footer__copyright {
  display: block;
  margin-bottom: 16px;
  color: #656565;
  font-weight: 700;
}
@media screen and (min-width: 500px) {
  .footer__copyright {
    display: inline-block;
    margin: 0 16px 0 0;
  }
}
.footer__links {
  display: inline-block;
}
.footer__links ul {
  margin-bottom: 0;
}
.footer__links li {
  display: inline-block;
  margin: 0 8px;
}
@media screen and (min-width: 500px) {
  .footer__links li {
    display: inline-flex;
    margin: 0 16px 0 0;
  }
}
.footer__main-nav {
  border-bottom: 2px solid #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  min-height: 70px;
  padding: 0 32px;
}
.footer__main-nav .footer__translate {
  display: inline-block;
}
@media screen and (max-width: 749px) {
  .footer__main-nav {
    display: block;
    text-align: center;
  }
  .footer__main-nav .footer__links {
    margin-top: 20px;
  }
  .footer__main-nav .footer__links li:last-child {
    margin-right: 0;
  }
  .footer__main-nav .footer__translate {
    display: block;
    margin-bottom: 30px;
    margin-top: 12px;
  }
}
.footer__secondary-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 32px 25px;
}
.footer__secondary-nav .footer__links li:last-child {
  margin-right: 5px;
}
@media screen and (max-width: 749px) {
  .footer__secondary-nav {
    display: block;
    text-align: center;
    margin: 0;
  }
  .footer__secondary-nav .footer__links {
    margin: 20px 0 30px;
  }
  .footer__secondary-nav .footer__links li:last-child {
    margin-right: 0;
  }
  .footer__secondary-nav .footer__translate {
    display: block;
  }
}
#google_translate_element .goog-te-gadget {
  font-family: "museo-sans-rounded", sans-serif;
}
#google_translate_element .goog-te-gadget-simple {
  transition: all 0.13s ease;
  border-radius: 10px;
  border: 0;
  padding: 12px 16px;
  background-color: #f2f2f2;
}
@media screen and (min-width: 750px) {
  #google_translate_element .goog-te-gadget-simple {
    background-color: #fff;
  }
}
#google_translate_element .goog-te-gadget-simple:hover {
  background-color: #eaeaea;
}
@media screen and (min-width: 750px) {
  #google_translate_element .goog-te-gadget-simple:hover {
    background-color: #f2f2f2;
  }
}
#google_translate_element .goog-te-gadget-simple img {
  display: none;
}
#google_translate_element .goog-te-menu-value {
  color: #656565;
  font-weight: 700;
  font-size: 13px;
  top: 0;
  display: flex;
  align-items: center;
}
#google_translate_element .goog-te-menu-value:hover {
  text-decoration: none;
}
#google_translate_element .goog-te-menu-value::after {
  content: "Select Language";
}
#google_translate_element .goog-te-menu-value::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("https://beanstack-assets.s3.amazonaws.com/icons/Google.svg")
    no-repeat;
  background-size: cover;
  position: relative;
  display: inline-block;
  margin-right: 8px;
}
#google_translate_element .goog-te-menu-value img,
#google_translate_element .goog-te-menu-value span {
  display: none;
}
.goog-te-menu-frame {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  max-width: 100%;
  border: 1px solid #6b90da;
}
.goog-te-menu2 {
  max-width: 100% !important;
  overflow-x: scroll !important;
  box-sizing: border-box !important;
  height: auto !important;
}
.goog-te-banner-frame {
  -webkit-box-shadow: 0 0 0 0 #000000 !important;
  box-shadow: 0 0 0 0 #000000 !important;
  bottom: 0 !important;
  top: auto !important;
  border-top: 1px solid #ccc !important;
}
.bs-schools {
  padding: 0;
  overflow-x: hidden;
  background: #326ece;
}
.bs-schools .ls-masthead-image {
  position: relative;
}
@media only screen and (min-width: 40em) {
  .bs-schools .ls-masthead-image {
    position: absolute;
    width: 100%;
    max-width: 100%;
  }
}
.bs-schools .logo {
  display: block;
  position: relative;
  z-index: 10;
  width: 144px;
  margin: 0 auto;
  padding-top: 36px;
}
@media only screen and (min-width: 40em) {
  .bs-schools .logo {
    position: relative;
    width: 204px;
  }
}
.bs-schools .header {
  display: block;
  position: relative;
  text-align: center;
  height: auto;
  z-index: 10;
  padding: 6% 3% 8% 3%;
  background: none;
}
@media only screen and (min-width: 40em) {
  .bs-schools .header {
    padding: 14% 8%;
  }
}
@media only screen and (min-width: 80em) {
  .bs-schools .header {
    padding: 20% 4%;
  }
}
@media only screen and (min-width: 120em) {
  .bs-schools .header {
    padding: 22% 4%;
  }
}
.bs-schools main {
  position: relative;
  padding: 54px 0;
  z-index: 10;
  background: #326ece
    url("https://assets.beanstack-cdn.com/static-assets/bb-texture.png")
    repeat-x top;
}
@media only screen and (min-width: 40em) {
  .bs-schools main {
    padding: 96px 0;
  }
}
@media only screen and (min-width: 90em) {
  .bs-schools main {
    margin-top: 56px;
  }
}
.bs-schools main .divide {
  opacity: 0.26;
  filter: alpha(opacity=26);
  width: 36px;
  margin: 0 auto 2.5rem auto;
  border-bottom: 8px double #ffffff;
}
.bs-schools .copyright {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  margin-top: 24px;
}
.thanks-wrap {
  text-align: center;
  padding: 12% 0;
}
.messages {
  display: none;
}
body .ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
  width: 14px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -38px
    0;
}
body .ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
  width: 14px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -38px -16px;
}
body .ui-datepicker {
  z-index: 100000 !important;
}
body .ui-datepicker thead {
  border-bottom: none;
  color: #ffffff;
  background-color: #424242;
}
body .ui-datepicker th {
  font-size: 14px;
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 0;
  color: #ffffff;
  text-shadow: none;
  background-color: #424242;
}
body .ui-datepicker tbody td {
  padding: 0;
  border-right: 1px solid #e0e0e0;
  background: #f7f7f7;
}
body .ui-datepicker tbody td:last-child {
  border-right: 0px;
}
body .ui-datepicker tbody tr {
  border-bottom: 1px solid #e0e0e0;
}
body .ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}
body .ui-datepicker td span,
body .ui-datepicker td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  color: #424242;
}
body .ui-datepicker-calendar .ui-state-default {
  font-weight: normal;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-family: "museo-sans-rounded", sans-serif;
  line-height: 48px;
  background: #f7f7f7;
}
body .ui-datepicker-calendar .ui-state-default:hover {
  background: #e0e0e0;
}
body .ui-datepicker-calendar .ui-state-active {
  font-weight: 700;
  position: relative;
  color: #424242;
  background: #e0e0e0;
}
body .ui-datepicker-calendar .ui-state-active:hover {
  font-weight: 700;
  color: #424242;
  background: #d9d9d9;
}
body .ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}
body .ui-datepicker-calendar td:first-child .ui-state-active {
  width: 100%;
  margin-left: 0;
}
body .ui-datepicker-calendar td:last-child .ui-state-active {
  width: 100%;
  margin-right: 0;
}
body .ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 100%;
  margin-bottom: 0;
}
body #ui-timepicker-div {
  background: transparent;
}
body .ui-timepicker-table {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  border: none;
  margin: 8px 0 0 -2px;
}
body .ui-timepicker-table table {
  margin: 0;
}
body .ui-timepicker-table td {
  padding: 0;
  width: inherit;
}
body .ui-timepicker-table td.ui-timepicker-hours {
  width: 180px;
}
body .ui-timepicker-table td.ui-timepicker-minutes {
  width: 92px;
}
body .ui-timepicker-title {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-family: "museo-sans-rounded", sans-serif;
  border: none;
  line-height: 3.5;
  color: #ffffff;
  background-color: #326ece;
}
body .ui-timepicker .ui-state-default,
body .ui-timepicker .ui-widget-content .ui-state-default,
body .ui-timepicker .ui-widget-header .ui-state-default {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin: 0;
  padding: 12px;
  width: inherit;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f7f7f7;
}
body .ui-timepicker .ui-state-active,
body .ui-timepicker .ui-widget-content .ui-state-active {
  font-weight: normal;
  color: #424242;
  background: #e0e0e0;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
  font-weight: 700;
  background: #a3a3a3;
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a:hover {
  font-weight: 700;
  color: #ffffff;
  background: #9c9c9c;
}
.simple-calendar {
  border-radius: 10px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);
  padding: 10px 0px;
}
.simple-calendar p {
  text-align: left;
}
.simple-calendar p .marker-example {
  position: relative;
  display: inline-block;
  top: -1px;
}
.simple-calendar p .marker-example svg {
  fill: #0ba85f;
}
.simple-calendar table {
  table-layout: fixed;
}
.simple-calendar .calendar-heading {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
}
.simple-calendar .actions {
  background-color: #f2f2f2;
  border-radius: 9.9px;
  padding: 8px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.simple-calendar .calendar-arrow {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 12px;
}
.simple-calendar #next-calendar-link {
  border-left: 1px solid rgba(151, 151, 151, 0.24);
}
.simple-calendar table {
  border: none !important;
  width: 100%;
}
.simple-calendar thead {
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
  border-top: 1px solid rgba(151, 151, 151, 0.24);
}
.simple-calendar th {
  color: #656565;
  background-color: white;
  text-align: center !important;
  padding: 15px 0px;
  margin-bottom: 20px;
  font-weight: 900;
  border: none !important;
}
.simple-calendar td {
  padding: 0 !important;
  border: none !important;
  vertical-align: middle !important;
  text-align: center !important;
  font-size: 16px;
  line-height: 1.25;
  color: #636363;
  cursor: pointer;
}
.simple-calendar .marker-wrap {
  border-radius: 36px;
  padding: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.simple-calendar .marker {
  position: absolute;
  width: 6px;
  height: 6px;
  display: inline-flex;
  bottom: 0;
}
.simple-calendar .marker svg {
  fill: transparent;
}
.simple-calendar .has-events.activatedCalendarDay .marker svg {
  fill: #9700ff;
}
.simple-calendar .has-events .marker svg {
  fill: #0ba85f;
}
.simple-calendar .today.has-events .marker svg {
  fill: #0ba85f !important;
}
.simple-calendar .today.activatedCalendarDay .marker svg {
  fill: #9700ff !important;
}
.simple-calendar .future,
.simple-calendar .no-backlog {
  cursor: not-allowed;
}
.simple-calendar .prev-month {
  cursor: default;
}
.simple-calendar .default-cursor {
  cursor: default;
}
.simple-calendar #toggle-select-all {
  font-size: 15px;
}
.simple-calendar .backlog-error,
.simple-calendar .over-limit-error {
  background-color: #fce6e4;
}
.simple-calendar .backlog-error.hide,
.simple-calendar .over-limit-error.hide {
  display: none;
}
.simple-calendar .backlog-error .backlog-error--icon,
.simple-calendar .backlog-error .over-limit-error--icon,
.simple-calendar .over-limit-error .backlog-error--icon,
.simple-calendar .over-limit-error .over-limit-error--icon {
  float: left;
  margin: 18px 14px 14px 24px;
}
.simple-calendar .backlog-error .backlog-error--icon path,
.simple-calendar .backlog-error .over-limit-error--icon path,
.simple-calendar .over-limit-error .backlog-error--icon path,
.simple-calendar .over-limit-error .over-limit-error--icon path {
  stroke: #e85648;
}
.simple-calendar .backlog-error .backlog-error--message,
.simple-calendar .backlog-error .over-limit-error--message,
.simple-calendar .over-limit-error .backlog-error--message,
.simple-calendar .over-limit-error .over-limit-error--message {
  color: #ab3f35;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  padding: 14px 24px;
}
#events_calendar + #new_logged_book {
  margin-top: 32px;
}
#events_calendar label.sentence {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 4px;
}
#events_calendar p.dot-explaination {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 16px;
  color: #656565;
}
#events_calendar .simple-calendar {
  padding: 0;
}
#events_calendar .simple-calendar .calendar-heading {
  height: 64px;
  padding: 0 24px;
  border-radius: 10px 10px 0 0;
}
#events_calendar .simple-calendar .calendar-title {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  display: block;
  color: #2a2a2a;
}
#events_calendar .simple-calendar .actions {
  background-color: #f2f2f2;
  padding: 0;
  border-radius: 10px;
  position: relative;
}
#events_calendar .simple-calendar .calendar-arrow {
  transition: all 0.13s ease;
  height: 36px;
  width: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0 0 10px;
  padding: 0;
}
#events_calendar .simple-calendar .calendar-arrow:hover {
  background-color: #d9d9d9;
}
#events_calendar .simple-calendar .calendar-arrow:focus {
  box-shadow: inset 0 0 0 2.5px #6dafff;
  outline: none;
}
#events_calendar .simple-calendar .calendar-arrow.disabled {
  opacity: 1;
  cursor: default;
}
#events_calendar .simple-calendar .calendar-arrow.disabled:hover {
  background-color: #f2f2f2;
}
#events_calendar .simple-calendar .calendar-arrow.disabled svg {
  stroke: #c8c8c8;
  fill: #c8c8c8;
}
#events_calendar .simple-calendar .calendar-arrow svg {
  height: 14px;
  width: 14px;
  stroke: #424242;
  stroke-width: 3px;
  fill: #424242;
}
#events_calendar .simple-calendar #next-calendar-link {
  border-left: none;
  border-radius: 0 10px 10px 0;
}
#events_calendar .simple-calendar .actions__separator {
  width: 1px;
  height: 24px;
  display: inline-block;
  background-color: #e5e5e5;
  position: relative;
  margin-top: 6px;
}
#events_calendar .simple-calendar .simple-calendar__table-wrapper {
  padding-bottom: 20px;
}
#events_calendar .simple-calendar table {
  margin-bottom: 0;
}
#events_calendar .simple-calendar thead {
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
}
#events_calendar .simple-calendar tbody:before {
  content: "@";
  display: block;
  line-height: 12px;
  text-indent: -99999px;
}
#events_calendar .simple-calendar th {
  font-size: 14px;
  font-weight: 800;
  color: #656565;
  height: 40px;
  vertical-align: middle;
  padding: 0;
}
#events_calendar .simple-calendar tr::after,
#events_calendar .simple-calendar tr::before {
  content: "";
  display: table-cell;
  width: 20px;
  height: 100%;
  background-color: transparent;
}
@media screen and (min-width: 450px) {
  #events_calendar .simple-calendar tr::after,
  #events_calendar .simple-calendar tr::before {
    content: none;
  }
}
#events_calendar .simple-calendar .day {
  text-align: center;
  font-weight: 700;
  height: 40px;
  padding: 2px 0px;
  outline: none;
}
#events_calendar
  .simple-calendar
  .day:not(.future, .no-backlog, .default-cursor):hover
  .marker-wrap {
  background-color: #f2f2f2;
}
#events_calendar .simple-calendar .day.calendarClick:focus .marker-wrap {
  box-shadow: inset 0 0 0 2.5px #6dafff;
}
#events_calendar .simple-calendar .marker-wrap {
  transition: all 0.13s ease;
  margin: auto;
  width: 36px;
  height: 36px;
}
#events_calendar
  .simple-calendar
  .today:not(.default-cursor):hover
  .marker-wrap {
  background-color: #eaeaea;
}
#events_calendar .simple-calendar .today.activatedCalendarDay .marker svg {
  fill: transparent !important;
}
#events_calendar .simple-calendar .today .marker-wrap {
  font-weight: 800;
  color: #2a2a2a;
  background-color: #f2f2f2;
}
#events_calendar .simple-calendar .has-events .marker-wrap,
#events_calendar .simple-calendar .activatedCalendarDay .marker-wrap {
  width: 36px;
  height: 36px;
}
#events_calendar .simple-calendar .prev-month .marker-wrap,
#events_calendar .simple-calendar .next-month .marker-wrap {
  width: 10px;
  height: 10px;
  background-color: #f5f5f5;
}
#events_calendar .simple-calendar .prev-month .marker-wrap .date,
#events_calendar .simple-calendar .next-month .marker-wrap .date {
  display: none;
}
#events_calendar .simple-calendar .future,
#events_calendar .simple-calendar .no-backlog {
  color: #e5e5e5;
}
#events_calendar .simple-calendar .simple-calendar__month-selector {
  padding: 12px 0;
  text-align: center;
  border-top: 1px solid #eaeaea;
}
.new-admin .simple-calendar {
  margin-bottom: 24px;
}
.new-admin .simple-calendar td {
  border-right: 1px solid #e0e0e0;
}
.new-admin .simple-calendar td:first-child {
  border-left: 1px solid #e0e0e0;
}
.new-admin .simple-calendar tr:last-child td {
  border-bottom: 1px solid #e0e0e0;
}
.new-admin .future .marker-wrap .date,
.new-admin .next-month .marker-wrap .date,
.new-admin .no-backlog .marker-wrap .date {
  color: #d0d0d0;
}
.new-admin .day:not(.future, .no-backlog) .marker-wrap .date {
  color: #636363;
}
.new-admin .has-events .marker-wrap svg {
  fill: #326ece;
}
.new-admin .activatedCalendarDay .marker-wrap {
  background-color: #ebf1fa;
}
.new-admin .activatedCalendarDay .marker-wrap .date {
  color: #326ece;
}
#streaks_calendar .simple-calendar .calendar-heading {
  padding: 14px 20px 20px;
}
#streaks_calendar .simple-calendar .calendar-title {
  font-weight: 700;
  font-size: 21.06px;
  line-height: 25px;
  color: #424242;
}
#streaks_calendar .simple-calendar .calendar-arrow svg {
  height: 12px;
  width: 12px;
  stroke: #3f3f3f;
  stroke-width: 2px;
}
#streaks_calendar .simple-calendar td {
  font-weight: 800;
}
#streaks_calendar .simple-calendar th {
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
}
#streaks_calendar .simple-calendar .marker-wrap {
  width: 44px;
  height: 45px;
  margin: 10px auto;
}
@media only screen and (max-width: 39.938em) {
  #streaks_calendar .simple-calendar .marker-wrap {
    width: 34px;
    height: 35px;
  }
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  #streaks_calendar .simple-calendar .marker-wrap {
    width: 40px;
    height: 41px;
  }
}
#streaks_calendar .simple-calendar .past .marker-wrap,
#streaks_calendar .simple-calendar .prev-month .marker-wrap {
  background-color: #ececec;
}
#streaks_calendar .simple-calendar .future,
#streaks_calendar .simple-calendar .next-month {
  color: #d0d0d0;
}
#streaks_calendar .simple-calendar .future .marker-wrap,
#streaks_calendar .simple-calendar .next-month .marker-wrap {
  background-color: #f6f6f6;
}
#streaks_calendar .simple-calendar .prev-month .marker-wrap,
#streaks_calendar .simple-calendar .next-month .marker-wrap {
  width: 26px;
  height: 27px;
}
#streaks_calendar .simple-calendar .prev-month .marker-wrap .date,
#streaks_calendar .simple-calendar .next-month .marker-wrap .date {
  display: none;
}
#streaks_calendar
  .simple-calendar
  td.streaks-has-streak:not(.wday-0)
  .streak-date::before {
  max-height: 45px;
  min-height: 35px;
  display: block;
  content: "";
  height: 45px;
  width: 100%;
  position: relative;
  margin-top: 10px;
  margin-bottom: -55px;
  right: 50%;
  z-index: 0;
}
@media only screen and (max-width: 39.938em) {
  #streaks_calendar
    .simple-calendar
    td.streaks-has-streak:not(.wday-0)
    .streak-date::before {
    height: 35px;
    margin-bottom: -45px;
  }
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  #streaks_calendar
    .simple-calendar
    td.streaks-has-streak:not(.wday-0)
    .streak-date::before {
    height: 40px;
    margin-bottom: -50px;
  }
}
.funnel .steps-wrap {
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  max-width: 100%;
  height: 36px;
  margin-bottom: 2.5rem;
}
.funnel .steps-wrap .step {
  position: absolute;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  top: 40%;
  z-index: 10;
  width: 24px;
  height: 24px;
  background: #e0e0e0;
}
.funnel .steps-wrap .step.first {
  left: 0;
}
.funnel .steps-wrap .step.second {
  left: 45%;
}
.funnel .steps-wrap .step.third {
  right: 0;
}
.funnel .steps-wrap .step.active {
  background: #326ece;
}
.funnel .steps-wrap .step-connector {
  position: absolute;
  width: 100%;
  max-width: 100%;
  left: 0;
  top: 25px;
  z-index: 5;
  height: 2px;
  background: #e0e0e0;
}
.funnel fieldset {
  margin: 0;
}
.funnel section {
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 1.25rem;
  background: #ffffff;
}
@media only screen and (min-width: 40em) {
  .funnel section {
    padding: 2.5rem;
  }
}
.funnel section.profile-pager {
  padding: 0;
  margin-top: 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0;
  box-shadow: rgba(0, 0, 0, 0) 0 0 0;
}
.funnel .adult-signup-wrap,
.funnel .child-signup-wrap,
.funnel .library-card-signup-wrap,
.funnel .child-library-card-signup-wrap,
.funnel .non-compliant-signup-wrap,
.funnel .parent-age-wrap,
.funnel .self-age-wrap {
  display: none;
}
.funnel #parent-email-address-form-wrap,
.funnel #backgrounds-form-wrap,
.funnel #genres-form-wrap,
.funnel #interests-form-wrap,
.funnel #reading-levels-form-wrap {
  display: none;
}
.funnel #personalization-backgrounds-form-wrap,
.funnel #personalization-genres-form-wrap,
.funnel #personalization-interests-form-wrap {
  display: none;
}
.funnel .funnel-user-selection-wrap {
  opacity: 0;
  filter: alpha(opacity=0);
}
.funnel .funnel-user-selection-wrap .button {
  width: 100%;
  max-width: 100%;
  margin-top: 8px;
}
@media only screen and (min-width: 40em) {
  .funnel .funnel-user-selection-wrap .button {
    width: auto;
    margin: 0 8px 0 0;
  }
}
.funnel label,
.funnel .label,
.funnel .age-label {
  display: block;
  text-align: left;
}
.funnel .age-triggers {
  margin-top: 12px;
}
.funnel .button-wrap {
  margin: 24px 0 0 0;
}
.funnel .button-wrap:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 40em) {
  .funnel .button-wrap {
    margin: 1rem 0 0 0;
  }
}
.funnel .button-wrap.intro {
  margin-top: 0;
}
@media only screen and (min-width: 40em) {
  .funnel .button-wrap .nav-back {
    float: left;
  }
}
@media only screen and (min-width: 40em) {
  .funnel .button-wrap .nav-next {
    float: right;
  }
}
.funnel .cross-circle {
  display: inline-block;
  width: 32px;
  margin-right: 8px;
  background: #e85648;
}
.funnel .kid-login-reminder {
  padding: 24px;
  margin-bottom: 24px;
  background: #326ece;
}
@media only screen and (min-width: 40em) {
  .funnel .kid-login-reminder {
    padding: 40px;
  }
}
@media only screen and (min-width: 80em) {
  .funnel .kid-login-reminder {
    margin-bottom: 0;
  }
}
.funnel .kid-stagger {
  opacity: 0;
  filter: alpha(opacity=0);
}
.funnel .customize-intro {
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  background: #326ece;
}
@media only screen and (min-width: 40em) {
  .funnel .customize-intro {
    padding: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.funnel .sign-up-funnel-pager-buttons:after {
  clear: both;
  content: "";
  display: table;
}
.funnel .sign-up-funnel-pager-buttons .button {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .funnel .sign-up-funnel-pager-buttons .button {
    margin-top: 0;
  }
}
@media only screen and (min-width: 40em) {
  .funnel .sign-up-funnel-pager-buttons .nav-next {
    float: right;
  }
}
.funnel .sign-up-funnel-pager-buttons.finish {
  margin-top: 1.25rem;
}
.programs-funnel {
  padding: 0;
}
.programs-funnel h1 {
  font-weight: 800;
  letter-spacing: normal;
}
.programs-funnel h1 {
  font-weight: 800;
  letter-spacing: normal;
}
.programs-funnel .intro-wrap .masthead {
  padding: 3.75rem 0;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .masthead {
    padding: 5rem 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 80em) {
  .programs-funnel .intro-wrap .masthead {
    padding: 7.5rem 0;
    margin-bottom: 2.5rem;
  }
}
.programs-funnel .intro-wrap .masthead .divide {
  opacity: 0.26;
  filter: alpha(opacity=26);
  border-bottom: 1px solid #ffffff;
  margin: 1.875rem auto;
}
.programs-funnel .intro-wrap .card.hollow {
  border: 1px solid #e0e0e0;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .card.hollow {
    display: block;
    padding: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.programs-funnel .intro-wrap .card.hollow.in {
  padding: 2.5rem 0;
}
.programs-funnel .intro-wrap .age-group {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 4px solid #e0e0e0;
  margin-bottom: 1.25rem;
}
.programs-funnel .intro-wrap .age-group:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.programs-funnel .intro-wrap .age-group:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.programs-funnel .intro-wrap .age-group:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .age-group {
    margin-bottom: 2.5rem;
  }
  .programs-funnel .intro-wrap .age-group:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .programs-funnel .intro-wrap .age-group:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .programs-funnel .intro-wrap .age-group:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.programs-funnel .intro-wrap .age-group img {
  width: 100%;
  max-width: 100%;
}
.programs-funnel .intro-wrap .header-with-button {
  border-top: none;
  padding: 1.25rem;
}
.programs-funnel .intro-wrap .header-with-button:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .header-with-button header {
    float: left;
  }
  .programs-funnel .intro-wrap .header-with-button .button {
    position: relative;
    float: right;
    top: 3px;
  }
}
@media only screen and (min-width: 80em) {
  .programs-funnel .intro-wrap .header-with-button .button {
    top: 7px;
  }
}
.programs-funnel .intro-wrap .how-it-works,
.programs-funnel .intro-wrap .upcoming-events {
  display: none;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .how-it-works,
  .programs-funnel .intro-wrap .upcoming-events {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.programs-funnel .intro-wrap .group-register {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .group-register {
    margin-bottom: 0;
  }
}
.programs-funnel .intro-wrap .sponsors {
  text-align: center;
  background: #ffffff;
  padding: 2.5rem 1.25rem;
}
@media only screen and (min-width: 80em) {
  .programs-funnel .intro-wrap .sponsors {
    padding: 3.75rem;
  }
}
.programs-funnel .intro-wrap .sponsors ul {
  margin: 0;
}
.programs-funnel .intro-wrap .sponsors ul li {
  display: inline-block;
  margin: 2.5rem 1.25rem 0 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .intro-wrap .sponsors ul li {
    margin: 2.5rem 2.5rem 0 2.5rem;
  }
  .programs-funnel .intro-wrap .sponsors ul li:first-child {
    margin-left: 0;
  }
  .programs-funnel .intro-wrap .sponsors ul li:last-child {
    margin-right: 0;
  }
}
.programs-funnel .intro-wrap .sponsors img {
  height: 54px;
}
@media only screen and (min-width: 80em) {
  .programs-funnel .intro-wrap .sponsors img {
    height: 72px;
  }
}
.programs-funnel .button-wrap button {
  width: 100%;
  max-width: 100%;
  margin: 0 0 0.625rem 0;
}
@media only screen and (min-width: 80em) {
  .programs-funnel .button-wrap button {
    width: auto;
    margin: 0 0.3125rem;
  }
}
@media only screen and (min-width: 40em) {
  .programs-funnel .button-wrap.yes-no button {
    width: auto;
  }
}
.programs-funnel .recommendations-callout {
  background-color: #f7f7f7;
  padding: 1.5rem;
  margin: 1rem 0;
}
@media only screen and (min-width: 40em) {
  .programs-funnel .recommendations-callout {
    padding: 3rem;
    margin: 1.5rem 0;
  }
}
.programs-funnel .recommendations-callout label {
  text-align: center;
}
.programs-funnel .recommendations-callout ul {
  margin: 0;
}
.programs-funnel .start-over {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  text-align: center;
}
.programs-funnel .start-over:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.programs-funnel .start-over:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.programs-funnel .start-over:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .programs-funnel .start-over:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .programs-funnel .start-over:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .programs-funnel .start-over:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.programs-funnel .start-over .start-over-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto 8px auto;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -571px -620px;
}
.programs-funnel .start-over-divide {
  background-color: #424242;
  width: 48px;
  height: 2px;
  margin: 48px auto;
}
.programs-funnel #username-status {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  margin: 1.25rem 0 2.5rem 0;
}
.programs-funnel #username-status .check-circle {
  display: block;
  width: 32px;
  margin: 0 auto 0.625rem auto;
}
.programs-funnel .coppa-divide {
  background: #e0e0e0;
  width: 2.5rem;
  height: 0.25rem;
  margin: 0 auto 2.5rem auto;
}
.programs-funnel .loading {
  display: block;
  width: 48px;
  margin: 1.25rem auto 0 auto;
}
.programs-funnel .user-selection-wrap,
.programs-funnel .program-sign-up-wrap {
  padding-top: 200px;
}
.programs-funnel .childs-information {
  margin-top: 1.25rem;
}
.programs-funnel .funnel-start-wrap,
.programs-funnel .add-adult-wrap,
.programs-funnel .add-child-wrap,
.programs-funnel .add-any-child-wrap,
.programs-funnel .add-yourself-wrap,
.programs-funnel .add-another-child-header,
.programs-funnel .add-any-child-header,
.programs-funnel .age-selection-wrap,
.programs-funnel .success-wrap {
  display: none;
  padding: 200px 0;
}
.programs-funnel .funnel-start-wrap ul,
.programs-funnel .add-adult-wrap ul,
.programs-funnel .add-child-wrap ul,
.programs-funnel .add-any-child-wrap ul,
.programs-funnel .add-yourself-wrap ul,
.programs-funnel .add-another-child-header ul,
.programs-funnel .add-any-child-header ul,
.programs-funnel .age-selection-wrap ul,
.programs-funnel .success-wrap ul {
  margin: 0;
}
.programs-funnel .highlight-error {
  border-color: #e85648 !important;
}
.programs-funnel input[type="checkbox"] {
  display: inline-block;
  margin: 0 auto;
}
.programs-funnel .sign-up-with-library-card-callout {
  text-align: center;
  border: 2px solid #e0e0e0;
  padding: 2.5rem;
  margin-bottom: 2.5rem;
  background: url("https://assets.beanstack-cdn.com/static-assets/absurdidad.png");
}
.programs-funnel .sign-up-with-library-card-callout h2 {
  font-size: 24px;
  line-height: 1.25;
}
.logged-out .programs-funnel .user-selection-wrap,
.logged-out .programs-funnel .program-sign-up-wrap {
  padding-top: 80px;
}
.logged-out .programs-funnel .funnel-start-wrap,
.logged-out .programs-funnel .add-adult-wrap,
.logged-out .programs-funnel .add-child-wrap,
.logged-out .programs-funnel .add-any-child-wrap,
.logged-out .programs-funnel .add-yourself-wrap,
.logged-out .programs-funnel .add-another-child-header,
.logged-out .programs-funnel .add-any-child-header,
.logged-out .programs-funnel .age-selection-wrap,
.logged-out .programs-funnel .success-wrap {
  padding: 80px 0;
}
.group-registration .your-information {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .group-registration .your-information {
    margin-top: 2.5rem;
  }
}
.new-funnel {
  padding-top: 0;
}
.new-funnel #join-challenge .join-challenge-body .challenge-range {
  margin-left: 0;
}
.new-funnel #join-challenge .join-challenge-body .challenge-types {
  margin-right: 15px;
}
.new-funnel #join-challenge .join-challenge-buttons {
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px 15px;
}
.new-funnel #join-challenge .join-challenge-buttons .button + .button,
.new-funnel #join-challenge .join-challenge-buttons .button + .dropdown {
  margin-left: 15px;
}
.new-funnel #join-challenge .join-challenge-buttons .classlink-sign-in,
.new-funnel #join-challenge .join-challenge-buttons .clever-sign-in {
  margin: 0 auto;
}
.new-funnel #join-challenge .join-challenge-buttons .dropdown-items-list {
  top: initial;
  right: 0;
  bottom: calc(100% + 16px);
  left: initial;
  min-width: 250px;
}
@media only screen and (max-width: 39.938em) {
  .new-funnel #join-challenge .join-challenge-buttons {
    flex-direction: column;
  }
  .new-funnel #join-challenge .join-challenge-buttons .button {
    width: 100%;
  }
  .new-funnel #join-challenge .join-challenge-buttons .button + .button,
  .new-funnel #join-challenge .join-challenge-buttons .button + .dropdown {
    margin-left: 0;
    margin-top: 15px;
  }
  .new-funnel #join-challenge .join-challenge-buttons .dropdown-items-list {
    max-width: 100%;
    width: 100%;
  }
  .new-funnel
    #join-challenge
    .join-challenge-buttons
    .dropdown-items-list
    .dropdown-items-list__item
    a,
  .new-funnel
    #join-challenge
    .join-challenge-buttons
    .dropdown-items-list
    .dropdown-items-list__item
    button {
    justify-content: center;
  }
}
.new-funnel .sign-up-message {
  text-align: center;
  margin-bottom: 2.5rem;
}
.programs-funnel.sortable .srp-header {
  font-size: 34px;
  font-weight: 800;
  margin: 0 40px 40px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp-header {
    font-size: 28px;
  }
}
.programs-funnel.sortable .srp-header::after {
  content: "";
  display: block;
  position: absolute;
  width: 94px;
  height: 21px;
  background-color: #ddf6f9;
  border-radius: 10.5px;
  bottom: 5px;
  left: calc(50% - 47px);
  z-index: 0;
}
.programs-funnel.sortable .srp-header .srp-header--text {
  position: relative;
  z-index: 1;
}
.programs-funnel.sortable .srp-header.with-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 40px 16px;
}
.programs-funnel.sortable .srp-header.with-button .srp-header--text,
.programs-funnel.sortable .srp-header.with-button .srp-header--button {
  display: flex;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp-header.with-button .srp-header--button {
    display: none;
  }
}
.programs-funnel.sortable .srp-header.with-button .srp-header--button a {
  font-weight: 600;
}
.programs-funnel.sortable .srp-header.with-button .srp-header--text {
  flex-grow: 1;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp-header.with-button .srp-header--text {
    justify-content: space-around;
  }
}
.programs-funnel.sortable .srp-header.with-button::after {
  left: -5px;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp-header.with-button::after {
    left: calc(50% - 47px);
  }
}
.programs-funnel.sortable .srp-footer-button {
  display: none;
  text-align: center;
  margin-top: 24px;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp-footer-button {
    display: block;
  }
}
.programs-funnel.sortable .srp_logo {
  position: relative;
}
.programs-funnel.sortable .srp_logo img {
  border-radius: 10px;
  max-width: 600px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_logo img {
    max-width: 100%;
  }
}
.programs-funnel.sortable .srp_logo::before,
.programs-funnel.sortable .srp_logo::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 107px;
  width: 149px;
  top: calc(50% - 53.5px);
  z-index: -1;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_logo::before,
  .programs-funnel.sortable .srp_logo::after {
    display: none;
  }
}
.programs-funnel.sortable .srp_logo::before {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Wave-Left.svg");
  background-repeat: no-repeat;
  background-position: right;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_logo::before {
    background-size: cover;
    height: 74px;
    width: 50px;
    top: calc(50% - 37px);
  }
}
.programs-funnel.sortable .srp_logo::after {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Wave-Right.svg");
  background-repeat: no-repeat;
  right: 0;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_logo::after {
    background-size: cover;
    height: 74px;
    width: 50px;
    top: calc(50% - 37px);
  }
}
.programs-funnel.sortable .srp_information {
  text-align: center;
}
.programs-funnel.sortable .srp_information p {
  color: #656565;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_information p {
    font-size: 16px;
  }
}
.programs-funnel.sortable .srp_information .previous-sign-in--header,
.programs-funnel.sortable .srp_information .account-creation--header {
  font-size: 22px;
  font-weight: 800;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_information .previous-sign-in--header,
  .programs-funnel.sortable .srp_information .account-creation--header {
    font-size: 20px;
  }
}
.programs-funnel.sortable .srp_information .account-section {
  position: relative;
}
.programs-funnel.sortable
  .srp_information
  .account-section
  .lp-account-left-blob,
.programs-funnel.sortable
  .srp_information
  .account-section
  .lp-account-right-blob {
  position: absolute;
}
.programs-funnel.sortable
  .srp_information
  .account-section
  .lp-account-left-blob {
  height: 175px;
  top: 45%;
  left: 0;
}
.programs-funnel.sortable
  .srp_information
  .account-section
  .lp-account-right-blob {
  width: 90px;
  top: 48%;
  right: 0;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable
    .srp_information
    .account-section
    .lp-account-left-blob,
  .programs-funnel.sortable
    .srp_information
    .account-section
    .lp-account-right-blob {
    display: none;
  }
}
.programs-funnel.sortable .srp_information .account-creation {
  margin-bottom: 112px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_information .account-creation {
    margin-bottom: 80px;
  }
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--header {
  margin-bottom: 24px;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons {
  display: inline-block;
  position: relative;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons
  .lp-left-burst,
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons
  .lp-right-burst {
  position: absolute;
  height: 55px;
  width: 19px;
  top: -6px;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons
  .lp-left-burst-small,
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons
  .lp-right-burst-small {
  display: none;
  position: absolute;
  height: 38px;
  width: 28px;
  top: 38px;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons
  .lp-left-burst {
  left: -48px;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons
  .lp-right-burst {
  right: -48px;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons
  .button {
  height: 50px;
  color: #dd0031;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .account-creation--buttons
  .button
  + .button {
  margin-left: 14px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .lp-left-burst,
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .lp-right-burst {
    display: none;
    top: 24px;
  }
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .lp-left-burst-small,
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .lp-right-burst-small {
    display: none;
  }
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .lp-left-burst-small {
    left: 28px;
  }
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .lp-right-burst-small {
    right: 32px;
  }
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .button {
    padding: 0 10px;
    width: 240px;
  }
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .button
    + .button {
    margin-left: 0;
    margin-top: 14px;
  }
}
@media screen and (max-width: 450px) {
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .lp-left-burst-small {
    left: 0;
  }
  .programs-funnel.sortable
    .srp_information
    .account-creation
    .account-creation--buttons
    .lp-right-burst-small {
    right: 5px;
  }
}
.programs-funnel.sortable .srp_information .account-creation .privacy-callout {
  font-size: 14px;
  margin: 0 auto;
  max-width: 400px;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .privacy-callout
  a {
  position: relative;
  text-decoration: none;
}
.programs-funnel.sortable
  .srp_information
  .account-creation
  .privacy-callout
  a::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 3px;
  width: 100%;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--header {
  margin-bottom: 24px;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in-button-container {
  position: relative;
  margin: 0 auto;
  max-width: 600px;
  display: flex;
  align-items: center;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in-button-container::before,
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in-button-container::after {
  content: "";
  display: inline-block;
  background-color: #f2f2f2;
  height: 4px;
  flex: 1;
  flex-basis: 32px;
  z-index: -1;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in-button-container::before {
  left: 0;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in-button-container::after {
  right: 0;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--button-wrapper
  img {
  height: 44px;
  border-radius: 8px;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--button-wrapper
  a,
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--button-wrapper
  button {
  margin: 0 5px;
  color: #dd0031;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable
    .srp_information
    .previous-sign-in
    .previous-sign-in--button-wrapper {
    max-width: 326px;
  }
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable
    .srp_information
    .previous-sign-in
    .previous-sign-in--button-wrapper.clever-sign-in {
    max-width: 420px;
  }
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--button-wrapper.google-sign-in
  .google-login-button {
  height: 46px;
  width: 191px;
  display: inline-block;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/google_btn.png");
  background-position: 0 0;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--button-wrapper.google-sign-in
  .google-login-button:focus {
  background-position: 0 92px;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--button-wrapper.google-sign-in
  .google-login-button:hover {
  background-position: 0 46px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable
    .srp_information
    .previous-sign-in
    .previous-sign-in--button-wrapper.google-sign-in {
    max-width: 420px;
  }
}
.programs-funnel.sortable .srp_information .previous-sign-in .help-callout,
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--registrations-closed {
  max-width: 600px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_information .previous-sign-in .help-callout,
  .programs-funnel.sortable
    .srp_information
    .previous-sign-in
    .previous-sign-in--registrations-closed {
    max-width: 360px;
  }
}
.programs-funnel.sortable .srp_information .previous-sign-in .help-callout {
  border-radius: 16px;
  font-size: 14px;
  padding: 32px 24px;
  margin: 60px auto;
  position: relative;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .help-callout::before {
  content: "i";
  background-color: #e4f2ff;
  border: 8px solid #fff;
  border-radius: 100%;
  font-size: 18px;
  font-family: Georgia, serif;
  font-weight: 800;
  display: inline-block;
  position: absolute;
  width: 50px;
  height: 50px;
  padding-top: 3px;
  top: -30px;
  left: calc(50% - 25px);
  z-index: 1;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .help-callout
  .help-callout--header {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 14px;
}
.programs-funnel.sortable
  .srp_information
  .previous-sign-in
  .previous-sign-in--registrations-closed {
  background-color: #f5f5f5;
  border-radius: 16px;
  color: #656565;
  font-size: 18px;
  font-weight: 800;
  padding: 24px 0;
  margin: 0 auto 48px;
}
.programs-funnel.sortable .srp_information .program-header {
  margin: 0 auto 112px;
  max-width: 600px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_information .program-header {
    margin: 0 auto 80px;
  }
}
.programs-funnel.sortable .srp_information .program-header p {
  margin-bottom: 0;
}
.programs-funnel.sortable .srp_information .program-header .intro-header {
  font-size: 28px;
  font-weight: 800;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_information .program-header .intro-header {
    font-size: 24px;
  }
}
.programs-funnel.sortable .srp_information .title-and-dates {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.programs-funnel.sortable .srp_information .title-and-dates .title {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 12px;
}
.programs-funnel.sortable .srp_information .title-and-dates .dates {
  color: #656565;
}
.programs-funnel.sortable .srp_information .title-and-dates .lp-divider {
  margin: 40px 0 10px;
  height: 12px;
  width: 65px;
}
.programs-funnel.sortable .srp_image {
  text-align: center;
  margin-bottom: 160px;
  position: relative;
  border-bottom-left-radius: 50px;
  top: -8px;
  max-height: 290px;
  max-width: 1200px;
  border-radius: 40px;
}
.programs-funnel.sortable .srp_image .lp-header-bg-small-bottom {
  display: none;
}
.programs-funnel.sortable .srp_image:not(.srp-section--0),
.programs-funnel.sortable .srp_image:not(.srp-section:nth-child(1)) {
  margin-bottom: 180px;
}
@media screen and (max-width: 720px) {
  .programs-funnel.sortable .srp_image:not(.srp-section--0),
  .programs-funnel.sortable .srp_image:not(.srp-section:nth-child(1)) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
  }
  .programs-funnel.sortable
    .srp_image:not(.srp-section--0)
    .lp-header-bg-large-bottom,
  .programs-funnel.sortable
    .srp_image:not(.srp-section:nth-child(1))
    .lp-header-bg-large-bottom {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .programs-funnel.sortable .srp_image .lp-header-bg-large-bottom {
    display: none;
  }
  .programs-funnel.sortable .srp_image .lp-header-bg-small-bottom {
    display: block;
  }
}
.programs-funnel.sortable .srp_image::before,
.programs-funnel.sortable .srp_image::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  height: 13px;
  width: 13px;
  background-color: #ffffff;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp_image::before,
  .programs-funnel.sortable .srp_image::after {
    display: none;
  }
}
.programs-funnel.sortable .srp_image::before {
  left: 5%;
  bottom: 15%;
}
.programs-funnel.sortable .srp_image::after {
  right: 5%;
  top: 40%;
}
.programs-funnel.sortable .srp_image img {
  border-radius: 16px;
  position: relative;
  top: 100px;
  max-height: 300px;
  z-index: 2;
}
.programs-funnel.sortable .srp_image .lp-header-bg-large-bottom,
.programs-funnel.sortable .srp_image .lp-header-bg-small-bottom {
  position: absolute;
  left: 0;
  bottom: -39px;
}
.programs-funnel.sortable .srp_image .lp-header-bg-large-left-shapes,
.programs-funnel.sortable .srp_image .lp-header-bg-large-right-shapes {
  position: absolute;
  height: 100%;
  width: 165px;
  z-index: 1;
}
.programs-funnel.sortable .srp_image .lp-header-bg-large-left-shapes {
  top: -2px;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp_image .lp-header-bg-large-left-shapes {
    left: 45%;
  }
}
.programs-funnel.sortable .srp_image .lp-header-bg-large-right-shapes {
  top: -2px;
  right: 0;
  height: 98%;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp_image .lp-header-bg-large-right-shapes {
    display: none;
  }
}
.programs-funnel.sortable .srp_image.srp-section--0,
.programs-funnel.sortable .srp_image.srp-section:nth-child(1) {
  margin: 0 auto 140px;
  max-width: 100%;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 100%;
}
@media screen and (max-width: 720px) {
  .programs-funnel.sortable .srp_image.srp-section--0,
  .programs-funnel.sortable .srp_image.srp-section:nth-child(1) {
    border-bottom-left-radius: 0;
  }
}
.programs-funnel.sortable .srp_how_it_works ul {
  color: #656565;
  font-size: 18px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_how_it_works ul {
    font-size: 16px;
  }
}
.programs-funnel.sortable .srp_how_it_works ul .step {
  padding: 0 24px;
  position: relative;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  + .step
  .lp-dashed-line-horizontal,
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  + .step
  .lp-dashed-line-vertical {
  display: block;
  position: absolute;
  z-index: -1;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  + .step
  .lp-dashed-line-horizontal {
  height: 5px;
  width: 150px;
  top: 60px;
  left: -100px;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  + .step
  .lp-dashed-line-vertical {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_how_it_works ul .step + .step {
    padding-top: 80px;
  }
  .programs-funnel.sortable
    .srp_how_it_works
    ul
    .step
    + .step
    .lp-dashed-line-horizontal {
    display: none;
  }
  .programs-funnel.sortable
    .srp_how_it_works
    ul
    .step
    + .step
    .lp-dashed-line-vertical {
    display: block;
    height: 50px;
    width: 5px;
    left: 49%;
    top: -50px;
  }
}
.programs-funnel.sortable .srp_how_it_works ul .step .step--number {
  padding: 24px 0;
  position: relative;
  height: 130px;
}
.programs-funnel.sortable .srp_how_it_works ul .step .step--number::before,
.programs-funnel.sortable .srp_how_it_works ul .step .step--number::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
}
.programs-funnel.sortable .srp_how_it_works ul .step .step--number::before {
  background-color: #e8e8e8;
  border-radius: 20px;
  height: 8px;
  width: 8px;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--one
  .lp-number-1 {
  width: 36px;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--one::before {
  top: 0;
  right: 20%;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--one::after {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Triangle.svg");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  left: 15%;
  bottom: 40px;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--two
  .lp-number-2 {
  width: 60px;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--two::before {
  bottom: 40px;
  left: 20%;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--two::after {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Cross.svg");
  background-repeat: no-repeat;
  top: 0;
  right: 20%;
  height: 25px;
  width: 25px;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--three
  .lp-number-3 {
  width: 60px;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--three::before {
  top: 30px;
  left: 20%;
}
.programs-funnel.sortable
  .srp_how_it_works
  ul
  .step
  .step--number.step--three::after {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Halfpipe.svg");
  background-repeat: no-repeat;
  height: 42px;
  width: 34px;
  right: 15%;
  bottom: 40px;
}
.programs-funnel.sortable .srp_challenges .owl-stage,
.programs-funnel.sortable .srp_events .owl-stage,
.programs-funnel.sortable .srp_reviews .owl-stage {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.programs-funnel.sortable .srp_challenges .owl-theme .owl-nav,
.programs-funnel.sortable .srp_events .owl-theme .owl-nav,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-nav {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: -72px;
  margin-top: 0;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav {
    top: initial;
    bottom: -11px;
  }
}
@media screen and (min-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav {
    top: calc(50% - 124px);
  }
}
.programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-prev,
.programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-next,
.programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-prev,
.programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-next,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-prev,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-next {
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  width: 13px;
  height: 23px;
  text-indent: -10000px;
  padding: 90px 28px;
}
.programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-prev:hover,
.programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-next:hover,
.programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-prev:hover,
.programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-next:hover,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-prev:hover,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-next:hover {
  background-color: #f2f2f2;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-next,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-next,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-next {
    border-radius: 100%;
    padding: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-next,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-next,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-next {
    position: absolute;
  }
}
.programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-prev,
.programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-prev,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-prev {
  left: 0;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Left-Arrow.svg");
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-prev {
    left: -100px;
  }
}
@media screen and (min-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-prev,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-prev {
    left: -79px;
  }
}
.programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-next,
.programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-next,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-next {
  right: 0;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Right-Arrow.svg");
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-next,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-next,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-next {
    right: -100px;
  }
}
@media screen and (min-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav .owl-next,
  .programs-funnel.sortable .srp_events .owl-theme .owl-nav .owl-next,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-nav .owl-next {
    right: -79px;
  }
}
.programs-funnel.sortable .srp_challenges .owl-theme .owl-dots,
.programs-funnel.sortable .srp_events .owl-theme .owl-dots,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-dots {
  margin-top: 1.875rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-dots,
  .programs-funnel.sortable .srp_events .owl-theme .owl-dots,
  .programs-funnel.sortable .srp_reviews .owl-theme .owl-dots {
    max-width: 200px;
    margin: 18px auto 0;
  }
}
.programs-funnel.sortable
  .srp_challenges
  .owl-theme
  .owl-dots
  .owl-dot.active
  span,
.programs-funnel.sortable .srp_events .owl-theme .owl-dots .owl-dot.active span,
.programs-funnel.sortable
  .srp_reviews
  .owl-theme
  .owl-dots
  .owl-dot.active
  span {
  background: #424242;
}
.programs-funnel.sortable .srp_challenges .owl-theme .owl-dots .owl-dot span,
.programs-funnel.sortable .srp_events .owl-theme .owl-dots .owl-dot span,
.programs-funnel.sortable .srp_reviews .owl-theme .owl-dots .owl-dot span {
  background: #e0e0e0;
}
.programs-funnel.sortable .srp_events .owl-stage,
.programs-funnel.sortable .srp_reviews .owl-stage {
  display: flex;
  padding: 0 0 30px;
}
.programs-funnel.sortable .srp_events .owl-stage .owl-item,
.programs-funnel.sortable .srp_reviews .owl-stage .owl-item {
  display: flex;
}
.programs-funnel.sortable .srp_events .owl-stage .owl-item a.item,
.programs-funnel.sortable .srp_reviews .owl-stage .owl-item a.item {
  color: #424242;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: #f8f8f8;
  border-radius: 16px;
  padding: 24px;
  -webkit-transition: box-shadow 0.25s ease-out;
  -moz-transition: box-shadow 0.25s ease-out;
  transition: box-shadow 0.25s ease-out;
}
.programs-funnel.sortable .srp_events .owl-stage .owl-item a.item:hover,
.programs-funnel.sortable .srp_reviews .owl-stage .owl-item a.item:hover {
  -webkit-box-shadow: 0 5px 32px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 32px 0 rgba(0, 0, 0, 0.09);
}
.programs-funnel.sortable .srp_events .owl-stage .owl-item a.item:hover,
.programs-funnel.sortable .srp_reviews .owl-stage .owl-item a.item:hover {
  color: #424242;
  text-decoration: none;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--body
  .item--body-title,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item
  a.item
  .item--body
  .item--body-title {
  font-weight: 800;
  margin-bottom: 10px;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--body
  .item--body-review,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item
  a.item
  .item--body
  .item--body-review {
  color: #424242;
}
.programs-funnel.sortable .srp_events .owl-stage .owl-item a.item .item--header,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item
  a.item
  .item--header {
  display: flex;
  margin-bottom: 24px;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item
  a.item
  .item--header
  .initials {
  font-weight: 800;
  border-radius: 100%;
  display: flex;
  height: 40px;
  width: 40px;
  margin-right: 16px;
  justify-content: space-around;
  align-items: center;
  text-transform: uppercase;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info {
  display: flex;
  flex-direction: column;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .author,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .author {
  font-size: 16px;
  font-weight: 800;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .date,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .date {
  color: #656565;
  font-size: 14px;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(1)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(1)
  .initials {
  color: #c13122;
  background-color: #eb9991;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(2)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(2)
  .initials {
  color: #e1470e;
  background-color: #f8ac90;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(3)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(3)
  .initials {
  color: #ffaa0f;
  background-color: #ffe0a8;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(4)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(4)
  .initials {
  color: #02837b;
  background-color: #23fbee;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(5)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(5)
  .initials {
  color: #1496a7;
  background-color: #67dded;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(6)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(6)
  .initials {
  color: #155277;
  background-color: #47a5de;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(7)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(7)
  .initials {
  color: #514c8a;
  background-color: #a6a3cc;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(8)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(8)
  .initials {
  color: #c13122;
  background-color: #eb9991;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(9)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(9)
  .initials {
  color: #e1470e;
  background-color: #f8ac90;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item:nth-child(10)
  .initials,
.programs-funnel.sortable
  .srp_reviews
  .owl-stage
  .owl-item:nth-child(10)
  .initials {
  color: #ffaa0f;
  background-color: #ffe0a8;
}
.programs-funnel.sortable .srp_events .button-wrap,
.programs-funnel.sortable .srp_reviews .button-wrap {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel.sortable .srp_events .button-wrap,
  .programs-funnel.sortable .srp_reviews .button-wrap {
    padding: 0;
    margin-top: 1.875rem;
  }
}
.programs-funnel.sortable .srp_events .events-icon,
.programs-funnel.sortable .srp_reviews .reviews-icon {
  width: 84px;
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 40em) {
  .programs-funnel.sortable .srp_events .events-icon,
  .programs-funnel.sortable .srp_reviews .reviews-icon {
    width: 96px;
  }
}
@media only screen and (min-width: 80em) {
  .programs-funnel.sortable .srp_events .events-icon,
  .programs-funnel.sortable .srp_reviews .reviews-icon {
    width: 108px;
  }
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_events .owl-stage {
    padding-top: 24px !important;
  }
}
.programs-funnel.sortable .srp_events .owl-stage .owl-item a.item {
  padding-left: 66px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_events .owl-stage .owl-item a.item {
    padding-left: 24px;
    padding-top: 84px;
  }
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header {
  position: relative;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info {
  font-weight: 800;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .title {
  font-size: 18px;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .date,
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .location {
  font-weight: 800;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .date {
  color: #ab3f35;
  font-size: 16px;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .item--header
  .item--header-info
  .location {
  font-size: 16px;
}
.programs-funnel.sortable .srp_events .owl-stage .owl-item a.item .date-icon {
  position: absolute;
  left: -84px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  font-weight: 800;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_events .owl-stage .owl-item a.item .date-icon {
    left: 0;
    top: -100px;
  }
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .date-icon
  .month,
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .date-icon
  .day {
  width: 67px;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .date-icon
  .month {
  background-color: #e85648;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  padding: 3px 0;
}
.programs-funnel.sortable
  .srp_events
  .owl-stage
  .owl-item
  a.item
  .date-icon
  .day {
  background-color: #ffffff;
  font-size: 26px;
}
.programs-funnel.sortable .srp_events .owl-nav {
  top: 12%;
}
.programs-funnel.sortable .srp_challenges {
  background-color: #f8f8f8;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_challenges {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.programs-funnel.sortable .srp_challenges::before,
.programs-funnel.sortable .srp_challenges::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 30px;
  width: 100%;
}
.programs-funnel.sortable .srp_challenges::before {
  border-top: 30px solid #ffffff;
  border-right: 100vw solid #f2f2f2;
  top: -30px;
  right: 0;
}
.programs-funnel.sortable .srp_challenges::after {
  border-bottom: 30px solid #ffffff;
  border-left: calc(100vw - 20px) solid #f2f2f2;
  bottom: -30px;
  left: 0;
}
.programs-funnel.sortable .srp_challenges .srp-header {
  margin-bottom: 20px;
}
.programs-funnel.sortable .srp_challenges .challenge-cards {
  margin: 0;
}
.programs-funnel.sortable .srp_challenges .challenge-cards .owl-stage {
  display: flex;
}
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item {
  display: flex;
}
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container {
  display: flex;
  flex-grow: 1;
  -webkit-box-shaddow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
}
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container:focus,
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container:hover {
  -webkit-box-shadow: 0 5px 32px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 32px 0 rgba(0, 0, 0, 0.09);
}
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card {
  display: flex;
  flex-direction: column;
}
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  .challenge-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  .challenge-type:not(.upcoming-challenge-indicator),
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  .join-challenge-requirements
  .challenge-range:not(.upcoming-challenge-indicator),
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  #join-challenge
  .join-challenge-requirements
  .challenge-range:not(.upcoming-challenge-indicator),
#join-challenge
  .join-challenge-requirements
  .programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  .challenge-range:not(.upcoming-challenge-indicator),
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  #join-challenge-with-code
  .join-challenge-requirements
  .challenge-range:not(.upcoming-challenge-indicator),
#join-challenge-with-code
  .join-challenge-requirements
  .programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  .challenge-range:not(.upcoming-challenge-indicator),
.programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  #join-fundraiser
  .join-challenge-requirements
  .challenge-range:not(.upcoming-challenge-indicator),
#join-fundraiser
  .join-challenge-requirements
  .programs-funnel.sortable
  .srp_challenges
  .challenge-cards
  .owl-stage
  .owl-item
  .challenge-card-container
  .challenge-card
  .challenge-range:not(.upcoming-challenge-indicator) {
  display: none;
}
@media screen and (min-width: 1200px) {
  .programs-funnel.sortable .srp_challenges .owl-theme .owl-nav {
    top: 10%;
  }
}
.programs-funnel.sortable .srp_sponsors {
  text-align: center;
}
.programs-funnel.sortable .srp_sponsors .srp-header {
  margin-bottom: 20px;
}
.programs-funnel.sortable .srp_sponsors .srp-subheader {
  font-size: 18px;
  font-weight: 700;
  color: #656565;
  margin-bottom: 0;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_sponsors .srp-subheader {
    font-size: 16px;
  }
}
.programs-funnel.sortable .srp_sponsors h2 {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 3.75rem;
}
.programs-funnel.sortable .srp_sponsors ul {
  margin: 0;
}
.programs-funnel.sortable .srp_sponsors ul li {
  display: inline-block;
  width: 25%;
  margin: 60px 30px 0 30px;
}
@media only screen and (min-width: 80em) {
  .programs-funnel.sortable .srp_sponsors ul li {
    width: 15%;
  }
}
.programs-funnel.sortable .srp_image + .srp_events,
.programs-funnel.sortable .srp_image + .srp_reviews,
.programs-funnel.sortable .srp_image + .srp_sponsors,
.programs-funnel.sortable .srp_information + .srp_events,
.programs-funnel.sortable .srp_information + .srp_reviews,
.programs-funnel.sortable .srp_information + .srp_sponsors,
.programs-funnel.sortable .srp_how_it_works + .srp_events,
.programs-funnel.sortable .srp_how_it_works + .srp_reviews,
.programs-funnel.sortable .srp_how_it_works + .srp_sponsors {
  border-top: 0;
  padding-top: 0;
}
.programs-funnel.sortable .srp_how_it_works + .srp_statistics {
  margin-top: 0;
}
.programs-funnel.sortable .srp_statistics {
  overflow: hidden;
}
.programs-funnel.sortable .srp_statistics .statistics-items {
  margin: 0;
  list-style-type: none;
  width: 95%;
}
.programs-funnel.sortable .srp_statistics .statistics-items li {
  margin-bottom: 1.25rem;
}
.programs-funnel.sortable .srp_statistics .statistics-items li:last-child {
  margin-bottom: 0;
}
.programs-funnel.sortable .srp_statistics .statistics--goal {
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 36px;
  padding-top: 30px;
}
@media screen and (max-width: 960px) {
  .programs-funnel.sortable .srp_statistics .statistics--goal {
    display: block;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-message {
  margin-bottom: 40px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-message
  a {
  font-weight: 800;
  text-decoration: none;
  position: relative;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-message
  a::after {
  content: "";
  display: inline-block;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -3px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-message
  header
  + p {
  margin-top: 12px;
  margin-bottom: 24px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-message
  header
  + .register-sign-in-wrap {
  margin-top: 24px;
}
.programs-funnel.sortable .srp_statistics .statistics--goal .lp-goal-blob {
  position: absolute;
  height: 290px;
  width: 400px;
  z-index: -1;
  right: calc(50% - 200px);
  top: -50px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col {
  flex-grow: 1;
  max-width: 450px;
  position: relative;
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--goal
    .statistics--goal-col {
    max-width: 430px;
  }
}
@media screen and (max-width: 960px) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--goal
    .statistics--goal-col {
    display: block;
    margin: 0 auto;
    max-width: 500px;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box {
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.04);
  padding: 24px 24px 18px;
  z-index: 1;
  overflow: hidden;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box.goal-reached::before,
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box.goal-reached::after {
  content: "";
  display: inline-block;
  position: aboslute;
  right: 0;
  bottom: 0;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box.goal-reached::before {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Goal-Stars-Top.svg");
  background-repeat: no-repeat;
  height: 30px;
  width: 100px;
  position: absolute;
  bottom: 50px;
  right: 45px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box.goal-reached::after {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Goal-Stars-Bottom.svg");
  background-repeat: no-repeat;
  height: 20px;
  width: 55px;
  position: absolute;
  bottom: -4px;
  right: -8px;
}
@media screen and (max-width: 960px) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--goal
    .statistics--goal-col
    .statistics--goal-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 120px;
    min-height: 200px;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--goal
    .statistics--goal-col
    .statistics--goal-box
    .statistics--goal-header {
    align-items: flex-start;
    flex-grow: 1;
    padding-top: 12px;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-header
  .lp-clock {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 10px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-header
  .statistics--title {
  font-size: 20px;
  font-weight: 800;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-header
  .statistics--days {
  display: flex;
  align-items: center;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar,
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar-shadow {
  align-self: center;
  border-radius: 5px;
  position: relative;
  height: 6px;
  width: 84%;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--goal
    .statistics--goal-col
    .statistics--goal-box
    .statistics--goal-bar
    .percent-bar,
  .programs-funnel.sortable
    .srp_statistics
    .statistics--goal
    .statistics--goal-col
    .statistics--goal-box
    .statistics--goal-bar
    .percent-bar-shadow {
    width: 80%;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar {
  background-color: #e4e4e4;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar
  .percent-bar--completed {
  border-radius: 5px;
  height: 5px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar
  .percent-bar--dot {
  position: relative;
  top: -6px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar
  .percent-bar--dot::before,
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar
  .percent-bar--dot::after {
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: 100%;
  height: 16px;
  width: 16px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar
  .percent-bar--dot::before {
  z-index: 1;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar
  .percent-bar--dot::after {
  background-color: #ffffff;
  height: 24px;
  width: 24px;
  border-radius: 100%;
  left: -4px;
  top: -4px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-completed {
  font-weight: 800;
  position: relative;
  top: -1px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-bar
  .percent-bar-shadow {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 4px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-tally,
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-number {
  display: inline-block;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-col
  .statistics--goal-box
  .statistics--goal-tally {
  font-size: 30px;
  font-weight: 800;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--goal
  .statistics--goal-message
  .statistics--goal-title {
  font-size: 24px;
  font-weight: 800;
}
.programs-funnel.sortable .srp_statistics .statistics--share {
  margin: 80px auto 0;
  max-width: 750px;
  padding: 80px;
  position: relative;
  text-align: center;
}
.programs-funnel.sortable .srp_statistics .statistics--share::before,
.programs-funnel.sortable .srp_statistics .statistics--share::after {
  content: "";
  display: inline-block;
  position: absolute;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp_statistics .statistics--share::before,
  .programs-funnel.sortable .srp_statistics .statistics--share::after {
    display: none;
  }
}
.programs-funnel.sortable .srp_statistics .statistics--share::before {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Cross.svg");
  background-repeat: no-repeat;
  top: 35%;
  left: -15%;
  height: 25px;
  width: 25px;
}
.programs-funnel.sortable .srp_statistics .statistics--share::after {
  background-image: url("https://assets.beanstack-cdn.com/static-assets/Halfpipe.svg");
  background-repeat: no-repeat;
  height: 42px;
  width: 34px;
  right: -15%;
  bottom: 15%;
}
@media screen and (max-width: 750px) {
  .programs-funnel.sortable .srp_statistics .statistics--share {
    margin: 20px 40px 0;
    padding: 80px 40px;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-tag {
  font-size: 26px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-tag
  a::before,
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-tag
  .statistics--share-hashtag {
  opacity: 0.5;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-tag
  .statistics--share-hashtag {
  display: inline-block;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-tag
  a {
  font-size: 26px;
  position: relative;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-tag
  a::before {
  content: "";
  display: inline-block;
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -5px;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-tag
  a:hover {
  text-decoration: none;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-tag
  a:hover::before {
  opacity: 1;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .statistics--share-text {
  align-self: center;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 24px;
}
.programs-funnel.sortable .srp_statistics .statistics--share .lp-share-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .lp-share-bg.lp-share-bg-large-ref {
  transform: rotateY(180deg);
}
@media screen and (max-width: 750px) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--share
    .lp-share-bg.lp-share-bg-large-ref {
    display: none;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .lp-share-bg.lp-share-bg-small-ref {
  display: none;
}
@media screen and (max-width: 750px) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--share
    .lp-share-bg.lp-share-bg-small-ref {
    display: block;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .lp-share-dots-left,
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .lp-share-dots-right {
  position: absolute;
  z-index: 2;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .lp-share-dots-left,
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .lp-share-dots-right {
  position: absolute;
  transform: rotateY(180deg);
  height: 55px;
  width: 55px;
  z-index: 2;
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .lp-share-dots-left {
  left: 50px;
  bottom: 12%;
}
@media screen and (max-width: 750px) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--share
    .lp-share-dots-left {
    left: 5px;
  }
}
.programs-funnel.sortable
  .srp_statistics
  .statistics--share
  .lp-share-dots-right {
  right: 15px;
  top: 15px;
}
@media screen and (max-width: 750px) {
  .programs-funnel.sortable
    .srp_statistics
    .statistics--share
    .lp-share-dots-right {
    transform: none;
    right: 10px;
    top: 10px;
  }
}
.programs-funnel.sortable .srp-section {
  margin: 112px auto;
}
@media only screen and (max-width: 39.938em) {
  .programs-funnel.sortable .srp-section {
    margin: 80px auto;
  }
}
.signed-in .programs-funnel.sortable .srp_statistics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.signed-in
  .programs-funnel.sortable
  .srp_statistics
  #percent-completed-container {
  width: 100%;
  max-width: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #e0e0e0;
  background-color: #ffffff;
  padding: 0.625rem;
  margin-bottom: 0.875rem;
}
@media only screen and (max-width: 39.938em) {
  .signed-in
    .programs-funnel.sortable
    .srp_statistics
    #percent-completed-container {
    margin-top: 1.25rem;
  }
}
.signed-in .programs-funnel.sortable .srp_statistics .percent-completed-bar {
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #0ba85f;
  height: 8px;
}
.signed-in .programs-funnel.sortable .srp_statistics .percent-completed {
  position: absolute;
  top: -40px;
  right: -16px;
}
.signed-in
  .programs-funnel.sortable
  .srp_statistics
  .percent-completed
  .number {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  background: #424242;
  color: #ffffff;
  padding: 0.5rem;
}
.signed-in .programs-funnel.sortable .srp_statistics .percent-completed .arrow {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #424242;
}
.signed-in .programs-funnel.sortable .srp_statistics .statistics-header {
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  line-height: 1.1;
}
.signed-in .programs-funnel.sortable .srp_statistics .statistics-subheader {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
#upload-avatar {
  padding-bottom: 32px;
  margin-bottom: 8px;
  border-bottom: 1px solid #f2f2f2;
}
#upload-avatar label {
  margin-bottom: 2px;
}
#upload-avatar .description-text {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #656565;
  margin-bottom: 16px;
  text-align: left;
}
#upload-avatar input[type="file"] {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  display: block;
}
.upload-avatar-container {
  background-color: #f7f7f7;
  text-align: center;
  padding: 32px 24px 40px;
  border-radius: 8px;
}
@media screen and (max-width: 479px) {
  .upload-avatar-container {
    padding-bottom: 32px;
  }
}
.upload-avatar-container .reader-avatar {
  background-color: white;
  border: 6px solid white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  width: 102px;
  height: 102px;
  margin: 0px auto 24px auto;
}
.upload-avatar-container .reader-avatar .reader-avatar--no-avatar {
  width: 90px;
  height: 90px;
  border-radius: inherit;
  background-color: #eaeaea;
  border: 2px dashed #c8c8c8;
}
.upload-avatar-container .reader-avatar img {
  width: 90px;
  height: 90px;
  border-radius: inherit;
}
.upload-avatar-container .change-avatar-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 479px) {
  .upload-avatar-container .change-avatar-buttons {
    flex-direction: column;
    align-items: center;
  }
}
.upload-avatar-container .change-avatar-buttons .remove-avatar-btn {
  display: none;
  margin-left: 8px;
}
@media screen and (max-width: 479px) {
  .upload-avatar-container .change-avatar-buttons .remove-avatar-btn {
    margin-left: 0;
    margin-top: 8px;
  }
}
.upload-avatar-container .change-avatar-buttons .upload-avatar-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.upload-avatar-container .avatar-notice-container {
  position: relative;
  border-top: 1px solid #eaeaea;
  padding-top: 24px;
  margin: 32px auto 0;
  max-width: 500px;
  display: none;
}
.upload-avatar-container .avatar-notice label {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
  cursor: pointer;
}
.upload-avatar-container .avatar-notice input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.upload-avatar-container
  .avatar-notice
  input[type="checkbox"]:checked
  + label
  .checkbox-faux-control
  svg {
  transform: scale(1);
  opacity: 1;
}
.upload-avatar-container .avatar-notice .checkbox-faux-control {
  transition: all 0.13s ease;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: solid 2px #d9d9d9;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 12px;
}
.upload-avatar-container .avatar-notice .checkbox-faux-control svg {
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: opacity 0.13s ease,
    transform 0.25s cubic-bezier(0.72, 0.05, 0.42, 1.38);
  transform: scale(0);
}
.upload-avatar-container .avatar-notice .checkbox-label-text {
  font-weight: 700;
  color: #424242;
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: break-word;
  display: block;
  white-space: inherit;
  text-align: left;
}
.microsoft-sign-in {
  background: url("https://assets.beanstack-cdn.com/static-assets/ms-symbollockup_signin_light.svg")
    no-repeat center;
  width: 215px;
  height: 41px;
  margin: 0;
  padding: 0;
  border: none;
  color: transparent;
  cursor: pointer;
}
.microsoft-sign-in:hover,
.microsoft-sign-in:focus {
  color: transparent;
}
.microsoft-sign-in:focus {
  box-shadow: 0 0 0 3px #5599e1;
}
.field-availability-status {
  font-weight: normal;
  position: relative;
  color: #424242;
  top: -1px;
  margin-left: 0.3125rem;
  text-transform: none;
}
.field-availability-status img {
  position: relative;
  top: -1px;
  margin-right: 0.3125rem;
}
.cross-circle-availability {
  display: inline-block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #e85648;
  width: 19px;
}
.check-circle-availability {
  display: inline-block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #0ba85f;
  width: 19px;
}
.mfp-s-loading .mfp-preloader {
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  background: #292929
    url("https://assets.beanstack-cdn.com/static-assets/ring-alt-v2.gif") 40px
    40px no-repeat;
  width: 208px;
  height: 208px;
  margin: -104px auto 0 auto;
  text-indent: -10000px;
}
.mfp-content .mfp-close {
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  letter-spacing: normal;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  margin: 0;
  top: -12px;
  right: 8px;
  width: 44px;
  height: 44px;
  border: none;
  text-indent: -10000px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -124px -206px;
}
.mfp-content .mfp-close:hover {
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -124px -250px;
}
.mfp-content .mfp-close:active {
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -124px -294px;
}
.bnstk-modal .bntsk-modal-close {
  text-align: right;
  background-color: #ffffff;
  padding: 1.25rem;
}
.bnstk-modal .bntsk-modal-close .bnstk-mfp-close {
  transition: all 0.13s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 8px;
  background: #fff;
  border: 2px solid #e85648;
  font-weight: inherit;
  font-family: inherit;
  font-size: 14px;
  padding: 0 20px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  -webkit-appearance: none;
  color: #ab3f35;
}
.bnstk-modal .bntsk-modal-close .bnstk-mfp-close:hover {
  text-decoration: none;
  background-color: #fce6e4;
}
.bnstk-modal .bntsk-modal-close .bnstk-mfp-close:focus {
  outline: none;
  color: #fff;
  box-shadow: 0 0 0 2.5px #fce6e4;
  background-color: #ab3f35;
  color: #fff;
  border-color: #ab3f35;
}
.bnstk-modal .bntsk-modal-close .bnstk-mfp-close:active {
  transform: scale(0.96);
}
.bnstk-modal .bnstk-modal-content {
  background-color: #ffffff;
}
.bnstk-modal .bnstk-modal-info {
  margin-bottom: 1.25rem;
  padding: 2.5rem 1.25rem;
}
@media only screen and (min-width: 40em) {
  .bnstk-modal .bnstk-modal-info {
    padding: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.bnstk-modal .bnstk-modal-loading {
  text-align: center;
  padding-top: 2.5rem;
}
.upcoming-events .events-list {
  margin-bottom: 0;
}
.upcoming-events .events-list li {
  border-bottom: 1px solid #e0e0e0;
  padding: 1.25rem 0;
}
.upcoming-events .events-list li:first-child {
  padding-top: 0;
}
.upcoming-events .events-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.upcoming-events .events-list a {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  display: block;
  margin-bottom: 0.15625rem;
}
.upcoming-events .events-list .date-time {
  font-weight: 700;
  display: block;
  color: #a3a3a3;
  margin-bottom: 0.3125rem;
}
@media only screen and (max-width: 39.938em) {
  .upcoming-events {
    text-align: center;
  }
}
.upcoming-events .events-btn {
  margin-top: 1.25rem;
}
@media only screen and (max-width: 39.938em) {
  .reveal-hide {
    display: none;
    border: none !important;
    box-shadow: none !important;
  }
}
.reveal-btn {
  display: none;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 39.938em) {
  .reveal-btn {
    display: block;
  }
}
.moods .emoticon,
.moods .no-emoticon {
  display: block;
  width: 36px;
  height: 36px;
}
.moods .no-emoticon::after {
  font-weight: 700;
  display: block;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  line-height: 53px;
  content: "No Image";
}
.moods .emoticon-image {
  padding-right: 0;
}
.mood-list {
  margin-bottom: 0;
}
.mood-list li {
  text-align: center;
  display: inline-block;
  margin: 0 1.875rem 0 0;
}
.mood-list li:last-child {
  margin-right: 0;
}
.mood-list li .emoticon {
  width: 36px;
  margin: 0 auto 0.625rem auto;
}
.mood-list li .mood-title {
  display: block;
  font-size: 14px;
  line-height: 1.4;
}
.profile .mood-list img {
  width: 36px;
}
.beanstack-emojis {
  display: none;
  position: relative;
  opacity: 0;
}
@media only screen and (min-width: 80em) {
  .beanstack-emojis {
    display: inline-block;
  }
}
.beanstack-emojis.active-js {
  opacity: 1;
}
.beanstack-emojis.active .emojis-container {
  opacity: 1;
  z-index: 999999999;
}
.beanstack-emojis .emojis-btn {
  width: 100%;
  max-width: 100%;
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .beanstack-emojis .emojis-btn {
    width: auto;
    margin-left: 0.625rem;
  }
}
.beanstack-emojis .emojis-container {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  display: inline-block;
  opacity: 0;
  position: absolute;
  top: -210px;
  left: -66px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  z-index: -999999999;
}
.beanstack-emojis .emojis-container,
.beanstack-emojis .emojis-container .emoji-list {
  height: 200px;
  width: 300px;
}
.beanstack-emojis .emojis-container:before,
.beanstack-emojis .emojis-container:after {
  position: absolute;
  display: block;
  margin: 0 auto;
  height: 10px;
  width: 10px;
  content: "";
  z-index: 9999999;
}
.beanstack-emojis .emojis-container:before {
  bottom: -12px;
  left: 134px;
  border-right: 12px solid transparent;
  border-top: 12px solid #e0e0e0;
  border-left: 12px solid transparent;
}
.beanstack-emojis .emojis-container:after {
  bottom: -9px;
  left: 136px;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  border-left: 10px solid transparent;
}
.beanstack-emojis .emojis-container .emoji-list {
  height: 195px;
  width: 100%;
  overflow-y: scroll;
}
.beanstack-emojis .emojis-container .emoji-list li {
  display: inline-block;
  margin: 7px;
  padding: 0;
}
.beanstack-emojis .emojis-container .emoji-list li:hover {
  cursor: pointer;
}
.beanstack-emojis .emojis-container .emoji-list li .emoji-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
.reading-doorways-header {
  margin-bottom: 2.5rem;
}
.reading-doorways-header:after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (min-width: 40em) {
  .reading-doorways-header {
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 40em) {
  .reading-doorways-header h2 {
    margin-top: -7px;
  }
}
.reading-doorways-header p {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 2.5rem;
}
.doorways-intro {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (min-width: 40em) {
  .doorways-intro {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.current-doorways {
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .current-doorways {
    text-align: left;
    float: left;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 80em) {
  .current-doorways {
    margin-top: -7px;
  }
}
.current-doorways .doorway-names {
  color: #a3a3a3;
  margin-top: 0.15625rem;
}
.change-doorways {
  float: right;
}
.flip-wrap.doorways .flip-container,
.flip-wrap.doorways .front,
.flip-wrap.doorways .back {
  height: 350px;
}
.flip-wrap.doorways label,
.flip-wrap.doorways .flip-container {
  margin-bottom: 0;
}
.flip-wrap.doorways label .icon-container.front,
.flip-wrap.doorways .flip-container .icon-container.front {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
}
.flip-wrap.doorways .selected .back {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.doorways-header {
  background: #f7f7f7;
  padding: 1.25rem;
}
.doorways-header:after {
  clear: both;
  content: "";
  display: table;
}
.doorways-header .doorways-heading {
  float: left;
  margin: 0;
}
.doorways-header .doorways-more-info {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  float: right;
}
#doorways-modal .category-icon {
  text-align: center;
}
#doorways-modal .category-icon img {
  width: 144px;
  margin: 0 auto 24px auto;
}
#doorways-modal h1 {
  text-align: center;
}
#doorways-modal p {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
}
#doorways-modal ul {
  margin: 0;
}
#doorways-modal li {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-style: italic;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
}
#doorways-modal li:after,
#doorways-modal li:before {
  content: '"';
}
#doorways-modal li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.pagination .pagination-list {
  margin: 0;
  display: flex;
  gap: 4px;
}
.pagination .pagination-list li {
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  font-size: 0.9375rem;
}
.pagination .pagination-list li a {
  display: block;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.9375rem;
  color: #424242;
}
.pagination .pagination-list li a:hover {
  background-color: #eaeaea;
}
.pagination .pagination-list li a:focus {
  outline: none;
}
.pagination .pagination-list li a:focus-visible {
  outline: 2px solid #6dafff;
}
.pagination .pagination-list li.current {
  border-radius: 10px;
}
.pagination .pagination-list li a,
.pagination .pagination-list li.current {
  padding: 0 12px;
}
.pagination .pagination-list li.prev,
.pagination .pagination-list li.next {
  display: none;
}
.pagination .pagination-list li.first,
.pagination .pagination-list li.last {
  padding: 0 12px;
  color: #929292;
}
.pagination .pagination-list li.first.active,
.pagination .pagination-list li.last.active {
  padding: 0;
}
.pagination-top {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 80em) {
  .pagination-top {
    margin-bottom: 3rem;
  }
}
.pagination-bottom {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #eaeaea;
}
.bnstk-charlimit {
  position: relative;
}
.bnstk-charlimit .bnstk-charlimit--limit {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  color: #a3a3a3;
  top: 0px;
  right: 0;
}
.bnstk-charlimit .bnstk-charlimit--limit.adjust-up {
  top: -30px !important;
}
.bnstk-charlimit .bnstk-charlimit--limit.over .charlimit--count {
  color: #e85648;
}
#sliding-overlay-content {
  display: none;
  padding: 24px;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content {
    padding-bottom: 3rem;
  }
}
#sliding-overlay-content.book-list-display-container {
  padding-bottom: 64px;
}
@media screen and (min-width: 950px) {
  #sliding-overlay-content.book-list-display-container {
    padding-bottom: 120px;
  }
}
#sliding-overlay-content .row {
  max-width: 62.5rem;
}
#sliding-overlay-content
  #book-reviewer-form
  #bnstk-popup-container-js--popup-profile-selector {
  margin-bottom: 1.25rem;
}
#sliding-overlay-content ul.badge-header {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content ul.badge-header li {
    display: table-cell;
    vertical-align: top;
    vertical-align: top;
  }
}
#sliding-overlay-content .badge-image {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .badge-image {
    min-width: 184px;
  }
}
#sliding-overlay-content .badge-image img {
  width: 160px;
}
#sliding-overlay-content #main-earnable-content {
  position: relative;
  border-color: #e0e0e0;
}
#sliding-overlay-content .single-column-badge {
  margin-top: 80px;
}
#sliding-overlay-content .single-column-badge .badge-image {
  position: relative;
}
#sliding-overlay-content .single-column-badge .badge-image .earned-indicator {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/metro/36/FFFFFF/checkmark.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 12px;
  width: 34px;
  height: 34px;
  background-color: #0ba85f;
  border-radius: 100%;
  border: 5px solid white;
  position: absolute;
  top: 86px;
  left: 50%;
  z-index: 30;
  margin-left: 27px;
}
#sliding-overlay-content .single-column-badge .badge-image img {
  border-radius: 100%;
  width: 114px;
  height: 114px;
  z-index: 10;
}
#sliding-overlay-content .single-column-badge .badge-image svg {
  display: block;
  width: 140px;
  height: 140px;
  transform: rotate(-90deg);
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -70px;
  z-index: 20;
}
#sliding-overlay-content .single-column-badge .badge-image svg circle {
  fill: none;
  stroke-width: 4px;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg
  circle:nth-child(1) {
  stroke: #eaeaea;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg
  circle:nth-child(2) {
  stroke: #0ba85f;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 402.124;
  stroke-dashoffset: 402.124;
  transition: all 150ms ease-out;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="1"]
  circle:nth-child(2) {
  stroke-dashoffset: 398.10276;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="2"]
  circle:nth-child(2) {
  stroke-dashoffset: 394.08152;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="3"]
  circle:nth-child(2) {
  stroke-dashoffset: 390.06028;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="4"]
  circle:nth-child(2) {
  stroke-dashoffset: 386.03904;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="5"]
  circle:nth-child(2) {
  stroke-dashoffset: 382.0178;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="6"]
  circle:nth-child(2) {
  stroke-dashoffset: 377.99656;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="7"]
  circle:nth-child(2) {
  stroke-dashoffset: 373.97532;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="8"]
  circle:nth-child(2) {
  stroke-dashoffset: 369.95408;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="9"]
  circle:nth-child(2) {
  stroke-dashoffset: 365.93284;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="10"]
  circle:nth-child(2) {
  stroke-dashoffset: 361.9116;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="11"]
  circle:nth-child(2) {
  stroke-dashoffset: 357.89036;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="12"]
  circle:nth-child(2) {
  stroke-dashoffset: 353.86912;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="13"]
  circle:nth-child(2) {
  stroke-dashoffset: 349.84788;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="14"]
  circle:nth-child(2) {
  stroke-dashoffset: 345.82664;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="15"]
  circle:nth-child(2) {
  stroke-dashoffset: 341.8054;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="16"]
  circle:nth-child(2) {
  stroke-dashoffset: 337.78416;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="17"]
  circle:nth-child(2) {
  stroke-dashoffset: 333.76292;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="18"]
  circle:nth-child(2) {
  stroke-dashoffset: 329.74168;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="19"]
  circle:nth-child(2) {
  stroke-dashoffset: 325.72044;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="20"]
  circle:nth-child(2) {
  stroke-dashoffset: 321.6992;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="21"]
  circle:nth-child(2) {
  stroke-dashoffset: 317.67796;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="22"]
  circle:nth-child(2) {
  stroke-dashoffset: 313.65672;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="23"]
  circle:nth-child(2) {
  stroke-dashoffset: 309.63548;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="24"]
  circle:nth-child(2) {
  stroke-dashoffset: 305.61424;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="25"]
  circle:nth-child(2) {
  stroke-dashoffset: 301.593;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="26"]
  circle:nth-child(2) {
  stroke-dashoffset: 297.57176;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="27"]
  circle:nth-child(2) {
  stroke-dashoffset: 293.55052;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="28"]
  circle:nth-child(2) {
  stroke-dashoffset: 289.52928;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="29"]
  circle:nth-child(2) {
  stroke-dashoffset: 285.50804;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="30"]
  circle:nth-child(2) {
  stroke-dashoffset: 281.4868;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="31"]
  circle:nth-child(2) {
  stroke-dashoffset: 277.46556;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="32"]
  circle:nth-child(2) {
  stroke-dashoffset: 273.44432;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="33"]
  circle:nth-child(2) {
  stroke-dashoffset: 269.42308;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="34"]
  circle:nth-child(2) {
  stroke-dashoffset: 265.40184;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="35"]
  circle:nth-child(2) {
  stroke-dashoffset: 261.3806;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="36"]
  circle:nth-child(2) {
  stroke-dashoffset: 257.35936;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="37"]
  circle:nth-child(2) {
  stroke-dashoffset: 253.33812;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="38"]
  circle:nth-child(2) {
  stroke-dashoffset: 249.31688;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="39"]
  circle:nth-child(2) {
  stroke-dashoffset: 245.29564;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="40"]
  circle:nth-child(2) {
  stroke-dashoffset: 241.2744;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="41"]
  circle:nth-child(2) {
  stroke-dashoffset: 237.25316;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="42"]
  circle:nth-child(2) {
  stroke-dashoffset: 233.23192;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="43"]
  circle:nth-child(2) {
  stroke-dashoffset: 229.21068;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="44"]
  circle:nth-child(2) {
  stroke-dashoffset: 225.18944;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="45"]
  circle:nth-child(2) {
  stroke-dashoffset: 221.1682;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="46"]
  circle:nth-child(2) {
  stroke-dashoffset: 217.14696;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="47"]
  circle:nth-child(2) {
  stroke-dashoffset: 213.12572;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="48"]
  circle:nth-child(2) {
  stroke-dashoffset: 209.10448;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="49"]
  circle:nth-child(2) {
  stroke-dashoffset: 205.08324;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="50"]
  circle:nth-child(2) {
  stroke-dashoffset: 201.062;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="51"]
  circle:nth-child(2) {
  stroke-dashoffset: 197.04076;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="52"]
  circle:nth-child(2) {
  stroke-dashoffset: 193.01952;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="53"]
  circle:nth-child(2) {
  stroke-dashoffset: 188.99828;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="54"]
  circle:nth-child(2) {
  stroke-dashoffset: 184.97704;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="55"]
  circle:nth-child(2) {
  stroke-dashoffset: 180.9558;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="56"]
  circle:nth-child(2) {
  stroke-dashoffset: 176.93456;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="57"]
  circle:nth-child(2) {
  stroke-dashoffset: 172.91332;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="58"]
  circle:nth-child(2) {
  stroke-dashoffset: 168.89208;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="59"]
  circle:nth-child(2) {
  stroke-dashoffset: 164.87084;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="60"]
  circle:nth-child(2) {
  stroke-dashoffset: 160.8496;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="61"]
  circle:nth-child(2) {
  stroke-dashoffset: 156.82836;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="62"]
  circle:nth-child(2) {
  stroke-dashoffset: 152.80712;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="63"]
  circle:nth-child(2) {
  stroke-dashoffset: 148.78588;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="64"]
  circle:nth-child(2) {
  stroke-dashoffset: 144.76464;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="65"]
  circle:nth-child(2) {
  stroke-dashoffset: 140.7434;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="66"]
  circle:nth-child(2) {
  stroke-dashoffset: 136.72216;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="67"]
  circle:nth-child(2) {
  stroke-dashoffset: 132.70092;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="68"]
  circle:nth-child(2) {
  stroke-dashoffset: 128.67968;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="69"]
  circle:nth-child(2) {
  stroke-dashoffset: 124.65844;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="70"]
  circle:nth-child(2) {
  stroke-dashoffset: 120.6372;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="71"]
  circle:nth-child(2) {
  stroke-dashoffset: 116.61596;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="72"]
  circle:nth-child(2) {
  stroke-dashoffset: 112.59472;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="73"]
  circle:nth-child(2) {
  stroke-dashoffset: 108.57348;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="74"]
  circle:nth-child(2) {
  stroke-dashoffset: 104.55224;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="75"]
  circle:nth-child(2) {
  stroke-dashoffset: 100.531;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="76"]
  circle:nth-child(2) {
  stroke-dashoffset: 96.50976;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="77"]
  circle:nth-child(2) {
  stroke-dashoffset: 92.48852;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="78"]
  circle:nth-child(2) {
  stroke-dashoffset: 88.46728;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="79"]
  circle:nth-child(2) {
  stroke-dashoffset: 84.44604;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="80"]
  circle:nth-child(2) {
  stroke-dashoffset: 80.4248;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="81"]
  circle:nth-child(2) {
  stroke-dashoffset: 76.40356;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="82"]
  circle:nth-child(2) {
  stroke-dashoffset: 72.38232;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="83"]
  circle:nth-child(2) {
  stroke-dashoffset: 68.36108;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="84"]
  circle:nth-child(2) {
  stroke-dashoffset: 64.33984;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="85"]
  circle:nth-child(2) {
  stroke-dashoffset: 60.3186;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="86"]
  circle:nth-child(2) {
  stroke-dashoffset: 56.29736;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="87"]
  circle:nth-child(2) {
  stroke-dashoffset: 52.27612;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="88"]
  circle:nth-child(2) {
  stroke-dashoffset: 48.25488;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="89"]
  circle:nth-child(2) {
  stroke-dashoffset: 44.23364;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="90"]
  circle:nth-child(2) {
  stroke-dashoffset: 40.2124;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="91"]
  circle:nth-child(2) {
  stroke-dashoffset: 36.19116;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="92"]
  circle:nth-child(2) {
  stroke-dashoffset: 32.16992;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="93"]
  circle:nth-child(2) {
  stroke-dashoffset: 28.14868;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="94"]
  circle:nth-child(2) {
  stroke-dashoffset: 24.12744;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="95"]
  circle:nth-child(2) {
  stroke-dashoffset: 20.1062;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="96"]
  circle:nth-child(2) {
  stroke-dashoffset: 16.08496;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="97"]
  circle:nth-child(2) {
  stroke-dashoffset: 12.06372;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="98"]
  circle:nth-child(2) {
  stroke-dashoffset: 8.04248;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="99"]
  circle:nth-child(2) {
  stroke-dashoffset: 4.02124;
}
#sliding-overlay-content
  .single-column-badge
  .badge-image
  svg[percent="100"]
  circle:nth-child(2) {
  stroke-dashoffset: 0;
}
#sliding-overlay-content .single-column-badge .badge-name-and-goal {
  margin: 30px 0px 40px 0px;
}
#sliding-overlay-content .single-column-badge .badge-name-and-goal h2 {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.27;
  margin-bottom: 16px;
}
#sliding-overlay-content
  .single-column-badge
  .badge-name-and-goal
  .badge-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.39;
  color: #656565;
}
#sliding-overlay-content .single-column-badge .attribute-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 40px;
}
@media only screen and (max-width: 39.938em) {
  #sliding-overlay-content .single-column-badge .attribute-item {
    padding: 16px 20px;
  }
}
#sliding-overlay-content .single-column-badge .attribute-item .attribute-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 20px;
}
#sliding-overlay-content
  .single-column-badge
  .attribute-item
  .attribute-icon.tickets {
  background-color: #ffecc8;
}
#sliding-overlay-content
  .single-column-badge
  .attribute-item
  .attribute-icon.reward {
  background-color: #f4e2f8;
}
#sliding-overlay-content
  .single-column-badge
  .attribute-item
  .attribute-icon.certificate {
  background-color: #ddf6f9;
}
#sliding-overlay-content .single-column-badge .attribute-item .attribute-text {
  text-align: left;
}
#sliding-overlay-content
  .single-column-badge
  .attribute-item
  .attribute-text
  .attribute-label {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  color: #656565;
}
#sliding-overlay-content
  .single-column-badge
  .attribute-item
  .attribute-text
  .attribute-details {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}
#sliding-overlay-content .single-column-badge .button-wrap {
  margin-bottom: 2.5rem;
}
#sliding-overlay-content .single-column-badge .button-wrap button {
  width: 100%;
  max-width: 100%;
}
#sliding-overlay-content .single-column-badge .overlay-goal-progress li {
  padding-bottom: 0;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon {
  margin: 0 auto 1.25rem auto;
  height: 48px;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png");
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon.book {
  width: 38px;
  background-position: -553px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon.hour,
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon.minute {
  width: 48px;
  background-position: -612px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon.page {
  position: relative;
  left: 8px;
  width: 75px;
  background-position: -680px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon.event {
  width: 62px;
  background-position: -775px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon.day {
  width: 47px;
  background-position: -857px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon.moment {
  width: 60px;
  background-position: -924px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-icon.review {
  width: 48px;
  background-position: -1004px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-data {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  line-height: 1;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-data
  .overlay-goal-progress-data-title {
  font-weight: 700;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  .overlay-goal-progress-data
  .overlay-goal-progress-data-number {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  line-height: 1;
  margin-top: 0.5rem;
}
#sliding-overlay-content
  .single-column-badge
  .overlay-goal-progress
  + .badge-attributes
  li:first-child {
  border-top: 1px solid #e0e0e0;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
#sliding-overlay-content .single-column-badge .badge-attributes {
  margin: 0;
}
#sliding-overlay-content
  .single-column-badge
  .badge-attributes
  li:not(:first-child) {
  border-top: 1px solid #e0e0e0;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
#sliding-overlay-content
  .single-column-badge
  .badge-attributes
  .attribute-icon {
  height: 48px;
  margin: 0 auto 1.25rem auto;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png");
}
#sliding-overlay-content .single-column-badge .badge-attributes .bs-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
}
#sliding-overlay-content
  .single-column-badge
  .badge-attributes
  .attribute-icon.reward {
  width: 42px;
  background-position: -491px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .badge-attributes
  .attribute-icon.required {
  width: 46px;
  background-position: -1223px -536px;
}
#sliding-overlay-content
  .single-column-badge
  .badge-attributes
  .attribute-icon.certificate {
  width: 63px;
  background-position: -1072px -536px;
}
#sliding-overlay-content .single-column-badge .badge-attributes .text {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
#sliding-overlay-content .single-column-badge .badge-attributes .text span {
  font-size: 24px;
  line-height: 1.25;
  display: block;
  font-weight: normal;
  margin-top: 0.3125rem;
}
#sliding-overlay-content
  .single-column-badge
  .badge-attributes
  .text
  .reward-description {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  margin-top: 0.3125rem;
}
#sliding-overlay-content .sliding-overlay-header {
  margin-top: 0;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .sliding-overlay-header {
    padding-top: 22px;
  }
}
@media only screen and (min-width: 80em) {
  #sliding-overlay-content .sliding-overlay-header {
    width: 770px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 79.938em) {
  #sliding-overlay-content .sliding-overlay-header {
    width: 776px;
  }
}
#sliding-overlay-content .sliding-overlay-header .badge-name,
#sliding-overlay-content .sliding-overlay-header .badge-date {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.15625rem;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .sliding-overlay-header .badge-name,
  #sliding-overlay-content .sliding-overlay-header .badge-date {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0;
  }
}
#sliding-overlay-content .sliding-overlay-header h1 {
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .sliding-overlay-header h1 {
    text-align: left;
    display: inline-block;
  }
}
#sliding-overlay-content .completed-on-date {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  color: #087542;
  margin-top: -8px;
  margin-bottom: 16px;
}
#sliding-overlay-content .activities-wrap {
  padding: 40px 0px;
}
#sliding-overlay-content .activities-wrap h1 {
  font-size: 18px;
  font-weight: 900;
  text-align: left;
}
#sliding-overlay-content .points-learning-track-title {
  font-size: 24px;
  line-height: 1.25;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .points-learning-track-title {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 80em) {
  #sliding-overlay-content .points-learning-track-title {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
  }
}
#sliding-overlay-content .activity-wrap p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}
#sliding-overlay-content .learning-track-totals li {
  flex: none;
  width: 100%;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .learning-track-totals li {
    flex: 1;
  }
}
#sliding-overlay-content .learning-track-totals h2 {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
}
@media only screen and (min-width: 40em) {
  #sliding-overlay-content .learning-track-totals h2 {
    margin-bottom: 1.25rem;
  }
}
#sliding-overlay-content #repeated_activity_description {
  margin-top: 1.25rem;
}
.activity-totals {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 20px 0;
}
.activity-totals div {
  display: inline-block;
  margin: 0 0.3125rem;
}
@media only screen and (min-width: 40em) {
  .activity-totals div {
    margin: 0 0.625rem 0 0;
  }
}
.activity-totals .pill {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 16px;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: -0.22px;
}
.activity-totals .pill.repeatable-total {
  background-color: #dbf2e7;
  color: #087542;
}
.activity-totals .pill.points-total {
  background-color: #ffecc8;
  color: #826022;
}
.activity-totals div .activity-total-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 0 auto 0.3125rem auto;
}
@media only screen and (min-width: 40em) {
  .activity-totals div .activity-total-icon {
    margin: 0 0.3125rem 0 0;
  }
}
.activity-totals div .activity-total-icon.repeatable-number-icon {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #0ba85f;
  border: 2px solid #0ba85f;
}
.activity-totals div .activity-total-icon.repeatable-number-icon .plus-icon {
  height: 14px;
  width: 12px;
}
.activity-totals .repeatable-number,
.activity-totals .points-number {
  font-size: 14px;
  line-height: 1.4;
  display: inline-block;
  margin: 0 0 0 0.625rem;
}
.overview-and-reward,
#overview-and-reward {
  position: relative;
  background-color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward,
  #overview-and-reward {
    margin-top: 0.875rem;
  }
}
.overview-and-reward header,
#overview-and-reward header {
  margin: 1.875rem 0 0 0;
}
.overview-and-reward header h2,
#overview-and-reward header h2 {
  margin: 0;
}
.overview-and-reward ul,
#overview-and-reward ul {
  margin: 0;
  padding: 0;
}
.overview-and-reward ul li,
#overview-and-reward ul li {
  display: block;
  position: relative;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li,
  #overview-and-reward ul li {
    padding: 0;
  }
}
.overview-and-reward ul li:first-child,
#overview-and-reward ul li:first-child {
  white-space: nowrap;
}
.overview-and-reward ul li:first-child .overview-data-wrap,
#overview-and-reward ul li:first-child .overview-data-wrap {
  border-top: 0;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li:first-child .overview-data-wrap,
  #overview-and-reward ul li:first-child .overview-data-wrap {
    border-left: 0;
    padding-left: 0;
  }
}
.overview-and-reward ul li:last-child .overview-data-wrap,
#overview-and-reward ul li:last-child .overview-data-wrap {
  padding-bottom: 0;
}
.overview-and-reward ul li .overview-data-wrap,
#overview-and-reward ul li .overview-data-wrap {
  border-top: 1px solid #e0e0e0;
  padding: 1.875rem 0 1.25rem 0;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-wrap,
  #overview-and-reward ul li .overview-data-wrap {
    border-left: 1px solid #e0e0e0;
    border-top: 0;
  }
}
.overview-and-reward ul li .overview-data-icon-wrap,
#overview-and-reward ul li .overview-data-icon-wrap {
  display: block;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-icon-wrap,
  #overview-and-reward ul li .overview-data-icon-wrap {
    min-width: 64px;
  }
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-icon-wrap.reward,
  #overview-and-reward ul li .overview-data-icon-wrap.reward {
    min-width: 58px;
  }
}
.overview-and-reward ul li .overview-data-icon,
#overview-and-reward ul li .overview-data-icon {
  display: block;
  position: relative;
  height: 48px;
  margin: 0 auto 1.25rem auto;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png");
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-icon,
  #overview-and-reward ul li .overview-data-icon {
    top: -1px;
  }
}
.overview-and-reward ul li .overview-data-icon.points,
#overview-and-reward ul li .overview-data-icon.points {
  width: 48px;
  background-position: -648px -248px;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-icon.points,
  #overview-and-reward ul li .overview-data-icon.points {
    min-width: 48px;
  }
}
.overview-and-reward ul li .overview-data-icon.reward,
#overview-and-reward ul li .overview-data-icon.reward {
  width: 42px;
  background-position: -491px -536px;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-icon.reward,
  #overview-and-reward ul li .overview-data-icon.reward {
    min-width: 42px;
  }
}
.overview-and-reward ul li .overview-data-icon.activities,
#overview-and-reward ul li .overview-data-icon.activities {
  width: 48px;
  background-position: -1155px -536px;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-icon.activities,
  #overview-and-reward ul li .overview-data-icon.activities {
    min-width: 48px;
  }
}
.overview-and-reward ul li .overview-data-icon.repeatable-activity,
#overview-and-reward ul li .overview-data-icon.repeatable-activity {
  width: 48px;
  background-position: -1289px -536px;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-icon.repeatable-activity,
  #overview-and-reward ul li .overview-data-icon.repeatable-activity {
    min-width: 48px;
  }
}
.overview-and-reward ul li .overview-data-icon.total-repeatable-activity-points,
#overview-and-reward
  ul
  li
  .overview-data-icon.total-repeatable-activity-points {
  width: 48px;
  background-position: -423px -537px;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward
    ul
    li
    .overview-data-icon.total-repeatable-activity-points,
  #overview-and-reward
    ul
    li
    .overview-data-icon.total-repeatable-activity-points {
    min-width: 48px;
  }
}
.overview-and-reward ul li .overview-data-title,
#overview-and-reward ul li .overview-data-title {
  font-weight: 700;
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 80em) {
  .overview-and-reward ul li .overview-data-title.required,
  #overview-and-reward ul li .overview-data-title.required {
    position: relative;
    top: 14px;
  }
}
@media only screen and (max-width: 39.938em) {
  .overview-and-reward
    ul
    li
    .overview-data-title.repeated-activity-total
    + .repeated-activity-count,
  .overview-and-reward
    ul
    li
    .overview-data-title.activity-points-total
    + .activity-points-count,
  #overview-and-reward
    ul
    li
    .overview-data-title.repeated-activity-total
    + .repeated-activity-count,
  #overview-and-reward
    ul
    li
    .overview-data-title.activity-points-total
    + .activity-points-count {
    font-size: 24px;
    line-height: 1.25;
  }
}
.overview-and-reward ul li .overview-data-description,
#overview-and-reward ul li .overview-data-description {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  display: inline-block;
}
@media only screen and (min-width: 40em) {
  .overview-and-reward ul li .overview-data-description,
  #overview-and-reward ul li .overview-data-description {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
    display: block;
    line-height: 1.3;
  }
}
.required-badge-small-icon {
  text-align: center;
  border-top: 1px solid #e0e0e0;
  margin-top: 1.875rem;
  padding-top: 1.875rem;
}
@media only screen and (min-width: 40em) {
  .required-badge-small-icon {
    display: none;
  }
}
.required-badge-small-icon .icon-image {
  width: 46px;
  height: 48px;
  margin: 0 auto 1.25rem auto;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -1223px -536px;
}
.required-badge-small-icon .title {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
.required-badge-medium-up-icon {
  display: none;
  width: 59px;
  height: 60px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -859px
    0;
}
@media only screen and (min-width: 40em) {
  .required-badge-medium-up-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
  }
}
@media only screen and (min-width: 80em) {
  .required-badge-medium-up-icon {
    right: 0;
  }
}
.required-badge-medium-up-icon span {
  display: block;
  text-indent: -10000px;
}
#overlay-loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
#overlay-loading #loading-animation {
  position: absolute;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  border: 1px solid #f7f7f7;
  background: #fff
    url("https://assets.beanstack-cdn.com/static-assets/Message.gif") 0 0
    no-repeat;
  top: 50%;
  left: 50%;
  opacity: 1;
  width: 128px;
  height: 128px;
  text-indent: -10000px;
  margin: -64px 0 0 -64px;
}
#scanner-loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  padding-top: 75%;
}
@media only screen and (min-width: 40em) {
  #scanner-loading {
    padding-top: 55%;
  }
}
@media only screen and (min-width: 80em) {
  #scanner-loading {
    padding-top: 30%;
  }
}
@media only screen and (min-width: 79.938em) {
  #scanner-loading {
    padding-top: 0%;
  }
}
#scanner-loading #scanning-animation {
  position: relative;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  border: 1px solid #f7f7f7;
  background: #fff
    url("https://assets.beanstack-cdn.com/static-assets/Book.gif") 0 0 no-repeat;
  top: 50%;
  opacity: 1;
  width: 128px;
  height: 128px;
  text-indent: -10000px;
  margin: -64px auto 0 auto;
}
#logger-directory {
  position: absolute;
  width: 100%;
  max-width: 100%;
  background-color: #ffffff;
  top: 0;
  left: 0;
  z-index: 20;
}
#logger-directory h1 {
  font-size: 28px;
  font-weight: 900;
  text-align: center;
}
#logger-directory hr {
  margin-bottom: 48px;
}
#logger-directory .learning-tracks-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 23px;
}
#logger-directory .learning-tracks-list a.list-item-title {
  height: 100%;
}
#logger-directory .learning-tracks-list .normal-line-height-wrap {
  width: 100%;
  max-width: 100%;
  line-height: normal;
  vertical-align: middle;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  .earned-indicator {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/metro/36/FFFFFF/checkmark.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 12px;
  width: 34px;
  height: 34px;
  background-color: #0ba85f;
  border-radius: 100%;
  border: 5px solid white;
  position: absolute;
  top: 86px;
  left: 50%;
  z-index: 30;
  margin-left: 27px;
}
#logger-directory .learning-tracks-list .normal-line-height-wrap img {
  border-radius: 100%;
  width: 114px;
  height: 114px;
  z-index: 10;
}
#logger-directory .learning-tracks-list .normal-line-height-wrap svg {
  display: block;
  width: 140px;
  height: 140px;
  transform: rotate(-90deg);
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -70px;
  z-index: 20;
}
#logger-directory .learning-tracks-list .normal-line-height-wrap svg circle {
  fill: none;
  stroke-width: 4px;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg
  circle:nth-child(1) {
  stroke: #eaeaea;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg
  circle:nth-child(2) {
  stroke: #0ba85f;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 402.124;
  stroke-dashoffset: 402.124;
  transition: all 150ms ease-out;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="1"]
  circle:nth-child(2) {
  stroke-dashoffset: 398.10276;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="2"]
  circle:nth-child(2) {
  stroke-dashoffset: 394.08152;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="3"]
  circle:nth-child(2) {
  stroke-dashoffset: 390.06028;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="4"]
  circle:nth-child(2) {
  stroke-dashoffset: 386.03904;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="5"]
  circle:nth-child(2) {
  stroke-dashoffset: 382.0178;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="6"]
  circle:nth-child(2) {
  stroke-dashoffset: 377.99656;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="7"]
  circle:nth-child(2) {
  stroke-dashoffset: 373.97532;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="8"]
  circle:nth-child(2) {
  stroke-dashoffset: 369.95408;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="9"]
  circle:nth-child(2) {
  stroke-dashoffset: 365.93284;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="10"]
  circle:nth-child(2) {
  stroke-dashoffset: 361.9116;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="11"]
  circle:nth-child(2) {
  stroke-dashoffset: 357.89036;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="12"]
  circle:nth-child(2) {
  stroke-dashoffset: 353.86912;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="13"]
  circle:nth-child(2) {
  stroke-dashoffset: 349.84788;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="14"]
  circle:nth-child(2) {
  stroke-dashoffset: 345.82664;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="15"]
  circle:nth-child(2) {
  stroke-dashoffset: 341.8054;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="16"]
  circle:nth-child(2) {
  stroke-dashoffset: 337.78416;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="17"]
  circle:nth-child(2) {
  stroke-dashoffset: 333.76292;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="18"]
  circle:nth-child(2) {
  stroke-dashoffset: 329.74168;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="19"]
  circle:nth-child(2) {
  stroke-dashoffset: 325.72044;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="20"]
  circle:nth-child(2) {
  stroke-dashoffset: 321.6992;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="21"]
  circle:nth-child(2) {
  stroke-dashoffset: 317.67796;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="22"]
  circle:nth-child(2) {
  stroke-dashoffset: 313.65672;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="23"]
  circle:nth-child(2) {
  stroke-dashoffset: 309.63548;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="24"]
  circle:nth-child(2) {
  stroke-dashoffset: 305.61424;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="25"]
  circle:nth-child(2) {
  stroke-dashoffset: 301.593;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="26"]
  circle:nth-child(2) {
  stroke-dashoffset: 297.57176;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="27"]
  circle:nth-child(2) {
  stroke-dashoffset: 293.55052;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="28"]
  circle:nth-child(2) {
  stroke-dashoffset: 289.52928;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="29"]
  circle:nth-child(2) {
  stroke-dashoffset: 285.50804;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="30"]
  circle:nth-child(2) {
  stroke-dashoffset: 281.4868;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="31"]
  circle:nth-child(2) {
  stroke-dashoffset: 277.46556;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="32"]
  circle:nth-child(2) {
  stroke-dashoffset: 273.44432;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="33"]
  circle:nth-child(2) {
  stroke-dashoffset: 269.42308;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="34"]
  circle:nth-child(2) {
  stroke-dashoffset: 265.40184;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="35"]
  circle:nth-child(2) {
  stroke-dashoffset: 261.3806;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="36"]
  circle:nth-child(2) {
  stroke-dashoffset: 257.35936;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="37"]
  circle:nth-child(2) {
  stroke-dashoffset: 253.33812;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="38"]
  circle:nth-child(2) {
  stroke-dashoffset: 249.31688;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="39"]
  circle:nth-child(2) {
  stroke-dashoffset: 245.29564;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="40"]
  circle:nth-child(2) {
  stroke-dashoffset: 241.2744;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="41"]
  circle:nth-child(2) {
  stroke-dashoffset: 237.25316;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="42"]
  circle:nth-child(2) {
  stroke-dashoffset: 233.23192;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="43"]
  circle:nth-child(2) {
  stroke-dashoffset: 229.21068;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="44"]
  circle:nth-child(2) {
  stroke-dashoffset: 225.18944;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="45"]
  circle:nth-child(2) {
  stroke-dashoffset: 221.1682;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="46"]
  circle:nth-child(2) {
  stroke-dashoffset: 217.14696;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="47"]
  circle:nth-child(2) {
  stroke-dashoffset: 213.12572;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="48"]
  circle:nth-child(2) {
  stroke-dashoffset: 209.10448;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="49"]
  circle:nth-child(2) {
  stroke-dashoffset: 205.08324;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="50"]
  circle:nth-child(2) {
  stroke-dashoffset: 201.062;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="51"]
  circle:nth-child(2) {
  stroke-dashoffset: 197.04076;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="52"]
  circle:nth-child(2) {
  stroke-dashoffset: 193.01952;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="53"]
  circle:nth-child(2) {
  stroke-dashoffset: 188.99828;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="54"]
  circle:nth-child(2) {
  stroke-dashoffset: 184.97704;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="55"]
  circle:nth-child(2) {
  stroke-dashoffset: 180.9558;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="56"]
  circle:nth-child(2) {
  stroke-dashoffset: 176.93456;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="57"]
  circle:nth-child(2) {
  stroke-dashoffset: 172.91332;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="58"]
  circle:nth-child(2) {
  stroke-dashoffset: 168.89208;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="59"]
  circle:nth-child(2) {
  stroke-dashoffset: 164.87084;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="60"]
  circle:nth-child(2) {
  stroke-dashoffset: 160.8496;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="61"]
  circle:nth-child(2) {
  stroke-dashoffset: 156.82836;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="62"]
  circle:nth-child(2) {
  stroke-dashoffset: 152.80712;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="63"]
  circle:nth-child(2) {
  stroke-dashoffset: 148.78588;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="64"]
  circle:nth-child(2) {
  stroke-dashoffset: 144.76464;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="65"]
  circle:nth-child(2) {
  stroke-dashoffset: 140.7434;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="66"]
  circle:nth-child(2) {
  stroke-dashoffset: 136.72216;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="67"]
  circle:nth-child(2) {
  stroke-dashoffset: 132.70092;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="68"]
  circle:nth-child(2) {
  stroke-dashoffset: 128.67968;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="69"]
  circle:nth-child(2) {
  stroke-dashoffset: 124.65844;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="70"]
  circle:nth-child(2) {
  stroke-dashoffset: 120.6372;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="71"]
  circle:nth-child(2) {
  stroke-dashoffset: 116.61596;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="72"]
  circle:nth-child(2) {
  stroke-dashoffset: 112.59472;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="73"]
  circle:nth-child(2) {
  stroke-dashoffset: 108.57348;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="74"]
  circle:nth-child(2) {
  stroke-dashoffset: 104.55224;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="75"]
  circle:nth-child(2) {
  stroke-dashoffset: 100.531;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="76"]
  circle:nth-child(2) {
  stroke-dashoffset: 96.50976;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="77"]
  circle:nth-child(2) {
  stroke-dashoffset: 92.48852;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="78"]
  circle:nth-child(2) {
  stroke-dashoffset: 88.46728;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="79"]
  circle:nth-child(2) {
  stroke-dashoffset: 84.44604;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="80"]
  circle:nth-child(2) {
  stroke-dashoffset: 80.4248;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="81"]
  circle:nth-child(2) {
  stroke-dashoffset: 76.40356;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="82"]
  circle:nth-child(2) {
  stroke-dashoffset: 72.38232;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="83"]
  circle:nth-child(2) {
  stroke-dashoffset: 68.36108;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="84"]
  circle:nth-child(2) {
  stroke-dashoffset: 64.33984;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="85"]
  circle:nth-child(2) {
  stroke-dashoffset: 60.3186;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="86"]
  circle:nth-child(2) {
  stroke-dashoffset: 56.29736;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="87"]
  circle:nth-child(2) {
  stroke-dashoffset: 52.27612;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="88"]
  circle:nth-child(2) {
  stroke-dashoffset: 48.25488;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="89"]
  circle:nth-child(2) {
  stroke-dashoffset: 44.23364;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="90"]
  circle:nth-child(2) {
  stroke-dashoffset: 40.2124;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="91"]
  circle:nth-child(2) {
  stroke-dashoffset: 36.19116;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="92"]
  circle:nth-child(2) {
  stroke-dashoffset: 32.16992;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="93"]
  circle:nth-child(2) {
  stroke-dashoffset: 28.14868;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="94"]
  circle:nth-child(2) {
  stroke-dashoffset: 24.12744;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="95"]
  circle:nth-child(2) {
  stroke-dashoffset: 20.1062;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="96"]
  circle:nth-child(2) {
  stroke-dashoffset: 16.08496;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="97"]
  circle:nth-child(2) {
  stroke-dashoffset: 12.06372;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="98"]
  circle:nth-child(2) {
  stroke-dashoffset: 8.04248;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="99"]
  circle:nth-child(2) {
  stroke-dashoffset: 4.02124;
}
#logger-directory
  .learning-tracks-list
  .normal-line-height-wrap
  svg[percent="100"]
  circle:nth-child(2) {
  stroke-dashoffset: 0;
}
#logger-directory .learning-tracks-list li {
  border-radius: 8px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);
  border: none;
}
#logger-directory .learning-tracks-list li a {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  opacity: 1;
  filter: alpha(opacity=100);
  width: 100%;
  max-width: 100%;
  text-align: center;
  display: inline-block;
  padding: 35px 4px 16px 0;
  color: #424242;
  margin: 0;
}
#logger-directory .learning-tracks-list li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#logger-directory .learning-tracks-list li a:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#logger-directory .learning-tracks-list li a:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
#logger-directory .learning-tracks-list li a:focus {
  box-shadow: 0 0 0 3px #5599e1;
  outline: none !important;
}
#logger-directory .learning-tracks-list li a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 80em) {
  #logger-directory .learning-tracks-list li a:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  #logger-directory .learning-tracks-list li a:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  #logger-directory .learning-tracks-list li a:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
#logger-directory .learning-tracks-list li a img {
  width: 100px;
  margin-bottom: 1.25rem;
}
#logger-directory .learning-tracks-list li a .learning-track-title {
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  color: #656565;
  flex-grow: 1;
}
#logger-directory .learning-tracks-list li a .learning-track-title h4 {
  font-weight: 900;
  margin: 0px;
}
#logger-directory .learning-tracks-list .overview-cell {
  display: block;
}
@media only screen and (min-width: 80em) {
  #logger-directory .learning-tracks-list .overview-cell {
    display: inline-block;
  }
}
#logger-directory .learning-tracks-list .overview-cell .points-icon {
  width: 24px;
  height: 24px;
  margin: 0 auto 0.625rem auto;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -982px
    0;
}
#logger-directory .learning-tracks-list .overview-cell .activities-icon {
  width: 24px;
  height: 24px;
  margin: 0 auto 0.625rem auto;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -938px
    0;
}
#logger-directory .learning-tracks-list .overview-cell .overview-title {
  font-size: 14px;
  line-height: 1.4;
}
#logger-directory .learning-tracks-list .overview-cell .overview-number {
  font-weight: normal;
  font-size: 24px;
  line-height: 1.25;
  text-transform: none;
}
#logger-directory
  .learning-tracks-list
  .overview-cell
  .overview-number.activity-overview-number {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  color: #656565;
}
#logger-directory .learning-tracks-list .overview-cell-divide {
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #e0e0e0;
  height: 1px;
  margin: 1.25rem 0;
}
@media only screen and (min-width: 80em) {
  #logger-directory .learning-tracks-list .overview-cell-divide {
    display: inline-block;
    top: 8px;
    width: 1px;
    height: 86px;
    margin: 0 1.25rem;
  }
}
#logger-activities {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
#logger-activities .logger-activities-content {
  display: none;
}
#logger-activities .logger-activities-content .description {
  padding: 20px;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  margin-bottom: 0px;
}
#logger-activities .logger-activities-content .item-wrap {
  padding-top: 0;
}
#logger-activities
  .logger-activities-content
  .item-wrap
  .activity-wrap
  .learning-track-info
  .activity-point-value {
  text-align: center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-color: #fce0d6;
  border-radius: 50%;
}
#logger-activities
  .logger-activities-content
  .item-wrap
  .activity-wrap
  .learning-track-info
  .activity-point-value
  span {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  position: relative;
  color: #ffffff;
  top: 15px;
}
button.back-btn {
  position: fixed;
  top: 24px;
  left: 24px;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 0;
  border: none;
}
button.back-btn.logger-button {
  background-color: #f2f2f2;
  height: 31px;
  width: 31px;
  border-radius: 7px;
}
#bnstk-popup-container-js--popup-book-selector,
#bnstk-popup-container-js--popup-review-selector,
#bnstk-popup-container-js--popup-profile-selector,
[id^="bnstk-popup-container-js--popup"] {
  cursor: pointer;
}
#bnstk-popup-container-js--popup-book-selector .profile-selector,
#bnstk-popup-container-js--popup-review-selector .profile-selector,
#bnstk-popup-container-js--popup-profile-selector .profile-selector,
[id^="bnstk-popup-container-js--popup"] .profile-selector {
  text-align: left;
}
#bnstk-popup-container-js--popup-book-selector .bnstk-popup-menu .active,
#bnstk-popup-container-js--popup-review-selector .bnstk-popup-menu .active,
#bnstk-popup-container-js--popup-profile-selector .bnstk-popup-menu .active,
[id^="bnstk-popup-container-js--popup"] .bnstk-popup-menu .active {
  transition: all 0.13s ease;
  position: relative;
  height: 44px;
  padding: 0 15px;
  border: 2px solid #d9d9d9;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
  color: #424242;
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
  width: 100%;
  overflow: visible;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#bnstk-popup-container-js--popup-book-selector .bnstk-popup-menu .active:hover,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-menu
  .active:hover,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-menu
  .active:hover,
[id^="bnstk-popup-container-js--popup"] .bnstk-popup-menu .active:hover {
  border-color: #b5b5b5;
}
#bnstk-popup-container-js--popup-book-selector .bnstk-popup-menu .active:focus,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-menu
  .active:focus,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-menu
  .active:focus,
[id^="bnstk-popup-container-js--popup"] .bnstk-popup-menu .active:focus {
  outline: none;
}
#bnstk-popup-container-js--popup-book-selector .bnstk-popup-menu .active:active,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-menu
  .active:active,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-menu
  .active:active,
[id^="bnstk-popup-container-js--popup"] .bnstk-popup-menu .active:active {
  transform: scale(0.96);
}
#bnstk-popup-container-js--popup-book-selector .bnstk-popup-target-js,
#bnstk-popup-container-js--popup-review-selector .bnstk-popup-target-js,
#bnstk-popup-container-js--popup-profile-selector .bnstk-popup-target-js,
[id^="bnstk-popup-container-js--popup"] .bnstk-popup-target-js {
  top: 110%;
}
@media only screen and (max-width: 39.938em) {
  #bnstk-popup-container-js--popup-book-selector .bnstk-popup-target-js,
  #bnstk-popup-container-js--popup-review-selector .bnstk-popup-target-js,
  #bnstk-popup-container-js--popup-profile-selector .bnstk-popup-target-js,
  [id^="bnstk-popup-container-js--popup"] .bnstk-popup-target-js {
    width: 100%;
    max-width: 100%;
  }
  #bnstk-popup-container-js--popup-book-selector .bnstk-popup-target-js:before,
  #bnstk-popup-container-js--popup-review-selector
    .bnstk-popup-target-js:before,
  #bnstk-popup-container-js--popup-profile-selector
    .bnstk-popup-target-js:before,
  [id^="bnstk-popup-container-js--popup"] .bnstk-popup-target-js:before {
    left: 44%;
  }
  #bnstk-popup-container-js--popup-book-selector .bnstk-popup-target-js:after,
  #bnstk-popup-container-js--popup-review-selector .bnstk-popup-target-js:after,
  #bnstk-popup-container-js--popup-profile-selector
    .bnstk-popup-target-js:after,
  [id^="bnstk-popup-container-js--popup"] .bnstk-popup-target-js:after {
    left: 44.5%;
  }
}
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  li:first-child
  .profile-option,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  li:first-child
  .profile-option,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  li:first-child
  .profile-option,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  li:first-child
  .profile-option {
  border-top-radius: 4px;
}
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  li:last-child
  .profile-option,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  li:last-child
  .profile-option,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  li:last-child
  .profile-option,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  li:last-child
  .profile-option {
  border-bottom-radius: 4px;
}
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div.book-option,
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div.review-option,
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div.profile-option,
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div[class*="-option"],
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div.book-option,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div.review-option,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div.profile-option,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div[class*="-option"],
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div.book-option,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div.review-option,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div.profile-option,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div[class*="-option"],
[id^="bnstk-popup-container-js--popup"] .bnstk-popup-target-js div.book-option,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div.review-option,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div.profile-option,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div[class*="-option"] {
  cursor: pointer;
  text-transform: capitalize;
  color: #424242;
  padding: 1rem;
}
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div.book-option:hover,
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div.review-option:hover,
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div.profile-option:hover,
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div[class*="-option"]:hover,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div.book-option:hover,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div.review-option:hover,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div.profile-option:hover,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div[class*="-option"]:hover,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div.book-option:hover,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div.review-option:hover,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div.profile-option:hover,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div[class*="-option"]:hover,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div.book-option:hover,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div.review-option:hover,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div.profile-option:hover,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div[class*="-option"]:hover {
  color: #ffffff;
  background-color: #326ece;
}
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div
  .book-option,
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div
  .review-option,
#bnstk-popup-container-js--popup-book-selector
  .bnstk-popup-target-js
  div[class*="-option"],
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div
  .book-option,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div
  .review-option,
#bnstk-popup-container-js--popup-review-selector
  .bnstk-popup-target-js
  div[class*="-option"],
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div
  .book-option,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div
  .review-option,
#bnstk-popup-container-js--popup-profile-selector
  .bnstk-popup-target-js
  div[class*="-option"],
[id^="bnstk-popup-container-js--popup"] .bnstk-popup-target-js div .book-option,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div
  .review-option,
[id^="bnstk-popup-container-js--popup"]
  .bnstk-popup-target-js
  div[class*="-option"] {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#points-legend {
  position: relative;
  max-width: 420px;
  height: 100%;
  display: flex;
  align-items: center;
}
#points-legend .points-legend-wrapper {
  position: relative;
  max-height: 100%;
  position: relative;
  display: flex;
}
#points-legend .points-legend-content {
  padding: 48px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  overflow-y: auto;
}
#points-legend .main-header {
  border-bottom: 8px solid #f7f7f7;
}
@media only screen and (max-width: 39.938em) {
  #points-legend .main-header h1 {
    margin: 1.25rem 0 2.5rem 0;
  }
}
#points-legend h1 {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  margin-top: 32px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeaea;
}
#points-legend h2 {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}
#points-legend .points-group-item {
  margin-top: 1.75rem;
}
#points-legend .points-group-item.with-border {
  border-top: 1px solid #e0e0e0;
  padding-top: 1.75rem;
}
#points-legend ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#points-legend li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100px;
  margin: 0px 13px;
}
#points-legend li:last-child {
  margin-bottom: 0;
}
#points-legend .points-value-icon {
  background-color: #ffecc8;
  color: #826022;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: fit-content;
  padding: 14px 24px;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 900;
  line-height: 0.94;
  letter-spacing: -0.29px;
}
#points-legend .points-value-icon span {
  margin-left: 16px;
}
#points-legend .points-value {
  font-weight: 700;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.29;
  color: #424242;
  margin-top: 0.625rem;
}
.points-legend-mobile {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  padding: 1.25rem;
  margin-bottom: 2.5rem;
  background: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/furley_bg.png");
}
@media only screen and (min-width: 40em) {
  .points-legend-mobile {
    display: none;
  }
}
.points-content {
  position: relative;
  margin-top: 40px;
}
#points-directory {
  width: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
}
@media only screen and (min-width: 90em) {
  #points-directory {
    padding-bottom: 0;
  }
}
#points-directory h2 {
  font-size: 24px;
  line-height: 1.25;
}
#points-directory h3 {
  font-size: 18px;
  font-weight: 900;
}
#points-directory .points-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 10px 40px;
}
#points-directory .points-options li {
  width: 122px;
  margin: 0px 20px;
}
#points-directory .points-options .points-option-text {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 900;
  margin-top: 10px;
}
#points-directory .points-options .points-option-text.activities {
  color: #087542;
}
#points-directory .points-options .points-option-text.logging {
  color: #826022;
}
#points-directory .points-options .points-option-text.review {
  color: #154887;
}
#points-directory .with-icon {
  margin-bottom: 0.625rem;
}
#points-directory .activities-item {
  display: none;
  border: 1px solid #e0e0e0;
  height: auto;
  overflow: hidden;
}
@media only screen and (min-width: 40em) {
  #points-directory .activities-item {
    height: 277px;
  }
}
#points-directory .activities-item .label-select-wrap {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  background: #fff
    url("https://s3-us-west-2.amazonaws.com/beanstack/assets/absurdidad.png");
  z-index: 2;
  padding: 1rem;
}
#points-directory .activities-item .label-select-wrap label {
  color: #424242;
  margin: 0;
}
#points-directory .activities-item .learning-tracks-list {
  z-index: 1;
  height: 100%;
}
@media only screen and (min-width: 40em) {
  #points-directory .activities-item .learning-tracks-list {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
#points-directory .activities-item .learning-tracks-list li {
  text-align: left;
}
@media only screen and (min-width: 40em) {
  #points-directory .activities-item .learning-tracks-list li:last-child:after {
    display: block;
    content: "";
    height: 54px;
  }
}
#points-directory .activities-item .learning-tracks-list a {
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  border-bottom: 1px solid #e0e0e0;
  padding: 1rem;
}
#points-directory .activities-item .learning-tracks-list a:hover {
  text-decoration: none;
}
#points-directory .activities-item .learning-tracks-list a:active {
  color: #ffffff;
}
#points-directory .activities-item .learning-tracks-list a:focus {
  background-color: #ffffff;
}
@media only screen and (min-width: 80em) {
  #points-directory .activities-item .learning-tracks-list a:hover {
    color: #ffffff;
    background-color: #326ece;
    text-decoration: none;
  }
  #points-directory .activities-item .learning-tracks-list a:active {
    color: #ffffff;
    background-color: #477dd3;
  }
}
#points-directory .activities-item .cancel-activities-item {
  cursor: pointer;
  position: absolute;
  font-size: 24px;
  line-height: 1.25;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #e85648;
  color: #ffffff;
  top: 13px;
  right: 16px;
  padding: 0 0.5rem;
  line-height: 1.2;
}
#points-directory .activities-item .cancel-activities-item:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#points-directory .activities-item .cancel-activities-item:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#points-directory .activities-item .cancel-activities-item:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  #points-directory .activities-item .cancel-activities-item:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #e54131;
  }
}
#points-activities {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 2.5rem;
}
#points-activities .points-activities-content {
  display: none;
}
#points-activities .points-activities-content .item-wrap {
  padding-top: 0;
}
.points-legend-overview-button {
  display: block;
  position: absolute;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  background-color: #326ece;
  width: 44px;
  height: 44px;
  top: 1.25rem;
  z-index: 20;
  right: 1.875rem;
}
.points-legend-overview-button:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.points-legend-overview-button:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.points-legend-overview-button:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .points-legend-overview-button:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .points-legend-overview-button:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .points-legend-overview-button:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.points-legend-overview-button div {
  position: relative;
  top: 12px;
  width: 14px;
  height: 20px;
  margin: 0 auto;
  text-indent: -10000px;
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -282px -44px;
}
#update-address-modal h2 {
  margin-bottom: 1rem;
}
#update-address-modal p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 40em) {
  #update-address-modal p {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
#update-address-modal .checkbox-wrap {
  margin-bottom: 1.25rem;
}
#update-address-modal .checkbox-wrap input[type="checkbox"] {
  position: relative;
  display: inline-block;
  top: -1px;
}
#update-address-modal .checkbox-wrap label {
  font-size: 14px;
  line-height: 1.4;
  color: #424242;
}
#update-address-modal .skip-button {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  #update-address-modal .skip-button {
    margin: 0 0 0 0.625rem;
  }
}
main .small-container {
  max-width: 1000px;
}
.reviews-nav {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e0e0e0;
}
#reviews-tabs {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 40em) {
  #reviews-tabs {
    overflow-x: auto;
  }
}
#reviews-tabs .review-tab {
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
}
#reviews-tabs .review-tab-link {
  font-size: 14px;
  line-height: 1.4;
  display: inline-block;
  line-height: 1;
  margin: 0;
  padding: 1rem;
}
#reviews-tabs .review-tab-link.active {
  border-top-radius: 0.125rem;
  color: #424242;
  border: 0.0625rem solid #e0e0e0;
  border-bottom-color: #ffffff;
}
#reviews-tabs .review-tab-link.active:hover {
  text-decoration: none;
}
#reviews-list .written-review-item {
  padding: 24px 0;
  border-bottom: 1px solid #eaeaea;
}
#reviews-list .written-review-item:first-child {
  padding-top: 0;
}
#reviews-list .written-review-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#reviews-list.picture-reviews li {
  border-bottom: none;
}
#reviews-list .read-more {
  display: inline-block;
  margin-top: 12px;
}
#reviews-list .read-more:focus {
  outline: none;
}
#reviews-list .read-more:focus-visible {
  outline: 2px solid #6dafff;
}
#reviews-list .list-item-title:focus {
  outline: none;
}
#reviews-list .list-item-title:focus-visible {
  outline: 2px solid #6dafff;
}
.review-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
}
.edit-review .book-information {
  text-align: center;
}
@media screen and (min-width: 540px) {
  .edit-review .book-information {
    text-align: left;
  }
}
.edit-review .book-information h2 {
  margin-bottom: 0.15625rem;
}
.edit-review .book-information h3 {
  font-weight: normal;
  margin: 0;
}
.edit-review .picture-review-drop-zone {
  margin-bottom: 1.25rem;
}
.edit-review form.picture_review {
  max-width: 660px;
}
.edit-review label {
  font-size: 15px;
  font-weight: 800;
  color: #424242;
  line-height: 21px;
  display: block;
}
.edit-review label span:not(.label-text) {
  color: #929292;
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  line-height: 21px;
}
.edit-review input[type="text"],
.edit-review input[type="number"],
.edit-review textarea,
.edit-review select {
  border-radius: 10px;
  padding: 0 12px;
  font-size: 16px;
  margin-bottom: 28px;
}
.edit-review input[type="text"]:focus,
.edit-review input[type="number"]:focus,
.edit-review textarea:focus,
.edit-review select:focus {
  box-shadow: none;
}
.edit-review textarea {
  padding: 12px;
  height: 128px;
}
.edit-review select {
  background-position: calc(100% - 16px);
}
.edit-review .emojis-btn {
  margin: 0;
  margin-bottom: 28px;
}
.edit-review-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.edit-review-actions .button {
  width: 100%;
}
@media screen and (min-width: 540px) {
  .edit-review-actions .button {
    width: auto;
  }
}
.reviews.edit .rejected,
.reviews.edit .approved,
.reviews.edit .approval-pending {
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-flex;
  height: 40px;
  border-radius: 16px;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  padding: 0 20px;
}
.reviews.edit .rejected {
  background-color: #fce6e4;
  color: #ab3f35;
}
.reviews.edit .approved {
  background-color: #dbf2e7;
  color: #087542;
}
.reviews.edit .approval-pending {
  background-color: #eaeaea;
  color: #656565;
}
.reviews.edit .book-information {
  margin-top: -16px;
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeaea;
}
.reviews.edit .book-information h2 {
  font-weight: 700;
  font-size: 22px;
  color: #2a2a2a;
  margin-bottom: 4px;
}
.reviews.edit .book-information h3 {
  font-weight: 500;
  font-size: 17px;
  color: #656565;
  margin-top: 4px;
  margin-bottom: 4px;
}
.reviews.edit .book-information__meta {
  margin-bottom: 16px;
}
.characters-counter {
  text-align: right;
}
.information-icon {
  background: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png") -282px -84px;
  display: inline-block;
  height: 32px;
  margin: 0 20px 0 0;
  vertical-align: middle;
  width: 32px;
}
div.review-settings.alert-box.warning {
  color: black;
  margin-bottom: 20px;
}
.reviews-block-grid {
  margin-bottom: 0;
}
.button--filled-secondary.edit-review-button {
  margin-top: 16px;
  font-size: 15px;
  height: 36px;
  border-radius: 10px;
  padding: 0 12px;
}
.button--filled-secondary.edit-review-button:focus-visible {
  outline: 2px solid #6dafff;
  outline-offset: 2px;
}
.reviews-block-grid.picture-reviews {
  margin: 0 -10px;
}
.reviews-block-grid.picture-reviews li {
  width: 100%;
  max-width: 100%;
  padding: 0 0 20px 0;
}
@media only screen and (min-width: 40em) {
  .reviews-block-grid.picture-reviews li {
    width: 50%;
    padding: 0 10px 20px 10px;
  }
}
@media only screen and (min-width: 80em) {
  .reviews-block-grid.picture-reviews li {
    width: 33.33333%;
  }
}
.picture-review-item {
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #fafafa;
  border-radius: 10px;
  padding: 20px;
}
.video-preview-slider-image {
  display: none;
}
.picture-review-item-media-wrapper > img,
.picture-review-item-media-wrapper > video {
  opacity: 1;
  filter: alpha(opacity=100);
  margin-bottom: 20px;
  cursor: pointer;
  border-radius: 10px;
}
.picture-review-item-media-wrapper > img:hover,
.picture-review-item-media-wrapper > video:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.picture-review-item-media-wrapper > img:active,
.picture-review-item-media-wrapper > video:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.picture-review-item-media-wrapper > img:focus,
.picture-review-item-media-wrapper > video:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .picture-review-item-media-wrapper > img:hover,
  .picture-review-item-media-wrapper > video:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .picture-review-item-media-wrapper > img:active,
  .picture-review-item-media-wrapper > video:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .picture-review-item-media-wrapper > img:focus,
  .picture-review-item-media-wrapper > video:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.picture-review-title {
  font-weight: 800;
  font-size: 1.125rem;
  color: #2a2a2a;
  cursor: pointer;
  line-height: 1.25;
  margin-bottom: 16px;
  display: inline-block;
  letter-spacing: normal;
}
.picture-review-title:focus {
  outline: none;
}
.picture-review-title:focus-visible {
  outline: 2px solid #6dafff;
}
@media only screen and (min-width: 80em) {
  .picture-review-title:hover {
    text-decoration: underline;
  }
}
video::-webkit-media-controls {
  overflow: hidden !important;
}
video::-webkit-media-controls-enclosure {
  width: calc(100% + 32px);
  margin-left: auto;
}
.picture-review-info {
  margin-bottom: 24px;
}
.picture-review-book-info,
.picture-review-creator-info {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}
.picture-review-book-info h4,
.picture-review-creator-info h4 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
.picture-review-book-info .picture-review-book,
.picture-review-book-info .picture-review-author,
.picture-review-book-info .picture-review-creator,
.picture-review-book-info .picture-review-microsite-info,
.picture-review-creator-info .picture-review-book,
.picture-review-creator-info .picture-review-author,
.picture-review-creator-info .picture-review-creator,
.picture-review-creator-info .picture-review-microsite-info {
  margin-top: 0.125rem;
}
.picture-review-creator-info {
  margin-top: 0.625rem;
}
.approval-section {
  font-weight: 700;
  font-size: 13px;
  text-align: center;
  margin: 20px -20px -20px;
  padding: 16px 20px;
  border-top: 1px solid #eaeaea;
}
.approval-pending {
  color: #656565;
}
.approved {
  color: #087542;
}
.rejected {
  color: #ab3f35;
}
.edit-review-link {
  display: block;
  border-radius: 10px;
  background-color: #eaeaea;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #656565;
  text-decoration: none;
  font-size: 0.9375rem;
  font-weight: 700;
  transition: background-color 0.13s ease;
}
.edit-review-link:hover,
.edit-review-link:active {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #424242;
  text-decoration: none;
}
.edit-review-link:focus {
  box-shadow: 0 0 0 2.5px #f2f2f2;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  outline: none;
  color: #424242;
}
.edit-review-link:focus-visible {
  outline: 2px solid #6dafff;
  outline-offset: 2px;
}
.picture-review-item-interactive-section {
  margin-top: -0.25rem;
}
.picture-review-item-interactive-section:after {
  clear: both;
  content: "";
  display: table;
}
.picture-review-favorites {
  display: inline-block;
  margin-top: 2px;
}
.review-heart {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}
.review-heart:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.review-heart:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.review-heart:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media only screen and (min-width: 80em) {
  .review-heart:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .review-heart:active {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .review-heart:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.review-heart .heart-icon {
  display: inline-block;
  width: 20px;
  height: 16px;
  margin-right: 0.25rem;
  background-image: url("https://assets.beanstack-cdn.com/static-assets/icon-sprite-v2.png");
}
.review-heart.inactive-heart .heart-icon {
  background-position: -198px -68px;
}
.review-heart.active-heart .heart-icon {
  background-position: -198px -94px;
}
.heart-counter {
  position: relative;
  display: inline-block;
  top: -2px;
}
#book-reviewer .picture-review-tips-wrapper {
  background-color: #f5f5f5;
  padding: 24px;
  margin-bottom: 32px;
  border-radius: 16px;
}
@media screen and (min-width: 640px) {
  #book-reviewer .picture-review-tips-wrapper {
    padding: 32px;
  }
}
#book-reviewer .picture-review-tips-wrapper ul {
  margin: 0 0 0 18px;
  list-style-type: disc;
}
.lg-backdrop {
  overflow: hidden;
  z-index: 3000 !important;
}
.lg-outer {
  z-index: 3001 !important;
}
.lg-sub-html {
  padding: 1.25rem !important;
}
.lg-review-info {
  text-align: left;
}
.lg-review-info .review-title h3 {
  color: #ffffff;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 40em) {
  .lg-review-info .book-and-creator-container {
    display: table-row;
  }
}
.lg-review-info .review-book,
.lg-review-info .review-creator {
  font-size: 14px;
  line-height: 1.4;
}
@media only screen and (min-width: 40em) {
  .lg-review-info .review-book,
  .lg-review-info .review-creator {
    display: table-cell;
    vertical-align: top;
  }
}
.lg-review-info h4 {
  font-size: 14px;
  line-height: 1.4;
  color: #ffffff;
}
.lg-review-info .book-title,
.lg-review-info .author,
.lg-review-info .name-and-library {
  margin-top: 0.125rem;
}
.lg-review-info .review-creator {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 40em) {
  .lg-review-info .review-creator {
    margin-top: 0;
    padding-left: 1.25rem;
  }
}
.lg-review-info .heart-parent {
  margin-top: 1.25rem;
}
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item.lg-complete
  .lg-object {
  position: relative !important;
  height: initial !important;
  width: auto !important;
}
.drop-area-wrap {
  position: relative;
}
.drop-area-wrap .drop-area {
  width: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.js-s3_file_field {
  display: none;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.picture-review-drop-zone {
  border: 2px dashed #d9d9d9;
  padding: 24px;
  min-height: 72px;
  margin-bottom: 28px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border-radius: 10px;
  color: #424242;
}
@media only screen and (min-width: 80em) {
  .picture-review-drop-zone:hover {
    color: #2a2a2a;
    border-color: #b5b5b5;
  }
}
.picture-review-preview {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  margin-top: 1.25rem;
  border-bottom: none;
}
.picture-review-preview .previews,
.picture-review-preview .previews img,
.picture-review-preview .previews video {
  width: 100%;
  max-width: 100%;
}
.delete-preview-button {
  background-color: #e85648;
  margin-top: 24px;
  width: 100%;
}
.delete-preview-button:hover {
  background-color: #e54131;
}
.delete-preview-button:active {
  background-color: #e33524;
}
.delete-preview-button:focus {
  background-color: #e85648;
}
.progress-wrapper {
  margin-top: 16px;
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: #f5f5f5;
}
.progress-text {
  margin-bottom: 8px;
  font-weight: 700;
}
.progress {
  width: 100%;
  background-color: #e5e5e5;
  height: 12px;
  border-radius: 12px;
}
.meter {
  width: 100%;
  background-color: #326ece;
  height: 100%;
  border-radius: 12px;
}
.picture-review-saved-overlay-wrapper {
  text-align: center;
  position: fixed;
  width: 100%;
  z-index: 2;
}
.saved-picture-review-overlay {
  background-color: #000;
  margin: 0 auto;
  height: 300px;
  opacity: 0.8;
  text-align: center;
  width: 50%;
}
.saved-picture-review-overlay-icon {
  height: 100px;
  margin: 30px 0;
  width: 100px;
}
.saved-picture-review-overlay-common-text {
  color: #fff;
  margin-bottom: 10px;
}
.saved-picture-review-overlay-text {
  font-size: 16px;
}
.saved-picture-review-overlay-title {
  font-size: 18px;
  font-weight: 700;
}
#scanner {
  display: block;
}
#scanner .scanner-intro {
  text-align: center;
  padding: 1.5rem;
  margin-bottom: 1.25rem;
  background-color: #88f7c3;
  border-radius: 10px;
}
#scanner .scanner-intro .new {
  font-weight: 700;
  color: #0ba85f;
}
.scanner-loading,
#close-scanner-btn {
  display: none;
}
.scanner-loading {
  text-align: center;
}
.scanner-loading:not(.hide) .loading-img {
  margin: 20px 0;
  max-width: 30px;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
}
@-webkit-keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#scandit {
  border-radius: 10px;
  text-align: center;
  margin-bottom: 25px;
  display: none;
}
#scandit .scandit-barcode-picker {
  border-radius: 10px;
  overflow: hidden;
}
#scandit .button img {
  width: 20px;
  margin-right: 15px;
}
@media only screen and (max-width: 39.938em) {
  #scandit .button img {
    display: none;
  }
}
#scandit button {
  margin: 10px auto;
}
.mobile-scanner-focused {
  position: fixed !important;
}
.mobile-scanner-focused .sliding-overlay-wrap {
  position: absolute !important;
}
.reading-log-month-list .reading-log-item.log-item-1 .cover,
#log-content .reading-log-item.log-item-1 .cover,
.book-list-grid .reading-log-item.log-item-1 .cover,
.single-log-item .reading-log-item.log-item-1 .cover {
  background-color: #dc493a;
}
.reading-log-month-list .reading-log-item.log-item-2 .cover,
#log-content .reading-log-item.log-item-2 .cover,
.book-list-grid .reading-log-item.log-item-2 .cover,
.single-log-item .reading-log-item.log-item-2 .cover {
  background-color: #f26430;
}
.reading-log-month-list .reading-log-item.log-item-3 .cover,
#log-content .reading-log-item.log-item-3 .cover,
.book-list-grid .reading-log-item.log-item-3 .cover,
.single-log-item .reading-log-item.log-item-3 .cover {
  background-color: #ffbc42;
}
.reading-log-month-list .reading-log-item.log-item-4 .cover,
#log-content .reading-log-item.log-item-4 .cover,
.book-list-grid .reading-log-item.log-item-4 .cover,
.single-log-item .reading-log-item.log-item-4 .cover {
  background-color: #03b5aa;
}
.reading-log-month-list .reading-log-item.log-item-5 .cover,
#log-content .reading-log-item.log-item-5 .cover,
.book-list-grid .reading-log-item.log-item-5 .cover,
.single-log-item .reading-log-item.log-item-5 .cover {
  background-color: #19bfd5;
}
.reading-log-month-list .reading-log-item.log-item-6 .cover,
#log-content .reading-log-item.log-item-6 .cover,
.book-list-grid .reading-log-item.log-item-6 .cover,
.single-log-item .reading-log-item.log-item-6 .cover {
  background-color: #1d70a2;
}
.reading-log-month-list .reading-log-item.log-item-7 .cover,
#log-content .reading-log-item.log-item-7 .cover,
.book-list-grid .reading-log-item.log-item-7 .cover,
.single-log-item .reading-log-item.log-item-7 .cover {
  background-color: #6761a8;
}
.reading-log-month-list .reading-log-item.no-cover .cover,
#log-content .reading-log-item.no-cover .cover,
.book-list-grid .reading-log-item.no-cover .cover,
.single-log-item .reading-log-item.no-cover .cover {
  aspect-ratio: 1 / 1.5;
  align-self: flex-end;
}
.reading-log-month-list .reading-log-item .author,
#log-content .reading-log-item .author,
.book-list-grid .reading-log-item .author,
.single-log-item .reading-log-item .author {
  font-weight: normal;
}
.reading-log-month-list .reading-log-item .list-item-title,
#log-content .reading-log-item .list-item-title,
.book-list-grid .reading-log-item .list-item-title,
.single-log-item .reading-log-item .list-item-title {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  line-height: 1.3;
  margin-bottom: 0.125rem;
}
.reading-log-month-list .reading-log-item form.button_to,
#log-content .reading-log-item form.button_to,
.book-list-grid .reading-log-item form.button_to,
.single-log-item .reading-log-item form.button_to {
  width: 100%;
  height: 100%;
}
.reading-log-month-list .reading-log-item .cover,
#log-content .reading-log-item .cover,
.book-list-grid .reading-log-item .cover,
.single-log-item .reading-log-item .cover {
  transition: all 0.13s ease;
  position: relative;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  align-self: flex-end;
}
.reading-log-month-list .reading-log-item .cover::after,
#log-content .reading-log-item .cover::after,
.book-list-grid .reading-log-item .cover::after,
.single-log-item .reading-log-item .cover::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 10px;
  width: calc(100% - 20px);
  height: 20px;
  border-radius: 20px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
.reading-log-month-list .reading-log-item .cover img,
#log-content .reading-log-item .cover img,
.book-list-grid .reading-log-item .cover img,
.single-log-item .reading-log-item .cover img {
  object-fit: cover;
  width: 100%;
  border-radius: inherit;
  align-self: flex-end;
}
.reading-log-month-list .reading-log-item .cover .book-title,
#log-content .reading-log-item .cover .book-title,
.book-list-grid .reading-log-item .cover .book-title,
.single-log-item .reading-log-item .cover .book-title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.28;
  padding: 0px 16px;
  color: white;
  text-align: center;
}
.reading-log-month-list .reading-log-item .cover .no-title svg,
#log-content .reading-log-item .cover .no-title svg,
.book-list-grid .reading-log-item .cover .no-title svg,
.single-log-item .reading-log-item .cover .no-title svg {
  fill: white;
  height: 40px;
  width: 40px;
}
.single-log-item .cover img {
  max-height: 250px;
}
@media screen and (min-width: 640px) {
  .single-log-item .cover img {
    max-height: 320px;
  }
}
.reading-log-month-list .cover img {
  max-height: 150vw;
}
@media screen and (min-width: 336px) {
  .reading-log-month-list .cover img {
    max-height: 80vw;
  }
}
@media screen and (min-width: 500px) {
  .reading-log-month-list .cover img {
    max-height: 80vw;
  }
}
@media screen and (min-width: 664px) {
  .reading-log-month-list .cover img {
    max-height: 40vw;
  }
}
@media screen and (min-width: 828px) {
  .reading-log-month-list .cover img {
    max-height: 33vw;
  }
}
@media screen and (min-width: 992px) {
  .reading-log-month-list .cover img {
    max-height: 300px;
  }
}
.reading-log-month-list .reading-list-cover {
  transition: all 0.13s ease;
  position: relative;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
}
.reading-log-month-list .reading-list-cover:hover {
  opacity: 0.7;
}
.reading-log-month-list .reading-list-cover:focus {
  box-shadow: 0 0 0 2.5px #6dafff;
  outline: none;
  opacity: 1;
}
.reading-log-month-list .reading-list-cover:focus .book-dropdown {
  display: block;
}
.reading-log-month-list .reading-list-cover::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 8px;
  width: calc(100% - 16px);
  height: 16px;
  border-radius: 16px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
.reading-log-month-list .reading-list-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  align-self: flex-end;
}
#log-content,
#classroom-library-books {
  margin-top: 24px;
}
#log-content .month-title,
#classroom-library-books .month-title {
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #424242;
  border-bottom: 1px solid #e0e0e0;
  padding: 24px 0;
}
#log-content .reading-log-month-list,
#classroom-library-books .reading-log-month-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 32px;
  margin-bottom: 80px;
}
#log-content .reading-log-item,
#classroom-library-books .reading-log-item {
  display: flex;
  width: 100%;
  height: 100%;
}
.mobile-log-summary.dropdown {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  .mobile-log-summary.dropdown {
    display: inline-block;
  }
}
.mobile-log-summary .dropdown-items-list {
  max-width: 80vw;
}
.mobile-log-summary .dropdown__trigger {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/000000/filter.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  height: 40px;
  width: 40px;
  background-size: 20px;
  border: none;
  border-radius: 100%;
}
.mobile-log-summary .dropdown__trigger:hover {
  background-color: #f7f7f7;
}
.mobile-log-summary .no-cover-book-item {
  width: 100%;
  padding: 0;
  aspect-ratio: 1/1.5;
  display: flex;
  align-items: center;
}
.mobile-log-summary .no-cover-book-item .no-cover-book-item-title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.28;
  padding: 0px 16px;
  color: white;
  text-align: center;
}
.mobile-log-summary #reading-log-summary {
  display: none;
  width: auto;
}
.mobile-log-summary #reading-log-summary ul.reading-log-overview {
  display: block;
}
.mobile-log-summary #reading-log-summary ul.reading-log-overview li {
  width: 100%;
}
.mobile-log-summary #reading-log-summary ul.reading-log-overview li:hover {
  background-color: #f9f9f9;
}
.mobile-log-summary #reading-log-summary ul.reading-log-overview li a {
  padding: 12px 20px;
  border: none !important;
}
.mobile-log-summary #reading-log-summary ul.reading-log-overview li a::after {
  display: none !important;
}
.mobile-log-summary
  #reading-log-summary
  ul.reading-log-overview
  li
  a
  .log-type {
  flex: auto;
}
.mobile-log-summary #reading-log-summary ul.reading-log-overview li a .value {
  background-color: #f2f2f2;
  color: #656565;
}
.mobile-log-summary #reading-log-summary ul.reading-log-overview li a.active {
  border: none !important;
}
@media only screen and (max-width: 39.938em) {
  .print-button {
    margin-bottom: 0 !important;
    font-size: 0;
    text-indent: -999;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-position: 50% 50%;
    background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/000000/print.png") !important;
    background-repeat: no-repeat;
    background-color: white;
    overflow: hidden;
    border: none !important;
    padding: none;
    width: 40px;
    height: 40px;
    background-size: 20px;
    border-radius: 100%;
  }
  .print-button:hover {
    background-color: #f7f7f7;
  }
}
#reading-log-summary {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
#reading-log-summary ul.reading-log-overview {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 39.938em) {
  #reading-log-summary ul.reading-log-overview {
    display: none;
  }
}
#reading-log-summary ul.reading-log-overview li {
  margin-right: 40px;
}
#reading-log-summary ul.reading-log-overview li.active a::after {
  transform: scaleY(1) !important;
}
#reading-log-summary ul.reading-log-overview li a {
  padding: 15px 0;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a2a2a;
  display: flex;
  align-items: center;
  position: relative;
  height: 60px;
}
#reading-log-summary ul.reading-log-overview li a .log-icon {
  width: 20px;
  height: 20px;
  position: relative;
  top: 0px;
}
#reading-log-summary ul.reading-log-overview li a .log-icon img {
  max-width: 100%;
  height: 90%;
  width: 100%;
}
#reading-log-summary ul.reading-log-overview li a .log-type {
  margin: 0 12px 0 12px;
  white-space: nowrap;
}
#reading-log-summary ul.reading-log-overview li a .value {
  padding: 5px 8px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
#reading-log-summary ul.reading-log-overview li a::after {
  transition: all 0.13s ease;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #c8c8c8;
  transform: scaleY(0);
  transform-origin: bottom;
}
#reading-log-summary ul.reading-log-overview li a:hover {
  text-decoration: none;
}
#reading-log-summary ul.reading-log-overview li a:hover::after {
  transform: scaleY(1);
}
.single-log-item-back {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  background-color: #f7f7f7;
  padding: 1rem;
  margin-bottom: 3rem;
}
.single-log-item {
  margin-top: 40px;
}
.single-log-item .cover-and-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .single-log-item .cover-and-info {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 32px;
    align-items: flex-start;
  }
}
.single-log-item .cover-cell {
  margin-bottom: 32px;
}
@media screen and (min-width: 640px) {
  .single-log-item .cover-cell {
    grid-column: 1 / span 3;
    margin-bottom: 0;
  }
}
.single-log-item .cover-cell .cover {
  max-width: 120px;
}
@media screen and (min-width: 640px) {
  .single-log-item .cover-cell .cover {
    max-width: 150px;
  }
}
.single-log-item .info-cell__title {
  padding-bottom: 32px;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .single-log-item .info-cell__title {
    text-align: left;
  }
}
.single-log-item .info-cell__details--without-tabs {
  margin-top: 32px;
}
.single-log-item .info-cell__details--with-tabs {
  margin-top: 32px;
}
@media screen and (min-width: 640px) {
  .single-log-item .info-cell__details--with-tabs {
    margin-top: 40px;
  }
}
.single-log-item .info-cell--no-title-border .info-cell__title {
  margin-bottom: 32px;
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (min-width: 640px) {
  .single-log-item .info-cell--no-title-border .info-cell__title {
    margin-bottom: 40px;
  }
}
.single-log-item .info-cell--no-title-border .info-cell__details--without-tabs {
  margin-top: 48px;
}
@media screen and (min-width: 640px) {
  .single-log-item
    .info-cell--no-title-border
    .info-cell__details--without-tabs {
    margin-top: 56px;
  }
}
.single-log-item .info-cell {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .single-log-item .info-cell {
    grid-column: 4 / span 9;
  }
}
.single-log-item .info-cell h2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 0px;
  letter-spacing: normal;
}
@media screen and (min-width: 640px) {
  .single-log-item .info-cell h2 {
    font-size: 28px;
  }
}
.single-log-item .info-cell h2.has-author {
  margin-bottom: 12px;
}
.single-log-item .info-cell .author-and-page-count {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0px;
  color: #656565;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .single-log-item .info-cell .author-and-page-count {
    justify-content: flex-start;
  }
}
.single-log-item .info-cell .author,
.single-log-item .info-cell .page-count {
  display: inline-flex;
}
.single-log-item .info-cell .page-count.has-author {
  display: flex;
  align-items: center;
}
.single-log-item .info-cell .page-count.has-author::before {
  display: block;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: #aaa;
  margin: 0px 12px;
  content: " ";
}
@media only screen and (min-width: 40em) {
  .single-log-item .info-cell {
    text-align: left;
  }
}
.single-log-item .info-cell .logging-button-container {
  width: 100%;
}
.single-log-item .info-cell .logging-button-container .logging-button {
  color: white;
}
.single-log-item
  .info-cell
  .logging-button-container
  .logging-button.log-books-btn {
  margin: 40px 0px;
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .info-cell .logging-button-container {
    text-align: center;
  }
  .single-log-item
    .info-cell
    .logging-button-container
    .logging-button.log-books-btn {
    margin: 32px 0px;
  }
}
.single-log-item .info-cell .logging-button {
  color: white;
}
.single-log-item .info-cell .logging-button.log-books-btn {
  margin: 40px 0px;
}
.single-log-item ul.book-detail-tabs {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 32px;
  display: flex;
  gap: 24px;
}
@media screen and (min-width: 640px) {
  .single-log-item ul.book-detail-tabs {
    margin-bottom: 40px;
  }
}
.single-log-item .book-detail-tab-item.active .book-detail-tab-button {
  color: #2a2a2a;
}
.single-log-item .book-detail-tab-item.active .book-detail-tab-button::after {
  transform: scaleY(1);
}
.single-log-item .book-detail-tab-button {
  font-size: 15px;
  font-family: "museo-sans-rounded", sans-serif;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  position: relative;
  border: 0;
  background-color: transparent;
  color: #656565;
  font-weight: 700;
  transition: color 0.13s ease;
  line-height: 1.25;
  min-height: 52px;
}
.single-log-item .book-detail-tab-button:hover {
  background-color: transparent;
  color: #2a2a2a;
}
.single-log-item .book-detail-tab-button:hover::after {
  transform: scaleY(1);
}
.single-log-item .book-detail-tab-button:focus {
  outline: none !important;
  background-color: transparent;
  color: #2a2a2a;
  box-shadow: none;
}
.single-log-item .book-detail-tab-button:focus-visible {
  outline: 2px solid #6dafff !important;
  outline-offset: 2px;
}
.single-log-item .book-detail-tab-button:focus-visible::after {
  transform: scaleY(1);
}
.single-log-item .book-detail-tab-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #c8c8c8;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.13s ease;
}
.single-log-item .book-detail-page {
  display: none;
  outline: none;
}
.single-log-item .book-detail-page.active {
  display: block;
}
.single-log-item .book-detail-page h3 {
  font-size: 18px;
  font-weight: 800;
  margin: 0;
  line-height: 1.25;
  color: #2a2a2a;
  letter-spacing: normal;
}
.single-log-item .book-detail-page li {
  outline: none;
}
.single-log-item #reading-questions ul.reading-question-list {
  margin-top: 8px;
  margin-bottom: 0;
}
.single-log-item #reading-questions ul.reading-question-list li {
  display: flex;
  padding: 24px 0px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px;
  align-items: flex-start;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  li:not(:first-child) {
  border-top: 1px solid #eaeaea;
}
.single-log-item #reading-questions ul.reading-question-list li:last-child {
  padding-bottom: 0;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  li.correct
  .reading-question-icon {
  background-color: #dbf2e7;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  li.correct
  .reading-question-icon
  .question-icon {
  stroke: #0ba85f;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  li.correct
  div
  span {
  color: #0ba85f;
  font-weight: 800;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  li.incorrect
  .reading-question-icon {
  background-color: #fce6e4;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  li.incorrect
  .reading-question-icon
  .question-icon {
  stroke: #e85648;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  li.incorrect
  div
  span {
  color: #e85648;
  font-weight: 800;
  text-decoration: line-through;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  li
  .reading-question-icon {
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.single-log-item #reading-questions ul.reading-question-list li .question-icon {
  width: 16px;
  height: 16px;
}
.single-log-item
  #reading-questions
  ul.reading-question-list
  .reading-question-text {
  margin: 0;
  margin-top: 4px;
}
.single-log-item #reading-questions .reading-questions-empty-state {
  border-radius: 16px;
  background-color: #f5f5f5;
  text-align: center;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .single-log-item #reading-questions .reading-questions-empty-state {
    padding: 40px;
  }
}
.single-log-item
  #reading-questions
  .reading-questions-empty-state
  .empty-state-image {
  max-width: 120px;
}
.single-log-item
  #reading-questions
  .reading-questions-empty-state
  .empty-state-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 8px;
  margin-top: 24px;
  max-width: 500px;
}
.single-log-item
  #reading-questions
  .reading-questions-empty-state
  .empty-state-body {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 24px;
  max-width: 500px;
}
.single-log-item
  #reading-questions
  .reading-questions-empty-state
  .button-icon {
  display: inline-flex;
  margin-right: 12px;
}
.single-log-item
  #reading-questions
  .reading-questions-empty-state
  .button-icon
  svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
}
.single-log-item #reading-sessions .sessions-list-header {
  display: flex;
  align-items: center;
  margin-bottom: 33px;
}
.single-log-item #reading-sessions .sessions-list-header p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  display: flex;
  align-items: center;
  color: #656565;
  margin: 0;
}
.single-log-item #reading-sessions .sessions-list-header p::before {
  display: block;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: #aaa;
  margin: 0px 12px;
  content: " ";
}
.single-log-item .sessions-list {
  margin-bottom: 0;
}
.single-log-item .sessions-list li {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.single-log-item .sessions-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.single-log-item .sessions-list li.no-edit {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .sessions-list li.no-edit {
    display: block;
  }
  .single-log-item .sessions-list li.no-edit a {
    margin-top: 20px;
  }
}
.single-log-item .sessions-list .edit-text {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 16px;
  margin-left: 8px;
  color: #424242;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-log-item .sessions-list .edit-text svg {
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .sessions-list .edit-text {
    width: fit-content;
    margin-left: 0px;
    margin-right: 12px;
    padding: 10px 16px;
  }
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .sessions-list .session-action__edit {
    background-color: #f2f2f2;
  }
  .single-log-item .sessions-list .session-action__edit::after {
    display: block;
    content: "Edit";
    margin-left: 12px;
  }
}
.single-log-item .sessions-list .session-action__remove .remove-session-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/40/000000/filled-trash.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .sessions-list .session-action__remove {
    background-color: #f2f2f2;
  }
  .single-log-item .sessions-list .session-action__remove::after {
    display: block;
    content: "Delete";
    margin-left: 12px;
  }
}
.single-log-item .sessions-list .session-action__remove:hover {
  background-color: #fce6e4;
}
.single-log-item
  .sessions-list
  .session-action__remove:hover
  .remove-session-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/40/e85648/filled-trash.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.single-log-item .sessions-list .session-action__save {
  background-color: #dbf2e7;
  color: #0ba85f;
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .sessions-list .session-action__save::after {
    display: block;
    content: "Save";
    margin-left: 12px;
  }
}
.single-log-item .sessions-list .session-action__save .save-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/external-tal-revivo-bold-tal-revivo/40/0ba85f/external-approved-checkmark-symbol-to-verify-the-result-basic-bold-tal-revivo.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.single-log-item .sessions-list .session-action__save:hover .save-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/external-tal-revivo-bold-tal-revivo/40/0ba85f/external-approved-checkmark-symbol-to-verify-the-result-basic-bold-tal-revivo.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.single-log-item .sessions-list .session-action__cancel {
  background-color: #f2f2f2;
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .sessions-list .session-action__cancel::after {
    display: block;
    content: "Cancel";
    margin-left: 12px;
  }
}
.single-log-item .sessions-list .session-action__cancel .cancel-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/656565/multiply.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.single-log-item .sessions-list .session-action__cancel:hover .cancel-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/656565/multiply.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.single-log-item .sessions-list .logged-on {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: normal;
  margin-bottom: 8px;
}
.single-log-item .sessions-list .time-wrap {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .sessions-list .time-wrap {
    display: block;
  }
}
.single-log-item .sessions-list .log-details {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  color: #656565;
  margin-bottom: 0px;
}
.single-log-item .sessions-list .log-details-description {
  font-size: 14px;
  font-weight: bold;
  color: #656565;
  line-height: 1.29;
  margin-top: 8px;
  margin-bottom: 0px;
}
.single-log-item .sessions-list .edit-times-read-input {
  display: none;
}
.single-log-item .sessions-list .edit-times-read-input input {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  color: #656565;
  padding: 12px;
  border-radius: 8px;
  border: solid 2px #d9d9d9;
  width: 100px;
  margin-right: 0.5rem;
  cursor: default;
}
.single-log-item .sessions-list .edit-times-read-input.editing {
  display: inline-block;
}
.single-log-item .sessions-list .edit-wrap-links span:not(.hide) {
  display: flex;
}
@media only screen and (max-width: 39.938em) {
  .single-log-item .sessions-list .edit-wrap-links {
    margin-top: 20px;
  }
}
.single-log-item .sessions-list section[class^="verify-log-value"] {
  margin-top: 24px;
  background-color: white;
  border: 2px solid #ffbc42;
  border-radius: 2px;
  padding: 1rem;
}
.single-log-item .sessions-list section[class^="verify-log-value"]:after {
  clear: both;
  content: "";
  display: table;
}
.single-log-item .sessions-list section[class^="verify-log-value"] input {
  cursor: pointer !important;
  position: absolute;
  top: 0;
  left: 0;
}
.single-log-item .sessions-list section[class^="verify-log-value"] span {
  cursor: pointer;
  background-image: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/bs-admin-sprite.png?v=2");
  height: 100%;
  width: 100%;
}
.single-log-item
  .sessions-list
  section[class^="verify-log-value"]
  .verify-checkbox {
  width: 32px;
  height: 32px;
  position: relative;
  float: left;
}
.single-log-item
  .sessions-list
  section[class^="verify-log-value"]
  input
  + .check {
  cursor: pointer !important;
  background-position: -299px -183px;
  display: inline-block;
}
.single-log-item
  .sessions-list
  section[class^="verify-log-value"]
  input:checked
  + .check {
  background-image: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/bs-admin-sprite.png?v=2");
  background-position: -341px -183px;
}
.single-log-item
  .sessions-list
  section[class^="verify-log-value"]
  .verify-text {
  margin: 0.5rem 1rem 0 1rem;
  float: left;
  width: calc(100% - 32px - 48px - 2rem);
  color: #656565;
  font-weight: bold;
}
.single-log-item
  .sessions-list
  section[class^="verify-log-value"]
  .bs-fingers-crossed {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  float: left;
}
.single-log-item .sessions-list section[class^="verify-log-value"] .ie-hide {
  height: 2.5625rem;
  opacity: 0;
  position: absolute;
  width: 2.25rem;
  z-index: 99999;
}
#events_calendar {
  margin-top: 24px;
}
#events_calendar.log-calendar .day {
  cursor: default;
}
.disabled-logged-book-save {
  color: #424242;
  pointer-events: none;
}
.disabled-logged-book-save:focus {
  color: #424242;
}
.disabled-logged-book-save:hover {
  text-decoration: none;
  pointer-events: none;
}
.title-count {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
#streaks-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 40em) {
  #streaks-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (max-width: 39.938em) {
  #streaks-content #streaks_calendar {
    order: 2;
  }
  #streaks-content .streak-information {
    order: 1;
  }
  #streaks-content .current-streak,
  #streaks-content .longest-streak {
    padding: 20px !important;
    width: 100%;
  }
}
#streaks-content #streaks_calendar {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 24px;
}
#streaks-content .current-streak,
#streaks-content .longest-streak {
  background-color: #f5f5f5;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px;
}
@media only screen and (min-width: 40em) {
  #streaks-content .current-streak,
  #streaks-content .longest-streak {
    padding: 20px;
    min-width: 260px;
  }
}
#streaks-content .current-streak .flame-icon,
#streaks-content .longest-streak .flame-icon {
  height: 40px;
  width: 40px;
  text-align: center;
  margin-right: 20px;
}
#streaks-content .current-streak .flame-icon .streak-icon,
#streaks-content .longest-streak .flame-icon .streak-icon {
  height: 40px;
  width: 25px;
}
#streaks-content .current-streak .flame-icon .longest-streak-icon,
#streaks-content .longest-streak .flame-icon .longest-streak-icon {
  height: 30px;
  width: 40px;
  margin-top: 5px;
}
#streaks-content .current-streak .streak-count,
#streaks-content .longest-streak .streak-count {
  color: #2a2a2a;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.4px;
}
#streaks-content .current-streak .streak-type,
#streaks-content .longest-streak .streak-type {
  color: #656565;
  font-size: 15px;
  letter-spacing: -0.27px;
  line-height: 22px;
  font-weight: 700;
}
#streak-information {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 39.938em) {
  #streak-information {
    flex-direction: column;
    gap: 12px;
  }
}
#streak-information .streak-information-item {
  background-color: #f5f5f5;
  border-radius: 16px;
  padding: 24px;
  width: 100%;
  display: flex;
  gap: 16px;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.03);
}
#streak-information .streak-information-item.current-streak {
  background-color: #feddd1;
}
#streak-information .streak-information-item.longest-streak {
  background-color: #feefbd;
}
#streak-information .streak-icon-wrapper {
  height: 42px;
  width: 42px;
}
#streak-information .streak-icon-wrapper .streak-icon {
  height: 42px;
  width: 42px;
}
#streak-information .streak-icon-wrapper .streak-icon.current-streak {
  background: url(//assets.beanstack-cdn.com/assets/lexile_insights/fire-512eede3e5a5d4f5b9bba8549a4b58968b5ec69ca98f9ac763d52e9018d63ec4.svg)
    no-repeat;
}
#streak-information .streak-icon-wrapper .streak-icon.longest-streak {
  background: url(//assets.beanstack-cdn.com/assets/lexile_insights/fire-plus-0296f07053def1cbb08a9c466fd013a04fdd1e18064832ef1e8cc0389a65bad3.svg)
    no-repeat;
}
#streak-information .streak-count {
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
}
#streak-information .streak-type {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
#main-content.logged-book-detail {
  padding-bottom: 72px;
}
#main-content.logged-book-detail .actions .back-to-log {
  background-color: #f2f2f2;
  border-radius: 0 8px 8px 0;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.13s ease;
}
@media screen and (min-width: 640px) {
  #main-content.logged-book-detail .actions .back-to-log {
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    border-radius: 4px;
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
  }
}
#main-content.logged-book-detail .actions .back-to-log:hover {
  background-color: #eaeaea;
}
@media screen and (min-width: 640px) {
  #main-content.logged-book-detail .actions .back-to-log:hover {
    background-color: transparent;
  }
}
#main-content.logged-book-detail .actions .back-to-log:focus {
  outline: none !important;
}
#main-content.logged-book-detail .actions .back-to-log:focus-visible {
  outline: 2px solid #6dafff !important;
  outline-offset: 2px;
}
#main-content.logged-book-detail .actions .back-to-log.no-padding {
  padding: 0;
}
#main-content.logged-book-detail .actions .back-to-log__icon {
  display: flex;
}
@media screen and (min-width: 640px) {
  #main-content.logged-book-detail .actions .back-to-log__icon {
    margin-right: 4px;
  }
}
#main-content.logged-book-detail .actions .back-to-log__icon svg {
  width: 24px;
  height: 24px;
  stroke: #424242;
  stroke-width: 2.5px;
}
@media screen and (min-width: 640px) {
  #main-content.logged-book-detail .actions .back-to-log__icon svg {
    width: 16px;
    height: 16px;
    stroke-width: 3px;
    stroke: currentColor;
  }
}
#main-content.logged-book-detail .actions .back-to-log__text {
  display: none;
}
@media screen and (min-width: 640px) {
  #main-content.logged-book-detail .actions .back-to-log__text {
    display: inline-block;
  }
}
#main-content.logged-book-detail .pagination {
  background-color: transparent;
  text-align: center;
  padding: 0;
  display: flex;
  justify-content: center;
  border-top: 1px solid #eaeaea;
  padding-top: 20px;
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  #main-content.logged-book-detail .pagination {
    text-align: right;
    justify-content: flex-end;
  }
}
#main-content.logged-book-detail .pagination .pagination-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#main-content.logged-book-detail .pagination .pagination-list li {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: none;
}
#main-content.logged-book-detail .pagination .pagination-list li a {
  color: #424242;
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#main-content.logged-book-detail .pagination .pagination-list li.page {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}
#main-content.logged-book-detail .pagination .pagination-list li.prev,
#main-content.logged-book-detail .pagination .pagination-list li.next,
#main-content.logged-book-detail .pagination .pagination-list li.first,
#main-content.logged-book-detail .pagination .pagination-list li.last,
#main-content.logged-book-detail .pagination .pagination-list li.prev a,
#main-content.logged-book-detail .pagination .pagination-list li.next a,
#main-content.logged-book-detail .pagination .pagination-list li.first a,
#main-content.logged-book-detail .pagination .pagination-list li.last a {
  font-size: 0;
  padding: 0px;
}
#main-content.logged-book-detail .pagination .pagination-list li.current {
  font-weight: 800;
}
#main-content.logged-book-detail .pagination .pagination-list li.prev,
#main-content.logged-book-detail .pagination .pagination-list li.next {
  margin: 0px 6px;
}
#main-content.logged-book-detail .pagination .pagination-list li.first,
#main-content.logged-book-detail .pagination .pagination-list li.last {
  margin: 0px 8px;
}
#main-content.logged-book-detail .pagination .pagination-list li.first {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/32/d9d9d9/double-left.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
#main-content.logged-book-detail .pagination .pagination-list li.first.active {
  background: none;
}
#main-content.logged-book-detail
  .pagination
  .pagination-list
  li.first.active
  a {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/32/424242/double-left.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
#main-content.logged-book-detail .pagination .pagination-list li.last {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/32/d9d9d9/double-right.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
#main-content.logged-book-detail .pagination .pagination-list li.last.active {
  background: none;
}
#main-content.logged-book-detail .pagination .pagination-list li.last.active a {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/32/424242/double-right.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
#main-content.logged-book-detail .pagination .pagination-list li.prev {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/d9d9d9/back.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
#main-content.logged-book-detail .pagination .pagination-list li.prev.active {
  background: none;
}
#main-content.logged-book-detail .pagination .pagination-list li.prev.active a {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/424242/back.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
#main-content.logged-book-detail .pagination .pagination-list li.next {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/d9d9d9/forward.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
#main-content.logged-book-detail .pagination .pagination-list li.next.active {
  background: none;
}
#main-content.logged-book-detail .pagination .pagination-list li.next.active a {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/424242/forward.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
.logged-book-detail-wrapper {
  padding: 0 24px;
  margin: 48px auto 0;
  position: relative;
}
@media screen and (min-width: 640px) {
  .logged-book-detail-wrapper {
    margin-top: 64px;
  }
}
@media screen and (min-width: 900px) {
  .logged-book-detail-wrapper {
    padding: 0 32px;
    max-width: 1024px;
  }
}
.mfp-bg.delete-session-modal-ref {
  opacity: 0.4;
}
#delete-session-modal {
  background-color: #fff;
  position: relative;
  border-radius: 16px;
  display: flex;
  max-width: 350px;
  padding: 40px 32px 24px;
}
#delete-session-modal h3 {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 32px;
}
#delete-session-modal .delete-session-modal__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.group-logging-note {
  margin-bottom: 14px;
  font-size: 14px;
  padding: 16px 20px;
  background: #efefef;
  border-radius: 8px;
}
#reading-log-tabs {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid var(--Gray-G2, #eaeaea);
}
#reading-log-tabs a {
  color: #2a2a2a;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  padding: 16px 0px;
}
#reading-log-tabs a.active {
  border-bottom: 3px solid var(--Blue-B6, #1a6dd5);
}
.clever-login-body {
  background: #326ece;
}
.clever-login-body .login-container {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin: 1.5rem 0;
  background-color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .clever-login-body .login-container {
    margin: 4rem 0;
  }
}
.clever-login-body .login-container .login-container__header {
  padding: 1.5rem;
}
@media only screen and (min-width: 40em) {
  .clever-login-body .login-container .login-container__header {
    padding: 3rem;
  }
}
.clever-login-body .login-container img {
  width: 255px;
}
@media only screen and (min-width: 40em) {
  .clever-login-body .login-container img {
    width: 332px;
  }
}
.clever-login-body .login-container .login-container__header__divide {
  height: 0.25rem;
  margin: 1.5rem 0;
  background-color: #f7f7f7;
}
@media only screen and (min-width: 40em) {
  .clever-login-body .login-container .login-container__header__divide {
    margin: 3rem 0;
  }
}
.clever-login-body .login-container h1 {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 40em) {
  .clever-login-body .login-container h1 {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
  }
}
.clever-login-body .login-container p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 40em) {
  .clever-login-body .login-container p {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.clever-login-body .login-container .button--clever-login {
  border-color: #436cf2;
  background-color: #436cf2;
  color: #ffffff;
}
.clever-login-body .login-container .button--clever-login:hover {
  border-color: #4067e6;
  background-color: #4067e6;
}
.clever-login-body .login-container .button--clever-login:active,
.clever-login-body .login-container .button--clever-login:focus {
  border-color: #4067e6;
  background-color: #3d61d9;
}
.clever-login-body .login-container .login-container__footer {
  border-bottom-radius: 8px;
  padding: 1.5rem;
  background-color: #f7f7f7;
}
@media only screen and (min-width: 40em) {
  .clever-login-body .login-container .login-container__footer {
    padding: 3rem;
  }
}
.clever-login-body .login-container .login-container__footer h2 {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.clever-login-body .login-container .login-container__footer p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.clever-login-body footer {
  text-align: center;
  color: #ffffff;
  padding: 0 0 1.5rem 0;
  border-top: none;
}
@media only screen and (min-width: 40em) {
  .clever-login-body footer {
    padding-bottom: 4rem;
  }
}
@media only screen and (min-width: 80em) {
  .clever-login-body footer {
    position: fixed;
    text-align: left;
    padding: 0;
    left: 3rem;
    bottom: 3rem;
  }
}
.clever-login-body footer img {
  margin-bottom: 0.5rem;
  width: 97px;
}
@media only screen and (min-width: 40em) {
  .clever-login-body footer img {
    width: 142px;
  }
}
#ticket-rewards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 37px;
  list-style: none;
  padding: 0;
  margin-top: 24px;
}
#ticket-rewards .ticket-reward {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  cursor: pointer;
}
#ticket-rewards .ticket-reward .centered {
  justify-content: center;
  align-items: center;
  display: flex;
}
#ticket-rewards .ticket-reward:hover .ticket-reward__title {
  text-decoration: underline;
}
#ticket-rewards .ticket-reward:hover .ticket-reward__image {
  transform: scale(1.01);
  box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.07);
}
#ticket-rewards .ticket-reward__image {
  flex: 1 0 auto;
  height: auto;
  background-color: #eaeaea;
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  transition: all 0.2s linear;
  cursor: pointer;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
}
#ticket-rewards .ticket-reward__image.empty {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/120/929292/no-image.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  height: auto;
  width: auto;
  display: block;
  background-size: 60px;
  background-color: #eaeaea;
}
#ticket-rewards .ticket-reward__image.ended {
  filter: grayscale(100%);
  opacity: 0.8;
}
#ticket-rewards .ticket-reward__image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#ticket-rewards h3.ticket-reward__title {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2a2a2a;
  margin-bottom: 5px;
}
#ticket-rewards span.ticket-reward__drawing-date {
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
}
#ticket-rewards .ticket-reward-status-message {
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
  margin: 20px 0;
}
#ticket-rewards .ticket-reward-status-message:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/40/000000/ticket.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  margin-right: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
#ticket-rewards .ticket-reward-status-message .bold {
  font-weight: 900;
  color: #1a1a1a;
  font-size: 14px;
}
#ticket-rewards .ticket-reward-status-message .subtext {
  margin-left: -30px;
}
#ticket-rewards .ticket-reward-button-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #326ece;
}
#ticket-rewards .ticket-reward-expired {
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
  margin: 20px 0;
}
#ticket-rewards .ticket-reward-expired:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/40/929292/expired.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  margin-right: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
#ticket-rewards-overview-modal {
  max-width: 100%;
  max-height: 100%;
  display: flex;
}
#ticket-rewards-modal {
  position: relative;
  width: 100%;
  max-width: 450px;
  max-height: 100%;
}
#ticket-rewards-modal .modal-close-container {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 999;
}
#ticket-rewards-modal .ticket-reward-modal-content {
  background: #fff;
  border-radius: 12px;
  overflow-y: auto;
  max-height: 100%;
}
#ticket-rewards-modal .modal-close-x {
  padding: 10px 10px 2px 10px;
  border-radius: 50%;
  z-index: 9999;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
}
#ticket-rewards-modal .drawing-background-color {
  width: auto;
  height: auto;
  background: #cec3c0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#ticket-rewards-modal .drawing-description-section {
  padding: 24px 32px;
  text-align: left;
}
#ticket-rewards-modal .drawing-description-section .subheading {
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: 0.01px;
  color: #000000;
}
#ticket-rewards-modal .drawing-description-section .description-text {
  margin-top: 12px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #424242;
}
#ticket-rewards-modal .tickets-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 32px;
  border-top: 2px solid #f7f7f7;
  border-bottom: 2px solid #f7f7f7;
}
@media only screen and (max-width: 39.938em) {
  #ticket-rewards-modal .tickets-section {
    flex-direction: column;
  }
}
#ticket-rewards-modal .tickets-section .ticket-reward-status-message {
  position: relative;
  padding-left: 0;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
  margin: 20px 0;
}
@media only screen and (max-width: 39.938em) {
  #ticket-rewards-modal .tickets-section .ticket-reward-status-message {
    margin: 0 0 15px;
  }
}
#ticket-rewards-modal .tickets-section .ticket-reward-status-message .bold {
  font-size: 22px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}
@media only screen and (max-width: 39.938em) {
  #ticket-rewards-modal .tickets-section .ticket-reward-status-message .bold {
    text-align: center;
  }
}
#ticket-rewards-modal
  .tickets-section
  .ticket-reward-status-message
  .bold:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/64/000000/ticket.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  margin-right: 8px;
  position: relative;
  top: 8px;
}
#ticket-rewards-modal .tickets-section .ticket-reward-status-message .subtext {
  margin-top: 4px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #656565;
}
@media only screen and (max-width: 39.938em) {
  #ticket-rewards-modal
    .tickets-section
    .ticket-reward-status-message
    .subtext {
    text-align: center;
  }
}
#ticket-rewards-modal .tickets-section .ticket-reward-button-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #326ece;
  margin-left: 20px;
}
@media only screen and (max-width: 39.938em) {
  #ticket-rewards-modal .tickets-section .ticket-reward-button-centered {
    margin: 0 0 10px;
  }
}
.ticket-reward-modal-content .drawing-info {
  padding: 10px;
}
.ticket-reward-modal-content .drawing-info .subheading {
  font-size: 22px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.ticket-reward-modal-content .drawing-info .drawing-date {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #656565;
  margin-bottom: 20px;
}
.ticket-reward-modal-content .drawing-image {
  justify-content: center;
  display: block;
  align-items: center;
  padding: 30px 30px 20px 30px;
  position: relative;
  overflow: hidden;
}
.ticket-reward-modal-content .drawing-image:before {
  content: "";
  background: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;
  z-index: 100;
}
.ticket-reward-modal-content .drawing-image:after {
  content: "";
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  background-color: white;
  position: absolute;
  top: 90px;
  left: -100px;
  right: -100px;
  height: 120px;
  z-index: 101;
}
.ticket-reward-modal-content .drawing-image .ticket-reward__image {
  max-width: 80%;
  height: auto;
  background-color: #eaeaea;
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  margin: 0 auto;
  position: relative;
  z-index: 102;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
}
.ticket-reward-modal-content .drawing-image .ticket-reward__image.empty {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/120/929292/no-image.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  height: auto;
  width: auto;
  display: block;
  background-size: 60px;
  background-color: #eaeaea;
}
.ticket-reward-modal-content .drawing-image .ticket-reward__image.ended {
  filter: grayscale(100%);
  opacity: 0.8;
}
.ticket-reward-modal-content .drawing-image .ticket-reward__image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.ticket-reward-modal-content .drawing-empty-state {
  border-radius: 16px;
  background-color: #f5f5f5;
  text-align: center;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .ticket-reward-modal-content .drawing-empty-state {
    padding: 40px;
  }
}
.ticket-reward-modal-content .drawing-empty-state .empty-state-image {
  max-width: 120px;
}
.ticket-reward-modal-content .drawing-empty-state .empty-state-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 8px;
  margin-top: 24px;
  max-width: 500px;
}
.ticket-reward-modal-content .drawing-empty-state .empty-state-body {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 24px;
  max-width: 500px;
}
.ticket-reward-modal-content .drawing-empty-state .button-icon {
  display: inline-flex;
  margin-right: 12px;
}
.ticket-reward-modal-content .drawing-empty-state .button-icon svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
}
#enter-tickets {
  z-index: 999999;
}
.bs-org {
  padding-top: 0;
}
.bs-org .logo,
.bs-org nav,
.bs-org .masthead-h1,
.bs-org .masthead-hr,
.bs-org .masthead-button,
.bs-org .masthead-arrow,
.bs-org .masthead-scroll-down {
  opacity: 0;
}
.bs-org h1,
.bs-org h2,
.bs-org h3,
.bs-org h4,
.bs-org h5,
.bs-org h6 {
  font-weight: 700;
  color: #ffffff;
}
.bs-org h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #424242;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .bs-org h1 {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
    letter-spacing: -0.03em;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org h1 {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
    color: #ffffff;
    letter-spacing: -0.035em;
    line-height: 1.2;
  }
}
.bs-org h1 .ampersand {
  position: relative;
  top: 1px;
}
@media only screen and (min-width: 80em) {
  .bs-org h1 .ampersand {
    padding: 0;
  }
}
.bs-org h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .bs-org h2 {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
  }
}
.bs-org h3 {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
.bs-org h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 1rem 0;
}
@media only screen and (min-width: 40em) {
  .bs-org h4 {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org h4 {
    letter-spacing: -0.03em;
    font-size: 41px;
    line-height: 1.2;
    line-height: 1.2;
  }
}
.bs-org h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #424242;
  margin-bottom: 2rem;
}
.bs-org p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 3.75rem;
}
@media only screen and (min-width: 80em) {
  .bs-org p {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.bs-org .light-bg p {
  color: #7a818a;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  margin-bottom: 36px;
}
.bs-org .italic {
  font-style: italic;
}
.bs-org a {
  color: #35a9ad;
}
.bs-org a:hover {
  color: #3ab8bc;
}
.bs-org #fade-scroll-anchor {
  position: absolute;
  top: 15%;
}
.bs-org .masthead-image {
  width: 100%;
  display: none;
}
@media only screen and (min-width: 80em) {
  .bs-org .masthead-image {
    position: absolute;
    display: block;
  }
}
.bs-org .masthead-image-small-screen {
  width: 100%;
}
@media only screen and (min-width: 80em) {
  .bs-org .masthead-image-small-screen {
    display: none;
  }
}
.bs-org .masthead-button span {
  top: 0;
}
.bs-org button.button {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #326ece;
  border: none;
  padding: 16px 24px 18px 24px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}
.bs-org button.button:hover {
  background: #2e67c2;
}
.bs-org button.button:active,
.bs-org button.button:focus {
  background: #2b61b6;
}
.bs-org .logo {
  position: fixed;
  margin: 0;
  top: 25px;
  left: 20px;
  z-index: 10;
  width: 120px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}
.bs-org nav {
  font-weight: 700;
  position: fixed;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  top: 32px;
  right: 20px;
  z-index: 10;
}
@media only screen and (min-width: 40em) {
  .bs-org nav {
    letter-spacing: normal;
    font-size: 16px;
    line-height: 1.5;
    top: 30px;
    right: 20px;
  }
}
.bs-org nav span {
  cursor: pointer;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  border: 2px solid #326ece;
  color: #ffffff;
  background: #326ece;
  font-weight: bold;
  padding: 8px 12px 10px 12px;
  border-radius: 4px;
  letter-spacing: normal;
}
.bs-org nav span:hover {
  color: #ffffff;
  background: #2e67c2;
}
.bs-org nav span:active,
.bs-org nav span:focus {
  color: #ffffff;
  background: #2b61b6;
}
.bs-org .masthead {
  color: #424242;
  padding: 3.75rem 0;
  background-color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .bs-org .masthead {
    padding: 5rem 0;
    background-color: transparent;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org .masthead {
    padding: 15% 0;
    background-color: transparent;
  }
}
@media only screen and (min-width: 90em) {
  .bs-org .masthead {
    padding: 18% 0;
    background-color: transparent;
  }
}
@media only screen and (min-width: 120em) {
  .bs-org .masthead {
    padding: 20% 0;
    background-color: transparent;
  }
}
.bs-org .masthead a {
  color: #ffffff;
  text-decoration: underline;
}
.bs-org .masthead a:hover {
  text-decoration: none;
}
.bs-org .masthead-arrow {
  margin-top: 24px;
}
.bs-org .masthead-arrow img {
  width: 18px;
}
.bs-org .masthead-scroll-wrap {
  display: none;
}
@media only screen and (min-width: 80em) {
  .bs-org .masthead-scroll-wrap {
    display: block;
  }
}
.bs-org .masthead-scroll-down {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 6px;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}
.bs-org .test-drive {
  display: block;
  font-size: 13px;
}
.bs-org #colored-bg {
  position: relative;
  background: #97ba28
    url("https://s3-us-west-2.amazonaws.com/beanstack/assets/texture-colored-bg.png")
    repeat-x top;
  padding: 3.75rem 0;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  .bs-org #colored-bg {
    padding: 5rem 0;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org #colored-bg {
    padding: 7.5rem 0;
  }
}
.bs-org .feature-row {
  padding-bottom: 3.75rem;
}
@media only screen and (min-width: 40em) {
  .bs-org .feature-row {
    padding-bottom: 5rem;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org .feature-row {
    padding-bottom: 7.5rem;
  }
}
.bs-org .graphic-devices {
  width: 100%;
  max-width: 100%;
}
.bs-org .graphic-recommendations {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 40em) {
  .bs-org .graphic-recommendations {
    width: 640px;
  }
}
.bs-org .dots-divide {
  text-align: center;
  margin: 1.875rem 0 2.5rem 0;
}
.bs-org .dots-divide .dot {
  display: inline-block;
  opacity: 0.54;
  filter: alpha(opacity=54);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  width: 8px;
  height: 8px;
  margin: 0 0.3125rem;
}
.bs-org .clients-wrap {
  text-align: center;
  padding: 3.75rem 0 0 0;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  .bs-org .clients-wrap {
    text-align: left;
    padding-top: 5rem;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org .clients-wrap {
    padding-top: 7.5rem;
  }
}
.bs-org .clients-wrap h4 {
  margin: 0;
}
.bs-org .clients-wrap .divide {
  background-color: #ffffff;
  height: 2px;
  width: 2rem;
  margin: 2rem auto;
  border-bottom: none;
}
@media only screen and (min-width: 40em) {
  .bs-org .clients-wrap .divide {
    display: none;
  }
}
.bs-org .clients-wrap h5 {
  font-weight: 700;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 0.15625rem;
}
@media only screen and (min-width: 80em) {
  .bs-org .clients-wrap h5 {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.bs-org .clients-wrap .client-list {
  margin: 0;
}
@media only screen and (min-width: 40em) {
  .bs-org .clients-wrap .client-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.bs-org .clients-wrap .client-list .client {
  color: #ffffff;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40em) {
  .bs-org .clients-wrap .client-list .client:last-child {
    min-height: auto;
  }
}
.bs-org .clients-wrap .client-list .client .client-name {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  line-height: 1.3;
}
@media only screen and (min-width: 80em) {
  .bs-org .clients-wrap .client-list .client .client-name {
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5;
  }
}
.bs-org .case-study-wrap {
  text-align: center;
  background-color: #ffffff;
  padding: 3.75rem 0;
}
@media only screen and (min-width: 40em) {
  .bs-org .case-study-wrap {
    padding: 5rem 0;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org .case-study-wrap {
    padding: 7.5rem 0;
  }
}
.bs-org .case-study-wrap .knowledge-share-icon {
  width: 96px;
  margin: 0 auto 2.5rem auto;
}
.bs-org .case-study-wrap h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  color: #424242;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 80em) {
  .bs-org .case-study-wrap h4 {
    letter-spacing: -0.03em;
    font-size: 33px;
    line-height: 1.3;
  }
}
.bs-org .case-study-wrap p {
  text-align: left;
  color: #424242;
  margin: 0 auto 2.5rem auto;
}
@media only screen and (min-width: 40em) {
  .bs-org .case-study-wrap p {
    width: 75%;
    margin-bottom: 3.75rem;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org .case-study-wrap p {
    width: 66%;
  }
}
.bs-org .case-study-wrap .case-study-image-wrap {
  text-align: left;
}
.bs-org .case-study-wrap .case-study-image-wrap .button {
  margin-top: 1.25rem;
  line-height: 1.3;
}
.bs-org .additional-features-wrap {
  text-align: center;
  padding: 3.75rem 0;
  background: url("https://s3-us-west-2.amazonaws.com/beanstack/assets/bs-org-dark-bg.png");
}
@media only screen and (min-width: 40em) {
  .bs-org .additional-features-wrap {
    padding: 5rem 0;
  }
}
.bs-org .additional-features-wrap img {
  width: 96px;
  margin-bottom: 1.25rem;
}
.bs-org .additional-features-wrap p {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
.bs-org .additional-features-wrap p.last {
  margin-bottom: 0;
}
@media only screen and (min-width: 40em) {
  .bs-org .additional-features-wrap {
    text-align: left;
  }
  .bs-org .additional-features-wrap p {
    margin-bottom: 0;
  }
}
.bs-org blockquote {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: #ffffff;
  border: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 80em) {
  .bs-org blockquote {
    font-size: 24px;
    line-height: 1.25;
  }
}
.bs-org blockquote cite {
  letter-spacing: -0.01em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin: 1.25rem 0 0 0;
  line-height: 20px;
}
.bs-org #email-collector-anchor {
  background: #f7f7f7;
  padding: 3.75rem 0;
}
@media only screen and (min-width: 40em) {
  .bs-org #email-collector-anchor {
    padding: 5rem 0;
  }
}
.bs-org footer {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #a3a3a3;
  margin: 0;
  padding: 1.25rem 0 3.75rem 0;
}
@media only screen and (min-width: 40em) {
  .bs-org footer {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 40em) {
  .bs-org footer .copyright-column {
    text-align: left;
  }
}
@media only screen and (min-width: 40em) {
  .bs-org footer .links-column {
    text-align: right;
  }
}
.bs-org footer .row {
  max-width: 100%;
}
.bs-org footer .copyright {
  position: relative;
  top: 2px;
}
.bs-org footer ul {
  list-style-type: none;
  margin: 0;
  top: 0;
}
.bs-org footer ul li {
  display: inline-block;
  margin: 0 0 0 6px;
}
.bs-org footer ul li::after {
  color: #a3a3a3;
  content: "•";
  padding-left: 6px;
}
.bs-org footer ul li:last-child::after {
  content: none;
}
.bs-org footer ul li a {
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #326ece;
}
.bs-org footer ul li a:hover,
.bs-org footer ul li a:active,
.bs-org footer ul li a:focus {
  color: #2c63ba;
}
.bs-org #email_collector_email,
.bs-org #email_collector_email_collector_intention_id {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .bs-org #email_collector_email,
  .bs-org #email_collector_email_collector_intention_id {
    width: 480px;
    margin: 0 auto 12px auto;
  }
}
.bs-org input[type="submit"] {
  font-weight: 700;
  display: block;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  color: #ffffff;
  background: #326ece;
  width: 100%;
  border: none;
  margin: 12px auto 0 auto;
  padding: 16px 24px 18px 24px;
}
@media only screen and (min-width: 40em) {
  .bs-org input[type="submit"] {
    width: inherit;
  }
}
.bs-org input[type="submit"]:hover {
  background: #326ece;
}
@media only screen and (min-width: 40em) {
  .bs-org input[type="submit"]:hover {
    background: #2e67c2;
  }
}
.bs-org input[type="submit"]:active,
.bs-org input[type="submit"]:focus {
  background: #2e67c2;
}
@media only screen and (min-width: 40em) {
  .bs-org input[type="submit"]:active,
  .bs-org input[type="submit"]:focus {
    background: #2c63ba;
  }
}
.bs-org select {
  -moz-appearance: none;
}
.bs-org-thanks {
  background: #326ece;
}
.bs-org-thanks .content-wrap {
  padding: 25% 0;
}
@media only screen and (min-width: 40em) {
  .bs-org-thanks .content-wrap {
    padding: 40% 0;
  }
}
@media only screen and (min-width: 80em) {
  .bs-org-thanks .content-wrap {
    padding: 20% 0;
  }
}
.bs-org-thanks h1 {
  letter-spacing: -0.03em;
  font-size: 41px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ffffff;
  margin: 0;
}
@media only screen and (min-width: 40em) {
  .bs-org-thanks h1 {
    letter-spacing: -0.03em;
    font-size: 54px;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
}
.bs-org-thanks hr {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top: 6px double #ffffff;
  width: 24px;
  margin: 18px auto 18px auto;
}
@media only screen and (min-width: 40em) {
  .bs-org-thanks hr {
    border-top: 6px double #ffffff;
  }
}
.bs-org-thanks p {
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
}
@media only screen and (min-width: 80em) {
  .bs-org-thanks p span {
    display: block;
  }
}
.bs-org-thanks a {
  color: #ffffff;
  text-decoration: underline;
}
.bs-org-thanks .logo {
  margin: 0;
  position: fixed;
  top: 20px;
  left: 20px;
  width: 120px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
  z-index: 10;
}
.bs-epic-logo {
  margin: 20px 0;
  width: 103px;
  height: 53px;
}
.epic-integration {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 -24px;
  min-height: 650px;
}
.epic-integration .epic-shape-top {
  align-self: flex-start;
  padding-top: 30px;
}
.epic-integration .bs-epic-shape-top {
  width: 114px;
  height: 239px;
}
.epic-integration .epic-shape-bottom {
  align-self: flex-end;
  margin-bottom: -160px;
}
.epic-integration .bs-epic-shape-bottom {
  width: 93px;
  height: 271px;
}
.epic-integration .epic-body {
  align-self: center;
}
.epic-integration .transition-screen-image {
  height: 245px;
  margin-top: 160px;
}
.epic-integration .transition-screen-text {
  margin: 40px auto auto auto;
  width: 550px;
}
.epic-integration .transition-screen-text h3 {
  font-size: 22px;
}
.epic-integration .epic-btn {
  text-align: center;
}
#epic-login {
  width: 355px;
  margin: auto;
  padding-top: 137px;
}
#epic-login .epic-login-form-container {
  margin: auto;
  width: 340px;
}
#epic-login .epic-login-form-container label {
  font-size: 15px;
  margin: 0 0 3px 0;
}
#epic-login .epic-login-form-container input[type="text"]:hover,
#epic-login .epic-login-form-container input[type="password"]:hover,
#epic-login .epic-login-form-container textarea:hover {
  border-color: #326ece;
}
#epic-login .epic-login-form-container input[type="text"]:focus,
#epic-login .epic-login-form-container input[type="password"]:focus,
#epic-login .epic-login-form-container textarea:focus {
  border-color: #326ece;
}
#epic-login .epic-login-form-container .epic-signin-options {
  text-align: center;
}
#epic-login .epic-login-form-container .epic-btn {
  width: 100%;
  margin-top: 5px;
}
#epic-login .epic-login-form {
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
}
#epic-login .epic-signin-back {
  width: 100px;
  margin: auto;
}
#epic-login .login-subheader {
  font-size: 18.5px;
  color: #656565;
}
#epic-login .epic-login-footer {
  width: 300px;
  margin: 50px auto 0px auto;
  padding: 10px;
}
#epic-login .bs-lock {
  width: 15px;
  height: 15px;
  fill: #656565;
}
#epic-login .epic-login-footer-text {
  margin-top: 3px;
  font-size: 13px;
  color: #656565;
}
#epic-sync-error .transition-screen-text {
  width: 430px;
}
#epic-sync-readers {
  width: 430px;
  margin-top: -40px;
}
#epic-sync-readers .sync-readers-header {
  margin: 0 auto 5px auto;
  font-size: 33px;
}
#epic-sync-readers .sync-readers-subheader {
  width: 400px;
  margin: auto;
  font-size: 15px;
  color: #656565;
}
#epic-sync-readers .epic-profiles {
  margin: 55px 0;
}
#epic-sync-readers .epic-profile {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0;
}
#epic-sync-readers .epic-information {
  display: flex;
  align-items: center;
  width: 40%;
}
#epic-sync-readers .beanstack-information {
  width: 43%;
  min-width: 160px;
  display: flex;
  align-items: center;
}
#epic-sync-readers .epic-profile-avatar {
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
  position: relative;
}
#epic-sync-readers .epic-profile-avatar .reader__avatar {
  font-size: 14px;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
#epic-sync-readers .epic-profile-avatar .bs-epic-e {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25px;
  right: -5px;
  z-index: 999;
}
#epic-sync-readers .epic-profile-name {
  text-align: left;
  margin-right: auto;
}
#epic-sync-readers .epic-arrow {
  width: 15px;
  height: 15px;
}
#epic-sync-readers .beanstack-profile-selector {
  width: 100%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  max-height: 40px;
  margin-top: 5px;
}
#epic-sync-readers select {
  visibility: hidden;
  padding-right: 10px;
}
#epic-sync-readers .selected-beanstack-profile {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 50px;
  padding: 10px 15px;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-weight: bold;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
}
#epic-sync-readers .beanstack-profile-dropdown-arrow {
  width: 0;
  height: 0;
  border: solid #757575;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2.5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 15px;
  right: 10px;
  content: "";
}
#epic-sync-readers .selected-beanstack-profile:active,
#epic-sync-readers .selected-beanstack-profile.active {
  background-color: white;
}
#epic-sync-readers .beanstack-profiles {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 10px 0;
  padding: 10px 0;
  border-radius: 8px;
  background-color: white;
  -webkit-box-shadow: 0 2px 5px 3px #e0e0e0;
  -moz-box-shadow: 0 2px 5px 3px #e0e0e0;
  box-shadow: 0 2px 5px 3px #e0e0e0;
  display: none;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
}
#epic-sync-readers .beanstack-profiles li {
  height: 45px;
  padding: 5px 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#epic-sync-readers .beanstack-profiles li .beanstack-profile-avatar {
  height: 35px;
  width: 35px;
  margin-right: 10px;
}
#epic-sync-readers .beanstack-profiles li img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
#epic-sync-readers .beanstack-profiles li .reader__avatar {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
#epic-sync-readers .beanstack-profiles li:hover {
  background-color: #f7f7f7;
}
#epic-imported {
  width: 650px;
  padding-top: 140px;
}
#epic-imported .imported-header-text {
  font-size: 24px;
  line-height: 1.25;
  margin: 45px 0 35px 0;
}
#epic-imported .epic-close-btn {
  margin: 20px 0;
  color: white !important;
  background-color: #087542;
  border-color: #087542;
}
#epic-imported .beanstack-profile-import .epic-reader-imported {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 15px;
}
#epic-imported .beanstack-profile-import .epic-imported-row {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  min-width: 150px;
}
#epic-imported .beanstack-profile-import .epic-type-imported {
  background-color: #f7f7f7;
  border-radius: 8px;
  width: 50%;
  min-width: 76px;
  padding: 20px 0;
  margin: 4px;
}
#epic-imported .beanstack-profile-import p {
  margin-bottom: 0px;
}
#epic-imported .beanstack-profile-import .epic-import-number {
  font-weight: bold;
  font-size: 18px;
  height: 24px;
}
#epic-imported .beanstack-profile-import .epic-import-type {
  font-size: 12.5px;
}
#epic-imported .beanstack-profile-import .beanstack-profile-name {
  margin-bottom: 5px;
  font-weight: bold;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.5;
}
#epic-imported .beanstack-profile-import .pages-icon {
  padding-top: 6px;
  height: 48px;
}
#epic-imported .beanstack-profile-import .imported-type-icon {
  width: 40px;
  height: 40px;
}
#corporate-landing .lb-menu .button__content,
.leaderboard
  .leaderboard-header-section
  .button-view-requests
  .lb-menu
  .button__content,
.friend-requests
  .friend-requests-bar
  .friend-request-bar-content
  .friend-requests-bar-title
  .beaming-face-container,
.friend-requests .menu .button__content,
.friend-requests .menu .friend__avatar,
.friends-modal .confirmation-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.friends-modal .invite-sent,
.friends-modal .deny-friend-confirmation-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.friends-spinner-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 999999;
}
.friends-spinner {
  position: fixed;
  font-size: 14px;
  line-height: 1.4;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0 6px 20px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ffffff;
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -55px;
  padding: 13px 0;
  top: 50%;
  width: 110px;
  z-index: 999999;
}
.extra-padding {
  padding-top: 8.75rem !important;
}
.extra-extra-padding {
  padding-top: 12.25rem !important;
}
.mfp-light.mfp-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.mfp-light.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-light.mfp-bg.mfp-removing {
  opacity: 0.8;
}
.mfp-light.mfp-wrap .mfp-content {
  opacity: 0;
  transform: scale(0.8);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.mfp-light.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}
.mfp-light.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
button.button-hollow,
a.button-hollow {
  transition: all 0.13s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 8px;
  background: #fff;
  border: 2px solid;
  font-weight: inherit;
  font-family: inherit;
  font-size: 14px;
  padding: 0 20px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  -webkit-appearance: none;
}
button.button-hollow:focus,
a.button-hollow:focus {
  outline: none;
}
button.button-hollow:active,
a.button-hollow:active {
  transform: scale(0.96);
}
.remove-friend-modal-container {
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: baseline;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-position: 15px center;
  background-repeat: no-repeat;
  border-radius: 8px;
  color: #ffffff;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 12px 15px 12px 20px;
  pointer-events: auto;
  position: relative;
  text-align: left;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 14px;
  line-height: 16px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.13);
  width: 298px;
  height: 56px;
}
#toast-container > div.rtl {
  background-position: right 15px center;
  direction: rtl;
  padding: 12px 12px 12px 38px;
}
#toast-container > div.rtl .toast-close-button {
  float: left;
  left: -0.3em;
  right: 0.3em;
}
#toast-container .toast-message {
  align-self: center;
  font-weight: bold;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
#toast-container.toast-bottom-right {
  bottom: 12px;
  right: 12px;
}
#toast-container > .toast {
  background-color: #326ece;
}
#toast-container > .toast-info {
  background-color: #656565;
}
#toast-container > .toast-error {
  background-color: #e85648;
}
#toast-container > .toast-success {
  background-color: #0ba85f;
}
#toast-container > .toast-warning {
  background-color: #ffbc42;
}
#toast-container .toast-close-button {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -webkit-text-shadow: 0 1px 0 #ffffff;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff;
  filter: alpha(opacity=80);
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  opacity: 0.8;
  padding: 0;
  text-shadow: 0 1px 0 #ffffff;
  width: auto;
  align-self: center;
}
@supports (-moz-appearance: none) {
  #toast-container .toast-close-button {
    align-self: baseline;
  }
}
#toast-container .toast-close-button:focus,
#toast-container .toast-close-button:hover {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  color: #000000;
  cursor: pointer;
  filter: alpha(opacity=40);
  opacity: 0.4;
  text-decoration: none;
}
#toast-container .toast-close-buttonbutton {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.toast-progress {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  background-color: #000000;
  bottom: 0;
  filter: alpha(opacity=40);
  height: 4px;
  left: 0;
  opacity: 0.4;
  position: absolute;
}
@media only screen and (max-width: 39.938em) {
  #toast-container {
    left: 20px;
    right: 20px !important;
    top: 78px;
  }
  #toast-container > div {
    width: 100% !important;
  }
}
.friends {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #424242;
  max-width: 100%;
}
.friends h1,
.friends h2,
.friends button {
  font-family: "museo-sans-rounded", sans-serif;
}
.friends ul#friends-section {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
@media (max-width: 1024px) {
  .friends ul#friends-section {
    gap: 24px;
  }
}
@media (max-width: 900px) {
  .friends ul#friends-section {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .friends ul#friends-section {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 450px) {
  .friends ul#friends-section {
    grid-template-columns: 1fr;
    padding: 0 32px;
  }
}
.friends .pagination-list {
  display: block;
}
.friends .pagination {
  display: flex;
  justify-content: center;
  border-radius: inherit;
}
.friends .header {
  font-size: 1.25rem;
  font-weight: 800;
  margin: 0;
  padding: 1rem;
}
.friends .friend-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.friends .friend-card {
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #f8f8f8;
  position: relative;
  padding: 0 0 24px;
}
.friends .friend-card:focus {
  outline: none;
}
.friends .friend-card:focus-visible {
  outline: 2px solid #6dafff !important;
  outline-offset: 4px;
}
.friends .friend-card.accepted {
  cursor: pointer;
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #f8f8f8;
}
.friends .friend-card .friend-card-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.friends .friend-card .friend-image {
  border-radius: 50%;
  width: 128px;
  height: 128px;
  border: 5px solid #fff;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  margin-top: -76px;
}
@media (max-width: 640px) {
  .friends .friend-card .friend-image {
    height: 110px;
    width: 110px;
    margin-top: -64px;
  }
}
.friends .friend-card .friend-image img {
  height: 100%;
  width: 100%;
}
.friends .friend-card .friend-image .friend-no-image {
  height: 100%;
  width: 100%;
  background-color: #eaeaea;
  font-size: 1.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  line-height: 1.25;
}
.friends .friend-card .friend-name-streaks-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.friends .friend-card .pending-invite {
  color: #656565;
  font-size: 75%;
  font-weight: 800;
  padding: 10px;
  text-align: center;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  border-radius: 30px;
  margin-top: 5px;
  width: 123px;
  height: 39px;
}
.friends .friend-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  row-gap: 8px;
}
.friends .friend-name {
  text-align: center;
  font-weight: 800;
  font-size: 1rem;
  color: #424242;
  line-height: 1.25;
  display: flex;
  align-items: center;
  gap: 4px;
}
.friends-pagination {
  margin-top: 32px;
}
@media only screen and (max-width: 39.938em) {
  .friends-pagination {
    margin-top: 24px;
  }
}
.friend-card-container {
  position: relative;
}
.friend-card-container a {
  text-decoration: none;
}
.friend-card-top-color {
  width: 100%;
  height: 113px;
  background: #326ece;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (max-width: 640px) {
  .friend-card-top-color {
    height: 96px;
  }
}
.dropdown.dropdown--friend {
  position: absolute;
  top: 8px;
  right: 8px;
}
.friend-options-dropdown {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  width: 36px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}
.friend-options-dropdown:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.friend-options-dropdown:focus,
.friend-options-dropdown:active {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
.friend-options-dropdown:focus-visible {
  outline: 2px solid #6dafff !important;
  outline-offset: 2px;
}
.friend-options-dropdown svg {
  width: 20px;
  height: 20px;
  fill: #424242;
}
.streaks-card-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 10px 6px 6px;
  background-color: #fce0d6;
  gap: 4px;
  border-radius: 24px;
}
.streaks-card-icon svg {
  width: 20px;
  height: 20px;
  fill: #f26430;
}
.streaks-card-icon.no-streaks {
  background-color: #eaeaea;
}
.streaks-card-icon.no-streaks svg {
  fill: #929292;
}
.streaks-card-icon.no-streaks .streaks-card-icon-text {
  color: #707070;
}
.streaks-card-icon-text {
  font-weight: 800;
  font-size: 0.9375rem;
  line-height: 1.25;
  position: relative;
  top: 1px;
  color: #a34320;
}
.friends-modal {
  position: relative;
  background: #fff;
  max-width: 480px;
  border-radius: 16px;
  display: flex;
  max-height: 100%;
  width: 100%;
}
.friends-modal .friend-modal-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
@media only screen and (min-width: 540px) {
  .friends-modal .friend-modal-wrapper {
    width: 480px;
  }
}
.friends-modal .tabs-content {
  flex: auto;
  overflow: auto;
  margin: 0;
}
.friends-modal section {
  width: 100%;
}
.friends-modal .modal-close-container {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 10;
}
.friends-modal .modal-close-x {
  padding: 10px 10px 2px 10px;
  border-radius: 50%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
}
.friends-modal .bold {
  font-weight: 800;
}
.friends-modal .friend-modal-header .name {
  font-size: 1.5rem;
  padding: 1rem 0;
  z-index: 2;
  display: flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
}
.friends-modal .friend-modal-section .with-background {
  padding: 2rem;
  background-color: #f9f9f9;
  border-radius: 10px;
  margin-bottom: 10px;
  text-align: left;
}
.friends-modal .friend-modal-section .none-to-show-description {
  margin: 0;
  color: #656565;
}
.friends-modal .friend-modal-section .streaks-container {
  display: flex;
  justify-content: left;
  flex-direction: column;
}
.friends-modal .friend-modal-section .longest-streaks-container {
  display: flex;
  flex-direction: row;
  font-weight: 800;
}
.friends-modal .friend-modal-section .challenges .challenge-container {
  border-radius: 10px;
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #fafafa;
  margin-bottom: 2rem;
}
.friends-modal .friend-modal-section .challenges img {
  border-radius: 10px;
}
.friends-modal .friend-modal-section .challenges .challenge-description {
  padding: 1rem;
}
.friends-modal .friend-modal-section .challenges .challenge-date {
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
}
.friends-modal.deny-friend-modal {
  width: 350px;
  font-size: 14px;
  width: 350px;
}
.friends-modal .deny-friend-request {
  padding: 48px 50px 40px 50px;
}
.friends-modal .deny-friend-request .deny-friend-header {
  font-size: 16px;
  line-height: 21px;
  text-align: center;
}
.friends-modal .deny-friend-confirmation-buttons a:hover {
  text-decoration: none;
}
.friends-modal .deny-friend-confirmation-buttons button {
  border: none;
}
.friends-modal .deny-friend-confirmation-buttons .deny-friend-button {
  margin: 0;
  margin-bottom: 1rem;
}
.friends-modal .cancel-friend-removal {
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  margin-bottom: 1rem;
}
.friends-modal .invite-friend .invite-form {
  width: 100%;
}
.friends-modal .invite-friend .invite-form input {
  margin-bottom: 0;
}
.friends-modal .invite-friend .invite-form label {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 0.9375rem;
  font-weight: 800;
  margin-bottom: 8px;
  line-height: 1.25;
}
.friends-modal .invite-friend .friend-search {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.friends-modal .invite-friend .friend-search td {
  padding: 12px 20px;
  font-size: 0.9375rem;
}
.friends-modal .invite-friend .friend-search .search-buttons {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.friends-modal .invite-search-results {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 8px);
  height: 300px;
  border-radius: 10px;
  width: 100%;
  z-index: 100;
}
.friends-modal .invite-search-results .results {
  background-color: #fff;
  border-radius: 10px;
  max-height: 300px;
  width: 100%;
  overflow: scroll;
  padding: 10px 0;
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.12);
}
.friends-modal .invite-search-results .results table {
  width: 100%;
  border: none;
  margin: 0;
}
.friends-modal .invite-search-results .results table tr {
  cursor: pointer;
}
.friends-modal .invite-search-results .results table tr:hover {
  background-color: #e8e8e8;
}
.friends-modal .invite-search-results .results table tr td {
  border: none;
}
.friends-modal .invite-sent {
  padding: 2rem;
}
.friends-modal .invite-sent button {
  margin: 0;
}
.friends-modal .confirmation-buttons {
  padding: 0 1rem 2rem 1rem;
}
.friends-modal .confirmation-buttons a {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 16px;
  font-weight: 700;
  background-color: #e85648;
  border-color: #e85648;
  min-width: 6rem;
}
.friends-modal .confirmation-buttons a:hover {
  background-color: #e54131;
  border-color: #e54131;
}
.friends-modal .confirmation-buttons button {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 16px;
  font-weight: 700;
  min-width: 6rem;
}
.friend-modal-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  position: relative;
  background-color: #fafafa;
  border-bottom: 1px solid #eaeaea;
}
.friend-modal-header .friend-image {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 8px solid #fafafa;
  border-radius: 50%;
  width: 134px;
  height: 134px;
  overflow: hidden;
  z-index: 2;
  margin-top: -109px;
}
.friend-modal-header .friend-image img {
  height: 100%;
  width: auto;
}
.friend-modal-header .friend-image .friend-no-image {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 134px;
  width: 134px;
  background-color: #e8e8e8;
  font-size: 28px;
  font-weight: 800;
  text-align: center;
}
.friend-modal-bg {
  height: 107px;
  width: 100%;
  border-radius: 16px 16px 0 0;
}
.friend-modal-curve {
  height: 40px;
  width: 100%;
}
.friend-modal-curve svg {
  width: 100%;
}
.friend-modal-name {
  font-size: 22px;
  font-weight: 800;
  margin: 0;
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.friend-modal-tabs {
  margin-top: 12px;
  padding: 0 24px;
}
.friend-modal-section {
  padding: 32px 24px 24px;
}
.friend-modal-section .border-subheading {
  margin-bottom: 16px;
}
.friend-modal-section .earned-badges {
  margin-bottom: 32px;
}
.friend-modal-section .badges-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 24px;
}
@media only screen and (max-width: 39.938em) {
  .friend-modal-section .badges-container {
    column-gap: 8px;
  }
}
.friend-modal-section .badge {
  display: inline-block;
}
.friend-modal-section .challenge-cards {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.friend-modal-section .challenge-card-container .challenge-card {
  cursor: auto;
}
.friend-modal-section .challenge-card-container:hover {
  box-shadow: 0 0 0 2px #f2f2f2, 0 0 0 4px #fafafa !important;
}
.friend-modal-section .challenge-card-container:hover .challenge-image {
  transform: scale(1) !important;
}
.friend-modal-section .logged-books {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.friend-modal-section .logged-book-container {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.friend-modal-section .logged-book-container img {
  max-width: 80px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.friend-modal-section .logged-book-container .cover {
  position: relative;
  z-index: 20;
  border-radius: 8px;
}
.friend-modal-section .logged-book-container .logged-book-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 80px;
  height: auto;
  flex-shrink: 0;
  position: relative;
  align-self: flex-start;
}
.friend-modal-section .logged-book-container .logged-book-item:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 8px;
  width: calc(100% - 16px);
  height: 16px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.07);
  z-index: 10;
}
.friend-modal-section
  .logged-book-container
  .logged-book-item.log-item-1
  .cover {
  background-color: #dc493a;
}
.friend-modal-section
  .logged-book-container
  .logged-book-item.log-item-2
  .cover {
  background-color: #f26430;
}
.friend-modal-section
  .logged-book-container
  .logged-book-item.log-item-3
  .cover {
  background-color: #ffbc42;
}
.friend-modal-section
  .logged-book-container
  .logged-book-item.log-item-4
  .cover {
  background-color: #03b5aa;
}
.friend-modal-section
  .logged-book-container
  .logged-book-item.log-item-5
  .cover {
  background-color: #19bfd5;
}
.friend-modal-section
  .logged-book-container
  .logged-book-item.log-item-6
  .cover {
  background-color: #1d70a2;
}
.friend-modal-section
  .logged-book-container
  .logged-book-item.log-item-7
  .cover {
  background-color: #6761a8;
}
.friend-modal-section .logged-book-container .logged-book-item.no-cover .cover {
  aspect-ratio: 1 / 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.friend-modal-section .logged-book-container .logged-book-item .book-title {
  font-size: 22px;
  color: #ffffff;
  padding: 20px;
  line-height: 25px;
  font-weight: 900;
  font-size: 22px;
  text-align: left;
}
.friend-modal-section
  .logged-book-container
  .logged-book-item
  .no-title
  .bs-icon {
  fill: #ffffff;
}
.friend-modal-section .logged-book-container .logged-book-info {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  width: 100%;
  text-align: left;
  justify-content: space-between;
}
@media only screen and (max-width: 39.938em) {
  .friend-modal-section .logged-book-container .logged-book-info {
    flex-direction: column;
    column-gap: 0;
    row-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.friend-modal-section
  .logged-book-container
  .logged-book-info
  .logged-book-title {
  font-size: 16px;
  color: #424242;
  font-weight: 800;
  line-height: 1.25;
}
.friend-modal-section
  .logged-book-container
  .logged-book-info
  .logged-book-author {
  font-size: 0.9375rem;
  color: #656565;
  line-height: 1.25;
  font-weight: 500;
}
.friend-modal-section .logged-book-container .logged-book-meta {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.friend-modal-stat-blocks {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.friend-modal-full-log {
  flex: auto;
  overflow: auto;
  padding-top: 24px;
}
.full-log-header {
  padding: 18px 24px;
  border-bottom: 1px solid #eaeaea;
  text-align: left;
}
.full-log-header-title {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  color: #2a2a2a;
}
.friend-modal-bottom {
  padding: 16px;
  border-top: 1px solid #eaeaea;
  display: flex;
  justify-content: flex-start;
}
#add-friends-menu {
  background-color: white;
  position: absolute;
  top: 50px;
  right: 20px;
  z-index: 999;
  font-size: 14px;
  width: 268px;
  border-radius: 8px;
  margin-top: 8px;
  padding: 10px 0px;
  -webkit-box-shadow: 0 2px 5px 3px #e0e0e0;
  -moz-box-shadow: 0 2px 5px 3px #e0e0e0;
  box-shadow: 0 2px 5px 3px #e0e0e0;
}
#add-friends-menu li {
  width: 100%;
}
.add-friends-menu-button .add-friends-btn-text {
  margin-right: 15px;
}
.add-friends-menu-button .add-friends-dropdown-arrow {
  border: solid #757575;
  border-width: 0 2px 2px 0;
  padding: 2.5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: "";
}
#privacy-notice-modal {
  width: 480px;
}
#privacy-notice-modal .privacy-notice-text {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 500;
}
#confirm-refresh-modal {
  width: 350px;
  z-index: 66002;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 39.938em) {
  #confirm-refresh-modal {
    width: 85vw;
  }
}
@media only screen and (min-height: 1000px) {
  #confirm-refresh-modal {
    left: 45.5%;
  }
}
@media only screen and (min-height: 1300px) {
  #confirm-refresh-modal {
    top: 30%;
    left: 45.5%;
  }
}
#confirm-refresh-modal .confirm-refresh {
  text-align: center;
  padding: 35px 0px 25px 0px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#confirm-refresh-modal .confirm-refresh .confirm-refresh-header {
  font-size: 22px;
  font-weight: 900;
  margin: 5px auto;
}
#confirm-refresh-modal .confirm-refresh .confirm-refresh-text {
  font-size: 14px;
  width: 215px;
  margin: 5px auto;
}
#confirm-refresh-modal .confirm-refresh .refresh-btn {
  width: 93px;
  margin: 25px auto 1rem;
}
#confirm-refresh-modal .confirm-refresh .cancel {
  border: none;
  height: 24px;
}
.dark-background {
  position: absolute;
  opacity: 50%;
  background: black;
  z-index: 66000;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  width: 110%;
  height: 125%;
}
#share-friend-code-modal {
  text-align: center;
  z-index: 0;
  max-width: 100%;
  width: 450px;
  display: flex;
  max-height: 100%;
}
#share-friend-code-modal #share-friend-code {
  padding: 45px;
  max-height: 100%;
  overflow: auto;
}
@media only screen and (max-width: 39.938em) {
  #share-friend-code-modal #share-friend-code {
    padding: 25px;
  }
}
#share-friend-code-modal #share-friend-code .share-friend-code-header {
  font-size: 22px;
  font-weight: 900;
  line-height: 26.4px;
  margin: 0 auto;
}
#share-friend-code-modal #share-friend-code .description {
  font-size: 14px;
  margin: 20px auto;
  max-width: 215px;
}
#share-friend-code-modal #share-friend-code .reader__avatar {
  display: none;
}
#share-friend-code-modal #share-friend-code .friend-code {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 300px;
  width: 100%;
  height: 100px;
  border-radius: 16px;
  font-size: 42px;
  letter-spacing: 1.53px;
  line-height: 50px;
  margin: 0 auto;
  padding: 20px;
  font-weight: 900;
}
@media only screen and (max-width: 39.938em) {
  #share-friend-code-modal #share-friend-code .friend-code {
    font-size: 24px;
  }
}
#share-friend-code-modal #share-friend-code .refresh-code {
  padding: 0;
  width: 206px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px auto;
}
#share-friend-code-modal #share-friend-code .refresh-code.refresh {
  cursor: pointer;
}
#share-friend-code-modal #share-friend-code .refresh-code,
#share-friend-code-modal #share-friend-code .refresh-code:hover {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
#share-friend-code-modal #share-friend-code .refresh-code:focus,
#share-friend-code-modal #share-friend-code .refresh-code:focus-visible {
  background-color: #f0f0f0;
  box-shadow: none;
}
#share-friend-code-modal #share-friend-code .refresh-code .refresh-icon {
  height: 20px;
  width: 20px;
}
#share-friend-code-modal
  #share-friend-code
  .refresh-code
  .refresh-icon
  .bs-rotate {
  height: 20px;
  width: 20px;
}
#share-friend-code-modal
  #share-friend-code
  .refresh-code
  .refresh-icon
  .bs-checkmark {
  height: 20px;
  width: 20px;
  stroke: #0ba85f;
  fill: #0ba85f;
}
#share-friend-code-modal #share-friend-code .refresh-code .refresh-text {
  line-height: 24px;
  font-size: 15px;
  font-weight: 900;
  margin-left: 6px;
  margin-top: -1px;
}
#share-friend-code-modal
  #share-friend-code
  .refresh-code
  .refresh-text.updated {
  color: #0ba85f;
}
#share-friend-code-modal #share-friend-code .share-buttons {
  border-top: 1px solid #e5e5e5;
  width: 100%;
}
#share-friend-code-modal #share-friend-code .social-share-btns-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
  width: 100%;
  font-size: 14px;
}
@media only screen and (max-width: 39.938em) {
  #share-friend-code-modal #share-friend-code .social-share-btns-container {
    justify-content: center;
    flex-wrap: wrap;
  }
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 800;
  padding: 5px;
}
@media only screen and (max-width: 39.938em) {
  #share-friend-code-modal
    #share-friend-code
    .social-share-btns-container
    .social-share-text {
    font-size: 12px;
    font-weight: 600;
    padding: 0;
  }
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .single-btn-container {
  margin-bottom: 10px;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 23px;
  width: 56px;
  height: 56px;
  margin: 0 10px;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn:hover {
  cursor: pointer;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn:focus,
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn:focus-visible {
  outline: none;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.email-btn {
  background-color: #fce6e4;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.email-btn:focus,
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.email-btn:focus-visible {
  border: 2px solid #ab3f35;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.copy-btn {
  background-color: #ffecc8;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.copy-btn:focus,
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.copy-btn:focus-visible {
  border: 2px solid #826022;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.tw-btn {
  background-color: #dde9f9;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.tw-btn:focus,
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.tw-btn:focus-visible {
  border: 2px solid #154887;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.fb-btn {
  background-color: #ddf6f9;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.fb-btn:focus,
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn.fb-btn:focus-visible {
  border: 2px solid #0f7280;
}
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn
  .email-icon,
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn
  .copy-icon,
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn
  .facebook,
#share-friend-code-modal
  #share-friend-code
  .social-share-btns-container
  .social-share-btn
  .twitter {
  height: 24px;
  width: 24px;
}
.deny-friend-modal {
  width: 350px;
  font-size: 14px;
  width: 350px;
}
#fcontent-error-response {
  display: none;
  background: #e85648;
  font-weight: 700;
  font-size: 15px !important;
  color: #fff;
  padding: 13px;
  border-radius: 5px;
  text-align: center;
  margin: -11px 18px 15px;
}
#error-response {
  display: none;
  margin-bottom: 24px;
}
.infobox {
  display: flex;
  padding: 16px 20px;
  column-gap: 16px;
  border-radius: 10px;
}
.infobox--alertbox {
  background-color: #fcd3ce;
}
.infobox--alertbox .infobox__icon {
  fill: #e03e31;
}
.infobox__icon {
  display: flex;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.infobox__message {
  font-size: 0.9375rem;
  color: #424242;
  font-weight: 500;
  margin: 0;
}
.leaderboard-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.friend-requests {
  font-family: "museo-sans-rounded", sans-serif;
  position: relative;
}
.friend-requests .button-action-bar {
  padding: 5px 12px 5px 8px;
  margin-right: 0;
  background-color: #ffffff;
  color: #424242;
  border-color: #fff;
}
.friend-requests .button-action-bar .friend-request-dropdown-text {
  margin-right: 14px;
}
@media (max-width: 529px) {
  .friend-requests .button-action-bar .friend-request-dropdown-text {
    display: none;
  }
}
.friend-requests .button-action-bar .friend-request-dropdown-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.friend-requests .button-action-bar .dropdown-arrow {
  border-top: 4px solid #656565;
}
.friend-requests .button-action-bar.open {
  border-radius: 8px 8px 0 0;
}
.friend-requests .button-action-bar:hover,
.friend-requests .button-action-bar:focus,
.friend-requests .button-action-bar:active {
  background-color: #ffffff;
  border-color: #fff;
  color: #424242;
}
.friend-requests .request-dropdown {
  display: inline-block;
}
.friend-requests .button-view-requests {
  position: relative;
}
.friend-requests .menu {
  position: absolute;
  top: 60px;
  right: 16px;
  left: auto;
  text-align: right;
  white-space: nowrap;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.13s ease-in-out;
  background-color: #ffffff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 6px;
  border-radius: 8px;
  z-index: 10;
  min-width: 150px;
  height: auto;
  max-height: 70vh;
  overflow: scroll;
}
@media only screen and (max-width: 39.938em) {
  .friend-requests .menu {
    width: auto;
    margin: 0;
  }
}
.friend-requests .menu .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 1rem;
  border-bottom: 1px solid #e8e8e8;
}
.friend-requests .menu .last-item-hover {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.friend-requests .menu .friend__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #c8c8c8;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12px;
  color: #424242;
}
@media only screen and (max-width: 39.938em) {
  .friend-requests .menu .friend__avatar {
    width: 60px;
    height: 60px;
    margin-right: 16px;
    font-size: 16px;
  }
}
.friend-requests .menu .friend-avatar-image {
  margin-right: 18px;
}
@media only screen and (max-width: 39.938em) {
  .friend-requests .menu .friend-avatar-image {
    margin-right: 46px;
  }
}
.friend-requests .menu .item__friend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 39.938em) {
  .friend-requests .menu .item__friend {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .friend-requests .menu .item__friend button {
    width: 70px;
    height: 40px;
  }
}
.friend-requests .menu .friend-request-buttons button {
  height: 30px;
  border-radius: 5px;
}
.friend-requests .menu .button__content {
  align-self: center;
}
.friend-requests .menu .friend-request-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 40em) {
  .friend-requests .menu .friend-request-name {
    margin-right: 32px;
  }
}
.friend-requests .menu--is-open {
  opacity: 1;
  transform: scaleY(1);
}
.friend-requests .dropdown-arrow {
  position: relative;
  display: inline-block;
  top: -2px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #424242;
  margin-left: 0.5rem;
}
.friend-requests .friend-requests-bar {
  background-color: #ffedc8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 8px;
  font-weight: bold;
  font-size: 16px;
  padding: 16px;
  width: 100%;
  height: 64px;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
.friend-requests .friend-requests-bar .friend-request-bar-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.friend-requests
  .friend-requests-bar
  .friend-request-bar-content
  .friend-requests-bar-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 900;
}
.friend-requests
  .friend-requests-bar
  .friend-request-bar-content
  .friend-requests-bar-title
  .beaming-face-container {
  margin-right: 1rem;
  border-radius: 50%;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 39.938em) {
  .friend-requests
    .friend-requests-bar
    .friend-request-bar-content
    .friend-requests-bar-title
    .beaming-face-container {
    display: none;
  }
}
.friend-requests
  .friend-requests-bar
  .friend-request-bar-content
  .friend-requests-bar-title
  .beaming-face-container
  svg {
  width: 24px;
  height: 24px;
}
.friend-requests
  .friend-requests-bar
  .friend-request-bar-content
  .friend-request-dropdown {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
@media (max-width: 510px) {
  .friend-requests
    .friend-requests-bar
    .friend-request-bar-content
    .friend-request-dropdown {
    padding: 0px;
    height: 30px;
    width: 30px;
  }
}
.friend-requests
  .friend-requests-bar
  .friend-request-bar-content
  .friend-request-dropdown
  .dropdown-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.friend-requests .friend-requests-bar .background-swash {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .friend-requests .friend-requests-bar .background-swash {
    top: -1rem;
  }
}
@media only screen and (max-width: 39.938em) {
  .friend-requests .friend-requests-bar .background-swash {
    margin-bottom: -2.5rem;
  }
}
.friend-requests .friend-requests-bar .background-swash svg {
  width: 300px;
  height: 120px;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  height: 10px;
  width: 10px;
  display: inline-block;
}
#friends-new-banner {
  background-color: #ddf6f9;
  border-radius: 10px;
  width: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 24px;
  position: relative;
}
#friends-new-banner.hide {
  display: none;
}
#friends-new-banner .friends-new-icon {
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
  width: 44px;
}
@media only screen and (max-width: 39.938em) {
  #friends-new-banner .friends-new-icon {
    display: none;
  }
}
#friends-new-banner .friends-new-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px 18px;
  width: 100%;
}
@media only screen and (max-width: 39.938em) {
  #friends-new-banner .friends-new-info {
    margin-left: 0;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
  }
}
#friends-new-banner .friends-new-info .friends-new-text {
  font-size: 16px;
  line-height: 19px;
  text-align: left;
  font-weight: 900;
  margin-right: 12px;
}
@media only screen and (max-width: 39.938em) {
  #friends-new-banner .friends-new-info .friends-new-text {
    font-size: 14px;
    margin-right: 24px;
    margin-bottom: 0;
  }
}
#friends-new-banner .hide-notification {
  background-color: rgba(15, 114, 128, 0.194614);
}
@media only screen and (max-width: 39.938em) {
  .leaderboard .leaderboard-header-section .actions {
    width: 100%;
  }
}
.leaderboard .leaderboard-header-section .leaderboard-dropdown {
  font-family: "museo-sans-rounded", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 39.938em) {
  .leaderboard .leaderboard-header-section .leaderboard-dropdown {
    width: 100%;
  }
}
.leaderboard
  .leaderboard-header-section
  .leaderboard-dropdown
  .request-dropdown {
  display: inline-block;
  width: 100%;
}
.leaderboard
  .leaderboard-header-section
  .leaderboard-dropdown
  .dropdown-items-list {
  max-width: 100%;
  width: 100%;
}
.leaderboard
  .leaderboard-header-section
  .leaderboard-dropdown
  .dropdown-items-list
  .dropdown-items-list__item
  a {
  color: #424242;
}
.leaderboard
  .leaderboard-header-section
  .leaderboard-dropdown
  .dropdown-items-list
  .dropdown-items-list__item
  a:hover,
.leaderboard
  .leaderboard-header-section
  .leaderboard-dropdown
  .dropdown-items-list
  .dropdown-items-list__item
  a:focus {
  color: #424242;
  background-color: #f7f7f7;
}
.leaderboard .leaderboard-header-section .button-view-requests {
  position: relative;
  width: 250px;
}
@media only screen and (max-width: 39.938em) {
  .leaderboard .leaderboard-header-section .button-view-requests {
    width: 100%;
  }
}
.leaderboard
  .leaderboard-header-section
  .button-view-requests
  .button__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.leaderboard .leaderboard-header-section .button-view-requests .dropdown-arrow {
  top: inherit;
}
.leaderboard .leaderboard-header-section .button-view-requests .lb-menu {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  left: auto;
  white-space: nowrap;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.13s ease-in-out;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  z-index: 1000;
  width: 250px;
  margin-top: 8px;
}
@media only screen and (max-width: 39.938em) {
  .leaderboard .leaderboard-header-section .button-view-requests .lb-menu {
    width: 100%;
  }
}
.leaderboard .leaderboard-header-section .button-view-requests .lb-menu a {
  color: #424242;
}
.leaderboard
  .leaderboard-header-section
  .button-view-requests
  .lb-menu
  a:hover {
  text-decoration: none;
}
.leaderboard .leaderboard-header-section .button-view-requests .lb-menu .item {
  margin: 1rem 0;
}
.leaderboard
  .leaderboard-header-section
  .button-view-requests
  .lb-menu
  .item:hover {
  background-color: #f7f7f7;
}
.leaderboard
  .leaderboard-header-section
  .button-view-requests
  .lb-menu
  .item__option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
}
.leaderboard
  .leaderboard-header-section
  .button-view-requests
  .lb-menu
  .button__content {
  align-self: center;
}
.leaderboard
  .leaderboard-header-section
  .button-view-requests
  .lb-menu--is-open {
  opacity: 1;
  transform: scaleY(1);
}
.lb-reader-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lb-rank-place {
  display: flex;
  justify-content: center;
  width: 75px;
}
.lb-rank-place svg {
  width: 28px;
  height: 28px;
}
.lb-reader-logged {
  padding: 0 1rem;
}
@media only screen and (max-width: 39.938em) {
  .lb-reader-logged {
    padding: 0;
  }
}
.lb-column--rank {
  width: 75px;
}
.lb-rank-image {
  width: 32px;
  height: 32px;
}
.lb-rank-place {
  display: inline-flex;
  justify-content: center;
  text-align: center;
}
.lb-reader-info {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.lb-reader-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: 50%;
  background-color: #326ece;
  color: #fff;
}
@media only screen and (max-width: 39.938em) {
  .lb-reader-image {
    display: none;
  }
}
.lb-reader {
  font-weight: 500;
  font-size: 0.9375rem;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.lb-image {
  border-radius: 50%;
}
.lb-row-left {
  display: flex;
  align-items: center;
}
.lb-table-data {
  cursor: pointer;
}
.lb-table-data:hover {
  background-color: #f5f5f5;
}
.download-beanstack {
  width: 100%;
  height: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  background: white;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.04);
}
.download-beanstack .app-logo {
  border-radius: 10px;
  max-height: 30px;
  margin-right: 16px;
}
.download-beanstack .download-text {
  font-size: 15px;
}
@media only screen and (max-width: 39.938em) {
  .download-beanstack .download-text {
    display: none;
  }
}
.download-beanstack .download-text span {
  display: none;
}
@media only screen and (min-width: 40em) and (max-width: 79.938em) {
  .download-beanstack .download-text span.start-reading {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 80em) {
  .download-beanstack .download-text span.read-now {
    display: inline-block !important;
  }
}
.download-beanstack .app-downloads {
  text-align: right;
}
@media only screen and (max-width: 39.938em) {
  .download-beanstack .app-downloads {
    margin: 0 auto;
  }
}
.download-beanstack .app-downloads a {
  display: inline-block;
}
.download-beanstack .app-downloads a img {
  max-width: 110px;
}
#get-started {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
#get-started .benefits,
#get-started .power-of-reading {
  align-self: center;
}
#get-started .benefits {
  flex: 2;
  margin-left: 20px;
}
#get-started .power-of-reading {
  flex: 1;
}
@media only screen and (max-width: 39.938em) {
  #get-started {
    display: block;
  }
  #get-started .benefits,
  #get-started .power-of-reading {
    flex: none;
  }
  #get-started .benefits {
    margin-left: 0;
  }
}
#beanstack-howto {
  padding: 30px 290px 50px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
@media only screen and (max-width: 39.938em) {
  #beanstack-howto {
    text-align: center;
    margin-top: 0px;
    flex-wrap: wrap;
    padding: 30px 30px 50px;
  }
}
#beanstack-howto img {
  position: absolute;
  top: 50%;
  right: 0;
  height: 220px;
  margin-top: -124px;
}
@media only screen and (max-width: 39.938em) {
  #beanstack-howto img {
    display: none;
  }
}
#beanstack-howto .how-to-copy h2 {
  font-weight: 800;
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 123%;
}
@media only screen and (max-width: 39.938em) {
  #beanstack-howto .how-to-copy h2 {
    font-size: 26px;
    margin-bottom: 12px;
  }
}
#beanstack-howto .how-to-copy p {
  margin: 0;
  font-size: 15px;
}
#beanstack-howto .how-to-video {
  margin-left: 0;
  margin-top: 20px;
}
#beanstack-howto .how-to-video br {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  #beanstack-howto .how-to-video {
    margin-left: 0px;
    width: 100%;
  }
  #beanstack-howto .how-to-video br {
    display: inline;
  }
  #beanstack-howto .how-to-video a {
    margin: 0 auto;
  }
}
#corporate-landing .last-updated {
  margin: 4px 0 0 0;
  font-size: 14px;
}
#corporate-landing .container {
  padding: 40px;
  max-width: 1000px;
  margin: 0 auto;
}
#corporate-landing #map {
  width: 100%;
}
#corporate-landing .leaderboards-header {
  padding: 50px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#corporate-landing .leaderboards-header .profile-header-shape-left {
  position: absolute;
  top: 0;
  left: -80px;
}
@media only screen and (max-width: 39.938em) {
  #corporate-landing .leaderboards-header .profile-header-shape-left {
    display: none;
  }
}
#corporate-landing .leaderboards-header .profile-header-shape-right {
  position: absolute;
  bottom: 0;
  right: -80px;
}
@media only screen and (max-width: 39.938em) {
  #corporate-landing .leaderboards-header .profile-header-shape-right {
    display: none;
  }
}
#corporate-landing .leaderboards-header .logo {
  max-width: 250px;
  max-height: 150px;
}
#corporate-landing .leaderboards-header .logo img {
  border-radius: 10px;
  max-width: 300px;
  max-height: 200px;
}
@media only screen and (max-width: 39.938em) {
  #corporate-landing .leaderboards-header .logo {
    max-width: 200px;
    max-height: 100px;
  }
  #corporate-landing .leaderboards-header .logo img {
    border-radius: 10px;
    max-width: 200px;
    max-height: 100px;
  }
}
#corporate-landing .leaderboards {
  display: grid;
  column-gap: 40px;
  row-gap: 40px;
  align-items: stretch;
  margin-bottom: 40px;
  grid-template-columns: 1fr;
  grid-template-columns: 1fr;
}
#corporate-landing .leaderboards.leaderboards-0 {
  display: none;
}
@media only screen and (min-width: 40em) {
  #corporate-landing .leaderboards.leaderboards-1 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 40em) {
  #corporate-landing .leaderboards.leaderboards-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 40em) {
  #corporate-landing .leaderboards.leaderboards-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  #corporate-landing
    .leaderboards.leaderboards-3
    .leaderboard-section:nth-child(3) {
    grid-column: 1 / span 2;
  }
}
#corporate-landing .leaderboards.leaderboards-0 {
  display: none;
}
@media only screen and (min-width: 40em) {
  #corporate-landing .leaderboards.leaderboards-1 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 40em) {
  #corporate-landing .leaderboards.leaderboards-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 40em) {
  #corporate-landing .leaderboards.leaderboards-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  #corporate-landing
    .leaderboards.leaderboards-3
    .leaderboard-section:nth-child(3) {
    grid-column: 1 / span 2;
  }
}
@media only screen and (min-width: 40em) {
  #corporate-landing .leaderboards {
    grid-template-columns: 1fr 1fr;
  }
}
#corporate-landing .leaderboards .leaderboard-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-height: 500px;
}
#corporate-landing .leaderboards .leaderboard {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-height: 600px;
}
#corporate-landing .leaderboards .leaderboard .leaderboard-content {
  padding-top: 30px;
  border-radius: 11px;
  box-shadow: 0 0 0 2px #eee;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
  margin: 0 0 -21px 0;
}
#corporate-landing .leaderboards .leaderboard .leaderboard-chart {
  padding: 10px 10px 10px 25px;
  border-radius: 10px;
  margin-top: -30px;
  height: 270px;
}
#corporate-landing .leaderboards .leaderboard .leaderboard-chart.top-three {
  height: auto;
  padding: 60px 30px 10px 30px !important;
}
#corporate-landing .leaderboards .leaderboard .leaderboard-chart.top-three ul {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 1.3fr 1fr;
  column-gap: 20px;
  justify-items: center;
  align-items: end;
  width: 100%;
  max-width: 210px;
  margin: 10px auto 30px;
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  ul
  li {
  text-align: center;
  width: 100%;
  position: relative;
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  ul
  li.first
  span {
  box-shadow: 0 0 0 4px #ffba58;
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  ul
  li.first
  span:before {
  content: "";
  top: -34px;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjRkZDMTA3IiBkPSJNMzYgMzZMMTIgMzYgNyAxNiAxNyAyNCAyNCAxMSAzMSAyNCA0MSAxNnoiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkY5ODAwIiBkPSJNMTIgMzZIMzZWNDFIMTJ6TTI0IDdBMiAyIDAgMSAwIDI0IDExIDIgMiAwIDEgMCAyNCA3ek00MiAxMkEyIDIgMCAxIDAgNDIgMTYgMiAyIDAgMSAwIDQyIDEyek02IDEyQTIgMiAwIDEgMCA2IDE2IDIgMiAwIDEgMCA2IDEyeiI+PC9wYXRoPjwvc3ZnPg==")
    50% 50% no-repeat;
  background-size: 100%;
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  ul
  li.second
  span {
  box-shadow: 0 0 0 4px #9fa8da;
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  ul
  li.third
  span {
  box-shadow: 0 0 0 4px #b08a77;
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  ul
  li.top-three-empty
  span {
  background: rgba(0, 0, 0, 0.05);
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  ul
  li.top-three-empty
  span:hover {
  transform: scale(1);
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 100%;
  padding-bottom: 100%;
  background: white;
  position: relative;
  transition: all 0.2s ease-in-out;
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  span:hover {
  transform: scale(1.05);
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-chart.top-three
  span
  img {
  max-width: 40px;
  max-height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
#corporate-landing .leaderboards .leaderboard .leaderboard-title {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 99;
  margin-bottom: -23px;
}
#corporate-landing .leaderboards .leaderboard .leaderboard-title span {
  padding: 10px 20px;
  background: white;
  box-shadow: 0 0 0 2px #eee;
  border-radius: 100px;
  display: inline-block;
  font-weight: 800;
}
#corporate-landing
  .leaderboards
  .leaderboard
  .leaderboard-title
  span
  .leaderboard-subtitle {
  font-weight: normal;
  font-size: 14px;
}
#corporate-landing .leaderboards .leaderboard .leaderboard-title.with-subtitle {
  margin-bottom: -32px;
}
#corporate-landing .leaderboards .leaderboard-list {
  margin: 0 0 0 0;
  flex: 1;
  overflow-y: auto;
}
#corporate-landing .leaderboards .leaderboard-list li {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eee;
}
#corporate-landing .leaderboards .leaderboard-list li.first {
  color: #ffba58;
}
#corporate-landing .leaderboards .leaderboard-list li.second {
  color: #9fa8da;
}
#corporate-landing .leaderboards .leaderboard-list li.third {
  color: #b08a77;
}
#corporate-landing .leaderboards .leaderboard-list li:last-child {
  border-bottom: none;
}
#corporate-landing .leaderboards .leaderboard-list li span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
#corporate-landing .leaderboards .leaderboard-list li .leaderboard-ranking {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  margin-right: 15px;
}
#corporate-landing .leaderboards .leaderboard-list li .leaderboard-ranking svg {
  width: 100%;
  height: 100%;
}
#corporate-landing .leaderboards .leaderboard-list li .leaderboard-readers {
  color: #424242;
  font-size: 14px;
  font-weight: normal;
}
#corporate-landing .leaderboards .leaderboard-list li .leaderboard-count {
  align-self: center;
}
#corporate-landing .leaderboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 24px !important;
  padding: 18px 0 !important;
}
@media only screen and (max-width: 39.938em) {
  #corporate-landing .leaderboard-header {
    flex-direction: column;
    text-align: center;
  }
  #corporate-landing .leaderboard-header .profile-header {
    text-align: center;
  }
}
#corporate-landing .leaderboard-header:after {
  display: none;
}
#corporate-landing .leaderboard-header .profile-header {
  margin-bottom: 0;
}
#corporate-landing .leaderboard-header .profile-header h1 {
  margin-top: 0;
}
#corporate-landing .leaderboard-header .actions {
  margin: 0;
}
#corporate-landing .leaderboard-header .actions .leaderboard-dropdown {
  margin-bottom: 0;
}
#corporate-landing .leaderboard-header .actions .leaderboard-dropdown ul {
  margin-bottom: 0;
}
#corporate-landing .leaderboard-header .actions .leaderboard-dropdown ul li {
  margin-bottom: 0 !important;
}
#corporate-landing .leaderboard-dropdown {
  font-family: "museo-sans-rounded", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 39.938em) {
  #corporate-landing .leaderboard-dropdown {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
  }
}
#corporate-landing .leaderboard-dropdown .request-dropdown {
  display: inline-block;
  width: 100%;
}
#corporate-landing .leaderboard-dropdown .bnstk-popup-container-js {
  position: relative;
  width: 225px;
}
#corporate-landing .leaderboard-dropdown .bnstk-popup-container-js + div {
  margin-left: 10px;
}
@media only screen and (max-width: 39.938em) {
  #corporate-landing .leaderboard-dropdown .bnstk-popup-container-js {
    width: 100%;
    margin: 0 10px 5px;
  }
}
#corporate-landing .lb-menu {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  left: auto;
  white-space: nowrap;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.13s ease-in-out;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  z-index: 1000;
  width: 250px;
  margin-top: 8px;
}
@media only screen and (max-width: 39.938em) {
  #corporate-landing .lb-menu {
    width: 100%;
  }
}
#corporate-landing .lb-menu a {
  color: #424242;
}
#corporate-landing .lb-menu a:hover {
  text-decoration: none;
}
#corporate-landing .lb-menu .item {
  margin: 1rem 0;
}
#corporate-landing .lb-menu .item:hover {
  background-color: #f7f7f7;
}
#corporate-landing .lb-menu .item__option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
}
#corporate-landing .lb-menu .button__content {
  align-self: center;
}
#corporate-landing .lb-menu--is-open {
  opacity: 1;
  transform: scaleY(1);
}
.leaderboard-totals {
  margin: -20px 0 20px 0;
}
.leaderboard-totals .totals {
  display: flex;
  margin: 0 -15px;
}
@media only screen and (max-width: 39.938em) {
  .leaderboard-totals .totals {
    flex-wrap: wrap;
  }
  .leaderboard-totals .totals li {
    width: 100% !important;
  }
}
.leaderboard-totals .totals li {
  border-radius: 12px;
  padding: 15px;
  border: 2px solid #eee;
  display: flex;
  align-items: center;
  margin: 15px;
  width: 50%;
}
.leaderboard-totals .totals li img {
  width: 40px;
  height: 40px;
}
.leaderboard-totals .totals li div {
  margin-left: 15px;
}
.leaderboard-totals .totals li div strong {
  display: block;
  font-size: 25px;
  font-weight: 1000;
}
.leaderboard-totals .totals li div span {
  display: block;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: -7px;
}
#oauth-content #login-link {
  display: block;
}
#oauth-content .logo {
  margin-bottom: 40px;
}
#oauth-content #overlay-loading {
  padding-top: 0;
}
#oauth-content #search-input {
  display: inline-block;
  height: 46px;
  margin-right: 10px;
  width: 275px;
}
@media only screen and (max-width: 39.938em) {
  #oauth-content #search-input {
    margin-right: 0;
    width: 100%;
  }
}
#oauth-content #login-link {
  text-align: center;
  padding: 10px 20px;
}
#oauth-content #oauth-actions form:first-child {
  margin-bottom: 10px;
}
#oauth-content #submit-search {
  display: inline-block;
  margin: 0;
  width: auto;
}
@media only screen and (max-width: 39.938em) {
  #oauth-content #submit-search {
    margin-bottom: 20px;
    width: 100%;
  }
}
#oauth-content .google-oauth .logo {
  display: block;
  height: initial;
  width: initial;
  margin: 0 auto 40px;
}
.fundraisers {
  position: relative;
  background-color: #fafafa;
  z-index: 0;
}
.fundraisers-btn {
  color: white;
  text-align: center;
  border-radius: 12px;
  font-weight: 800;
}
.challenge-tabs--fundraisers {
  margin-top: 0;
}
.grey-btn {
  height: 36px;
  padding: 10px 22px;
  border-radius: 12px;
  border: solid 2px #eaeaea;
  background-color: #eaeaea;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.14;
  color: #5a5a5a;
}
.fundraiser-modal {
  margin: auto;
  max-width: 90vw;
  border-radius: 12px;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}
#fundraiser-notification-modal,
#fundraiser-email-modal {
  width: 494px;
}
#fundraiser-notification-modal .fundraiser-notification-header-image,
#fundraiser-email-modal .fundraiser-notification-header-image {
  margin-top: -65px;
}
#fundraiser-notification-modal .fundraiser-notification-header-image img,
#fundraiser-email-modal .fundraiser-notification-header-image img {
  width: 100%;
}
#fundraiser-notification-modal .fundraiser-notification-body,
#fundraiser-email-modal .fundraiser-notification-body {
  padding: 35px 33px;
  text-align: left;
}
#fundraiser-notification-modal .fundraiser-notification-body h2,
#fundraiser-email-modal .fundraiser-notification-body h2 {
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 14px;
}
#fundraiser-notification-modal .fundraiser-notification-body p,
#fundraiser-email-modal .fundraiser-notification-body p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.56;
  margin-bottom: 30px;
}
.challenge-page-header {
  background-color: #fcfcfc;
}
.fundraiser-info {
  width: 100%;
  flex-shrink: 0;
  margin-top: 48px;
}
@media screen and (min-width: 720px) {
  .fundraiser-info {
    margin-left: 48px;
    margin-top: 0;
    width: 340px;
  }
}
@media screen and (min-width: 900px) {
  .fundraiser-info {
    margin-left: 72px;
  }
}
.fundraisers .view-sponsor-page {
  width: 100%;
  margin-top: 24px;
}
@media only screen and (max-width: 39.938em) {
  .fundraisers .view-sponsor-page {
    margin-bottom: 34px;
  }
}
.fundraisers .fundraiser-content-body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 720px) {
  .fundraisers .fundraiser-content-body {
    flex-direction: row;
  }
}
.fundraisers .fundraiser-content-body .fundraiser-description {
  width: 100%;
}
.fundraisers .fundraiser-card {
  padding: 24px 24px 32px;
  border-radius: 14px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  background-color: white;
}
.fundraisers .fundraiser-card:not(:first-child) {
  margin-top: 32px;
}
.fundraisers .fundraiser-card h4 {
  font-weight: 800;
  margin-bottom: 0;
}
@media only screen and (max-width: 39.938em) {
  .fundraisers .fundraiser-card {
    width: 100%;
  }
}
.fundraisers .total-donations-card .progress-numbers {
  display: flex;
  align-items: baseline;
  margin-top: 20px;
}
.fundraisers .total-donations-card .progress-numbers .donations-raised {
  font-size: 26px;
  font-weight: 800;
}
.fundraisers .total-donations-card .progress-numbers .donations-goal {
  font-size: 13px;
  color: #656565;
  margin-left: 5px;
}
.fundraisers .total-donations-card .fundraiser-progress-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 8px;
  margin-top: 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
}
.fundraisers .total-donations-card .fundraiser-progress-bar .progress {
  height: 8px;
  border-radius: 16px;
}
.fundraisers .progress-circle {
  position: relative;
  z-index: 10;
  display: inline-flex;
}
.fundraisers .progress-circle::after {
  content: "";
  position: absolute;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
}
.fundraisers .progress-circle__nub {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 3px solid;
}
@media only screen and (max-width: 39.938em) {
  .share-fundraiser {
    max-height: 80vh;
    overflow-y: auto;
  }
}
.share-fundraiser .share-fundraiser-text {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 4px;
}
.share-fundraiser .share-fundraiser-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.share-fundraiser .smiley-face {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent/96/000000/smiling-face-with-heart.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
  margin-bottom: 20px;
  margin-top: 16px;
}
.share-fundraiser .share-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
@media only screen and (max-width: 39.938em) {
  .share-fundraiser .share-link {
    flex-direction: column;
  }
}
.share-fundraiser .share-link #fundraiser-url {
  z-index: -1;
  position: absolute;
  max-width: 200px;
  left: 99999999px;
}
.share-fundraiser .share-link .fundraiser-url {
  height: 50px;
  width: 100%;
  margin-right: 20px;
  padding: 14px 16px;
  border-radius: 10px;
  background-color: #f2f2f2;
  text-align: left;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 39.938em) {
  .share-fundraiser .share-link .fundraiser-url {
    margin-bottom: 20px;
    margin-right: 0px;
    text-align: center;
    justify-content: center;
  }
}
.share-fundraiser .copy-fundraiser-url-btn {
  height: 50px;
}
.share-fundraiser-actions {
  margin-top: 40px;
}
@media only screen and (max-width: 39.938em) {
  .share-fundraiser-actions {
    margin-top: 0;
  }
}
.share-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.share-buttons .share-icon {
  transition: all 0.13s ease;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  border: 0;
}
@media screen and (min-width: 450px) {
  .share-buttons .share-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
  }
}
.share-buttons .share-icon:last-child {
  margin-right: 0;
}
.share-buttons .share-icon:focus {
  box-shadow: inset 0 0 0 2.5px #6dafff;
  outline: none;
}
.share-buttons .share-icon.facebook {
  background-color: rgba(63, 81, 181, 0.21);
}
.share-buttons .share-icon.facebook:hover {
  background-color: rgba(63, 81, 181, 0.35);
}
.share-buttons .share-icon.facebook span {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/48/000000/facebook.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.share-buttons .share-icon.facebook-messenger {
  background-color: rgba(68, 138, 255, 0.21);
}
.share-buttons .share-icon.facebook-messenger:hover {
  background-color: rgba(68, 138, 255, 0.35);
}
.share-buttons .share-icon.facebook-messenger span {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/48/000000/facebook-messenger.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.share-buttons .share-icon.twitter {
  background-color: rgba(3, 169, 244, 0.21);
}
.share-buttons .share-icon.twitter:hover {
  background-color: rgba(3, 169, 244, 0.35);
}
.share-buttons .share-icon.twitter span {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/48/000000/twitter.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.share-buttons .share-icon.email {
  background-color: rgba(21, 72, 135, 0.08);
}
.share-buttons .share-icon.email:hover {
  background-color: rgba(21, 72, 135, 0.15);
}
.share-buttons .share-icon.email svg {
  height: 24px;
  width: 24px;
}
.share-buttons .share-icon.sms {
  background-color: rgba(21, 72, 135, 0.08);
}
.share-buttons .share-icon.sms:hover {
  background-color: rgba(21, 72, 135, 0.15);
}
.share-buttons .share-icon.sms span {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/48/000000/messaging-.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.fundraisers .fundraiser-rewards {
  margin-bottom: 0;
}
.fundraisers .fundraiser-rewards .fundraiser-rewards {
  margin-bottom: 2.5rem;
}
.fundraisers .fundraiser-rewards .fundraiser-rewards {
  margin-bottom: 0;
}
.fundraisers .fundraiser-rewards .reward-info {
  border-bottom: 1px solid #eaeaea;
  display: flex;
  justify-content: flex-start;
  padding: 24px 0;
}
.fundraisers .fundraiser-rewards .reward-info:first-child {
  padding-top: 0;
}
.fundraisers .fundraiser-rewards .reward-info:last-child {
  border-bottom: 0;
}
.fundraisers .fundraiser-rewards .reward-info .reward-wrapper {
  flex: auto;
  margin-top: 5px;
}
.fundraisers .fundraiser-rewards .reward-info .reward-status {
  border-radius: 100%;
  display: block;
  margin-right: 24px;
  flex: none;
}
.fundraisers .fundraiser-rewards .reward-info .reward-status.earned,
.fundraisers .fundraiser-rewards .reward-info .reward-status.unearned {
  width: 40px !important;
  height: 40px !important;
  background-size: 20px !important;
}
.fundraisers .fundraiser-rewards .reward-info .reward-status.earned {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/0ba85f/unlock-2.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #dbf2e7;
}
.fundraisers .fundraiser-rewards .reward-info .reward-status.unearned {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios-glyphs/40/929292/lock-2.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: #f2f2f2;
}
.fundraisers .fundraiser-rewards .reward-info .reward-title {
  font-size: 18px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2a2a2a;
  margin-bottom: 10px;
}
.fundraisers .fundraiser-rewards .reward-info .reward-title.no-subheader {
  margin-bottom: 0px;
}
.fundraisers .fundraiser-rewards .reward-info .reward-description {
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
}
.fundraisers .fundraiser-rewards .reward-info .reward-description.earned {
  color: #087542;
}
.fundraisers .fundraiser-rewards .reward-info .reward-instructions {
  padding: 20px;
  border-radius: 10px;
  background-color: #f5f5f5;
  margin-top: 20px;
}
.fundraisers .fundraiser-rewards .reward-info .reward-instructions strong {
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: #424242;
}
.fundraisers .fundraiser-rewards .reward-info .reward-instructions > div {
  margin: 2px 0 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  color: #424242;
}
.fundraiser-donors {
  list-style-type: none;
  margin-bottom: 0;
}
.donation-details {
  display: flex;
  align-items: flex-start;
}
.donation-details span {
  font-size: 18px;
  font-weight: 800;
  margin-left: 3px;
}
.donation-details .donor-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 24px;
  flex-shrink: 0;
}
.donation-details .donor-icon-wrapper .donor-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
}
.donor-details {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 2px;
  text-align: left;
}
.donation-message {
  padding: 20px 24px;
  border-radius: 10px;
  background-color: #f5f5f5;
  color: #858585;
  margin-top: 16px;
}
.donation-message-content {
  margin: 0;
  font-weight: 700;
}
.donation-message-modal {
  padding: 10px 15px 15px 55px;
  color: #858585;
  text-align: left !important;
}
hr {
  margin: 24px 0px;
  border-color: #eaeaea;
}
hr:not(.donation-form-hr):last-child {
  display: none;
}
.reader-donations h1 {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: normal;
}
.reader-donations h2 {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: normal;
}
.reader-donations .reader-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3px auto 10px;
  width: 156px;
  height: 156px;
  border: 10px solid white;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.07);
  font-size: 28px;
  max-width: none;
}
.reader-donations .reader-avatar img {
  width: 102%;
  height: 102%;
  position: relative;
  left: -1px;
  top: -1px;
}
.reader-donations .fundraiser-dates {
  font-size: 14px;
  font-weight: 800;
  color: #656565;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .donation-message {
    background-color: white;
    padding: 0px;
  }
}
.reader-donations .latest-donors-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .latest-donors-header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 45px;
  }
}
.reader-donations .latest-donors-header h2 {
  margin-bottom: 0px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .latest-donors-header h2 {
    margin-bottom: 20px;
    text-align: center;
  }
}
.reader-donations .reader-donation-content {
  max-width: 1214px;
  padding: 0 32px;
  margin: 0 auto;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .reader-donation-content {
    padding: 0 32px;
  }
}
.reader-donations .reader-donation-header-mobile {
  text-align: center;
  display: none;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .reader-donation-header-mobile,
  .reader-donations .reader-donation-header-mobile .reader-fundraiser-totals {
    display: block;
  }
  .reader-donations .reader-donation-header-mobile h1 {
    margin-top: 20px;
    margin-bottom: 12px;
  }
  .reader-donations .reader-donation-header-mobile p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0;
  }
  .reader-donations .reader-donation-header-mobile hr {
    margin: 0px;
  }
  .reader-donations .reader-donation-header-mobile .reader-donation-message {
    position: relative;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 44px;
  }
  .reader-donations .reader-donation-header-mobile .speech-bubble-wrap {
    background-color: white;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .reader-donations
    .reader-donation-header-mobile
    .speech-bubble-wrap
    .speech-bubble {
    height: 22px;
    width: 22px;
  }
  .reader-donations .reader-donation-header-mobile .header-image {
    position: relative;
    padding-top: 56px;
  }
  .reader-donations .reader-donation-header-mobile .reader-donation-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin-top: -104px;
  }
  .reader-donations
    .reader-donation-header-mobile
    .reader-donation-header-curve {
    position: absolute;
    bottom: -42px;
    left: 0;
    width: 100vw;
    height: 42px;
  }
  .reader-donations .reader-donation-header-mobile .reader-avatar-container {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .reader-donations
    .reader-donation-header-mobile
    .reader-avatar-container
    .reader-avatar {
    width: 144px;
    height: 144px;
    box-shadow: none;
    margin: 0 auto;
  }
  .reader-donations .reader-donation-header-mobile .fundraiser-dates {
    margin-bottom: 48px;
  }
  .reader-donations .reader-donation-header-mobile .reader-fundraiser-totals {
    margin-top: 40px;
  }
  .reader-donations .reader-donation-header-mobile .fundraiser-total-details {
    display: flex;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    margin-top: 32px;
    border-top: 1px solid #d9d9d9;
    padding-top: 28px;
  }
  .reader-donations
    .reader-donation-header-mobile
    .fundraiser-total-details
    .total-details-stat {
    display: inline-flex;
    justify-content: flex-start;
    align-items: baseline;
    color: #656565;
  }
  .reader-donations
    .reader-donation-header-mobile
    .fundraiser-total-details
    strong {
    font-size: 18px;
    font-weight: 800;
    margin-right: 6px;
    line-height: normal;
    color: #424242;
  }
  .reader-donations
    .reader-donation-header-mobile
    .fundraiser-total-details
    .total-donors {
    margin-right: 20px;
  }
  .reader-donations
    .reader-donation-header-mobile
    .fundraiser-total-details
    .total-donors,
  .reader-donations
    .reader-donation-header-mobile
    .fundraiser-total-details
    .total-minutes {
    display: inline-flex;
    align-items: center;
  }
  .reader-donations
    .reader-donation-header-mobile
    .fundraiser-total-details
    .total-donors::before,
  .reader-donations
    .reader-donation-header-mobile
    .fundraiser-total-details
    .total-minutes::before {
    content: "";
    margin-right: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
  }
}
.reader-donations .reader-donation-header {
  text-align: center;
  position: relative;
  overflow-x: clip;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .reader-donation-header {
    display: none;
  }
}
.reader-donations .reader-donation-header h1 {
  max-width: 418px;
  margin: 24px auto 12px auto;
}
.reader-donations .reader-donation-header .reader-donation-header-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  margin-top: -125px;
}
.reader-donations
  .reader-donation-header
  .reader-donation-header-bg
  .reader-donation-triangle-1 {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 40px solid transparent;
  z-index: 10;
}
.reader-donations
  .reader-donation-header
  .reader-donation-header-bg
  .reader-donation-triangle-2 {
  position: absolute;
  bottom: -78px;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 40px solid transparent;
  border-top: 40px solid transparent;
  z-index: 5;
}
.reader-donations
  .reader-donation-header
  .reader-donation-header-bg
  .reader-donation-triangle-3 {
  position: absolute;
  bottom: -38px;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 38px solid transparent;
  z-index: 10;
}
.reader-donations
  .reader-donation-header
  .reader-donation-header-bg
  .reader-donation-triangle-4 {
  position: absolute;
  bottom: -74px;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 38px solid transparent;
  border-top: 38px solid transparent;
  z-index: 5;
}
.reader-donations .reader-donation-header .reader-donation-header-avatar {
  padding-top: 120px;
  position: relative;
  z-index: 20;
}
.reader-donations
  .reader-donation-header
  .reader-donation-header-avatar-container {
  position: relative;
  overflow-x: hidden;
}
.reader-donations .reader-donation-header .reader-donation-header-left {
  position: absolute;
  top: -72px;
  left: -72px;
  height: 400px;
  width: 512px;
  z-index: 20;
}
.reader-donations .reader-donation-header .reader-donation-header-right {
  position: absolute;
  top: -163px;
  right: -217px;
  height: 400px;
  width: 512px;
  z-index: 20;
}
.reader-donations .reader-donation-header .speech-bubble {
  margin: auto;
  width: 325px;
  background-color: #fff;
  border-radius: 16px;
  padding: 24px 32px;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
.reader-donations .reader-donation-header .speech-bubble-content {
  font-size: 14px;
  font-weight: 700;
  color: #424242;
  line-height: 1.4;
  margin-bottom: 0;
}
.reader-donations .reader-donation-header .speech-bubble-triangle {
  position: absolute;
  left: 50%;
  margin-left: -7px;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background-color: #fff;
  z-index: -1;
  transform: rotate(45deg);
  transform-origin: top;
  bottom: -10px;
}
.reader-donations .reader-donation-header .squiggle-small {
  width: 44px;
  height: 8px;
  margin: 36px 0 32px;
}
.reader-donations .reader-fundraiser-totals {
  display: grid;
  width: fit-content;
  margin: auto;
  grid-template-columns: 1fr 96px 1fr 96px 1fr;
}
.reader-donations .reader-fundraiser-totals .total-number {
  font-size: 48px;
  font-weight: 800;
  line-height: normal;
  color: #2a2a2a;
  margin-bottom: 0;
}
.reader-donations .reader-fundraiser-totals .total-type {
  font-weight: 800;
  font-size: 14px;
  color: #929292;
  text-transform: uppercase;
  margin-top: 2px;
}
.reader-donations .reader-fundraiser-totals .divider {
  width: 5px;
  height: 32px;
  margin: 12px auto 0px auto;
  border-radius: 15px;
  background-color: #eaeaea;
}
.reader-donations .donate-and-share {
  text-align: center;
  margin-top: 48px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .donate-and-share {
    margin-top: 29px;
    margin-bottom: 38px;
  }
}
.reader-donations .donate-and-share .donation-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reader-donations .donate-and-share .donation-button svg {
  width: 40px;
  height: 51px;
}
.reader-donations .donate-and-share .donation-button .lightning-bolts-left {
  margin-right: 16px;
}
.reader-donations .donate-and-share .donation-button .lightning-bolts-right {
  margin-left: 16px;
}
.reader-donations .donate-and-share .donation-button .share-this {
  color: #ffffff;
  margin-top: 2px;
}
.reader-donations .donate-and-share .donation-button .share-this::before {
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/32/ffffff/share.png");
}
.reader-donations .donate-and-share .donation-btn {
  height: 64px;
  padding: 20px 32px;
  font-size: 18px;
  font-weight: 800;
  border-radius: 12px;
}
.reader-donations .donate-and-share .donation-ended {
  padding: 20px 56px;
  border-radius: 12px;
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
  width: 334px;
  margin: auto;
  color: #656565;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .donate-and-share .donation-ended {
    font-size: 14px;
    padding: 16px 48px;
    width: 100%;
    max-width: 280px;
  }
}
.reader-donations .about-fundraiser {
  text-align: center;
  position: relative;
  max-width: 744px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 152px auto 80px;
  padding-bottom: 64px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser {
    margin: 104px 0;
    color: white;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: none;
    padding: 48px 32px;
  }
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-right: 100vw solid #f2f2f2;
    top: -28px;
    left: 0;
    position: absolute;
    z-index: 50;
  }
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser::after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 28px solid transparent;
    border-left: 100vw solid #f2f2f2;
    bottom: -28px;
    left: 0;
    position: absolute;
    z-index: 50;
  }
}
.reader-donations .about-fundraiser .about-fundraiser-crosses {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .about-fundraiser-crosses {
    display: block;
    position: absolute;
    top: -64px;
    right: 0;
    width: 45px;
    height: 90px;
  }
}
.reader-donations .about-fundraiser .about-fundraisers-header {
  margin-bottom: 36px;
  margin-top: -50px;
  position: relative;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .about-fundraisers-header {
    margin-top: 0;
    margin-bottom: 28px;
  }
}
.reader-donations
  .about-fundraiser
  .about-fundraisers-header
  .about-fundraisers-plus {
  height: 22px;
  width: 22px;
  position: absolute;
  top: 94px;
  left: -54px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations
    .about-fundraiser
    .about-fundraisers-header
    .about-fundraisers-plus {
    display: none;
  }
}
.reader-donations
  .about-fundraiser
  .about-fundraisers-header
  .about-fundraisers-shape {
  height: 41px;
  width: 52px;
  position: absolute;
  top: -44px;
  right: -61px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations
    .about-fundraiser
    .about-fundraisers-header
    .about-fundraisers-shape {
    display: none;
  }
}
.reader-donations .about-fundraiser .about-fundraisers-header img {
  width: 358px;
  max-width: 90vw;
  border-radius: 8px;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  min-height: 50px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .about-fundraisers-header img {
    width: 100%;
    max-width: 358px;
  }
}
.reader-donations .about-fundraiser .about-fundraiser-content {
  max-width: 290px;
  margin: 0 auto;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .about-fundraiser-content {
    max-width: 358px;
  }
}
.reader-donations .about-fundraiser h2 {
  margin-bottom: 12px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser h2 {
    color: white;
  }
}
.reader-donations .about-fundraiser .fundraiser-description {
  margin-bottom: 32px;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .fundraiser-description {
    color: white;
    margin-bottom: 40px;
  }
}
.reader-donations .about-fundraiser .make-a-donation-section {
  margin-bottom: 40px;
  display: block;
}
.reader-donations .about-fundraiser .make-a-donation-section.no-goal {
  display: none;
}
.reader-donations .about-fundraiser .make-a-donation-text {
  margin-bottom: 16px !important;
  display: block;
  font-size: 16px;
}
.reader-donations .about-fundraiser .make-a-donation-text span {
  font-weight: 800;
}
.reader-donations .about-fundraiser .fundraiser-progress-bar {
  display: flex;
  align-items: center;
  height: 20px;
  border-radius: 20px;
  width: 100%;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .fundraiser-progress-bar {
    height: 15px;
  }
}
.reader-donations
  .about-fundraiser
  .fundraiser-progress-bar
  .fundraiser-progress {
  height: 100%;
  border-radius: 10px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations
    .about-fundraiser
    .fundraiser-progress-bar
    .fundraiser-progress {
    box-shadow: none;
  }
}
.reader-donations
  .about-fundraiser
  .fundraiser-progress-bar
  .fundraiser-progress-circle {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations
    .about-fundraiser
    .fundraiser-progress-bar
    .fundraiser-progress-circle {
    display: none;
  }
}
.reader-donations
  .about-fundraiser
  .fundraiser-progress-bar
  .fundraiser-progress-circle::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .donation-btn__secondary {
    border-color: #fff;
  }
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .donation-btn__secondary:hover {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .donation-btn__secondary:focus {
    box-shadow: 0 0 0 2.5px rgba(26, 26, 26, 0.4);
    background-color: #d9d9d9;
    border-color: #d9d9d9;
  }
}
.reader-donations .about-fundraiser .about-fundraiser-bg-1,
.reader-donations .about-fundraiser .about-fundraiser-bg-2 {
  margin: auto;
  opacity: 0.14;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -100;
  border-radius: 19px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .about-fundraiser .about-fundraiser-bg-1,
  .reader-donations .about-fundraiser .about-fundraiser-bg-2 {
    display: none;
  }
}
.reader-donations .about-fundraiser .about-fundraiser-bg-1 {
  width: calc(100% - 50px);
  transform: matrix(1, -0.03, 0, 1, 0, 0);
  left: 50px;
}
.reader-donations .about-fundraiser .about-fundraiser-bg-2 {
  width: calc(100% - 50px);
  transform: matrix(1, 0.03, 0, 1, 0, 0);
  right: 50px;
}
.reader-donations .reader-fundraiser-details {
  max-width: 644px;
  margin: 0 auto 120px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .reader-fundraiser-details {
    margin-bottom: 104px;
  }
}
.reader-donations .reader-fundraiser-details h2:not(.latest-donors-heading) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .reader-fundraiser-details h2:not(.latest-donors-heading) {
    text-align: center;
  }
}
.reader-donations .reader-fundraiser-details ul {
  list-style-type: none;
}
.reader-donations .reader-fundraiser-details .recently-earned-badges-list {
  margin-top: 88px;
}
@media screen and (max-width: 639px) {
  .reader-donations .reader-fundraiser-details .recently-earned-badges-list {
    max-width: 80%;
    margin: 80px auto 0;
  }
}
@media screen and (max-width: 519px) {
  .reader-donations .reader-fundraiser-details .recently-earned-badges-list {
    max-width: none;
  }
}
@media screen and (max-width: 639px) {
  .reader-donations .reader-fundraiser-details .latest-logged-books {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 519px) {
  .reader-donations .reader-fundraiser-details .latest-logged-books {
    max-width: none;
  }
}
.reader-donations .reader-fundraiser-details .grid-list {
  display: grid;
  text-align: center;
  margin-bottom: 0;
}
.reader-donations .reader-fundraiser-details .grid-list.badge-list {
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}
@media screen and (max-width: 639px) {
  .reader-donations .reader-fundraiser-details .grid-list.badge-list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: unset;
    grid-template-columns: unset;
    margin: -16px -10px;
    justify-content: center;
  }
}
.reader-donations .reader-fundraiser-details .grid-list.badge-list li {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .reader-donations .reader-fundraiser-details .grid-list.badge-list li {
    width: calc(33.33% - 20px);
    margin: 16px 10px;
    justify-content: center;
  }
}
@media screen and (max-width: 399px) {
  .reader-donations .reader-fundraiser-details .grid-list.badge-list li {
    width: calc(50% - 20px);
  }
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.badge-list
  .badge-image {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  border: 4px solid #f2f2f2;
  margin: 0 auto;
}
.reader-donations .reader-fundraiser-details .grid-list.badge-list img {
  width: 100%;
  height: 100%;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.badge-list
  .badge-title {
  font-size: 14px;
  font-weight: 800;
  margin-top: 8px;
  line-height: 1.4;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.badge-list
  .badge-description {
  font-size: 12px;
  color: #656565;
}
.reader-donations .reader-fundraiser-details .grid-list.book-list {
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}
@media screen and (max-width: 639px) {
  .reader-donations .reader-fundraiser-details .grid-list.book-list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: unset;
    grid-template-columns: unset;
    margin: -16px -10px;
    justify-content: center;
  }
}
.reader-donations .reader-fundraiser-details .grid-list.book-list li {
  align-self: end;
}
@media screen and (max-width: 639px) {
  .reader-donations .reader-fundraiser-details .grid-list.book-list li {
    width: calc(33.33% - 20px);
    margin: 16px 10px;
  }
}
@media screen and (max-width: 379px) {
  .reader-donations .reader-fundraiser-details .grid-list.book-list li {
    width: calc(50% - 20px);
  }
}
.reader-donations .reader-fundraiser-details .grid-list.book-list li .cover {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li
  .cover
  .book-title {
  color: #ffffff;
  text-align: center;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li[class^="log-item"]
  .cover {
  aspect-ratio: 1 / 1.5;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li.log-item-1
  .cover {
  background-color: #dc493a;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li.log-item-2
  .cover {
  background-color: #f26430;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li.log-item-3
  .cover {
  background-color: #ffbc42;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li.log-item-4
  .cover {
  background-color: #03b5aa;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li.log-item-5
  .cover {
  background-color: #19bfd5;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li.log-item-6
  .cover {
  background-color: #1d70a2;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  li.log-item-7
  .cover {
  background-color: #6761a8;
}
.reader-donations .reader-fundraiser-details .grid-list.book-list .cover {
  transition: opacity 0.13s ease;
  position: relative;
  border-radius: 6px;
  display: flex;
}
.reader-donations .reader-fundraiser-details .grid-list.book-list .cover:hover {
  opacity: 0.7;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  .cover:active:focus {
  opacity: 1;
}
.reader-donations .reader-fundraiser-details .grid-list.book-list .cover:focus {
  box-shadow: 0 0 0 2.5px #6dafff;
  outline: none;
}
.reader-donations
  .reader-fundraiser-details
  .grid-list.book-list
  .cover::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 6px;
  width: calc(100% - 12px);
  height: 12px;
  border-radius: 12px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
.reader-donations .reader-fundraiser-details .grid-list.book-list img {
  border-radius: inherit;
  aspect-ratio: inherit;
  object-fit: cover;
  width: 100%;
}
.reader-donations .reader-fundraiser-details .latest-donors {
  margin-top: 88px;
}
@media only screen and (max-width: 39.938em) {
  .reader-donations .reader-fundraiser-details .latest-donors {
    margin-top: 80px;
  }
}
.reader-donations .reader-fundraiser-details .view-all-donors-btn {
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 800;
  border-radius: 12px;
}
.donations-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
}
.donations-footer .squiggle {
  height: 7px;
  width: 30px;
  margin-bottom: 48px;
}
.donations-footer .bs-heart {
  height: 25px;
  width: 17px;
  margin-bottom: 5px;
}
.donations-footer p {
  margin: 0px;
  font-size: 9.261px;
  font-weight: 800;
  opacity: 0.817;
}
.donations-footer h2 {
  font-size: 18px;
  opacity: 0.817;
  margin: 0px;
  font-weight: 900;
}
.donation-modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-y: auto;
  justify-content: center;
  align-items: baseline;
}
.donation-modal .donation-modal-container {
  position: relative;
  width: 450px;
  margin-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.donation-modal .donation-modal-container .donation-form-wrap {
  position: relative;
}
.donation-modal .donation-modal-container .reader-avatar {
  position: relative;
  top: 80px;
  width: 156px;
  height: 156px;
  border: 10px solid white;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.07);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999;
}
.donation-modal
  .donation-modal-container
  .reader-avatar.reader-avatar--large
  img {
  height: 100%;
  width: 100%;
}
.donation-modal-content {
  position: relative;
  max-width: 90vw;
  width: 450px;
}
.donation-modal-content #donation-form {
  padding: 32px 40px;
  border-radius: 12px;
  background-color: #ffffff;
  margin: 0px auto 45px auto;
}
.donation-modal-content .mfp-bg-donations-only {
  background: #0b0b0b;
  height: 125%;
  opacity: 0.8;
  overflow: hidden;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
  z-index: 59998;
}
.donation-modal-content h2 {
  font-size: 24px;
  line-height: 1.21;
  margin-bottom: 13px;
}
.donation-modal-content h3 {
  font-size: 15px;
  font-weight: 900;
}
.donation-modal-content b {
  font-weight: 900;
}
.donation-modal-content p {
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  color: #6e6e6e;
  margin-bottom: 0px;
}
.donation-modal-content .donation-btn {
  width: 100%;
}
.donation-modal-content .donation-section-heading {
  text-align: center;
}
.donation-modal-content .donation-section-heading .back-to-page,
.donation-modal-content .donation-section-heading .back-to-first-modal {
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  padding-top: 20px;
}
.donation-modal-content .donation-section-heading .back-to-page::before,
.donation-modal-content .donation-section-heading .back-to-first-modal::before {
  content: "";
  margin-right: 10px;
  margin-bottom: -1px;
  display: inline-block;
  width: 11px;
  height: 11px;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: white;
}
.donation-modal-content .donation-form .donation-amount label {
  font-size: 13px;
  font-weight: 900;
  color: #565656;
}
.donation-modal-content .donation-form .donation-amount .donate-directly-link {
  text-align: center;
  margin: 10px;
  cursor: pointer;
  font-style: italic;
  font-size: 16px;
}
.donation-modal-content .donation-form .donation-amount .donation-amount-input {
  position: relative;
  font-size: 19px;
  font-weight: 900;
  display: flex;
  padding: 0px 18px;
  border-radius: 8px;
  background-color: #f3f3f3;
  height: 60px;
  align-items: center;
}
.donation-modal-content
  .donation-form
  .donation-amount
  .donation-amount-input
  .dollar-cents,
.donation-modal-content
  .donation-form
  .donation-amount
  .donation-amount-input
  .dollar-sign {
  line-height: normal;
}
.donation-modal-content
  .donation-form
  .donation-amount
  .donation-amount-input
  input[type="number"] {
  background-color: #f3f3f3;
  border: none;
  font-size: 19px;
  font-weight: 900;
  text-align: right;
  padding: 0px;
  margin: 0px;
}
.donation-modal-content
  .donation-form
  .donation-amount
  .donation-amount-input
  input[type="number"]:focus {
  box-shadow: none;
}
.donation-modal-content
  .donation-form
  .donation-amount
  .donation-amount-input
  input::-webkit-outer-spin-button,
.donation-modal-content
  .donation-form
  .donation-amount
  .donation-amount-input
  input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.donation-modal-content
  .donation-form
  .donation-amount
  .donation-amount-input
  input[type="number"] {
  -moz-appearance: textfield;
}
.donation-modal-content .donation-form .donation-type-select {
  margin: 10px 0px 30px;
}
.donation-modal-content .donation-form .select-company-logo {
  position: relative;
}
.donation-modal-content .donation-form .select-company-logo input {
  display: none;
}
.donation-modal-content .donation-form .radio-button-input {
  margin-bottom: 13px;
  position: relative;
  cursor: pointer;
}
.donation-modal-content .donation-form .radio-button-input input {
  display: none;
}
.donation-modal-content
  .donation-form
  .radio-button-input
  input:checked
  ~ .check {
  display: block;
}
.donation-modal-content .donation-form .radio-button-input .check {
  display: none;
  position: absolute;
  top: 0px;
  background-color: white;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.donation-modal-content .donation-form .radio-button-input label {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0px;
  cursor: pointer;
}
.donation-modal-content .donation-form .radio-button-input label::before {
  display: inline-block;
  margin-right: 12px;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 2px #d9d9d9;
}
.donation-modal-content .donation-form .donation-information {
  display: none;
}
.donation-modal-content
  .donation-form
  .donation-information
  .business-sponsor-inputs {
  display: none;
}
.donation-modal-content
  .donation-form
  .donation-information
  .company-logo-upload {
  margin-top: 35px;
}
.donation-modal-content
  .donation-form
  .donation-information
  .company-logo-upload
  #logo-preview {
  margin-top: 14px;
}
.donation-modal-content
  .donation-form
  .donation-information
  .company-logo-upload
  .no-image {
  display: none;
}
.donation-modal-content .donation-form .donation-information .donation-input {
  position: relative;
}
.donation-modal-content
  .donation-form
  .donation-information
  .donation-input
  label {
  display: none;
  font-size: 11px;
  font-weight: bold;
  background-color: white;
  color: #a3a3a3;
  padding: 6px 7px 5px 6px;
}
.donation-modal-content
  .donation-form
  .donation-information
  .donation-input
  input {
  margin-bottom: 14px;
}
.donation-modal-content
  .donation-form
  .donation-information
  .donation-input
  input:focus
  + label,
.donation-modal-content
  .donation-form
  .donation-information
  .donation-input
  select:focus
  + label {
  display: block;
  position: absolute;
  top: -12px;
  left: 12px;
}
.donation-modal-content
  .donation-form
  .donation-information
  .donation-city-state {
  display: flex;
}
.donation-modal-content
  .donation-form
  .donation-information
  .donation-city-state
  .donation-input:first-child {
  margin-right: 20px;
}
.donation-modal-content .donation-form .donation-information #donation_message {
  resize: vertical;
}
.donation-modal-content .donation-form .donation-information .checkbox-section {
  margin-bottom: 35px;
}
.donation-modal-content .donation-form .donation-information .checkbox-input {
  margin-bottom: 16px;
}
.donation-modal-content
  .donation-form
  .donation-information
  .checkbox-input
  input {
  display: none;
  cursor: pointer;
}
.donation-modal-content
  .donation-form
  .donation-information
  .checkbox-input
  input:checked
  ~ label::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent-systems-filled/48/0BA85F/checkmark.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  cursor: pointer;
}
.donation-modal-content
  .donation-form
  .donation-information
  .checkbox-input
  label {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0px;
  font-weight: bold;
}
.donation-modal-content
  .donation-form
  .donation-information
  .checkbox-input
  label::before {
  display: inline-block;
  margin-right: 12px;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: solid 2px #d9d9d9;
}
.donation-modal-content .donation-form .donation-information #card-number,
.donation-modal-content .donation-form .donation-information #card-expiry,
.donation-modal-content .donation-form .donation-information #card-cvc,
.donation-modal-content .donation-form .donation-information input[type="text"],
.donation-modal-content .donation-form .donation-information select {
  height: 50px;
  padding: 16px 20px;
}
.donation-modal-content .donation-form .donation-information textarea {
  height: 100px;
  margin-bottom: 0px;
}
.donation-modal-content .donation-form .donation-information #card-number {
  padding: 15px 20px 15px 20px !important;
}
.donation-modal-content .donation-form .donation-information #card-number,
.donation-modal-content .donation-form .donation-information #card-expiry,
.donation-modal-content .donation-form .donation-information #card-cvc {
  transition: all 0.13s ease;
  height: 50px;
  padding: 15px 0px 15px 5px;
  border: 2px solid #d9d9d9;
  border-radius: 8px;
  background-color: #fff;
  width: 100%;
  overflow: visible;
  -webkit-appearance: none;
  margin-bottom: 16px;
}
.donation-modal-content .donation-form .donation-information #card-number:hover,
.donation-modal-content .donation-form .donation-information #card-expiry:hover,
.donation-modal-content .donation-form .donation-information #card-cvc:hover {
  border-color: #b5b5b5;
}
.donation-modal-content .donation-form .donation-information #card-number:focus,
.donation-modal-content .donation-form .donation-information #card-expiry:focus,
.donation-modal-content .donation-form .donation-information #card-cvc:focus {
  border-color: #0098da;
  outline: none;
  box-shadow: 0 2px 9px rgba(0, 152, 218, 0.2);
}
.donation-modal-content .donation-form .donation-information #card-expiry,
.donation-modal-content .donation-form .donation-information #card-cvc {
  min-width: 80px;
  flex: 1 auto;
  margin: 0 6px 14px;
  padding-left: 20px;
  padding-right: 20px;
}
.donation-modal-content .donation-form .donation-information #zip-code {
  min-width: 120px;
  flex: 1 auto;
  margin: 0 6px 14px;
  width: 100%;
}
.donation-modal-content
  .donation-form
  .donation-information
  .stripe-verification-fields {
  display: flex;
  margin: 0 -6px -14px;
}
@media only screen and (max-width: 39.938em) {
  .donation-modal-content
    .donation-form
    .donation-information
    .stripe-verification-fields {
    flex-wrap: wrap;
  }
}
.donation-modal-content .donation-form .donation-information .character-count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin-top: -34px;
  margin-right: 10px;
  opacity: 0.25;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2a2a2a;
}
.donation-modal-content
  .donation-form
  .donation-information
  .character-count
  .current-count {
  margin-right: 3px;
}
.donation-modal-content
  .donation-form
  .donation-information
  #donation_company_websire_url {
  margin-bottom: 44px;
}
.donation-modal-content .donation-form .donation-information .select-file-btn {
  height: 44px;
  padding: 14px 23.9px 14px 23px;
  margin-bottom: 0;
}
.donation-modal-content .donation-form .donation-information .optional-heading {
  font-size: 14px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  margin: 0px;
  color: #2a2a2a;
}
.donation-modal-content .donation-form .donation-information .optional-text {
  font-size: 11px;
  color: #aeaeae;
  font-weight: 700;
  margin-bottom: 8px;
}
.donation-modal-content
  .donation-form
  .donation-information
  .personal-message-text {
  font-size: 12.7px;
  font-weight: bold;
  line-height: 1.49;
  margin-bottom: 1rem;
}
.donation-modal-content .donation-form .donation-information .billing-info {
  margin-top: 35px;
}
.donation-modal-content .donation-form .donation-information .donation-form-hr {
  margin-top: 35px;
  margin-bottom: 35px;
}
.donation-modal-content .donation-form .donation-information .card-types {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.donation-modal-content
  .donation-form
  .donation-information
  .card-types
  div:not(:last-child) {
  margin-right: 12px;
}
.donation-modal-content .donation-form .donation-information .card-types .visa {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios/60/000000/visa.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
.donation-modal-content
  .donation-form
  .donation-information
  .card-types
  .discover {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios/60/000000/discover.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
.donation-modal-content
  .donation-form
  .donation-information
  .card-types
  .mastercard {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/60/000000/mastercard.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
.donation-modal-content .donation-form .donation-information .card-types .amex {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/ios/60/000000/amex.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
.donation-modal-content .donation-form .donation-information .card-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}
.donation-modal-content .donation-form .privacy-statement {
  opacity: 0.72;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.46;
  text-align: center;
  padding: 15px 55px;
}
.donation-modal-content
  .donation-form
  .privacy-statement
  span.privacy-statement-text {
  color: #989898;
}
.donation-modal-content .donation-success {
  display: none;
  text-align: center;
}
.donation-modal-content .donation-success h2 {
  width: 197px;
  margin: 30px auto 15px auto;
}
.donation-modal-content .donation-success p {
  width: 276px;
  margin: auto;
  margin-bottom: 30px;
}
.donation-modal-content .donation-success .share-btn {
  height: 51px;
  padding: 18px 24px 17px 25px;
  border-radius: 8.4px;
  box-shadow: 0 3px 0 0 #f8f8f8;
  background-color: #ededed;
  font-weight: 900;
}
.donation-modal-content .donation-success .back-home {
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  margin-top: 24px;
}
.ssl {
  color: #2a2a2a;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  opacity: 0.25;
}
.ssl .ssl-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent-systems-filled/36/2a2a2a/security-shield-green.png") !important;
  background-repeat: no-repeat;
  background-color: white;
}
#donate-directly-modal {
  margin: auto;
  width: 400px;
  height: 200px;
  border-radius: 12px;
  text-align: left;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 99999;
}
#donate-directly-modal .modal-header {
  padding: 20px;
}
#share-fundraiser-modal {
  width: 500px;
  padding: 40px;
  text-align: left;
}
@media only screen and (max-width: 39.938em) {
  #share-fundraiser-modal {
    padding: 30px;
  }
}
#share-fundraiser-modal h2 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 3px;
}
#share-fundraiser-modal .share-fundraiser-text {
  font-size: 16px;
  font-weight: bold;
  padding-right: 96px;
  line-height: normal;
}
@media only screen and (max-width: 39.938em) {
  #share-fundraiser-modal .share-fundraiser-text {
    padding-right: 0px;
  }
}
#share-fundraiser-modal .share-buttons {
  margin-top: 32px;
}
@media only screen and (max-width: 39.938em) {
  #share-fundraiser-modal .share-buttons {
    margin-top: 0;
  }
}
#share-fundraiser-modal hr {
  margin-top: 37px;
  margin-bottom: 31px;
}
@media only screen and (max-width: 39.938em) {
  #share-fundraiser-modal hr {
    margin-top: 19px;
    margin-bottom: 19px;
  }
}
#share-fundraiser-modal hr.desktop-hide {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  #share-fundraiser-modal hr.desktop-hide {
    display: block;
    margin-top: 23px;
  }
}
#share-fundraiser-modal .share-icon {
  width: 77px;
  height: 77px;
  padding: 19px 19px 19px;
  border-radius: 13px;
  margin: 0 0 14px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#share-fundraiser-modal .share-icon.facebook {
  background-color: rgba(63, 81, 181, 0.21);
}
#share-fundraiser-modal .share-icon.facebook span {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/72/000000/facebook.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#share-fundraiser-modal .share-icon.facebook-messenger {
  background-color: rgba(68, 138, 255, 0.21);
}
#share-fundraiser-modal .share-icon.facebook-messenger span {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/72/000000/facebook-messenger.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#share-fundraiser-modal .share-icon.twitter {
  background-color: rgba(3, 169, 244, 0.21);
}
#share-fundraiser-modal .share-icon.twitter span {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/72/000000/twitter.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#share-fundraiser-modal .share-icon.email {
  background-color: rgba(21, 72, 135, 0.08);
}
#share-fundraiser-modal .share-icon.email svg {
  height: 25px;
  width: 36px;
}
#share-fundraiser-modal .social-tip {
  padding: 21px 42px 16px;
  border-radius: 12px;
  background-color: #f2f2f2;
  margin-top: 32px;
  text-align: center;
  font-size: 15.6px;
  line-height: normal;
  letter-spacing: normal;
  font-weight: bold;
}
#share-fundraiser-modal .social-tip b {
  font-weight: 900;
}
#share-fundraiser-modal .social-tip .social-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 12px;
}
#share-fundraiser-modal .social-tip .social-icons div {
  margin-right: 6px;
}
#share-fundraiser-modal .social-tip .social-icons .instagram {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/64/000000/instagram-new--v1.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#share-fundraiser-modal .social-tip .social-icons .slack {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/64/000000/slack-new.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#share-fundraiser-modal .social-tip .social-icons .youtube {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/64/000000/youtube-play.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#share-fundraiser-modal .social-tip .social-icons .tiktok {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/64/000000/tiktok.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#share-fundraiser-modal .social-tip .social-icons .reddit {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/color/64/000000/reddit.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#all-donors-modal {
  width: 544px;
  padding: 25px 26px 0 25px;
}
@media screen and (max-width: 799px) {
  .swoopy-header {
    display: none;
  }
}
.swoopy-header .triangles {
  width: 100%;
}
.swoopy-header .left-triangle {
  width: 0;
  height: 0;
  border-top: none;
  border-bottom: 92px solid transparent;
  border-left: 66vw solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  mix-blend-mode: multiply;
  opacity: 0.63;
}
.swoopy-header .right-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.swoopy-header .right-shape__top {
  width: 100vw;
  height: 32px;
  opacity: 0.61;
}
.swoopy-header .right-shape__bottom {
  width: 0;
  height: 0;
  border-top: none;
  border-bottom: 33px solid transparent;
  border-right: 100vw solid transparent;
  opacity: 0.61;
}
.swoopy-header .rotated-boxes__box {
  opacity: 0.31;
  position: absolute;
}
.swoopy-header .rotated-boxes__box--box-1 {
  width: 20px;
  height: 20px;
  transform: rotate(-25deg);
  top: -11px;
  right: 216px;
}
.swoopy-header .rotated-boxes__box--box-2 {
  width: 20px;
  height: 20px;
  transform: rotate(7deg);
  top: 7px;
  right: 163px;
}
.swoopy-header .rotated-boxes__box--box-3 {
  width: 42px;
  height: 42px;
  transform: rotate(-24deg);
  top: 37px;
  right: 193px;
}
.swoopy-header .rotated-boxes__box--box-4 {
  width: 20px;
  height: 20px;
  transform: rotate(12deg);
  top: 75px;
  right: 83px;
}
.swoopy-header .rotated-boxes__box--box-5 {
  width: 47px;
  height: 47px;
  transform: rotate(12deg);
  top: -9px;
  right: 32px;
}
.swoopy-header-mobile {
  overflow-x: hidden;
  position: relative;
  display: none;
}
@media screen and (max-width: 799px) {
  .swoopy-header-mobile {
    display: block;
  }
}
.swoopy-header-mobile .header-shape__shape {
  width: 100vw;
}
.swoopy-header-mobile .header-shape__shape--shape-1 {
  content: "";
  height: 39px;
  opacity: 0.63;
  position: absolute;
  top: -9px;
  transform: rotate(1deg);
}
.swoopy-header-mobile .header-shape__shape--shape-2 {
  content: "";
  height: 78px;
  opacity: 0.61;
}
.swoopy-header-mobile .header-shape__shape--shape-2::after {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 52px;
  right: -22px;
  height: 41px;
  content: "";
  border-top-left-radius: 88%;
  border-top-right-radius: 40%;
  width: 150vw;
  transform: rotate(-1.5deg);
}
#community-donations-page {
  position: relative;
}
#community-donations-page .community-donation-content {
  max-width: 1200px;
  padding: 0 32px;
  margin: 0 auto;
  transform: scale(0.9);
  transform-origin: top;
}
@media screen and (max-width: 799px) {
  #community-donations-page .community-donation-content {
    padding: 0 72px;
  }
}
@media screen and (max-width: 639px) {
  #community-donations-page .community-donation-content {
    padding: 0 32px;
    transform: scale(1);
  }
}
#community-donations-page .community-donation-content.logo-container {
  margin: 136px auto 0;
}
@media screen and (max-width: 799px) {
  #community-donations-page .community-donation-content.logo-container {
    margin-top: 32px;
  }
}
#community-donations-page .row {
  max-width: 1210px;
}
#community-donations-page .row::before,
#community-donations-page .row::after {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .column {
    padding-left: 30px;
    padding-right: 30px;
  }
}
#community-donations-page .microsite-logo a,
#community-donations-page .microsite-logo img {
  max-height: 160px;
  max-width: 160px;
}
@media only screen and (min-width: 40em) {
  #community-donations-page .mobile-view-only {
    display: none;
  }
}
#community-donations-page .community-donation-page-body {
  margin-top: 40px;
  margin-bottom: 48px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 799px) {
  #community-donations-page .community-donation-page-body {
    display: none;
  }
}
#community-donations-page .community-donation-page-body .cd-body-2 {
  width: 350px;
  margin-left: 50px;
  flex-shrink: 0;
}
@media screen and (max-width: 999px) {
  #community-donations-page .community-donation-page-body .cd-body-2 {
    margin-left: 72px;
    width: 300px;
  }
}
#community-donations-page .community-donation-page-body-mobile {
  display: none;
}
@media screen and (max-width: 799px) {
  #community-donations-page .community-donation-page-body-mobile {
    display: block;
    margin-top: 32px;
    margin-bottom: 104px;
  }
}
@media screen and (max-width: 639px) {
  #community-donations-page .community-donation-page-body-mobile {
    margin-bottom: 72px;
  }
}
#community-donations-page .fundraiser-header-container {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 40px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .fundraiser-header-container {
    padding-bottom: 12px;
  }
}
#community-donations-page .fundraiser-header-container .fundraiser-header {
  font-size: 38px;
  font-weight: 800;
  margin-bottom: 8px;
  letter-spacing: normal;
  color: #2a2a2a;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .fundraiser-header-container .fundraiser-header {
    font-size: 28px;
  }
}
#community-donations-page .fundraiser-header-container .fundraiser-dates {
  color: #929292;
  font-size: 16px;
  font-weight: 800;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .fundraiser-header-container .fundraiser-dates {
    font-size: 14px;
  }
}
#community-donations-page .fundraiser-header-container .share-this {
  margin-left: -12px;
}
#community-donations-page .fundraiser-overview-details {
  margin-top: 40px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .fundraiser-overview-details {
    border: none;
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .fundraiser-overview-details
    .fundraiser-description-container {
    max-height: 365px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .fundraiser-overview-details
    .fundraiser-description-container
    .fundraiser-description-wrapper {
    column-width: 90vw;
    max-height: 365px;
  }
}
#community-donations-page .fundraiser-overview-details .read-more-btn {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .fundraiser-overview-details .read-more-btn {
    display: block;
    width: 100%;
    height: 56px;
    margin-top: 16px;
    font-weight: 800;
    border-radius: 12px;
  }
}
@media screen and (max-width: 799px) {
  #community-donations-page .make-a-donation-section {
    margin-top: 32px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eaeaea;
  }
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .make-a-donation-section {
    padding-bottom: 32px;
  }
}
#community-donations-page
  .make-a-donation-section.no-goal
  .make-a-donation-text {
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}
#community-donations-page .make-a-donation-section.no-goal .fundraiser-stats {
  margin-top: 32px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .make-a-donation-section.no-goal .fundraiser-stats {
    margin-top: 8px;
  }
}
#community-donations-page .make-a-donation-section .make-a-donation-text {
  font-size: 16px;
  font-weight: 700;
  color: #656565;
  margin-bottom: 14px;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .make-a-donation-section .make-a-donation-text {
    align-items: center;
    font-size: 13px;
  }
}
#community-donations-page .make-a-donation-section .make-a-donation-text span {
  font-size: 40px;
  font-weight: 800;
  display: inline-block;
  margin-right: 8px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .make-a-donation-text
    span {
    margin-right: 12px;
    font-size: 32px;
  }
}
#community-donations-page .make-a-donation-section .fundraiser-progress-bar {
  display: flex;
  align-items: center;
  height: 20px;
  border-radius: 20px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .make-a-donation-section .fundraiser-progress-bar {
    height: 15px;
  }
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-progress-bar
  .fundraiser-progress {
  height: 100%;
  border-radius: 10px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .fundraiser-progress-bar
    .fundraiser-progress {
    box-shadow: none;
  }
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-progress-bar
  .fundraiser-progress-circle {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .fundraiser-progress-bar
    .fundraiser-progress-circle {
    display: none;
  }
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-progress-bar
  .fundraiser-progress-circle::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
}
#community-donations-page .make-a-donation-section .fundraiser-stats {
  margin-top: 48px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .make-a-donation-section .fundraiser-stats {
    display: flex;
    flex-wrap: wrap;
    margin: 8px -12px 12px;
  }
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-stats
  .stats-container {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .fundraiser-stats
    .stats-container {
    margin: 12px;
  }
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-stats
  .stats-container:not(:first-child) {
  margin-top: 20px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .fundraiser-stats
    .stats-container:not(:first-child) {
    margin-top: 12px;
  }
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-stats
  .stats-container
  .stats-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-right: 12px;
  flex-shrink: 0;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .fundraiser-stats
    .stats-container
    .stats-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-stats
  .stats-container
  .stats-content {
  display: flex;
  align-items: baseline;
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-stats
  .stats-container
  .numerical-stat {
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .fundraiser-stats
    .stats-container
    .numerical-stat {
    font-size: 18px;
  }
}
#community-donations-page
  .make-a-donation-section
  .fundraiser-stats
  .stats-container
  .stat-detail {
  font-size: 16px;
  font-weight: 700;
  color: #656565;
  margin-left: 8px;
  line-height: normal;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .fundraiser-stats
    .stats-container
    .stat-detail {
    font-size: 12px;
    margin-left: 4px;
  }
}
#community-donations-page .make-a-donation-section .fundraiser-closed {
  background-color: #f5f5f5;
  padding: 24px 32px;
  margin-top: 40px;
  border-radius: 12px;
}
#community-donations-page .make-a-donation-section .fundraiser-closed-text {
  font-size: 16px;
  font-weight: 800;
  color: #656565;
  margin: 0;
  text-align: center;
}
#community-donations-page
  .make-a-donation-section
  .make-a-donation-buttons-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 35px -8px 0;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .make-a-donation-buttons-container {
    margin-top: 0;
  }
}
#community-donations-page
  .make-a-donation-section
  .make-a-donation-buttons-container
  button.large-button {
  flex: 1;
  width: calc(100% - 8px);
  margin: 8px;
  height: 60px;
}
#community-donations-page
  .make-a-donation-section
  .make-a-donation-buttons-container
  button.large-button.button--text {
  font-size: 18px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .make-a-donation-buttons-container
    .make-a-donation-button {
    width: 100%;
    height: 56px;
    font-size: 16px;
    margin-right: 0;
    flex: auto;
  }
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .make-a-donation-section
    .make-a-donation-buttons-container
    .share-this-button {
    display: none;
    flex: auto;
  }
}
#community-donations-page .our-sponsors-container {
  margin-top: 56px;
  padding-top: 48px;
  border-top: 1px solid #eaeaea;
}
@media screen and (max-width: 799px) {
  #community-donations-page .our-sponsors-container {
    border-top: 0;
    margin-top: 72px;
    padding-top: 0;
  }
}
#community-donations-page .our-sponsors-container .our-sponsors-header {
  font-size: 28px;
  color: #2a2a2a;
  font-weight: 800;
  position: relative;
  letter-spacing: normal;
  margin-bottom: 24px;
  line-height: 1.25;
}
@media screen and (max-width: 799px) {
  #community-donations-page .our-sponsors-container .our-sponsors-header {
    font-size: 22px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 0;
  }
}
#community-donations-page .our-sponsors-container .our-sponsors-header::after {
  content: "";
  position: absolute;
  width: 65px;
  height: 12px;
  bottom: 2px;
  left: 0;
  opacity: 0.17;
  border-radius: 12px;
  z-index: -1;
}
@media screen and (max-width: 799px) {
  #community-donations-page
    .our-sponsors-container
    .our-sponsors-header::after {
    display: none;
  }
}
#community-donations-page .our-sponsors-container .sponsors-list {
  list-style-type: none;
  margin-bottom: 0;
}
#community-donations-page .our-sponsors-container .sponsors-list li {
  display: flex;
  padding: 32px 0 0;
  align-items: flex-start;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 32px;
}
@media screen and (max-width: 999px) {
  #community-donations-page .our-sponsors-container .sponsors-list li {
    flex-direction: column;
  }
}
@media screen and (max-width: 799px) {
  #community-donations-page .our-sponsors-container .sponsors-list li {
    flex-direction: row;
  }
}
@media screen and (max-width: 639px) {
  #community-donations-page .our-sponsors-container .sponsors-list li {
    flex-direction: column;
  }
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-image {
  border-radius: 10px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 186px;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-image::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  padding-bottom: calc(9 / 16 * 100%);
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-image
  img {
  width: 100%;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .no-sponsor-image {
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: inherit;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .no-sponsor-image::after {
  content: "";
  display: inline-block;
  width: 48px;
  height: 48px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluent-systems-filled/96/b5b5b5/welfare.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-details {
  margin-left: 48px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page
    .our-sponsors-container
    .sponsors-list
    li
    .sponsor-details {
    margin-left: 0px;
    margin-top: 19px;
  }
}
@media screen and (max-width: 999px) {
  #community-donations-page
    .our-sponsors-container
    .sponsors-list
    li
    .sponsor-details {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width: 799px) {
  #community-donations-page
    .our-sponsors-container
    .sponsors-list
    li
    .sponsor-details {
    margin-top: 0;
    margin-left: 32px;
  }
}
@media screen and (max-width: 639px) {
  #community-donations-page
    .our-sponsors-container
    .sponsors-list
    li
    .sponsor-details {
    margin-top: 20px;
    margin-left: 0;
  }
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-details
  .sponsor-name {
  font-size: 22px;
  font-weight: 800;
  color: #424242;
  margin-bottom: 0;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-details
  .sponsor-url {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-details
  .sponsor-url:focus {
  box-shadow: 0 0 0 2.5px #6dafff;
  outline: none;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-details
  .sponsor-url::after {
  content: "";
  margin-left: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
}
#community-donations-page
  .our-sponsors-container
  .sponsors-list
  li
  .sponsor-details
  .sponsor-description {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 12px;
  margin-bottom: 0;
}
#community-donations-page .latest-books-read,
#community-donations-page .latest-donations {
  margin-top: 72px;
}
#community-donations-page .latest-books-read .latest-header-container,
#community-donations-page .latest-donations .latest-header-container {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#community-donations-page
  .latest-books-read
  .latest-header-container
  .view-all-button,
#community-donations-page
  .latest-donations
  .latest-header-container
  .view-all-button {
  display: none;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 800;
  border-radius: 12px;
}
@media only screen and (min-width: 40em) {
  #community-donations-page
    .latest-books-read
    .latest-header-container
    .view-all-button,
  #community-donations-page
    .latest-donations
    .latest-header-container
    .view-all-button {
    display: block;
  }
}
#community-donations-page
  .latest-books-read
  .latest-header-container
  .latest-details-header,
#community-donations-page
  .latest-donations
  .latest-header-container
  .latest-details-header {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 4px;
  letter-spacing: normal;
}
#community-donations-page
  .latest-books-read
  .latest-header-container
  .latest-numerical-detail,
#community-donations-page
  .latest-donations
  .latest-header-container
  .latest-numerical-detail {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  color: #656565;
}
@media screen and (max-width: 799px) {
  #community-donations-page .latest-donations {
    margin-top: 64px;
  }
}
#community-donations-page .latest-donations .donor-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
#community-donations-page .latest-donations .donation-details {
  display: flex;
  justify-content: space-between;
}
#community-donations-page
  .latest-donations
  .donor-information:not(:first-child) {
  margin-top: 32px;
}
#community-donations-page .latest-donations ul {
  list-style-type: none;
  margin-top: 24px;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .latest-donations ul {
    margin-top: 32px;
  }
}
#community-donations-page .latest-donations .donor-name {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  margin-right: 0;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .latest-donations .donor-name {
    font-size: 16px;
  }
}
#community-donations-page .latest-donations .donation-amount {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  margin-left: 0;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .latest-donations .donation-amount {
    font-size: 18px;
  }
}
#community-donations-page .latest-donations .speech-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/material-rounded/48/c8c8c8/comments--v1.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  flex-shrink: 0;
  margin-right: 10px;
}
#community-donations-page .latest-donations .donation-message-triangle {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 8px solid #f5f5f5;
  border-bottom: 10px solid transparent;
}
#community-donations-page .latest-donations .donation-message {
  margin-left: 0px;
  padding: 20px;
  background-color: #f5f5f5;
  color: #424242;
  width: 100%;
  margin-top: 0;
  border-radius: 8px;
}
#community-donations-page .latest-donations .donation-message p {
  margin-bottom: 0;
  font-weight: 700;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .latest-donations .donation-message p {
    font-size: 14px;
  }
}
#community-donations-page .view-all-button {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  #community-donations-page .view-all-button {
    display: inline-flex;
    width: 100%;
    height: 56px;
    border-radius: 12px;
    font-weight: 800;
    margin-top: 32px;
  }
}
.mfp-bg.find-reader-popup {
  background-color: #000;
}
#community-donation-modal {
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 60px;
}
#community-donation-modal .donations-footer .squiggle,
#community-donation-modal .donations-footer .bs-heart,
#community-donation-modal .donations-footer .reader-donation-header-svg {
  stroke: #6e6e6e;
  fill: #6e6e6e;
}
#community-donation-modal .donations-footer .footer-text,
#community-donation-modal .donations-footer h2 {
  color: #6e6e6e;
}
.book-grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}
.book-grid li.log-item-1 .cover {
  background-color: #dc493a;
}
.book-grid li.log-item-2 .cover {
  background-color: #f26430;
}
.book-grid li.log-item-3 .cover {
  background-color: #ffbc42;
}
.book-grid li.log-item-4 .cover {
  background-color: #03b5aa;
}
.book-grid li.log-item-5 .cover {
  background-color: #19bfd5;
}
.book-grid li.log-item-6 .cover {
  background-color: #1d70a2;
}
.book-grid li.log-item-7 .cover {
  background-color: #6761a8;
}
.book-grid .cover {
  transition: opacity 0.13s ease;
  position: relative;
  border-radius: 6px;
  display: flex;
  margin: 0 10px 10px 0;
  justify-content: center;
  background: orange;
}
.book-grid .cover::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 6px;
  width: 80%;
  height: 12px;
  background-color: red;
  border-radius: 12px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
.book-grid .cover .no-title {
  align-self: center;
}
.book-grid .cover .no-title svg {
  fill: white;
}
.book-grid img {
  border-radius: inherit;
  max-height: 95px;
  max-width: 100%;
}
.save-the-date {
  display: block;
  text-align: center;
  padding: 44px;
  border-radius: 12px;
  background-color: #f5f5f5;
  width: 100%;
  margin-bottom: 20px;
}
.save-the-date .title {
  font-weight: 800;
  color: #424242;
  font-size: 20px;
  margin-bottom: 8px;
}
.save-the-date .save-date-text {
  font-weight: 800;
  color: #656565;
  font-size: 16px;
  margin-bottom: 0;
}
.save-the-date .share-this-date-button {
  height: 60px;
  margin-top: 28px;
  border-radius: 12px;
  font-size: 18px;
}
@media only screen and (max-width: 39.938em) {
  .cd-all-donations-modal .all-donations-modal-content .fundraiser-donors hr {
    margin: 14px 0px;
  }
  .cd-all-donations-modal .all-donations-modal-content .donor-icon-wrapper {
    display: none;
  }
  .cd-all-donations-modal .all-donations-modal-content .donor-text {
    display: none;
  }
  .cd-all-donations-modal .all-donations-modal-content .cd-mobile-text {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.27;
    text-align: left;
  }
  .cd-all-donations-modal
    .all-donations-modal-content
    .cd-mobile-text
    .donor-amount {
    font-weight: 900;
    margin-top: 3px;
  }
  .cd-all-donations-modal .all-donations-modal-content .donation-message {
    margin-top: 5px;
    margin-left: 0px;
    font-size: 14px;
  }
}
.cd-mobile-text {
  display: none;
}
.fundraiser-image {
  border-radius: 10px;
  margin-bottom: 48px;
}
@media screen and (max-width: 799px) {
  .fundraiser-image {
    margin-bottom: 32px;
  }
}
.fundraiser-image img {
  border-radius: inherit;
}
.fundraiser-subheading {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
  margin-bottom: 24px;
}
@media only screen and (max-width: 39.938em) {
  .fundraiser-subheading {
    font-size: 24px;
  }
}
.fundraiser-description {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (max-width: 39.938em) {
  .fundraiser-description {
    font-size: 16px;
  }
}
.fundraiser-description p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (max-width: 39.938em) {
  .fundraiser-description p {
    font-size: 16px;
  }
}
#fundraiser-description-modal {
  width: 90vw;
  height: 90vh;
}
#fundraiser-description-modal .fundraiser-description-modal-content {
  overflow-y: auto;
  height: inherit;
  padding: 24px;
}
.share-this {
  font-size: 12px;
  font-weight: 800;
  margin-top: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.share-this::before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
}
#all-donations-modal {
  padding: 25px 26px 0 25px;
}
#all-donations-modal .modal-header .donate-now-btn {
  height: 54px;
  padding: 18px;
  font-size: 16px;
  font-weight: 900;
}
@media only screen and (max-width: 39.938em) {
  #all-donations-modal .modal-header .header-text {
    display: none;
  }
  #all-donations-modal .modal-header .donate-now-btn {
    width: 100%;
  }
}
#all-donations-modal .all-donations-modal-content {
  position: relative;
  height: 100%;
}
#all-donations-modal .fundraiser-donors {
  max-height: 78%;
  overflow-y: auto;
}
#all-donations-modal .donor-icon-wrapper {
  margin-right: 21px;
}
#all-donations-modal .donation-message {
  text-align: left;
  background-color: transparent;
  padding: 0px;
}
#all-books-modal .modal-header {
  padding: 25px 26px 0 25px;
}
#all-books-modal .all-books-modal-content {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
  height: auto;
}
#all-books-modal .all-books-modal-content hr {
  margin-bottom: 0px;
}
#all-books-modal .all-books-modal-content .all-books-modal-list {
  margin: 0px;
  padding-top: 24px;
  overflow-y: auto;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#all-books-modal .all-books-modal-content .all-books-modal-list .book-grid {
  margin: 0 auto;
  max-width: 400px;
}
@media only screen and (max-width: 39.938em) {
  #all-books-modal .all-books-modal-content .all-books-modal-list .book-grid {
    margin: 0 20px;
  }
}
#all-books-modal .all-books-modal-content .pagination {
  background-color: white;
  border-radius: 8px;
}
#all-donations-modal,
#all-books-modal {
  width: 544px;
  height: 624px;
  max-height: 90vh;
  max-width: 90vw;
}
#all-donations-modal .modal-header,
#all-books-modal .modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  text-align: left;
}
#all-donations-modal h2,
#all-books-modal h2 {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.09;
  margin-bottom: 4.1px;
}
#all-donations-modal p,
#all-books-modal p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.37;
  margin: 0px;
  color: #656565;
}
body.fundraiser-preview {
  padding-top: 70px;
}
body.fundraiser-preview .fundraiser-preview-topbar {
  background-color: #303030;
  color: #ffffff;
  padding: 12px 25px;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 30;
  display: flex;
  justify-content: space-between;
}
body.fundraiser-preview .fundraiser-preview-topbar a.button,
body.fundraiser-preview .fundraiser-preview-topbar h1,
body.fundraiser-preview .fundraiser-preview-topbar ul {
  align-self: center;
}
body.fundraiser-preview .fundraiser-preview-topbar a.button,
body.fundraiser-preview .fundraiser-preview-topbar a.button:hover,
body.fundraiser-preview .fundraiser-preview-topbar a.button:focus,
body.fundraiser-preview .fundraiser-preview-topbar a.button:active {
  background-color: #eaeaea;
  border: solid 2px #eaeaea;
  box-shadow: 0 0 2.5px #eaeaea;
  color: #424242;
}
body.fundraiser-preview .fundraiser-preview-topbar h1 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  margin: 0;
}
body.fundraiser-preview .fundraiser-preview-topbar ul {
  background-color: #eaeaea;
  border: solid 2px #eaeaea;
  border-radius: 12px;
  margin-bottom: 0;
  margin-left: -40px;
  padding: 6px 29px 6px 35px;
}
body.fundraiser-preview .fundraiser-preview-topbar ul li {
  border-radius: 12px;
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  margin-right: 36px;
  padding: 4px 15px;
}
body.fundraiser-preview .fundraiser-preview-topbar ul li a,
body.fundraiser-preview .fundraiser-preview-topbar ul li a:hover,
body.fundraiser-preview .fundraiser-preview-topbar ul li a:active,
body.fundraiser-preview .fundraiser-preview-topbar ul li a:visited {
  color: #424242;
  text-decoration: none;
}
body.fundraiser-preview .fundraiser-preview-topbar ul li:last-child {
  margin: 0;
}
body.fundraiser-preview .fundraiser-preview-topbar ul li:hover {
  background-color: #dbdbdb;
  cursor: pointer;
}
body.fundraiser-preview .fundraiser-preview-topbar ul li.active {
  background-color: #326ece;
}
body.fundraiser-preview .fundraiser-preview-topbar ul li.active a,
body.fundraiser-preview .fundraiser-preview-topbar ul li.active a:hover,
body.fundraiser-preview .fundraiser-preview-topbar ul li.active a:active,
body.fundraiser-preview .fundraiser-preview-topbar ul li.active a:visited {
  color: #ffffff;
}
.fundraiser-card {
  background-color: #f5f5f5;
  border-radius: 16px;
  padding: 24px;
}
.fundraiser-card .join-fundraiser-btn {
  width: 100%;
}
.fundraiser-card .fundraiser-description {
  font-size: 0.9375rem;
  font-weight: 500;
  margin-bottom: 24px;
}
.fundraiser-card .fundraiser-image-wrap {
  margin-bottom: 24px;
  position: relative;
}
.fundraiser-card .fundraiser-image-wrap .fundraiser-image {
  margin-bottom: 0;
}
.fundraiser-card .fundraiser-image-wrap .fundraiser-tag {
  background-color: #ffecc8;
  border: 4px solid #f5f5f5;
  border-radius: 20px;
  bottom: -15px;
  color: #826022;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  padding: 0 8px;
  height: 33px;
  position: absolute;
  right: 10px;
  column-gap: 4px;
}
.fundraiser-card .fundraiser-image-wrap .fundraiser-tag .tag-img {
  height: 16px;
  width: 16px;
}
.fundraiser-card .fundraiser-links {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 12px;
}
.fundraiser-card .view-fundraiser-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  padding: 8px 12px;
  min-height: 36px;
}
.fundraiser-card .view-fundraiser-link:hover {
  text-decoration: none;
}
.fundraiser-card .view-fundraiser-link img {
  width: 20px;
}
.fundraiser-card .view-fundraiser-link .link-text {
  color: #656565;
  font-size: 0.9375rem;
  font-weight: 700;
}
#join-fundraiser .join-challenge-requirements .challenge-range {
  background-color: #ffecc8;
  color: #836124;
}
#fundraiser-confirmation-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  -webkit-overflow-scrolling: touch;
}
#fundraiser-confirmation-modal .modal__box {
  max-width: 440px;
  max-height: 100%;
  min-width: 280px;
  background-color: #fff;
  z-index: 3000;
  padding: 35px;
  box-shadow: 0 6px 15px black;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 0;
}
#fundraiser-confirmation-modal .fundraiser-confirmation-modal-bg {
  background: #000000;
  opacity: 0.1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#fundraiser-confirmation-modal .fundraiser-confirmation-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-header {
  border-bottom: 1px solid #e0e0e0;
  flex: none;
  padding: 20px;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-header
  h2 {
  margin-bottom: 10px;
  font-weight: 900;
  font-size: 15px;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-header
  .fundraiser-confirmation-modal-subheader {
  color: #767676;
  font-size: 14px;
  padding: 0 20px;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-form {
  position: relative;
  padding: 20px 40px;
  z-index: 99999999;
  flex: auto;
  overflow: auto;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-form
  .checkbox-input {
  display: flex;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-form
  .checkbox-input
  input {
  cursor: pointer;
  margin-right: 10px;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-form
  .checkbox-input
  label {
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
  align-items: center;
  margin-bottom: 0px;
  font-weight: bold;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-buttons {
  display: flex;
  flex: none;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 20px 10px 40px;
  border-top: 1px solid #e0e0e0;
}
#fundraiser-confirmation-modal
  .fundraiser-confirmation-modal
  .fundraiser-confirmation-modal-buttons
  .dismiss-button {
  align-self: center;
  color: #656565;
  font-size: 14px;
  margin-left: -10px;
}
#reader-search-modal .reader-search-modal-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#reader-search-modal .reader-search-modal-content {
  padding: 32px;
  width: 450px;
  margin: auto;
  max-width: 90vw;
  border-radius: 12px;
  background-color: white;
}
#reader-search-modal button.button--text.go-back-btn {
  font-family: "museo-sans-rounded", sans-serif;
  margin: auto;
  cursor: pointer;
  font-weight: 900;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#reader-search-modal button.button--text.go-back-btn .back-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-right: 8px;
}
#reader-search-modal .reader-search-form {
  text-align: left;
}
#reader-search-modal .reader-search-form label,
#reader-search-modal .reader-search-form button {
  font-size: 16px;
}
#reader-search-modal .reader-search-form button {
  width: 100%;
  font-weight: 900;
  height: 50px;
}
#reader-search-modal .donations-footer {
  margin-bottom: 0px;
  margin-top: 32px;
}
#reader-search-modal .donations-footer .squiggle,
#reader-search-modal .donations-footer .bs-heart,
#reader-search-modal .donations-footer .reader-donation-header-svg {
  stroke: #f2f2f2;
  fill: #f2f2f2;
}
#reader-search-modal .donations-footer .footer-text,
#reader-search-modal .donations-footer h2 {
  color: #f2f2f2;
}
#reader-search-modal .reader-search-info-box {
  background-color: #f2f2f2;
  text-align: center;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 12px;
}
#reader-search-modal .reader-search-info-box h4 {
  margin: 0;
  font-weight: 900;
}
#reader-search-modal .reader-search-info-box p {
  margin: 0;
  font-size: 14px;
}
#reader-search-modal ul.reader-search-list {
  border: 2px solid #c8c8c8;
  border-radius: 12px;
}
#reader-search-modal li.reader-search-list-item:not(:last-child) {
  border-bottom: 1px solid #c8c8c8;
}
#reader-search-modal li.reader-search-list-item a {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
}
#reader-search-modal li.reader-search-list-item a:hover {
  text-decoration: none;
}
#reader-search-modal li.reader-search-list-item .reader-name {
  font-weight: 900;
}
#reader-search-modal li.reader-search-list-item .reader-grade {
  color: #c8c8c8;
}
#reader-search-modal .redirecting-to-reader-content {
  padding: 36px 32px;
}
#reader-search-modal .redirecting-to-reader-content h2 {
  font-size: 24px;
  font-weight: 900;
}
#reader-search-modal .redirecting-to-reader-content p {
  font-size: 14px;
  font-weight: 700;
  max-width: 250px;
  margin: auto auto 24px auto;
}
#reader-search-modal .redirecting-to-reader-content a {
  font-size: 14px;
  font-weight: 500;
}
.active-fundraiser {
  padding-top: 175px;
}
.fundraiser-callout {
  width: 100%;
  height: 168px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 600;
  gap: 20px;
}
.fundraiser-callout .fundraiser-banner-left {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (min-width: 40em) {
  .fundraiser-callout .fundraiser-banner-left {
    align-items: center;
  }
}
.fundraiser-callout .fundraiser-banner-left .books-short-stack {
  display: none;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.fundraiser-callout .fundraiser-banner-left .books-short-stack use {
  color: #ffbc42;
}
.fundraiser-callout .fundraiser-banner-left .books-tall-stack {
  width: 45px;
  height: 45px;
  flex-shrink: 0;
}
.fundraiser-callout .fundraiser-banner-left .books-tall-stack use {
  color: #ffbc42;
}
.fundraiser-callout .fundraiser-banner-left .fundraiser-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 20px;
}
.fundraiser-callout .fundraiser-banner-left .fundraiser-details .text {
  font-weight: 800;
  font-size: 16px;
  margin-right: 20px;
  margin-bottom: 16px;
  min-width: 200px;
}
.fundraiser-callout .fundraiser-banner-right {
  display: none;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 1;
}
.fundraiser-callout .fundraiser-banner-right .donations-text {
  font-size: 14px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(66, 66, 66, 0.6);
  flex-shrink: 2;
}
.fundraiser-callout .fundraiser-banner-right .donations-text span {
  color: #424242;
  font-size: 16px;
  font-weight: 800;
}
@media only screen and (min-width: 80em) {
  .fundraiser-callout .fundraiser-banner-right .donations-text {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 40em) {
  .fundraiser-callout .fundraiser-banner-right .donations-text {
    margin-right: 5px;
  }
}
.fundraiser-callout .fundraiser-banner-right .banner-progress-bar {
  display: flex;
  align-items: center;
  width: 221px;
  height: 37px;
  padding: 12px;
  border-radius: 18.5px;
  background-color: white;
  flex-shrink: 1;
}
.fundraiser-callout .fundraiser-banner-right .banner-progress-bar .progress {
  height: 15px;
  border-radius: 7.4px;
  min-width: 15px;
}
@media screen and (min-width: 700px) {
  .active-fundraiser {
    padding-top: 65px;
  }
  .fundraiser-callout {
    height: 65px;
    padding: 10px 32px;
    justify-content: center;
  }
  .fundraiser-callout .fundraiser-banner-left .books-short-stack {
    display: block !important;
  }
  .fundraiser-callout .fundraiser-banner-left .books-tall-stack {
    display: none;
  }
  .fundraiser-callout .fundraiser-banner-left .fundraiser-details {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-evenly !important;
  }
  .fundraiser-callout .fundraiser-banner-left .fundraiser-details .text {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 900px) {
  .fundraiser-callout {
    justify-content: space-between;
  }
  .fundraiser-callout .fundraiser-banner-right {
    display: flex;
  }
}
.public-book-search-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
  padding-top: 48px;
  padding-bottom: 100px;
  height: auto;
}
@media screen and (min-width: 900px) {
  .public-book-search-container {
    margin-top: -64px;
  }
}
.public-book-search-container .search-container {
  position: relative;
}
.public-book-search-container .search-container .active-search-by {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  padding: 0 24px;
}
.public-book-search-container .search-container .active-search-by label {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
}
.public-book-search-container
  .search-container
  .active-search-by
  .active-search {
  display: flex;
  align-items: center;
  margin-left: 5px;
  color: #326ece;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  line-height: 1.25;
  margin-bottom: 0;
}
.public-book-search-container
  .search-container
  .active-search-by
  .arrow-container {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-bottom: 0;
  cursor: pointer;
}
.public-book-search-container
  .search-container
  .active-search-by
  .arrow-container
  svg {
  width: 16px;
  height: 16px;
  color: #326ece;
  margin: 0px;
}
.public-book-search-container .search-container .search-by-dropdown {
  background-color: #fff;
  padding: 10px 0;
  position: absolute;
  min-width: 200px;
  box-shadow: 0 4px 22px rgba(26, 26, 26, 0.14);
  border-radius: 8px;
  text-align: left;
  max-width: 240px;
  z-index: 9999;
  display: none;
  left: 24px;
}
.public-book-search-container .search-container .search-by-dropdown:focus {
  outline: none;
}
.public-book-search-container
  .search-container
  .search-by-dropdown.search-by-dropdown--fixed {
  position: fixed;
}
.public-book-search-container
  .search-container
  .search-by-dropdown.search-by-dropdown--above-item {
  bottom: calc(100% + 16px) !important;
  top: inherit;
}
.public-book-search-container .search-container .search-by-dropdown ul {
  margin-bottom: 0;
  font-size: 14px;
}
.public-book-search-container .search-container .search-by-dropdown li {
  display: flex;
  justify-content: center;
}
.public-book-search-container .search-container .search-by-dropdown li button {
  margin: 0;
  width: 100%;
  background-color: transparent;
  color: #424242;
  border: none;
  border-radius: 0px;
}
.public-book-search-container
  .search-container
  .search-by-dropdown
  li
  button:hover {
  color: #326ece;
  background-color: #d7e2f5;
}
.public-book-search-container
  .search-container
  .search-by-dropdown
  li
  .search-by-dropdown-item {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  margin: 0px;
  height: 40px;
  width: 100%;
  font-weight: bold;
  color: #424242;
  cursor: pointer;
}
.public-book-search-container
  .search-container
  .search-by-dropdown
  li
  .search-by-dropdown-item:hover {
  color: #326ece;
  background-color: #d7e2f5;
}
.public-book-search-container .search-container form {
  padding: 0 24px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 39.938em) {
  .public-book-search-container .search-container form {
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
  }
  .public-book-search-container .search-container form input {
    width: 100%;
  }
}
.public-book-search-container .search-container .input-container {
  position: relative;
  margin-bottom: 0;
}
@media only screen and (max-width: 39.938em) {
  .public-book-search-container .search-container .input-container {
    width: 100%;
  }
}
.public-book-search-container
  .search-container
  .input-container
  .modal-search__field {
  border: 2px solid #d9d9d9;
  border-radius: 10px;
  font-size: 16px;
  height: 44px;
  font-weight: 700;
  padding: 0 44px 0 44px;
  margin-bottom: 0;
  width: 100%;
}
.public-book-search-container
  .search-container
  .input-container
  .modal-search__field:hover {
  border-color: #c6c6c6;
}
.public-book-search-container
  .search-container
  .input-container
  .modal-search__field:active,
.public-book-search-container
  .search-container
  .input-container
  .modal-search__field:focus {
  outline: none;
  border-color: #326ece;
}
.public-book-search-container
  .search-container
  .input-container
  .search-input-container__search-icon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 14px;
  margin-top: -10px;
}
.public-book-search-container .search-container .input-container #clear-search {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -10px;
  background-color: transparent;
  border: none;
}
.public-book-search-container
  .search-container
  .input-container
  #clear-search
  svg {
  height: 20px;
  width: 20px;
  fill: #8a8a8a;
}
.public-book-search-container
  .search-container
  .input-container
  #clear-search:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.public-book-search-container .search-container #public-book-search {
  display: flex;
  min-height: 100%;
  justify-content: space-between;
}
.public-book-search-container
  .search-container
  #public-book-search
  #add-title-manually {
  width: 100%;
}
.public-book-search-container
  .search-container
  .search-imput-container__search-icon {
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 39.938em) {
  .public-book-search-container .import-form-buttons {
    display: flex;
    grid-gap: 12px;
    flex-wrap: nowrap;
  }
  .public-book-search-container .import-form-buttons button {
    width: auto !important;
    margin: 0;
  }
}
.public-book-search-container .search-input-container {
  border-bottom: 0px;
}
.header-curve {
  position: relative;
  height: 50px;
  margin-top: -50px;
  margin-bottom: 24px;
}
.header-curve .top-curve {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 40px;
}
.header-curve .middle-curve {
  height: 50px;
  background-color: #000;
  opacity: 0.03;
}
.header-curve .bottom-curve {
  position: absolute;
  bottom: 0px;
  color: #fff;
  height: 40px;
  width: 100%;
  transform: rotate(180deg);
}
#public_classroom_books_list {
  margin: 0 24px;
}
#public_classroom_books_list .table-wrap {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  margin-bottom: 24px;
  overflow: auto;
}
#public_classroom_books_list
  .table-wrap
  [class*="column"]
  + [class*="column"]:last-child {
  float: none;
}
#public_classroom_books_list .table-wrap .pagination {
  margin-top: 0;
  padding: 20px;
  border-top: 1px solid #e0e0e0;
}
#public_classroom_books_list table {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: none !important;
  border-radius: 12px;
}
#public_classroom_books_list table thead tr th {
  background: #f2f2f2;
  font-weight: 900;
  font-size: 14px;
  padding: 14px 18px;
  border-bottom: none;
}
#public_classroom_books_list table thead tr th:first-of-type {
  border-top-left-radius: 12px;
}
#public_classroom_books_list table thead tr th:last-of-type {
  border-top-right-radius: 12px;
}
#public_classroom_books_list table tbody tr:first-child td {
  border-top: none;
}
#public_classroom_books_list table tbody tr td {
  font-weight: normal;
  padding: 16px 18px;
  background: #fff;
  border-top: 1px solid #e0e0e0;
  border-bottom: none;
  font-size: 15px;
  vertical-align: middle;
}
#public_classroom_books_list table tbody tr td.no-padding {
  padding-left: 0;
  padding-right: 0;
}
#public_classroom_books_list table tbody tr td.clickable {
  cursor: pointer;
}
#public_classroom_books_list table tbody tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 12px;
}
#public_classroom_books_list table tbody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 12px;
}
#public_classroom_books_list table.no-margin {
  margin: 0;
}
#public_classroom_books_list table.bottom-margin {
  margin-bottom: 40px;
}
#public_classroom_books_list table .redeemed-column {
  text-align: center;
  width: 85px;
}
#public_classroom_books_list table .padding-left {
  padding-left: 1rem;
}
#public_classroom_books_list table .row-actions {
  text-align: right;
}
@media only screen and (max-width: 39.938em) {
  #public_classroom_books_list table .row-actions {
    text-align: left;
    margin-top: 10px;
    margin-bottom: -10px;
  }
}
#public_classroom_books_list table .row-actions a {
  margin-left: 2px;
  margin-bottom: 2px;
  margin-top: 2px;
  color: #424242;
}
@media only screen and (max-width: 39.938em) {
  #public_classroom_books_list table .row-actions a {
    margin-left: 0px;
    margin-right: 2px;
  }
}
#public_classroom_books_list table .row-actions a:hover {
  text-decoration: none;
  border: none;
}
#public_classroom_books_list table .row-actions a svg {
  height: 18px;
  width: 18px;
}
#public_classroom_books_list .no-results {
  background-color: #ffecc8;
  color: #826022;
  padding: 24px;
}
body[style*="40px"] {
  top: 0 !important;
  margin-top: 40px;
}
body[style*="40px"] .header {
  top: 40px;
}
body[style*="40px"] .light-bg-overlay {
  margin-top: 40px;
}
body[style*="40px"] .light-bg-overlay .close-button {
  top: 58px;
}
body[style*="40px"] .sliding-overlay-wrap {
  margin-top: 40px;
}
#reader-log-content .actions {
  display: flex;
}
.reader-log-view-toggle {
  border-radius: 12px;
  background: #f2f2f2;
  display: flex;
  height: 40px;
  margin-left: 12px;
}
@media only screen and (max-width: 39.938em) {
  .reader-log-view-toggle.calendar-list-toggle {
    display: none;
  }
}
.reader-log-view-toggle button.icon-button.reader-log-view-toggle-item,
.reader-log-view-toggle .reader-log-view-toggle-item {
  border-radius: 12px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.reader-log-view-toggle button.icon-button.reader-log-view-toggle-item svg,
.reader-log-view-toggle .reader-log-view-toggle-item svg {
  height: 20px;
  width: 20px;
  stroke: #707070;
  fill: #707070;
  stroke-width: 0px;
}
.reader-log-view-toggle
  button.icon-button.reader-log-view-toggle-item
  .reader-log-view-toggle-icon,
.reader-log-view-toggle
  .reader-log-view-toggle-item
  .reader-log-view-toggle-icon {
  height: 20px;
  width: 20px;
}
.reader-log-view-toggle
  button.icon-button.reader-log-view-toggle-item
  .reader-log-view-toggle-icon.calendar-view-icon,
.reader-log-view-toggle
  .reader-log-view-toggle-item
  .reader-log-view-toggle-icon.calendar-view-icon {
  background: url(//assets.beanstack-cdn.com/assets/icons/calendar-77b87257c322b924860e37247171e88187ded9d415def0fb57602077db6defb6.svg)
    no-repeat;
}
.reader-log-view-toggle
  button.icon-button.reader-log-view-toggle-item
  .reader-log-view-toggle-icon.list-view-icon,
.reader-log-view-toggle
  .reader-log-view-toggle-item
  .reader-log-view-toggle-icon.list-view-icon {
  background: url(//assets.beanstack-cdn.com/assets/icons/list-61c99cf6425b3df08158032ed34853c5f22ddbe0f8c81d3f5e9faea7e416f9e0.svg)
    no-repeat;
}
.reader-log-view-toggle
  button.icon-button.reader-log-view-toggle-item
  .reader-log-view-toggle-icon.table-view-icon,
.reader-log-view-toggle
  .reader-log-view-toggle-item
  .reader-log-view-toggle-icon.table-view-icon {
  background: url(//assets.beanstack-cdn.com/assets/icons/table-6e5ff2d5e235dbcc1690792e994226a702775fa0c3b9b2d863ccae6ff6a7db1e.svg)
    no-repeat;
}
.reader-log-view-toggle button.icon-button.reader-log-view-toggle-item.active,
.reader-log-view-toggle .reader-log-view-toggle-item.active {
  background: var(--Blue-B1, #b7d7fc);
}
.reader-log-view-toggle
  button.icon-button.reader-log-view-toggle-item.active
  svg,
.reader-log-view-toggle .reader-log-view-toggle-item.active svg {
  stroke: #1a6dd5;
  fill: #1a6dd5;
}
.reader-log-view-toggle
  button.icon-button.reader-log-view-toggle-item.active.calendar-view-icon,
.reader-log-view-toggle .reader-log-view-toggle-item.active.calendar-view-icon {
  background: url(//assets.beanstack-cdn.com/assets/icons/calendar-blue-f20cfd2899df6de743c0981b397bcb1445b312414c34aea1d0bfea4cd4d13d75.svg)
    no-repeat;
}
.reader-log-view-toggle
  button.icon-button.reader-log-view-toggle-item.active.list-view-icon,
.reader-log-view-toggle .reader-log-view-toggle-item.active.list-view-icon {
  background: url(//assets.beanstack-cdn.com/assets/icons/list-blue-6f14a582b80a6151d7643606380ab553ad6ae8b31df551fc40c6cedca7507f26.svg)
    no-repeat;
}
.reader-log-view-toggle
  button.icon-button.reader-log-view-toggle-item.active.table-view-icon,
.reader-log-view-toggle .reader-log-view-toggle-item.active.table-view-icon {
  background: url(//assets.beanstack-cdn.com/assets/icons/table-blue-6a512c98698041ad66133f581b518943c905974acc1cd927493d7de0eaa62361.svg)
    no-repeat;
}
.profile-reader-log-header {
  display: flex;
  padding-bottom: 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--Gray-G2, #eaeaea);
  margin-bottom: 24px;
  gap: 16px;
  flex-wrap: wrap;
}
.profile-reader-log-header h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
  margin: 0 !important;
}
.profile-reader-log-header .actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.profile-reader-log-header .actions button,
.profile-reader-log-header .actions .reader-log-view-toggle {
  margin: 0;
}
.reader-log-month-header {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 16px 0px;
}
.reader-log-month-header.bottom-padding-only {
  padding: 0px 0px 24px 0px;
}
@media only screen and (max-width: 39.938em) {
  .reader-log-month-header {
    justify-content: space-between;
  }
}
.reader-log-month-header h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
  margin: 0 !important;
}
@media only screen and (max-width: 39.938em) {
  .reader-log-month-header h2 {
    font-size: 20px;
    line-height: 25px;
    order: 2;
  }
}
.reader-log-month-header .reader-log-month-navigation {
  margin-left: auto;
  display: flex;
  gap: 5px;
}
.reader-log-change-month {
  width: 36px;
  height: 36px;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #f2f2f2;
}
.reader-log-change-month.disabled {
  pointer-events: none;
}
@media only screen and (min-width: 40em) {
  .reader-log-change-month.previous-month {
    margin-left: auto;
  }
}
@media only screen and (max-width: 39.938em) {
  .reader-log-change-month.previous-month {
    order: 1;
  }
}
@media only screen and (max-width: 39.938em) {
  .reader-log-change-month.next-month {
    order: 3;
  }
}
.reader-log-change-month .arrow {
  border: solid #424242;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3.5px;
}
.reader-log-change-month .arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.reader-log-change-month .arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.reader-log-week {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  color: var(--Gray-G8, #424242);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 7px 0px;
  margin-bottom: 24px;
}
.reader-log-day {
  display: flex;
  gap: 32px;
  margin-bottom: 24px;
}
.reader-log-day.future-date {
  display: none;
}
.reader-log-day .reader-log-day-date {
  width: 116px;
}
.reader-log-day .reader-log-day-date.out-of-month .day-number,
.reader-log-day .reader-log-day-date.out-of-month .day-word {
  color: #acacac;
}
.reader-log-day .reader-log-day-date .day-number {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.reader-log-day .reader-log-day-date .day-word {
  color: var(--Gray-G7, #707070);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.reader-log-day .reader-log-streak {
  background: var(--orange-o-05, #feddd1);
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 6px;
  border-radius: 16px;
  margin: 8px 0px;
}
.reader-log-day .reader-log-streak .reader-log-streak-total-length {
  display: none;
}
.reader-log-day .reader-log-streak .reader-log-streak-icon {
  width: 20px;
  height: 20px;
  background: url(//assets.beanstack-cdn.com/assets/icons/streak-flame-9a4664b65279139efcc727d064dbb2998006d23f9b3d1e4daff73594b02fdac9.svg)
    no-repeat;
}
.reader-log-day .reader-log-streak .reader-log-streak-count-on-date {
  color: var(--Orange-O8, #a43006);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  padding: 0px 4px;
}
.reader-log-day-log {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.reader-log-day-log .reader-log-item {
  background-color: #e6f1ff;
  color: var(--Blue-B7, #0c5dbe);
  border-radius: 12px;
  position: relative;
  padding: 16px 8px 16px 16px;
  text-decoration: none;
}
.reader-log-day-log .reader-log-item.with-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reader-log-day-log .reader-log-item.with-actions a {
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.reader-log-day-log
  .reader-log-item.with-actions
  button.button.actions-menu__button:hover,
.reader-log-day-log
  .reader-log-item.with-actions
  button.button.actions-menu__button:focus {
  background-color: #b7d7fc !important;
}
.reader-log-day-log .reader-log-item::before {
  width: 6px;
  height: 100%;
  background: var(--Blue-B6, #1a6dd5);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.reader-log-day-log .reader-log-item.completion {
  background-color: #ffede6;
  color: #c21237;
}
.reader-log-day-log .reader-log-item.completion a {
  color: #c21237;
}
.reader-log-day-log .reader-log-item.completion::before {
  background: #c21237;
}
.reader-log-day-log .reader-log-item .book-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.reader-log-day-log .reader-log-item .book-author {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.reader-log-day-log .reader-log-item .log-value {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}
.reader-log-day-log .reader-log-item .completion-pill {
  padding: 5px 10px;
  border-radius: 20px;
  background: var(--Coral-C1, #febfcd);
  color: var(--Coral-C8, #a10829);
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  width: fit-content;
}
.dated-reading-log .section-header h1 {
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 35px;
}
@media only screen and (max-width: 39.938em) {
  .dated-reading-log .section-header h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 39.938em) {
  .dated-reading-log .reader-log-month.large-screen-only {
    display: none;
  }
}
.dated-reading-log .reader-log-month.small-screen-only {
  display: none;
}
@media only screen and (max-width: 39.938em) {
  .dated-reading-log .reader-log-month.small-screen-only {
    display: block;
  }
}
.dated-reading-log .reader-log-month.calendar.hide {
  display: none;
}
@media only screen and (min-width: 40em) {
  .dated-reading-log .reader-log-month.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background-color: #eaeaea;
    grid-gap: 1px;
    border-bottom: 1px solid #eaeaea;
  }
  .dated-reading-log .reader-log-month.calendar .reader-log-week-header {
    display: block;
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 8px;
    border-top: 1px solid #eaeaea;
    background-color: white;
  }
  .dated-reading-log .reader-log-month.calendar .reader-log-day {
    display: block;
    padding: 8px;
    margin-bottom: 0px;
    min-height: 120px;
    background-color: white;
  }
  .dated-reading-log .reader-log-month.calendar .reader-log-day.future-date {
    display: block;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-day-date
    .day-number {
    font-size: 17px;
    line-height: 19px;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-day-date
    .day-word {
    display: none;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak {
    width: 100%;
    height: 36px;
    position: relative;
    padding: 6px 12px;
    border-radius: 0px;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak
    .reader-log-streak-count-on-date {
    display: none;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak
    .reader-log-streak-icon {
    display: none;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak:not(.first-day):not(.last-day)::before {
    width: 10px;
    height: 100%;
    background: var(--orange-o-05, #feddd1);
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak:not(.first-day):not(.last-day)::after {
    width: 10px;
    height: 100%;
    background: var(--orange-o-05, #feddd1);
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak.first-day {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    clip-path: xywh(0px 0px 200% 100% round 10px 0px 0px 10px);
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak.first-day::before {
    width: 6px;
    height: 100%;
    background: #f26430;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak.first-day::after {
    width: 10px;
    height: 100%;
    background: var(--orange-o-05, #feddd1);
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak.first-day
    .reader-log-streak-total-length {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: var(--Red-R8, #9b1507);
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak.last-day {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    flex-direction: row-reverse;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak.last-day
    .reader-log-streak-icon {
    display: block;
  }
  .dated-reading-log
    .reader-log-month.calendar
    .reader-log-day
    .reader-log-streak.last-day::before {
    width: 10px;
    height: 100%;
    background: var(--orange-o-05, #feddd1);
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
  }
}
.tag {
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 27px;
  color: var(--Red-R7, #bb1c0f);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
}
.tag.red {
  background: var(--red-r-05, #fcd3ce);
}
.page-wrap {
  margin-top: 56px;
}
@media screen and (max-width: 639px) {
  .page-wrap {
    margin-top: 40px;
  }
}
.page-wrap--with-notifications {
  margin-top: 44px;
}
@media screen and (max-width: 639px) {
  .page-wrap--with-notifications {
    margin-top: 28px;
  }
}
.page-header {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media only screen and (max-width: 39.938em) {
  .page-header {
    gap: 0;
  }
}
.page-header .page-title-search {
  font-weight: 500;
  color: #656565;
  line-height: 1.25;
  display: block;
  font-size: 22px;
}
@media only screen and (max-width: 39.938em) {
  .page-header .page-title-search {
    font-size: 20px;
  }
}
.page-header .border-tabs {
  flex-basis: 100%;
}
@media only screen and (max-width: 39.938em) {
  .page-header .border-tabs {
    margin-top: 12px;
  }
}
.page-header--with-border {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 24px;
}
.page-header__heading {
  text-align: center;
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 540px) {
  .page-header__heading {
    text-align: left;
    width: auto;
    align-items: flex-start;
  }
}
@media print {
  .page-header__heading {
    text-align: left;
    align-items: flex-start;
  }
}
.page-header__actions {
  align-self: flex-end;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
}
@media screen and (min-width: 540px) {
  .page-header__actions {
    width: auto;
    justify-content: flex-start;
    align-self: center;
    margin-top: 0;
  }
}
@media print {
  .page-header__actions {
    display: none;
  }
}
.page-title {
  font-size: 1.5rem;
  color: #2a2a2a;
  font-weight: 800;
  margin-bottom: 0;
  line-height: 1.25;
}
@media screen and (min-width: 640px) {
  .page-title {
    font-size: 1.75rem;
  }
}
.page-tabs {
  margin-top: -16px;
  margin-bottom: 24px;
}
.content-container {
  margin-top: 32px;
}
@media screen and (max-width: 639px) {
  .content-container {
    margin-top: 24px;
  }
}
.page-section-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.page-section-title {
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 800;
  color: #424242;
  margin: 0;
}
@media only screen and (max-width: 39.938em) {
  .page-section-title {
    font-size: 1.375rem;
  }
}
.page-section-description {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 500;
  color: #656565;
  margin: 0;
}
@media only screen and (max-width: 39.938em) {
  .page-section-description {
    font-size: 0.9375rem;
  }
}
.book-row {
  display: flex;
  align-items: center;
  column-gap: 32px;
  padding: 24px 0;
  border-bottom: 1px solid #eaeaea;
}
@media only screen and (max-width: 39.938em) {
  .book-row {
    column-gap: 24px;
    padding: 20px 0;
  }
}
.book-row:first-child {
  padding-top: 0;
}
.book-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.book-row-image {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  align-self: flex-start;
}
.book-row-image:after {
  content: "";
  width: calc(100% - 20px);
  height: 20px;
  left: 10px;
  bottom: -6px;
  background-color: rgba(0, 0, 0, 0.07);
  z-index: 10;
}
.book-row-image img {
  border-radius: 10px;
  width: 132px;
  position: relative;
  z-index: 30;
}
@media only screen and (max-width: 39.938em) {
  .book-row-image img {
    width: 80px;
    border-radius: 8px;
  }
}
.book-row-content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  max-width: 800px;
}
.book-row-header {
  display: flex;
  flex-direction: column;
  column-gap: 4px;
}
.book-row-title {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 0;
}
@media only screen and (max-width: 39.938em) {
  .book-row-title {
    font-size: 20px;
  }
}
.book-row-date {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #656565;
}
.book-row-actions {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 39.938em) {
  .book-row-actions .button {
    width: 100%;
  }
}
.back-button {
  background-color: #f2f2f2;
  border-radius: 0 8px 8px 0;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.13s ease;
}
@media screen and (min-width: 640px) {
  .back-button {
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    border-radius: 4px;
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
  }
}
.back-button:hover {
  background-color: #eaeaea;
}
@media screen and (min-width: 640px) {
  .back-button:hover {
    background-color: transparent;
  }
}
.back-button:focus {
  outline: none !important;
}
.back-button:focus-visible {
  outline: 2px solid #6dafff !important;
  outline-offset: 2px;
}
@media print {
  .back-button {
    display: none;
  }
}
.back-button__icon {
  display: flex;
}
@media screen and (min-width: 640px) {
  .back-button__icon {
    margin-right: 4px;
  }
}
.back-button__icon svg {
  width: 24px;
  height: 24px;
  stroke: #424242;
  stroke-width: 2.5px;
}
@media screen and (min-width: 640px) {
  .back-button__icon svg {
    width: 16px;
    height: 16px;
    stroke-width: 3px;
    stroke: currentColor;
  }
}
.back-button__text {
  display: none;
}
@media screen and (min-width: 640px) {
  .back-button__text {
    display: inline-block;
  }
}
.reading-list-header {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 32px;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-header .page-header {
    padding: 0 40px;
    justify-content: center;
    text-align: center;
  }
}
.reading-list-description {
  max-width: 670px;
}
.reading-list-description p {
  margin-bottom: 0;
}
@media print {
  .reading-list-description p {
    font-family: Helvetica, Arial, sans-serif;
  }
}
.back-button--reading-list {
  margin-bottom: 24px;
}
.reading-list-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-meta {
    justify-content: center;
  }
}
.reading-list-books {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .reading-list-books {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media only screen and (max-width: 39.938em) {
  .reading-list-books {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print {
  .reading-list-books {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.reading-list-book {
  display: flex;
  column-gap: 24px;
  align-items: center;
  align-self: flex-start;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-book {
    column-gap: 20px;
  }
}
@media print {
  .reading-list-book {
    break-inside: avoid;
    border-bottom: 1px solid #eaeaea;
    font-family: Helvetica, Arial, sans-serif;
  }
}
.reading-list-book-image {
  width: 100px;
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-self: flex-start;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-book-image {
    width: 80px;
    align-self: flex-start;
  }
}
@media print {
  .reading-list-book-image {
    display: none;
  }
}
.reading-list-book-image a {
  display: inline-flex;
}
.reading-list-book-image:after {
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  height: 20px;
  border-radius: 10px;
  left: 10px;
  bottom: -5px;
  background-color: rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 39.938em) {
  .reading-list-book-image:after {
    width: calc(100% - 16px);
    border-radius: 8px;
    height: 16px;
  }
}
.reading-list-book-image img {
  border-radius: 10px;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-book-image img {
    border-radius: 8px;
  }
}
.reading-list-book-content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.reading-list-book-meta {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.reading-list-book-title {
  font-size: 18px;
  font-weight: 800;
  margin: 0;
  line-height: 1.25;
}
.reading-list-book-author {
  font-weight: 500;
  color: #656565;
  font-size: 0.9375rem;
  line-height: 1.25;
}
.reading-list-book-actions {
  display: flex;
  gap: 8px;
}
@media print {
  .reading-list-book-actions {
    display: none;
  }
}
.doorways-wrap {
  margin-bottom: 40px;
}
@media only screen and (max-width: 39.938em) {
  .doorways-wrap {
    margin-bottom: 32px;
  }
}
.reading-list-row {
  display: flex;
  align-items: center;
  column-gap: 56px;
  padding: 24px 0;
  border-bottom: 1px solid #eaeaea;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-row {
    column-gap: 36px;
    padding: 20px 0;
  }
}
.reading-list-row:first-child {
  padding-top: 0;
}
.reading-list-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.reading-list-row-image {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  align-self: flex-start;
}
.reading-list-row-image:before {
  content: "";
  width: 100%;
  height: calc(100% - 16px);
  border-radius: 10px;
  background-color: #e5e5e5;
  position: absolute;
  top: 8px;
  left: 12px;
  z-index: 20;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-row-image:before {
    border-radius: 8px;
    height: calc(100% - 10px);
    top: 5px;
    left: 8px;
  }
}
.reading-list-row-image:after {
  content: "";
  width: 100%;
  height: calc(100% - 32px);
  border-radius: 10px;
  background-color: #f2f2f2;
  position: absolute;
  top: 16px;
  left: 24px;
  z-index: 10;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-row-image:after {
    border-radius: 8px;
    height: calc(100% - 20px);
    top: 10px;
    left: 16px;
  }
}
.reading-list-row-image img {
  border-radius: 10px;
  width: 132px;
  position: relative;
  z-index: 30;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-row-image img {
    width: 80px;
    border-radius: 8px;
  }
}
.reading-list-row-content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  max-width: 800px;
}
.reading-list-row-header {
  display: flex;
  flex-direction: column;
  column-gap: 4px;
}
.reading-list-row-title {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 0;
}
@media only screen and (max-width: 39.938em) {
  .reading-list-row-title {
    font-size: 20px;
  }
}
.reading-list-row-count {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #656565;
}
.reading-list-row-description {
  margin-bottom: 0;
}
.reading-list-row-genres-list {
  font-weight: 500;
  color: #707070;
  font-size: 15px;
}
.reading-list-row-genres-heading {
  margin-bottom: 4px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}
.toggle-view-buttons {
  background-color: #f2f2f2;
  border-radius: 12px;
  height: 40px;
  display: flex;
  align-items: center;
  align-self: center;
}
.toggle-view-button {
  border: 0;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  transition: background-color 0.13s ease;
  background-color: #f2f2f2;
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.25;
  height: 100%;
  color: #656565;
  position: relative;
  z-index: 5;
}
.toggle-view-button:hover {
  background-color: #dedede;
  color: #656565;
}
.toggle-view-button:hover:focus {
  background-color: #dedede;
}
.toggle-view-button:focus,
.toggle-view-button:active {
  background-color: #f2f2f2;
  color: #656565;
  box-shadow: none;
}
.toggle-view-button:focus-visible {
  outline: 2px solid #6dafff !important;
  z-index: 20;
}
.border-tabs {
  display: flex;
  column-gap: 24px;
  align-items: center;
  margin-bottom: 0;
}
.border-tabs--with-border {
  border-bottom: 1px solid #eaeaea;
}
.border-tab a {
  display: inline-flex;
  padding: 16px 0;
  position: relative;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #656565;
  text-decoration: none;
  transition: color 0.13s ease;
  line-height: 1.25;
}
.border-tab a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transform: scaleY(0);
  background-color: #c8c8c8;
  transition: transform 0.13s ease;
}
.border-tab a:hover {
  color: #2a2a2a;
}
.border-tab a:hover:after {
  transform: scaleY(1);
}
.border-tab a:focus,
.border-tab a:active {
  outline: none;
  color: #2a2a2a;
}
.border-tab a:focus:after,
.border-tab a:active:after {
  transform: scaleY(1);
}
.border-tab a:focus-visible {
  outline: 2px solid #6dafff !important;
  outline-offset: 2px;
}
.border-tab.active a {
  color: #2a2a2a;
}
.border-tab.active a:hover {
  color: #2a2a2a;
}
.border-tab.active a:after {
  transform: scaleY(1);
}
.border-subheading {
  display: block;
  font-size: 1.0625rem;
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeaea;
  font-weight: 800;
  color: #424242;
  line-height: 1.25;
  text-align: left;
}
.stat-block {
  display: flex;
  align-items: center;
  border-radius: 16px;
  column-gap: 16px;
  padding: 24px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.03);
  text-align: left;
}
.stat-block--orange {
  background-color: #feddd1;
}
.stat-block--teal {
  background-color: #cefaff;
}
.stat-block--yellow {
  background-color: #feefbd;
}
.stat-block--purple {
  background-color: #fad8ff;
}
.stat-block-icon {
  flex-shrink: 0;
  display: inline-flex;
}
.stat-block-icon svg {
  width: 42px;
  height: 42px;
}
.stat-block-content {
  display: flex;
  flex-direction: column;
}
.stat-block-number {
  font-weight: 800;
  font-size: 20px;
  line-height: 1.25;
  color: #424242;
}
.stat-block-description {
  font-weight: 500;
  font-size: 0.9375rem;
  color: #424242;
}
.stat-block-flame-icon {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluency/84/000000/fire-element.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.stat-block-clock-icon {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluency/84/000000/clock--v1.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.stat-block-book-icon {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: url("https://assets.beanstack-cdn.com/e_icons/fluency/84/000000/open-book.png") !important;
  background-repeat: no-repeat;
  background-color: white;
  background-color: transparent;
}
.responsive-table {
  border: 1px solid #eaeaea;
  border-radius: 12px;
}
.responsive-table__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  font-size: 14px;
  font-weight: 800;
  padding: 12px 0;
  min-height: 44px;
  background-color: #f2f2f2;
  border-radius: 12px 12px 0 0;
}
.responsive-table__column-title {
  padding: 0 18px;
  color: #424242;
}
.responsive-table__row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eaeaea;
  padding: 16px 0;
}
.responsive-table__row:last-child {
  border-bottom: 0;
}
.responsive-table__no-results {
  padding: 18px;
}
.responsive-table__column {
  padding: 0 18px;
  font-weight: 500;
  font-size: 0.9375rem;
}
.new-password-field:not(:first-of-type) {
  margin-top: 16px;
}
.new-password-field-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.new-password-field-label label {
  margin-bottom: 0;
  flex: 1;
}
.toggle-password {
  font-size: 15px;
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
  border: none;
  background-color: transparent;
  padding: 0;
}
.toggle-password:hover {
  background-color: transparent;
}
.toggle-password:focus {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.toggle-password:focus-visible {
  outline: 2px solid #6dafff !important;
}
.password-strength-meter {
  height: 6px;
  background: #e5e5e5;
  border-radius: 3px;
}
.password-strength-bar {
  height: 100%;
  width: 0%;
  border-radius: 3px;
}
.password-strength-text-wrap {
  margin-top: 4px;
  color: #656565;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
  display: inline-block;
}
.password-requirements-wrap {
  padding: 16px;
  background-color: #f5f5f5;
  border-radius: 10px;
  margin-top: 16px;
}
.password-requirements-heading {
  font-weight: 800;
  font-size: 15px;
  margin-bottom: 8px;
}
.password-requirements {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0;
}
.password-requirements-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.password-requirements-icon {
  display: none;
  width: 16px;
  height: 16px;
}
.password-requirements-icon svg {
  width: 16px;
  height: 16px;
}
.password-requirements-icon--false svg path {
  stroke: #e85648;
}
.password-requirements-icon--true svg path {
  stroke: #0ba85f;
}
.password-requirements-icon--visible {
  display: block;
}
.new-password-field-infobox {
  display: none;
}
.new-password-field-infobox--visible {
  display: flex;
}
@media (max-width: 900px) {
  #leaderboard-widget {
    order: 2;
  }
}
.leaderboard-widget {
  margin-left: 32px;
  width: 368px;
}
@media (max-width: 900px) {
  .leaderboard-widget {
    margin: 0;
    width: 100%;
  }
}
.leaderboard-widget-tabs {
  display: flex;
}
.leaderboard-widget-tab {
  padding: 16px 32px;
  white-space: nowrap;
  color: #aaa;
  border-radius: 8px 8px 0 0;
  font-size: 17px;
  line-height: 1.2;
  transition: color, background-color 0.13s ease;
  text-align: center;
  width: 50%;
}
@media (max-width: 900px) {
  .leaderboard-widget-tab {
    width: auto;
  }
}
.leaderboard-widget-tab:focus,
.leaderboard-widget-tab:active {
  color: #656565;
}
.leaderboard-widget-tab:hover {
  text-decoration: none;
  color: #656565;
  background-color: #f8f8f8;
}
.leaderboard-widget-tab--active {
  color: #424242;
  background-color: #f2f2f2;
  font-weight: 800;
}
.leaderboard-widget-tab--active:hover {
  color: #424242;
  background-color: #f2f2f2;
}
.leaderboard-widget-tab--active:focus,
.leaderboard-widget-tab--active:active {
  color: #424242;
}
.leaderboard-widget-content {
  border: 2px solid #f2f2f2;
  border-radius: 0 0 8px 8px;
}
.leaderboard-widget-actions {
  display: flex;
  justify-content: space-between;
  background-color: #f2f2f2;
  padding: 17px 23px;
}
button.leaderboard-widget-dropdown,
.leaderboard-widget-dropdown {
  background: transparent !important;
  position: relative;
  overflow: visible;
  font-family: inherit;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 0;
  border: none;
  transition: color 0.13s ease;
}
.leaderboard-widget-dropdown-icon {
  width: 16px;
  height: 16px;
  stroke: #424242;
}
.leaderboard-widget-dropdown-text {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 800;
}
.leaderboard-widget-menu a {
  font-size: 15px;
  font-weight: 700;
}
.select-leaderboard-log-type {
  font-size: 15px;
  line-height: 1.2;
  color: #656565;
  font-weight: 500;
}
.no-data-or-friends {
  text-align: center;
  font-weight: 800;
  padding: 20px;
}
.leaderboard-widget-table .lb-table-data {
  padding: 11px 21px !important;
  justify-content: flex-start;
  gap: 16px;
  cursor: auto !important;
}
.leaderboard-widget-table .lb-table-data:hover {
  background-color: transparent !important;
}
.leaderboard-widget-table .lb-reader-info {
  gap: 16px;
  font-size: 14px;
  line-height: 1.25;
  flex: 1;
  justify-content: flex-start !important;
}
.leaderboard-widget-table .lb-rank-place {
  min-width: 30px !important;
}
.leaderboard-widget-table .lb-rank-place svg {
  width: 30px !important;
  height: 30px !important;
}
.leaderboard-widget-table .lb-reader {
  padding: 0 !important;
}
.leaderboard-widget-table .lb-log-value {
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.25;
}
.view-all-leaderboards {
  padding: 19px 21px;
  text-align: center;
  border-top: 1px solid #f2f2f2;
  display: flex;
  justify-content: center;
}
.view-all-leaderboards-link {
  font-weight: 800;
  font-size: 14px;
  line-height: 1.25;
}
.view-all-leaderboards-link:hover {
  text-decoration: none;
}
.mfp-bg {
  background: #0b0b0b;
  height: 100%;
  opacity: 0.8;
  overflow: hidden;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
  z-index: 59998;
}
.mfp-bg .donations-only {
  height: 125% !important;
}
.mfp-wrap {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  bottom: 0 !important;
  left: 0 !important;
  outline: none !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 59999;
  overflow-y: auto;
  height: 100%;
}
.mfp-container {
  box-sizing: border-box;
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 28px;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  cursor: auto;
  width: 100%;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #ccc;
  left: 8px;
  margin-top: -0.8em;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 50%;
  width: auto;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-arrow,
button.mfp-close {
  -webkit-appearance: none;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  outline: none;
  overflow: visible;
  padding: 0;
  touch-action: manipulation;
  z-index: 1046;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.mfp-close {
  color: #fff;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 41px;
  font-style: normal;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
  padding: 0 0 18px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 44px;
}
.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  padding-right: 6px;
  right: -6px;
  text-align: right;
  width: 100%;
}
.mfp-counter {
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}
.mfp-arrow {
  -webkit-tap-highlight-color: transparent;
  height: 110px;
  margin: -55px 0 0;
  opacity: 0.65;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 90px;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
  border: medium inset transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: 35px;
  margin-top: 35px;
  position: absolute;
  top: 0;
  width: 0;
}
.mfp-arrow:after {
  border-bottom-width: 13px;
  border-top-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-bottom-width: 21px;
  border-top-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  border-right: 27px solid #3f3f3f;
  margin-left: 25px;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-bottom: 40px;
  padding-top: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  max-width: 900px;
  width: 100%;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  width: 100%;
}
.mfp-iframe-scaler iframe {
  background: #000;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
img.mfp-img {
  box-sizing: border-box;
  display: block;
  height: auto;
  line-height: 0;
  margin: 0 auto;
  max-width: 100%;
  padding: 40px 0;
  width: auto;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  background: #444;
  bottom: 40px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 40px;
  width: auto;
  z-index: -1;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  cursor: auto;
  left: 0;
  margin-top: -36px;
  position: absolute;
  top: 100%;
  width: 100%;
}
.mfp-title {
  color: #f3f3f3;
  line-height: 18px;
  padding-right: 36px;
  text-align: left;
  word-wrap: break-word;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    bottom: 0;
    top: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 3px 5px;
    position: fixed;
    top: auto;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    background: rgba(0, 0, 0, 0.6);
    height: 35px;
    line-height: 35px;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 35px;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
}
.app-main-header .button,
.app-main-header .button--dropdown,
.ticket-reward .button,
.ticket-reward .button--dropdown,
.modal .button,
.modal .button--dropdown {
  font-size: 14px;
  border-radius: 8px;
  padding: 10px 15px;
  width: auto;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.12s ease-in-out;
}
.app-main-header .button:focus,
.app-main-header .button--dropdown:focus,
.ticket-reward .button:focus,
.ticket-reward .button--dropdown:focus,
.modal .button:focus,
.modal .button--dropdown:focus {
  box-shadow: 0 0 0 3px #5599e1;
  outline: none !important;
}
.app-main-header .button .dropdown-arrow,
.app-main-header .button--dropdown .dropdown-arrow,
.ticket-reward .button .dropdown-arrow,
.ticket-reward .button--dropdown .dropdown-arrow,
.modal .button .dropdown-arrow,
.modal .button--dropdown .dropdown-arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 0;
}
.app-main-header .button .button__content,
.app-main-header .button--dropdown .button__content,
.ticket-reward .button .button__content,
.ticket-reward .button--dropdown .button__content,
.modal .button .button__content,
.modal .button--dropdown .button__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.app-main-header .button--secondary,
.app-main-header .main-header__primary .button--secondary,
.ticket-reward .button--secondary,
.ticket-reward .main-header__primary .button--secondary,
.modal .button--secondary,
.modal .main-header__primary .button--secondary {
  background-color: transparent;
}
.app-main-header .button--secondary .icon,
.app-main-header .main-header__primary .button--secondary .icon,
.ticket-reward .button--secondary .icon,
.ticket-reward .main-header__primary .button--secondary .icon,
.modal .button--secondary .icon,
.modal .main-header__primary .button--secondary .icon {
  margin-right: 0.5rem;
}
.app-main-header .button--account-bar,
.ticket-reward .button--account-bar,
.modal .button--account-bar {
  background-color: transparent;
  border-color: #d4d4d4;
  color: #000000;
  transition: all 0.12s ease-in-out;
}
.app-main-header .button--account-bar.button--unclickable,
.ticket-reward .button--account-bar.button--unclickable,
.modal .button--account-bar.button--unclickable {
  padding-right: 8px;
  cursor: default;
  border-color: transparent;
}
.app-main-header .button--account-bar.button--unclickable:hover,
.ticket-reward .button--account-bar.button--unclickable:hover,
.modal .button--account-bar.button--unclickable:hover {
  border-color: transparent;
}
.button.button--icon {
  background-color: transparent;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.button.button--icon:hover,
.button.button--icon:focus {
  background-color: transparent;
}
.button.button--icon .bs-icon {
  fill: #424242;
  stroke: #424242;
}
.app-main-header .button--account-controls {
  background-color: transparent;
  border-color: #d4d4d4;
  color: #000000;
  transition: all 0.12s ease-in-out;
}
.dropdown {
  display: inline-flex;
  position: relative;
  line-height: 1.5;
}
.dropdown-items-list {
  background-color: #fff;
  padding: 10px 0;
  position: absolute;
  min-width: 200px;
  box-shadow: 0 4px 22px rgba(26, 26, 26, 0.14);
  border-radius: 8px;
  text-align: left;
  max-width: 300px;
  z-index: 9999;
  top: calc(100% + 8px);
  display: none;
}
.dropdown-items-list:focus {
  outline: none;
}
.dropdown-items-list.dropdown-items-list--fixed {
  position: fixed;
}
.dropdown-items-list.dropdown-items-list--above-item {
  bottom: calc(100% + 16px) !important;
  top: inherit;
}
.dropdown-items-list ul {
  margin-bottom: 0;
  font-size: 14px;
}
.dropdown-items-list__item a,
.dropdown-items-list__item button {
  transition: background-color 0.13s ease;
  text-decoration: none;
  display: block;
  padding: 10px 20px;
}
.dropdown-items-list__item a:hover,
.dropdown-items-list__item a:focus,
.dropdown-items-list__item button:hover,
.dropdown-items-list__item button:focus {
  outline: none;
  box-shadow: none;
}
.dropdown-items-list__item a {
  display: flex;
  align-items: flex-start;
}
.dropdown-items-list__item button {
  width: 100%;
  border: 0;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
}
.align-left {
  transform-origin: top left;
  left: 0;
}
.align-right {
  transform-origin: top right;
  right: 0;
}
.align-center {
  transform-origin: center;
  right: -75%;
}
.align-left-bottom {
  transform-origin: bottom left;
  left: 0;
}
.action-icon {
  line-height: 0;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: -1px;
}
.action-icon svg {
  width: 22px;
  height: 22px;
}
#log-dropdown {
  width: 260px;
}
.checkmark-container {
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin-bottom: 14px;
  padding: 15px 54px 13px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkmark-container input {
  cursor: pointer;
  height: 0;
  position: absolute;
  opacity: 0;
  width: 0;
}
.checkmark-container input:checked ~ .checkmark:after {
  display: block;
}
.checkmark-container .checkmark {
  border: 2px solid #a1a1a1;
  border-radius: 4px;
  display: inline-block !important;
  height: 20px;
  left: 0;
  margin: 14px 18px;
  position: absolute;
  top: 0;
  width: 20px;
}
.checkmark-container .checkmark:after {
  content: "";
  display: none;
  height: 9px;
  left: 6px;
  position: absolute;
  top: 3px;
  width: 5px;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
}
.checkmark-container--registration {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0 0 0 30px;
  margin-top: 20px;
}
.checkmark-container--registration input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.checkmark-container--registration .checkmark {
  background: #fff;
  margin: 0;
  top: 50%;
  margin-top: -10px;
}
.avatar--mini {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.avatar--mini .avatar__initials {
  background-color: #e0e0e0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  color: #424242;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  font-weight: bold;
}
.reader__avatar {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background-color: #e0e0e0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12px;
  color: #424242;
}
.feedback-block--heads-up {
  background-color: #f2f2f2;
  padding: 25px;
  margin-bottom: 1rem;
  border-radius: 8px;
}
.modal-open {
  overflow-y: hidden;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 0.12s ease-in-out;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: -1;
}
.modal--is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.12s ease-in-out;
  z-index: 60000;
}
.modal__wrap {
  position: relative;
  padding: 24px;
  z-index: 3000;
  overflow-y: auto;
}
.modal__wrap .modal__container {
  position: relative;
  max-height: 100%;
  width: 480px;
}
@media screen and (max-width: 600px) {
  .modal__wrap .modal__container {
    width: 320px;
  }
}
@media screen and (max-width: 400px) {
  .modal__wrap .modal__container {
    width: 280px;
  }
}
.modal__wrap .modal__box {
  background-color: #fff;
  padding: 32px;
  border-radius: 16px;
  margin: 0 auto;
  position: relative;
  max-width: 480px;
  overflow: hidden;
}
.modal__wrap .modal__box .button--primary {
  margin-right: 0;
}
.modal__content .button.button--icon {
  width: 48px;
  border-radius: 20px;
}
@media only screen and (max-width: 39.938em) {
  .modal__content .button.button--icon {
    width: 40px;
    height: 40px;
  }
}
.modal__content .button.button--icon[disabled] {
  background-color: #f2f2f2;
}
.modal__close {
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}
.modal__close .button {
  border-radius: 50%;
  margin-right: 0;
  height: auto;
}
.modal__close .button:hover {
  background-color: #f2f2f2;
}
.modal__close .button .bs-icon {
  width: 18px;
  height: 18px;
}
.modal__header {
  padding: 18px 24px;
  text-align: left;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.modal__title {
  display: inline-block;
  line-height: 1.25;
  font-size: 18px;
  color: #2a2a2a;
  font-weight: 800;
}
.modal__content {
  padding: 24px;
  text-align: left;
}
.modal__footer {
  padding: 16px;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #eaeaea;
  column-gap: 12px;
}
.modal__subtitle {
  display: block;
  text-align: center;
  font-size: 0.875rem;
  color: #656565;
}
.modal__text-left {
  text-align: left;
}
.modal__margin-bottom {
  margin-bottom: 0.5rem;
}
#ticket-modal .modal__box {
  background-color: #fff;
  z-index: 99999999;
  padding: 48px 48px 32px;
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (min-width: 450px) {
  #ticket-modal .modal__box {
    width: 350px;
  }
}
#ticket-modal .modal__box .button--primary {
  margin-right: 0;
}
#ticket-modal .modal__content {
  padding: 0;
  text-align: center;
}
#ticket-modal .modal__title {
  margin-bottom: 0;
}
#ticket-modal .modal__footer {
  padding: 0;
  border-top: 0;
  justify-content: center;
}
#ticket-modal .modal__close {
  border: none;
  color: #e0e0e0;
  padding: 0;
  display: flex;
  justify-content: center;
  box-shadow: none !important;
  position: relative;
  margin-top: 12px;
  top: 0;
  right: 0;
}
#ticket-modal .modal__close .button {
  border: none;
  margin-right: 0;
  height: auto;
}
#ticket-modal .modal__close .button:hover {
  background-color: transparent;
}
#ticket-modal .tickets-stepper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 48px;
}
#ticket-modal .tickets-stepper button[disabled] {
  opacity: 0.2;
}
#ticket-modal .tickets-stepper button[disabled]:hover {
  background-color: #fff;
  opacity: 0.2;
}
#ticket-modal .tickets-stepper .button.button--icon {
  background-color: transparent;
  border-radius: 50%;
  transition: background-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
  width: 43px;
  margin-left: 0;
}
#ticket-modal .tickets-stepper .button.button--icon:hover,
#ticket-modal .tickets-stepper .button.button--icon:focus {
  background-color: #f2f2f2;
  border: none;
}
#ticket-modal .tickets-stepper .button.button--icon:first-of-type {
  margin-right: 40px;
}
#ticket-modal .tickets-stepper .button.button--icon:last-of-type {
  margin-left: 40px;
  margin-right: 0;
}
#ticket-modal .tickets-stepper .button.button--icon .bs-icon {
  width: 20px;
  height: 20px;
  fill: #999;
  stroke: #999;
}
#ticket-modal .tickets-stepper__tickets-number {
  font-size: 3rem;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0;
}
.status-mark {
  width: 55px;
  height: 55px;
  margin: 0 auto 35px auto;
  position: relative;
}
.status-mark .progressbar-text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -9.5px;
  margin-left: -9.5px;
  display: flex;
}
.status-mark .bs-icon {
  width: 19px;
  height: 19px;
}
.add-tickets__success {
  text-align: center;
}
.add-tickets__success .modal__title {
  color: #207a48;
}
.add-tickets__success .modal__footer {
  margin-top: 35px;
}
.add-tickets__error {
  text-align: center;
}
.add-tickets__error .modal__title {
  color: #c33a2c;
}
.add-tickets__error .modal__footer {
  margin-top: 35px;
}
.modal--image-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}
.modal--image-modal .modal__box {
  position: static;
  width: auto;
  height: auto;
  background-color: #000;
  z-index: 3000;
  top: 0;
  left: 0;
  margin-left: 0;
  padding: 0;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  max-height: calc(100vh - 30px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal--image-modal .modal__close {
  top: 30px;
  right: 30px;
}
.modal--image-modal .modal__close .button:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.modal--image-modal .modal__close .button .bs-icon {
  width: 24px;
  height: 24px;
  fill: #fff;
}
.modal--image-modal .modal__zoomed-image {
  max-width: 100%;
  max-height: 100%;
}
.modal--image-modal .modal__content {
  height: 100%;
  margin-top: 0;
}
.badge-unlock-list {
  margin: 0 -32px;
  overflow-x: hidden !important;
  overflow-y: auto;
}
.badge-unlock-list .badge-unlock {
  padding-left: 32px;
  padding-right: 32px;
  position: absolute;
  top: 55px;
  width: 100%;
  transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.badge-unlock-list .badge-unlock.badge-unlock--active {
  position: relative;
  top: 0;
}
.badge-unlock-list .reading-integrity-questions-results {
  text-align: left;
  margin: 32px -32px 0;
  padding: 32px 32px 16px;
  border-top: 1px solid #eaeaea;
  max-width: 520px;
  outline: none;
}
@media screen and (min-width: 640px) {
  .badge-unlock-list .reading-integrity-questions-results {
    margin-top: 40px;
    padding-top: 40px;
  }
}
.badge-unlock-list .reading-integrity-questions-results h3 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 0;
  line-height: 1.25;
  letter-spacing: normal;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list {
  margin-top: 12px;
  margin-bottom: 0;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li {
  display: flex;
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  align-items: flex-start;
  outline: none;
}
@media screen and (min-width: 640px) {
  .badge-unlock-list
    .reading-integrity-questions-results
    ul.reading-question-list
    li {
    padding: 24px 0;
  }
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li:not(:first-child) {
  border-top: 1px solid #eaeaea;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li:last-child {
  padding-bottom: 0;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li.correct
  .reading-question-icon {
  background-color: #dbf2e7;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li.correct
  .reading-question-icon
  .question-icon {
  stroke: #0ba85f;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li.correct
  div
  span {
  color: #0ba85f;
  font-weight: 800;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li.incorrect
  .reading-question-icon {
  background-color: #fce6e4;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li.incorrect
  .reading-question-icon
  .question-icon {
  stroke: #e85648;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li.incorrect
  div
  span {
  color: #e85648;
  font-weight: 800;
  text-decoration: line-through;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li
  .reading-question-icon {
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li
  .question-icon {
  width: 16px;
  height: 16px;
}
.badge-unlock-list
  .reading-integrity-questions-results
  ul.reading-question-list
  li
  .reading-question-text {
  margin: 0;
  margin-top: 4px;
}
.badge-unlock-button {
  position: absolute;
  top: 105px;
  z-index: 7000;
  padding: 5px !important;
  margin: 0;
}
@media only screen and (max-width: 39.938em) {
  .badge-unlock-button {
    top: 93px;
  }
}
.badge-unlock-button[disabled] .bs-icon {
  fill: rgba(0, 0, 0, 0.12);
  stroke: rgba(0, 0, 0, 0.12);
}
.badge-unlock-button .bs-icon {
  height: 15px;
  width: 10px;
}
.badge-unlock-button--forward {
  height: 48px;
  width: 48px;
  fill: #fff;
  border-radius: 15px;
  padding-left: 20px;
  padding-top: 17px;
  right: 50%;
  margin-right: -130px;
}
@media only screen and (max-width: 39.938em) {
  .badge-unlock-button--forward {
    width: 40px;
    height: 40px;
    margin-right: -110px;
  }
}
.badge-unlock-button--back {
  height: 48px;
  width: 48px;
  left: 50%;
  margin-left: -130px;
}
@media only screen and (max-width: 39.938em) {
  .badge-unlock-button--back {
    width: 40px;
    height: 40px;
    margin-left: -110px;
  }
}
.badge-unlock__meta {
  text-align: center;
  width: 420px;
  max-width: 100%;
  margin: auto;
}
.badge-unlock__meta .cover {
  transition: all 0.13s ease;
  position: relative;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  width: 100px;
  height: auto;
  padding: 0;
  border: none;
  background-color: transparent;
  margin: 0 auto 24px;
  max-height: 250px;
}
.badge-unlock__meta .cover::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 10px;
  width: calc(100% - 20px);
  height: 20px;
  border-radius: 20px;
  z-index: -1;
  background-color: rgba(26, 26, 26, 0.07);
}
.badge-unlock__meta .cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.badge-unlock__image {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (max-width: 39.938em) {
  .badge-unlock__image {
    width: 110px;
    height: 110px;
  }
}
.completed-on-text {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #087542;
  margin-top: 4px;
  margin-bottom: 20px;
}
.badge-unlock__title {
  outline: none;
}
.badge-unlock__title h2 {
  font-size: 20px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #2a2a2a;
  margin-bottom: 0;
}
@media screen and (min-width: 640px) {
  .badge-unlock__title h2 {
    font-size: 22px;
  }
}
.badge-unlock__title .badge-unlock__badge-name {
  font-size: 1rem;
  color: #424242;
}
.badge-unlock__description {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #656565;
  margin-top: 20px;
}
.badge-unlock__goodies {
  margin-top: 35px;
}
.badge-unlock__goodies .badge-drawing-btn {
  height: 30px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.23;
}
.badge-unlock__goodies li:last-child {
  margin-bottom: 0px;
}
.badge-unlock__goodies .badge-unlock__description {
  margin: 0 0 10px;
}
.badge-unlock__goodies .media {
  flex-direction: row;
}
.badge-unlock__goodies .media .media__body {
  flex-direction: column;
}
.badge-unlock__goodies .media .media__body .media__inner-body {
  display: flex;
  flex-direction: column;
}
.badge-unlock__goodies
  .media
  .media__body
  .media__inner-body
  .media__certificates-list
  li {
  margin-bottom: 5px;
}
.badge-unlock__goodies
  .media
  .media__body
  .media__inner-body
  .media__certificates-list
  li
  .badge-unlock__description {
  margin-top: 0;
}
.badge-unlock__goodies .media .bs-icon {
  display: flex;
  margin-right: 12px;
  width: 30px;
  flex: none;
}
.badge-unlock__goodies .media .bs-icon.badge-rewards {
  width: 30px;
}
.info-icon {
  background-color: #c3c3c3;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  margin: 0;
  width: 15px;
  height: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out;
  vertical-align: middle;
  margin-left: 8px;
}
.info-icon:hover {
  background-color: #898989;
}
.mfp-close-badge-modal,
.close-this-modal {
  transition: all 0.13s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 38px;
  border-radius: 100%;
  background: #fff;
  border: none;
  font-weight: inherit;
  font-family: inherit;
  font-size: 14px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  appearance: none;
  color: #424242;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 999;
  box-shadow: 0px 3px 11px 0 rgba(0, 0, 0, 0.1);
}
.mfp-close-badge-modal .bs-close,
.close-this-modal .bs-close {
  width: 18px;
  height: 18px;
}
.mfp-close-badge-modal:hover,
.close-this-modal:hover {
  text-decoration: none;
  background-color: #eaeaea;
  color: #424242;
}
.mfp-close-badge-modal:focus,
.close-this-modal:focus {
  box-shadow: inset 0 0 0 2.5px #6dafff, 0 3px 11px rgba(0, 0, 0, 0.1);
  outline: none;
  border: none;
  background-color: #eaeaea;
  color: #424242;
}
.mfp-close-badge-modal:active,
.close-this-modal:active {
  transform: scale(0.96);
}
.heads-up-modal .modal__wrap {
  display: flex;
  max-height: 100%;
  overflow-y: visible;
}
.heads-up-modal .modal__box {
  padding: 0;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.heads-up-modal .modal__header {
  display: flex;
  padding: 18px 24px;
  border-bottom: 1px solid #eaeaea;
}
.heads-up-modal .modal__title {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  color: #424242;
}
.heads-up-modal .modal__content {
  padding: 24px;
  overflow-y: auto;
  margin: 0;
}
.heads-up-modal .modal__heading {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  margin-bottom: 12px;
  color: #424242;
}
.heads-up-modal .modal__paragraph {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #424242;
}
.heads-up-modal .modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse;
  border-top: 1px solid #eaeaea;
  padding: 16px;
  gap: 12px;
}
.modal__button-group {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}
.media-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.media-list__item {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #eaeaea;
}
.media-list__item:first-child {
  border-top: none;
}
.media-list__item:last-child {
  padding-bottom: 0;
}
.media-list__item.unavailable .media__unavailable-help {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
.media-list__item.unavailable .media__title,
.media-list__item.unavailable .media__description,
.media-list__item.unavailable .badge-rewards {
  opacity: 0.4;
}
.media-list__item.unavailable .media__title,
.media-list__item.unavailable .media__description {
  text-decoration: line-through;
}
.media-list__item.limited-reward {
  display: flex;
  padding: 0px 24px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #eaeaea;
  margin: 0 -32px;
}
.media-list__item.limited-reward .limited-reward__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.media-list__item.limited-reward .limited-reward__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  align-self: stretch;
}
.media-list__item.limited-reward .limited-reward__text .limited-reward__title {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
}
.media-list__item.limited-reward
  .limited-reward__text
  .limited-reward__description {
  color: var(--Gray-G8, #424242);
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}
.media {
  display: flex;
  flex-direction: column;
}
.media__body {
  width: 100%;
}
@media screen and (min-width: 450px) {
  .media__body {
    width: auto;
  }
}
@media screen and (min-width: 450px) {
  #registration-earned-tickets .media__body {
    width: 100%;
  }
}
.media__actions {
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 450px) {
  .media__actions {
    width: auto;
  }
}
.media__actions .button--secondary {
  width: auto;
}
.media__title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #424242;
}
.media__description {
  font-size: 0.8125rem;
  display: flex;
  flex-direction: column;
}
.media__description p {
  margin-bottom: 0;
  font-size: inherit;
}
.media__description ul {
  font-size: inherit;
}
.icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  padding: 0;
  flex-shrink: 0;
}
.icon-button::after {
  transition: opacity 0.13s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: 300;
  opacity: 0;
}
.icon-button:focus {
  outline: none;
  box-shadow: none;
}
.icon-button:focus::after {
  opacity: 1;
}
.icon-button svg {
  width: 28px;
  height: 28px;
  fill: #424242;
  position: relative;
  z-index: 200;
}
.icon-button--x-small {
  width: 32px;
  height: 32px;
}
.icon-button--x-small svg {
  width: 18px;
  height: 18px;
}
.icon-button--x-small .icon-button__hover-circle {
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
}
.icon-button--small {
  width: 26px;
  height: 26px;
}
.icon-button--small svg {
  width: 24px;
  height: 24px;
}
.icon-button--small::after {
  width: 38px;
  height: 38px;
  top: auto;
  left: auto;
}
.icon-button--small .icon-button__hover-circle {
  width: 38px;
  height: 38px;
  margin-top: -19px;
  margin-left: -19px;
}
.icon-button--medium {
  height: 40px;
  width: 40px;
}
.icon-button--medium svg {
  width: 24px;
  height: 24px;
  fill: #656565;
}
.icon-button--active .icon-button__hover-circle {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.icon-button__feature-dot {
  background-color: #e85648;
  border-radius: 7px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 200;
}
.icon-button__feature-dot.hide {
  display: none;
}
.icon-button__hover-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  will-change: transform;
  position: absolute;
  z-index: 100;
  top: 50%;
  margin-top: -22px;
  left: 50%;
  margin-left: -22px;
}
.icon-button__tooltip {
  position: absolute;
  top: 5px;
  left: calc(100% + 10px);
}
.icon-button:disabled {
  cursor: not-allowed;
}
.icon-button:disabled svg {
  fill: #e5e5e5;
}
.icon-button:disabled .icon-button__hover-circle {
  opacity: 0 !important;
  transform: scale(0) !important;
}
.icon-button--with-text {
  width: auto;
  height: auto;
  padding: 8px 16px 8px 8px;
  font-size: 14px;
  color: #424242;
}
.icon-button--with-text:hover,
.icon-button--with-text:focus {
  text-decoration: none;
}
.icon-button--with-text::after {
  border-radius: 80px;
}
.icon-button--with-text svg {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.icon-button--with-text .icon-button__hover-circle {
  width: 100%;
  height: 100%;
  border-radius: 80px;
  will-change: transform;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: 0;
}
.icon-button__text {
  z-index: 200;
}
#benny-bot-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 99999;
}
#benny-bot-overlay .benny-bot__chat {
  width: 700px;
}
#benny-bot-overlay .mfp-close-badge-modal {
  border-radius: 8px;
  background: var(--gray-g-15, #f2f2f2);
  top: 10px !important;
  right: 10px !important;
  box-shadow: none;
}
.button.primary {
  border-radius: 10px;
  border: 2px solid var(--Blue-B6, #1a6dd5);
  background: var(--Blue-B6, #1a6dd5);
  color: #fff;
}
.button.primary:disabled {
  border-radius: 10px;
  border: 2px solid var(--Gray-G2, #eaeaea);
  background: var(--Gray-G2, #eaeaea);
  color: var(--Gray-G4, #c8c8c8);
}
.button.primary:hover:enabled,
.button.primary:focus,
.button.primary:active {
  border: 2px solid var(--Blue-B6, #1a6dd5);
  background: var(--Blue-B6, #1a6dd5);
  color: #fff;
}
.benny-bot {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.benny-bot__chat {
  display: inline-flex;
  padding: 0 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-radius: 24px;
  background: var(--Gray-G0, #f8f8f8);
  margin-bottom: 24px;
  max-height: 70vh;
}
.benny-bot__chat .benny-bot__chat-content {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 32px 0 24px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.benny-bot__chat .benny-bot__chat-content::-webkit-scrollbar {
  display: none;
}
.benny-bot__chat-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.benny-bot__chat-footer .button.secondary-borderless {
  border: none;
}
.benny-bot__message-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.benny-bot__message {
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: 80%;
}
.benny-bot__message .avatar {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.benny-bot__message.assistant {
  justify-content: flex-start;
  align-self: flex-start;
}
.benny-bot__message.user {
  justify-content: flex-end;
  align-self: flex-end;
}
.benny-bot__message.user .avatar {
  order: 2;
}
.benny-bot__message.user .benny-bot__message-bubble::before {
  order: 1;
  transform: rotate(180deg);
}
.benny-bot__message-error {
  margin-bottom: 0;
}
.benny-bot__message-bubble {
  display: flex;
  align-items: center;
}
.benny-bot__message-bubble::before {
  content: "";
  width: 10px;
  height: 20px;
  background: url(//assets.beanstack-cdn.com/assets/benny_bot/caret-30e5f8d886d92601e65c9b1e4d3fe8e8fa30ca37b8511b75df4bd3083d5037bb.svg)
    no-repeat center;
  background-position-y: -12px;
  fill: #fff;
  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.08));
  padding-left: 10px;
}
.benny-bot__message-bubble .benny-bot__message-typing {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 24px;
}
.benny-bot__message-bubble
  .benny-bot__message-typing
  .benny-bot__message-typing-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  fill: var(--Gray-G4, #c8c8c8);
  background: url(//assets.beanstack-cdn.com/assets/benny_bot/ellipse-81524c60cb5df97fbaecd8a93fa3ab676265450d4eb4e4d8c35c97d4b377448a.svg)
    no-repeat center;
}
.benny-bot__message-bubble .benny-bot__message-content {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 12px;
  background: var(--Mono-M0, #fff);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
  word-break: break-word;
}
.benny-bot__message-bubble
  .benny-bot__message-content
  .benny-bot__message-headline {
  font-weight: 800;
}
.benny-bot__message-flags {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
}
.benny-bot__message-flags .infobox {
  margin: 0 !important;
}
.benny-bot__message-flags .benny-bot__message-flag {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}
.avatar {
  display: flex;
  width: 52px;
  height: 52px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.avatar.benny {
  background-color: #feefbd;
}
.avatar.benny .benny-avatar {
  width: 52px;
  height: 52px;
  background-size: 52px 52px;
}
.avatar.benny .benny-avatar.thinking {
  background: url(//assets.beanstack-cdn.com/assets/bennys/benny-thinking-3908531616b9ebeef0cb371a0dbd1248a2b2f6678543cb7f9a4a58c1a8d55caf.svg)
    no-repeat bottom;
}
.avatar.benny .benny-avatar.sad {
  background: url(//assets.beanstack-cdn.com/assets/bennys/benny-sad-e5d98c4c2eeb953eddd2df7bc4fea882a35d25ee3c4becb276eda10c15036228.svg)
    no-repeat bottom;
}
.avatar.benny .benny-avatar.laughing {
  background: url(//assets.beanstack-cdn.com/assets/bennys/benny-laughing-5df26e2672b95b6caac2af4ff463529624e05b44d16dd61acd9757a500798ee0.svg)
    no-repeat bottom;
}
.avatar.benny .benny-avatar.happy {
  background: url(//assets.beanstack-cdn.com/assets/bennys/benny-happy-0a15d4f50efa31931b8c82cac9b7e72f32e35175a82b4c402a0adbba77507622.svg)
    no-repeat bottom;
}
.avatar.benny .benny-avatar.excited {
  background: url(//assets.beanstack-cdn.com/assets/bennys/benny-excited-189ee28f2b7d8d0fd317f0834bb6c811750a928c903d81d41cec51bf53d76322.svg)
    no-repeat bottom;
}
.avatar.profile {
  background: var(--red-r-05, #fcd3ce);
  color: var(--Red-R6, #d12b1e);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  order: 0;
}
.avatar.profile img {
  width: 52px;
  height: 52px;
}
.benny-bot__send-message {
  display: flex;
  padding: 20px 20px 16px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--Mono-M0, #fff);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 32px;
}
.benny-bot__send-message .benny-bot__send-message-wrap {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.benny-bot__send-message .benny-bot__send-message-wrap .avatar {
  display: flex;
  width: 44px;
  height: 44px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 56px;
  background: var(--red-r-05, #fcd3ce);
  color: var(--Red-R6, #d12b1e);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  order: 0;
}
.benny-bot__send-message
  .benny-bot__send-message-wrap
  .benny-bot__send-message-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}
.benny-bot__send-message
  .benny-bot__send-message-wrap
  .benny-bot__send-message-container
  .benny-bot__send-message-form {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  align-self: stretch;
}
.benny-bot__send-message
  .benny-bot__send-message-wrap
  .benny-bot__send-message-container
  .benny-bot__send-message-form
  .benny-bot__message-input {
  flex: 1 0 0;
  border-radius: 10px;
  border: 2px solid var(--Gray-G3, #dedede);
  background: var(--Mono-M0, #fff);
  min-height: 44px;
  padding: 8px 12px;
  resize: none;
  margin: 0;
  color: var(--Gray-G8, #424242);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: inherit;
}
.benny-bot__send-message
  .benny-bot__send-message-wrap
  .benny-bot__send-message-container
  .benny-bot__send-message-form
  .benny-bot__message-input:focus {
  outline: none;
  box-shadow: none;
}
.benny-bot__send-message
  .benny-bot__send-message-wrap
  .benny-bot__send-message-container
  .benny-bot__message-length {
  height: 19px;
  align-self: stretch;
  color: var(--Gray-G7, #707070);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.benny-bot__send-message
  .benny-bot__send-message-wrap
  .benny-bot__send-message-container
  .benny-bot__message-length.warning {
  color: var(--Red-R6, #d12b1e);
}
.benny-bot__rating {
  display: flex;
  padding: 20px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--Gray-G2, #eaeaea);
}
.benny-bot__rating p {
  color: var(--Gray-G8, #424242);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin: 0;
}
.benny-bot__rating .benny-bot__rating-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
.benny-bot__rating .benny-bot__rating-buttons .bad,
.benny-bot__rating .benny-bot__rating-buttons .good {
  display: flex;
  height: 36px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border: none;
  background: transparent;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}
.benny-bot__rating .benny-bot__rating-buttons .bad:focus,
.benny-bot__rating .benny-bot__rating-buttons .good:focus {
  box-shadow: none;
  border-color: none;
}
.benny-bot__rating .benny-bot__rating-buttons .bad.selected,
.benny-bot__rating .benny-bot__rating-buttons .good.selected {
  color: #fff;
}
.benny-bot__rating .benny-bot__rating-buttons .bad.selected svg path,
.benny-bot__rating .benny-bot__rating-buttons .good.selected svg path {
  fill: #fff;
}
.benny-bot__rating .benny-bot__rating-buttons .bad {
  color: var(--Red-R5, #e03e31);
}
.benny-bot__rating .benny-bot__rating-buttons .bad.selected {
  background: var(--Red-R5, #e03e31);
}
.benny-bot__rating .benny-bot__rating-buttons .good {
  color: var(--Green-G7, #05914f);
}
.benny-bot__rating .benny-bot__rating-buttons .good.selected {
  background: var(--Green-G7, #05914f);
}
.react-modal {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: fit-content;
  max-width: 90vw;
  max-height: 90vh;
  margin: auto;
}
.react-modal .modal-close-wrap {
  position: relative;
}
.react-modal .react-modal-content {
  background-color: white;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#close-chat-modal {
  z-index: 100000;
}
#close-chat-modal .modal__box {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}
#close-chat-modal .modal__header {
  width: 100%;
}
#close-chat-modal .modal__title {
  padding: 10px 0px;
}
#close-chat-modal .modal__content {
  display: flex;
  width: 480px;
  padding: 24px;
  margin: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--Gray-G8, #424242);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
#close-chat-modal .modal__footer {
  display: flex;
  width: 480px;
  padding: 16px;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #eaeaea;
}
#close-chat-modal .modal__footer .button {
  display: flex;
  min-height: 44px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  border-radius: 10px;
}
#close-chat-modal .modal__footer .button--secondary {
  border: 2px solid var(--Gray-G3, #dedede);
  color: var(--Gray-G8, #424242);
}
#close-chat-modal .modal__footer .button--primary {
  border: 2px solid var(--Blue-B6, #1a6dd5);
  background: var(--Blue-B6, #1a6dd5);
  color: #fff;
}
.admin-book-modal__section-content .benny-bot__chat {
  padding: 0 16px;
  margin-bottom: 0;
  width: 100%;
  max-height: none;
}
.book-talks-month {
  margin-top: 24px;
}
.book-talks-month .month-title {
  padding: 16px 0;
  border-bottom: 1px solid var(--Gray-Gray-200, #eaeaea);
  color: #424242;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}
.book-talks-month ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.book-talks-month ul .chat {
  display: flex;
  height: 77px;
  padding: 16px 0px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}
.book-talks-month ul .chat img {
  width: 16px;
  height: 16px;
}
.book-talks-month ul .chat .chat-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.book-talks-month ul .chat .chat-info .chat-book {
  color: #424242;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
}
.book-talks-month ul .chat .chat-info .chat-date {
  color: #656565;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.book-talks--button {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
  color: var(--Blue-Blue-300, #65a5f6) !important;
  font-weight: 800;
  padding: 2px !important;
  width: 76px;
}
.book-talks--button.mobile {
  display: none;
}
.book-talks--button.mobile img {
  width: 37px;
  height: 37px;
}
@media only screen and (max-width: 39.938em) {
  .book-talks--button.mobile:not(.top-bar__primary) {
    display: block;
    margin-left: 4px;
  }
}
.top-bar .book-talks--button.mobile {
  display: none;
}
.book-talks__start-modal {
  z-index: 89999;
}
.mfp-bg.book-talks__start-modal {
  z-index: 89998;
}
.book-talks-usage__text {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
}
.book-talks-usage__text strong {
  font-weight: 800;
}
.book-talks-usage-bar {
  height: 16px;
  width: 100%;
  background-color: #e5e5e5;
  border-radius: 16px;
}
.book-talks-usage-bar__used {
  height: 100%;
  border-radius: 16px;
  background-color: #196dd5;
}
.book-talks-usage-bar__used--yellow {
  background-color: #ffbc42;
}
.book-talks-usage-bar__used--red {
  background-color: #e85648;
}
#limited-reward__overlay {
  z-index: 99990;
}
#limited-reward__overlay .limited-reward__wrapper {
  display: flex;
  width: 700px;
  padding: 138.5px 0px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#limited-reward__overlay .limited-reward__wrapper .limited-reward__earned {
  display: flex;
  width: 700px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
#limited-reward__overlay
  .limited-reward__wrapper
  .limited-reward__earned
  .limited-reward__banner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}
#limited-reward__overlay
  .limited-reward__wrapper
  .limited-reward__earned
  .limited-reward__banner
  img {
  width: 393px;
  height: 115px;
}
#limited-reward__overlay
  .limited-reward__wrapper
  .limited-reward__earned
  .limited-reward__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
#limited-reward__overlay
  .limited-reward__wrapper
  .limited-reward__earned
  .limited-reward__description
  .limited-reward__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  align-self: stretch;
}
#limited-reward__overlay
  .limited-reward__wrapper
  .limited-reward__earned
  .limited-reward__description
  .limited-reward__text
  .limited-reward__title {
  color: var(--Gray-G9, #2a2a2a);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
#limited-reward__overlay
  .limited-reward__wrapper
  .limited-reward__earned
  .limited-reward__description
  .limited-reward__text
  .limited-reward__subtitle {
  max-width: 500px;
  color: var(--Gray-G8, #424242);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.tag {
  font-size: 13px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4px 8px;
  white-space: nowrap;
  font-weight: 700;
}
@media print {
  .tag {
    padding: 0;
  }
}
.tag--purple {
  background-color: #fad8ff;
  color: #901eaa;
}
.tag--purple:hover {
  color: #901eaa;
  background-color: #f7cafe;
  text-decoration: none;
}
.tag--yellow {
  background-color: #ffecc8;
  color: #826022;
}
.tag--gray {
  background-color: #eaeaea;
  color: #424242;
}
.tag--teal {
  background-color: #cefaff;
  color: #047282;
}
.tag--teal:hover {
  color: #047282;
  background-color: #b3f7ff;
  text-decoration: none;
}
.tag--green {
  background-color: #cbfce5;
  color: #017841;
}
.tag--red {
  background-color: #fdd2ce;
  color: #9c1307;
}
.tag--medium {
  font-size: 0.875rem;
  border-radius: 20px;
  min-height: 36px;
  padding: 8px 16px;
  font-weight: 700;
}
@media print {
  .tag--medium {
    padding: 0;
  }
}
.tag--large {
  font-size: 0.875rem;
  border-radius: 16px;
  min-height: 40px;
  padding: 8px 20px;
  font-weight: 800;
}
@media print {
  .tag--large {
    padding: 0;
  }
}